diff --git a/.codeclimate.yml b/.codeclimate.yml
index 5138e66..def67fe 100644
--- a/.codeclimate.yml
+++ b/.codeclimate.yml
@@ -2,33 +2,23 @@
version: "2"
checks:
argument-count:
- enabled: true
- config:
- threshold: 4
+ enabled: false # handled by eslint rule "max-params"
complex-logic:
enabled: true
config:
threshold: 4
file-lines:
- enabled: true
- config:
- threshold: 250
+ enabled: false # handled by eslint rule "max-lines"
method-complexity:
- enabled: true
- config:
- threshold: 5
+ enabled: false # handled by eslint rule "complexity"
method-count:
enabled: true
config:
threshold: 20
method-lines:
- enabled: false
- config:
- threshold: 30
+ enabled: false # handled by eslint rule "max-lines-per-function"
nested-control-flow:
- enabled: true
- config:
- threshold: 4
+ enabled: false # handled by eslint rule "max-depth"
return-statements:
enabled: true
config:
@@ -40,12 +30,13 @@ checks:
plugins:
eslint:
- enabled: true
- channel: "eslint-5"
- config:
- sanitize_batch: false
- extensions:
- - .js
- - .html
+ enabled: false
fixme:
enabled: true
+
+exclude_patterns:
+ - "node_modules/"
+ - "test/"
+ - "demo/"
+ - "*.bak"
+ - "stories/"
diff --git a/.github/karma-problem-matcher.json b/.github/karma-problem-matcher.json
new file mode 100644
index 0000000..4877818
--- /dev/null
+++ b/.github/karma-problem-matcher.json
@@ -0,0 +1,30 @@
+{
+ "problemMatcher": [{
+ "owner": "karma-eval",
+ "pattern": [{
+ "regexp": "^\\w+\\s\\d+\\.\\d+\\.\\d+\\s\\(\\w+\\s\\d+\\.\\d+\\.\\d+\\)\\sERROR$"
+ }, {
+ "regexp": "^\\s{2}(.*)$",
+ "message": 1
+ }, {
+ "regexp": "^\\s{2}at\\s([^:]*):(\\d+):(\\d+)$",
+ "file": 1,
+ "line": 2,
+ "column": 3
+ }]
+ }, {
+ "owner": "karma-test-error",
+ "pattern": [{
+ "regexp": "^\\w+\\s\\d+\\.\\d+\\.\\d+\\s\\(\\w+\\s\\d+\\.\\d+\\.\\d+\\)\\s(.*)FAILED$",
+ "code": 1
+ }, {
+ "regexp": "^\\t(.*)$",
+ "message": 1
+ }, {
+ "regexp": "^\\t {4}at\\s[^\\s]*\\s\\(([^:]*):(\\d+):(\\d+)\\)$",
+ "file": 1,
+ "line": 2,
+ "column": 3
+ }]
+ }]
+}
\ No newline at end of file
diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
new file mode 100644
index 0000000..f5e2f54
--- /dev/null
+++ b/.github/workflows/storybook.yml
@@ -0,0 +1,25 @@
+---
+name: Github CI
+on:
+ push:
+ branches:
+ - master
+jobs:
+ storybook:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout
+ uses: actions/checkout@v1
+
+ - name: Use Node.js 12.x
+ uses: actions/setup-node@v1
+ with:
+ node-version: 12.x
+
+ - name: Install
+ run: npm ci
+
+ - name: Deploy storybook
+ run: npm run storybook:deploy -- --ci
+ env:
+ GH_TOKEN: Neovici:${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/workflow.yml b/.github/workflows/workflow.yml
index 0888981..ad38b28 100644
--- a/.github/workflows/workflow.yml
+++ b/.github/workflows/workflow.yml
@@ -16,10 +16,10 @@ jobs:
- name: Checkout
uses: actions/checkout@v1
- - name: Use Node.js 10.x
+ - name: Use Node.js 12.x
uses: actions/setup-node@v1
with:
- node-version: 10.x
+ node-version: 12.x
- name: Install
run: npm ci
@@ -28,9 +28,7 @@ jobs:
run: npx commitlint --from origin/master --to HEAD
- name: ESLint
- run: npx github-actions-eslint-annotator
- env:
- GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+ run: npm run lint
- name: Test and report
env:
@@ -44,7 +42,8 @@ jobs:
run: |
([[ -e $NEO_CC ]] || curl -L $NEO_CC_URL > $NEO_CC) && chmod +x $NEO_CC
$NEO_CC before-build
- npm run test $([ -z "$SAUCE_ACCESS_KEY"] && echo "-- --skip-plugin sauce")
+ echo "::add-matcher::.github/karma-problem-matcher.json"
+ npm test
$NEO_CC after-build --exit-code $?
- name: Semantic release
diff --git a/.storybook/main.js b/.storybook/main.js
new file mode 100644
index 0000000..9bae9a2
--- /dev/null
+++ b/.storybook/main.js
@@ -0,0 +1,4 @@
+module.exports = {
+ addons: ['storybook-prebuilt/addon-knobs/register.js'],
+ stories: ['../stories/**/*.stories.{js,mdx}'],
+};
diff --git a/.storybook/preview.js b/.storybook/preview.js
new file mode 100644
index 0000000..4495f48
--- /dev/null
+++ b/.storybook/preview.js
@@ -0,0 +1,34 @@
+import {
+ addParameters,
+ addDecorator,
+ setCustomElements,
+ withA11y,
+} from '@open-wc/demoing-storybook';
+
+addDecorator(withA11y);
+
+addParameters({
+ a11y: {
+ config: {},
+ options: {
+ checks: { 'color-contrast': { options: { noScroll: true } } },
+ restoreScroll: true,
+ }
+ },
+ docs: {
+ iframeHeight: '200px',
+ },
+ options: {
+ enableShortcuts: false
+ }
+});
+
+async function run() {
+ const customElements = await (
+ await fetch(new URL('../custom-elements.json', import.meta.url))
+ ).json();
+
+ setCustomElements(customElements);
+}
+
+run();
diff --git a/analysis.json b/analysis.json
deleted file mode 100644
index 81be40e..0000000
--- a/analysis.json
+++ /dev/null
@@ -1,2593 +0,0 @@
-{
- "schema_version": "1.0.0",
- "elements": [
- {
- "description": "`cosmoz-image-viewer` is an element for displaying images in a carousel while being able to detach the currently\nselected image into another window, zooming and activating a fullscreen mode.\n\nA user can enable the zoom mode by\na) clicking on the zoom button\nb) double clicking on this element\n\nThe zoom mode (+ pan) gets disabled when the image is zoomed out (The initial zoom level is active.) again\nso a user can swipe to the next image.",
- "summary": "",
- "path": "cosmoz-image-viewer.js",
- "properties": [
- {
- "name": "t",
- "type": "Object | null | undefined",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 20,
- "column": 3
- },
- "end": {
- "line": 25,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Object"
- }
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "imageOverlay",
- "type": "?",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1001,
- "column": 1
- },
- "end": {
- "line": 1003,
- "column": 2
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true
- }
- }
- },
- {
- "name": "carousel",
- "type": "?",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1005,
- "column": 1
- },
- "end": {
- "line": 1007,
- "column": 2
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true
- }
- }
- },
- {
- "name": "hasWindow",
- "type": "?",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1138,
- "column": 1
- },
- "end": {
- "line": 1140,
- "column": 2
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true
- }
- }
- },
- {
- "name": "currentImage",
- "type": "string | null | undefined",
- "description": "The url of the currenly selected image.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 710,
- "column": 3
- },
- "end": {
- "line": 714,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "notify": true,
- "readOnly": true,
- "attributeType": "String"
- }
- }
- },
- {
- "name": "currentImageIndex",
- "type": "number | null | undefined",
- "description": "The index in the images array of the currently selected image.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 718,
- "column": 3
- },
- "end": {
- "line": 721,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "notify": true,
- "attributeType": "Number"
- }
- }
- },
- {
- "name": "detachedWindowName",
- "type": "string | null | undefined",
- "description": "Unique name of browsing context for detached window",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 725,
- "column": 3
- },
- "end": {
- "line": 728,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "String"
- }
- },
- "defaultValue": "\"OCR\""
- },
- {
- "name": "detachedWindowFeatures",
- "type": "Object | null | undefined",
- "description": "Detached window features\nhttps://developer.mozilla.org/en-US/docs/Web/API/Window/open#Window_features",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 733,
- "column": 3
- },
- "end": {
- "line": 741,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Object"
- }
- }
- },
- {
- "name": "_detachedWindowFeaturesString",
- "type": "string | null | undefined",
- "description": "Detached window features in string format",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 745,
- "column": 3
- },
- "end": {
- "line": 748,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "String"
- }
- }
- },
- {
- "name": "_defaultDetachedWindowTitle",
- "type": "string | null | undefined",
- "description": "Default title of detached window document,\nused if no title attribute/property is specified",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 753,
- "column": 3
- },
- "end": {
- "line": 756,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "String"
- }
- }
- },
- {
- "name": "_detachedWindowTitle",
- "type": "string | null | undefined",
- "description": "Evaluated title of detached window document.\nSupplied title or default",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 761,
- "column": 3
- },
- "end": {
- "line": 764,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "String"
- }
- }
- },
- {
- "name": "selectedImageNumber",
- "type": "number | null | undefined",
- "description": "Like currentImageIndex but starts at 1 instead of 0.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 768,
- "column": 3
- },
- "end": {
- "line": 772,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "notify": true,
- "readOnly": true,
- "attributeType": "Number"
- }
- }
- },
- {
- "name": "isDetached",
- "type": "boolean | null | undefined",
- "description": "If true, the detached window is open.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 776,
- "column": 3
- },
- "end": {
- "line": 785,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "notify": true,
- "observer": "UNKNOWN",
- "readOnly": true,
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "images",
- "type": "Array | null | undefined",
- "description": "The images array.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 789,
- "column": 3
- },
- "end": {
- "line": 795,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "observer": "\"_imageListChanged\"",
- "attributeType": "Array"
- }
- }
- },
- {
- "name": "scrollPercent",
- "type": "number | null | undefined",
- "description": "The percent the view should scroll down after the image got loaded.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 799,
- "column": 3
- },
- "end": {
- "line": 802,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "notify": true,
- "attributeType": "Number"
- }
- }
- },
- {
- "name": "sizing",
- "type": "string | null | undefined",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 804,
- "column": 3
- },
- "end": {
- "line": 806,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "String"
- }
- }
- },
- {
- "name": "imageLoaded",
- "type": "boolean | null | undefined",
- "description": "If true, the currently selected image is fully loaded.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 810,
- "column": 3
- },
- "end": {
- "line": 813,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "selectedItem",
- "type": "Object | null | undefined",
- "description": "The selected slide in the carousel",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 817,
- "column": 3
- },
- "end": {
- "line": 820,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "observer": "\"_selectedItemChanged\"",
- "attributeType": "Object"
- }
- }
- },
- {
- "name": "isZoomed",
- "type": "boolean | null | undefined",
- "description": "If true, the current image is zoomed.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 824,
- "column": 3
- },
- "end": {
- "line": 827,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "showNav",
- "type": "boolean | null | undefined",
- "description": "If true, navigation next/prev buttons are visible.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 831,
- "column": 3
- },
- "end": {
- "line": 834,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "showDots",
- "type": "boolean | null | undefined",
- "description": "If true, pagination dots are visible.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 838,
- "column": 3
- },
- "end": {
- "line": 841,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "showZoom",
- "type": "boolean | null | undefined",
- "description": "If true, a zoom button is visible.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 845,
- "column": 3
- },
- "end": {
- "line": 848,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "showFullscreen",
- "type": "boolean | null | undefined",
- "description": "If true, a fullscreen button is visible.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 852,
- "column": 3
- },
- "end": {
- "line": 855,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "showDetach",
- "type": "boolean | null | undefined",
- "description": "If true, a detach button is visible.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 859,
- "column": 3
- },
- "end": {
- "line": 862,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "showClose",
- "type": "boolean | null | undefined",
- "description": "If true, a close icon is visible. Useful if displayed as an overlay.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 866,
- "column": 3
- },
- "end": {
- "line": 869,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "showPageNumber",
- "type": "boolean | null | undefined",
- "description": "If true, the current page number (e.g. 2/5) is visible.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 873,
- "column": 3
- },
- "end": {
- "line": 876,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "title",
- "type": "string | null | undefined",
- "description": "Title used as tooltip and detached window document title",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 880,
- "column": 3
- },
- "end": {
- "line": 884,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "String"
- }
- },
- "defaultValue": "null"
- },
- {
- "name": "loop",
- "type": "boolean | null | undefined",
- "description": "If true, clicking on next when the last image is selected,\nwill show the first image again.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 889,
- "column": 3
- },
- "end": {
- "line": 892,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "false"
- },
- {
- "name": "credentials",
- "type": "boolean | null | undefined",
- "description": "If true, will add credentials to fetch call,\ndefaults to true",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 897,
- "column": 3
- },
- "end": {
- "line": 900,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- },
- "defaultValue": "true"
- },
- {
- "name": "downloadFileName",
- "type": "string | null | undefined",
- "description": "The filename of the zip archive when downloaded\nin the detached window.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 905,
- "column": 3
- },
- "end": {
- "line": 908,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "String"
- }
- },
- "defaultValue": "\"archive\""
- },
- {
- "name": "_elementHeight",
- "type": "number | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 912,
- "column": 3
- },
- "end": {
- "line": 915,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Number"
- }
- },
- "defaultValue": "0"
- },
- {
- "name": "_hideNoImageInfo",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 917,
- "column": 3
- },
- "end": {
- "line": 920,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "_showNav",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 922,
- "column": 3
- },
- "end": {
- "line": 925,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "_showZoom",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 927,
- "column": 3
- },
- "end": {
- "line": 930,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "_showDetach",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 932,
- "column": 3
- },
- "end": {
- "line": 935,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "_showFullscreen",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 937,
- "column": 3
- },
- "end": {
- "line": 940,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "_showPageNumber",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 942,
- "column": 3
- },
- "end": {
- "line": 945,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "readOnly": true,
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "_resolvedImages",
- "type": "Array | null | undefined",
- "description": "The url resolved images array.",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 949,
- "column": 3
- },
- "end": {
- "line": 951,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Array"
- }
- }
- },
- {
- "name": "_imageContainerHeight",
- "type": "number | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 953,
- "column": 3
- },
- "end": {
- "line": 955,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Number"
- }
- }
- },
- {
- "name": "_scroller",
- "type": "Object | null | undefined",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 957,
- "column": 3
- },
- "end": {
- "line": 959,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Object"
- }
- }
- }
- ],
- "methods": [
- {
- "name": "_argumentsToObject",
- "description": "Convert arguments to an object, skipping some argument.",
- "privacy": "protected",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 35,
- "column": 1
- },
- "end": {
- "line": 38,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "args",
- "type": "array",
- "description": "Arguments."
- },
- {
- "name": "skipnum",
- "type": "number",
- "description": "Argument number to skip."
- }
- ],
- "return": {
- "type": "object",
- "desc": "Resulting object with arguments."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "_arrayToObject",
- "description": "Convert an array to an object.",
- "privacy": "protected",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 45,
- "column": 1
- },
- "end": {
- "line": 59,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "array",
- "type": "array",
- "description": "Array to convert."
- }
- ],
- "return": {
- "type": "object",
- "desc": "Resulting object."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "_ensureInitialized",
- "description": "Ensure mixin is initialized.",
- "privacy": "protected",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 65,
- "column": 1
- },
- "end": {
- "line": 71,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "_",
- "description": "Convenience method for gettext. Translates a text.",
- "privacy": "protected",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 78,
- "column": 1
- },
- "end": {
- "line": 80,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "key",
- "type": "string",
- "description": "Translation key."
- }
- ],
- "return": {
- "type": "string",
- "desc": "Translated text."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "connectedCallback",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 986,
- "column": 1
- },
- "end": {
- "line": 989,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "disconnectedCallback",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 991,
- "column": 1
- },
- "end": {
- "line": 997,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "gettext",
- "description": "Translates a text.\n\nExample of basic translation:\n`_(string, t)`\n {{ _(‘My translation’, t) }}
\n\nExample of basic translation with interpolation:\n`_(string, [args], t)`\n {{ _(‘Hello {0}’, user.name, t) }}
",
- "privacy": "public",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 115,
- "column": 1
- },
- "end": {
- "line": 117,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "key",
- "type": "string",
- "description": "Text to translate."
- }
- ],
- "return": {
- "type": "string",
- "desc": "Translated text."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "gettextgeneric",
- "description": "Generic handler for text translation",
- "privacy": "public",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 125,
- "column": 1
- },
- "end": {
- "line": 131,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "key",
- "type": "string",
- "description": "Text to translate."
- },
- {
- "name": "callerArgs",
- "type": "array",
- "description": "Arguments from the calling function."
- }
- ],
- "return": {
- "type": "string",
- "desc": "Translated text."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "ngettext",
- "description": "Plural version of gettext. Translates a text to the current locale\nusing the first numeric argument after the two first arguments to\ndetermine if output should be singular or plural.\n\nExample of translation in singular or plural:\n`ngettext(singular, plural, count, t)`\n{{ ngettext(‘My translation’,\n ‘My translations’, count, t) }}
\n\nExample of translation in singular or plural with interpolation:\n`ngettext(singular, plural, [count and other args], t)`\n{{ ngettext(‘My translation for “{1}”’,\n ‘My {0} translations for “{1}”’, count, ‘hello’, t) }}
",
- "privacy": "public",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 151,
- "column": 1
- },
- "end": {
- "line": 169,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "singular",
- "type": "string",
- "description": "Singular text variant."
- },
- {
- "name": "plural",
- "type": "string",
- "description": "Plural text variant."
- }
- ],
- "return": {
- "type": "string",
- "desc": "Translated text."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "pgettext",
- "description": "Translates a text using a specific context.\n\nExample of translation with context:\n`pgettext(context, ‘text’, t)`\n {{ pgettext(‘Cancel Invoice’, ‘Cancel’, t) }}
\n\nExample of translation including context with interpolation:\n`pgettext(context, ‘text’, [args], t)`\n{{ pgettext(‘Cancel Invoice’, ‘Cancel {0}’,\n document.type, t) }}
",
- "privacy": "public",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 186,
- "column": 1
- },
- "end": {
- "line": 194,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "context",
- "type": "string",
- "description": "Context text."
- },
- {
- "name": "key",
- "type": "string",
- "description": "Text to translate."
- }
- ],
- "return": {
- "type": "string",
- "desc": "Translated text."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "npgettext",
- "description": "Translates a text in singular or plural with a specific context.\n\nExample of translation in singular or plural with context:\n`npgettext(context, singular, plural, count, t)`\n{{ npgettext('Cancel invoice', ‘My cancellation’,\n ‘My {0} cancellations’, count, t) }}
\n\nExample of translation in singular or plural with context and\ninterpolation:\n`npgettext(context, singular, plural, count, t)`\n{{ npgettext('Cancel invoice', ‘My {1} cancellation’,\n ‘My {0} {1} cancellations’, count, document.type, t) }}
",
- "privacy": "public",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 214,
- "column": 1
- },
- "end": {
- "line": 236,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "context",
- "type": "string",
- "description": "Context text."
- },
- {
- "name": "singular",
- "type": "string",
- "description": "Singular text variant."
- },
- {
- "name": "plural",
- "type": "string",
- "description": "Plural text variant."
- }
- ],
- "return": {
- "type": "string",
- "desc": "Translated text."
- },
- "inheritedFrom": "translatable"
- },
- {
- "name": "ready",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 971,
- "column": 1
- },
- "end": {
- "line": 984,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "nextImage",
- "description": "Triggers the slide to the next image.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1012,
- "column": 1
- },
- "end": {
- "line": 1014,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "undefined"
- }
- },
- {
- "name": "previousImage",
- "description": "Triggers the slide to the previous image.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1019,
- "column": 1
- },
- "end": {
- "line": 1021,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "undefined"
- }
- },
- {
- "name": "_createImageOverlay",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1023,
- "column": 1
- },
- "end": {
- "line": 1032,
- "column": 2
- }
- },
- "metadata": {},
- "params": []
- },
- {
- "name": "openFullscreen",
- "description": "Opens the fullscreen overlay.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1038,
- "column": 1
- },
- "end": {
- "line": 1043,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "undefined"
- }
- },
- {
- "name": "attach",
- "description": "Closes the detached window.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1048,
- "column": 1
- },
- "end": {
- "line": 1053,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "undefined"
- }
- },
- {
- "name": "detach",
- "description": "Opens a detached window.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1058,
- "column": 1
- },
- "end": {
- "line": 1073,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "Object",
- "desc": "detached window object"
- }
- },
- {
- "name": "_detachToNewWindow",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1075,
- "column": 1
- },
- "end": {
- "line": 1114,
- "column": 2
- }
- },
- "metadata": {},
- "params": []
- },
- {
- "name": "_appendScriptsToWindow",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1116,
- "column": 1
- },
- "end": {
- "line": 1129,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "nodes"
- },
- {
- "name": "w"
- }
- ],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_detachToExistingWindow",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1131,
- "column": 1
- },
- "end": {
- "line": 1136,
- "column": 2
- }
- },
- "metadata": {},
- "params": []
- },
- {
- "name": "syncState",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1142,
- "column": 1
- },
- "end": {
- "line": 1146,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "downloadZip",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1148,
- "column": 1
- },
- "end": {
- "line": 1152,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "zip"
- }
- ],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "createZipFromUrls",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1154,
- "column": 1
- },
- "end": {
- "line": 1186,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "fileUrls"
- }
- ]
- },
- {
- "name": "zoomToggle",
- "description": "Toggles between initial zoom level and 1.5x initial zoom level.",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 1191,
- "column": 1
- },
- "end": {
- "line": 1202,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "undefined"
- }
- },
- {
- "name": "_computeDetachedWindowFeaturesString",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1206,
- "column": 1
- },
- "end": {
- "line": 1210,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "featues",
- "defaultValue": "{}"
- }
- ]
- },
- {
- "name": "_computeShowActions",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1212,
- "column": 1
- },
- "end": {
- "line": 1215,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "show"
- },
- {
- "name": "imagesLen"
- },
- {
- "name": "height"
- },
- {
- "name": "imgsMinLen",
- "defaultValue": "1"
- }
- ]
- },
- {
- "name": "_onImageError",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1217,
- "column": 1
- },
- "end": {
- "line": 1224,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "e"
- }
- ],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_selectedItemChanged",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1226,
- "column": 1
- },
- "end": {
- "line": 1234,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "selectedItem"
- }
- ],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_getZoomIcon",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1237,
- "column": 1
- },
- "end": {
- "line": 1239,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "zoomed"
- }
- ]
- },
- {
- "name": "_getTitle",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1241,
- "column": 1
- },
- "end": {
- "line": 1243,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "title1"
- },
- {
- "name": "title2"
- }
- ]
- },
- {
- "name": "_isZoomed",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1245,
- "column": 1
- },
- "end": {
- "line": 1251,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "viewer"
- },
- {
- "name": "zoom"
- }
- ]
- },
- {
- "name": "_initImgPanZoomInstance",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1253,
- "column": 1
- },
- "end": {
- "line": 1286,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "imgPanZoom"
- }
- ],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_computeCurrentImage",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1288,
- "column": 1
- },
- "end": {
- "line": 1293,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "index"
- },
- {
- "name": "array"
- }
- ]
- },
- {
- "name": "_computeSelectedImageNumber",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1295,
- "column": 1
- },
- "end": {
- "line": 1300,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "index"
- },
- {
- "name": "total"
- }
- ]
- },
- {
- "name": "_onResize",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1302,
- "column": 1
- },
- "end": {
- "line": 1307,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_imageListChanged",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1309,
- "column": 1
- },
- "end": {
- "line": 1325,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "images"
- }
- ],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_close",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1327,
- "column": 1
- },
- "end": {
- "line": 1329,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_imageLoadedChanged",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1331,
- "column": 1
- },
- "end": {
- "line": 1339,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "e"
- }
- ],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_scrollHandler",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1341,
- "column": 1
- },
- "end": {
- "line": 1350,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_scrollToPercent",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 1352,
- "column": 1
- },
- "end": {
- "line": 1359,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "loaded"
- },
- {
- "name": "percent"
- },
- {
- "name": "height"
- }
- ],
- "return": {
- "type": "void"
- }
- }
- ],
- "staticMethods": [],
- "demos": [
- {
- "url": "demo/index.html",
- "description": ""
- }
- ],
- "metadata": {},
- "sourceRange": {
- "start": {
- "line": 48,
- "column": 0
- },
- "end": {
- "line": 1360,
- "column": 1
- }
- },
- "privacy": "public",
- "superclass": "HTMLElement",
- "name": "CosmozImageViewer",
- "attributes": [
- {
- "name": "t",
- "description": "",
- "sourceRange": {
- "file": "../@neovici/cosmoz-i18next/cosmoz-i18next.js",
- "start": {
- "line": 20,
- "column": 3
- },
- "end": {
- "line": 25,
- "column": 4
- }
- },
- "metadata": {},
- "type": "Object | null | undefined",
- "inheritedFrom": "translatable"
- },
- {
- "name": "current-image",
- "description": "The url of the currenly selected image.",
- "sourceRange": {
- "start": {
- "line": 710,
- "column": 3
- },
- "end": {
- "line": 714,
- "column": 4
- }
- },
- "metadata": {},
- "type": "string | null | undefined"
- },
- {
- "name": "current-image-index",
- "description": "The index in the images array of the currently selected image.",
- "sourceRange": {
- "start": {
- "line": 718,
- "column": 3
- },
- "end": {
- "line": 721,
- "column": 4
- }
- },
- "metadata": {},
- "type": "number | null | undefined"
- },
- {
- "name": "detached-window-name",
- "description": "Unique name of browsing context for detached window",
- "sourceRange": {
- "start": {
- "line": 725,
- "column": 3
- },
- "end": {
- "line": 728,
- "column": 4
- }
- },
- "metadata": {},
- "type": "string | null | undefined"
- },
- {
- "name": "detached-window-features",
- "description": "Detached window features\nhttps://developer.mozilla.org/en-US/docs/Web/API/Window/open#Window_features",
- "sourceRange": {
- "start": {
- "line": 733,
- "column": 3
- },
- "end": {
- "line": 741,
- "column": 4
- }
- },
- "metadata": {},
- "type": "Object | null | undefined"
- },
- {
- "name": "selected-image-number",
- "description": "Like currentImageIndex but starts at 1 instead of 0.",
- "sourceRange": {
- "start": {
- "line": 768,
- "column": 3
- },
- "end": {
- "line": 772,
- "column": 4
- }
- },
- "metadata": {},
- "type": "number | null | undefined"
- },
- {
- "name": "is-detached",
- "description": "If true, the detached window is open.",
- "sourceRange": {
- "start": {
- "line": 776,
- "column": 3
- },
- "end": {
- "line": 785,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "images",
- "description": "The images array.",
- "sourceRange": {
- "start": {
- "line": 789,
- "column": 3
- },
- "end": {
- "line": 795,
- "column": 4
- }
- },
- "metadata": {},
- "type": "Array | null | undefined"
- },
- {
- "name": "scroll-percent",
- "description": "The percent the view should scroll down after the image got loaded.",
- "sourceRange": {
- "start": {
- "line": 799,
- "column": 3
- },
- "end": {
- "line": 802,
- "column": 4
- }
- },
- "metadata": {},
- "type": "number | null | undefined"
- },
- {
- "name": "sizing",
- "description": "",
- "sourceRange": {
- "start": {
- "line": 804,
- "column": 3
- },
- "end": {
- "line": 806,
- "column": 4
- }
- },
- "metadata": {},
- "type": "string | null | undefined"
- },
- {
- "name": "image-loaded",
- "description": "If true, the currently selected image is fully loaded.",
- "sourceRange": {
- "start": {
- "line": 810,
- "column": 3
- },
- "end": {
- "line": 813,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "selected-item",
- "description": "The selected slide in the carousel",
- "sourceRange": {
- "start": {
- "line": 817,
- "column": 3
- },
- "end": {
- "line": 820,
- "column": 4
- }
- },
- "metadata": {},
- "type": "Object | null | undefined"
- },
- {
- "name": "is-zoomed",
- "description": "If true, the current image is zoomed.",
- "sourceRange": {
- "start": {
- "line": 824,
- "column": 3
- },
- "end": {
- "line": 827,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "show-nav",
- "description": "If true, navigation next/prev buttons are visible.",
- "sourceRange": {
- "start": {
- "line": 831,
- "column": 3
- },
- "end": {
- "line": 834,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "show-dots",
- "description": "If true, pagination dots are visible.",
- "sourceRange": {
- "start": {
- "line": 838,
- "column": 3
- },
- "end": {
- "line": 841,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "show-zoom",
- "description": "If true, a zoom button is visible.",
- "sourceRange": {
- "start": {
- "line": 845,
- "column": 3
- },
- "end": {
- "line": 848,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "show-fullscreen",
- "description": "If true, a fullscreen button is visible.",
- "sourceRange": {
- "start": {
- "line": 852,
- "column": 3
- },
- "end": {
- "line": 855,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "show-detach",
- "description": "If true, a detach button is visible.",
- "sourceRange": {
- "start": {
- "line": 859,
- "column": 3
- },
- "end": {
- "line": 862,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "show-close",
- "description": "If true, a close icon is visible. Useful if displayed as an overlay.",
- "sourceRange": {
- "start": {
- "line": 866,
- "column": 3
- },
- "end": {
- "line": 869,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "show-page-number",
- "description": "If true, the current page number (e.g. 2/5) is visible.",
- "sourceRange": {
- "start": {
- "line": 873,
- "column": 3
- },
- "end": {
- "line": 876,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "title",
- "description": "Title used as tooltip and detached window document title",
- "sourceRange": {
- "start": {
- "line": 880,
- "column": 3
- },
- "end": {
- "line": 884,
- "column": 4
- }
- },
- "metadata": {},
- "type": "string | null | undefined"
- },
- {
- "name": "loop",
- "description": "If true, clicking on next when the last image is selected,\nwill show the first image again.",
- "sourceRange": {
- "start": {
- "line": 889,
- "column": 3
- },
- "end": {
- "line": 892,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "credentials",
- "description": "If true, will add credentials to fetch call,\ndefaults to true",
- "sourceRange": {
- "start": {
- "line": 897,
- "column": 3
- },
- "end": {
- "line": 900,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "download-file-name",
- "description": "The filename of the zip archive when downloaded\nin the detached window.",
- "sourceRange": {
- "start": {
- "line": 905,
- "column": 3
- },
- "end": {
- "line": 908,
- "column": 4
- }
- },
- "metadata": {},
- "type": "string | null | undefined"
- }
- ],
- "events": [
- {
- "type": "CustomEvent",
- "name": "current-image-changed",
- "description": "Fired when the `currentImage` property changes.",
- "metadata": {}
- },
- {
- "type": "CustomEvent",
- "name": "current-image-index-changed",
- "description": "Fired when the `currentImageIndex` property changes.",
- "metadata": {}
- },
- {
- "type": "CustomEvent",
- "name": "selected-image-number-changed",
- "description": "Fired when the `selectedImageNumber` property changes.",
- "metadata": {}
- },
- {
- "type": "CustomEvent",
- "name": "is-detached-changed",
- "description": "Fired when the `isDetached` property changes.",
- "metadata": {}
- },
- {
- "type": "CustomEvent",
- "name": "scroll-percent-changed",
- "description": "Fired when the `scrollPercent` property changes.",
- "metadata": {}
- }
- ],
- "styling": {
- "cssVariables": [],
- "selectors": []
- },
- "slots": [],
- "tagname": "cosmoz-image-viewer",
- "mixins": [
- "translatable"
- ]
- },
- {
- "description": "",
- "summary": "",
- "path": "cosmoz-image-viewer-overlay.js",
- "properties": [
- {
- "name": "images",
- "type": "Array | null | undefined",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 33,
- "column": 3
- },
- "end": {
- "line": 35,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Array"
- }
- }
- },
- {
- "name": "currentImageIndex",
- "type": "number | null | undefined",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 36,
- "column": 3
- },
- "end": {
- "line": 38,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Number"
- }
- }
- },
- {
- "name": "showDetach",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 39,
- "column": 3
- },
- "end": {
- "line": 41,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "loop",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 42,
- "column": 3
- },
- "end": {
- "line": 44,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- }
- },
- {
- "name": "credentials",
- "type": "boolean | null | undefined",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 45,
- "column": 3
- },
- "end": {
- "line": 47,
- "column": 4
- }
- },
- "metadata": {
- "polymer": {
- "attributeType": "Boolean"
- }
- }
- }
- ],
- "methods": [
- {
- "name": "connectedCallback",
- "description": "",
- "privacy": "public",
- "sourceRange": {
- "start": {
- "line": 51,
- "column": 1
- },
- "end": {
- "line": 54,
- "column": 2
- }
- },
- "metadata": {},
- "params": [],
- "return": {
- "type": "void"
- }
- },
- {
- "name": "_trackHandler",
- "description": "",
- "privacy": "protected",
- "sourceRange": {
- "start": {
- "line": 56,
- "column": 1
- },
- "end": {
- "line": 64,
- "column": 2
- }
- },
- "metadata": {},
- "params": [
- {
- "name": "e"
- }
- ],
- "return": {
- "type": "void"
- }
- }
- ],
- "staticMethods": [],
- "demos": [],
- "metadata": {},
- "sourceRange": {
- "start": {
- "line": 8,
- "column": 0
- },
- "end": {
- "line": 65,
- "column": 1
- }
- },
- "privacy": "public",
- "superclass": "HTMLElement",
- "name": "CosmozImageViewerOverlay",
- "attributes": [
- {
- "name": "images",
- "description": "",
- "sourceRange": {
- "start": {
- "line": 33,
- "column": 3
- },
- "end": {
- "line": 35,
- "column": 4
- }
- },
- "metadata": {},
- "type": "Array | null | undefined"
- },
- {
- "name": "current-image-index",
- "description": "",
- "sourceRange": {
- "start": {
- "line": 36,
- "column": 3
- },
- "end": {
- "line": 38,
- "column": 4
- }
- },
- "metadata": {},
- "type": "number | null | undefined"
- },
- {
- "name": "show-detach",
- "description": "",
- "sourceRange": {
- "start": {
- "line": 39,
- "column": 3
- },
- "end": {
- "line": 41,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "loop",
- "description": "",
- "sourceRange": {
- "start": {
- "line": 42,
- "column": 3
- },
- "end": {
- "line": 44,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- },
- {
- "name": "credentials",
- "description": "",
- "sourceRange": {
- "start": {
- "line": 45,
- "column": 3
- },
- "end": {
- "line": 47,
- "column": 4
- }
- },
- "metadata": {},
- "type": "boolean | null | undefined"
- }
- ],
- "events": [],
- "styling": {
- "cssVariables": [],
- "selectors": []
- },
- "slots": [],
- "tagname": "cosmoz-image-viewer-overlay"
- }
- ]
-}
diff --git a/cosmoz-image-viewer-overlay.js b/cosmoz-image-viewer-overlay.js
index 323c64a..0c540de 100644
--- a/cosmoz-image-viewer-overlay.js
+++ b/cosmoz-image-viewer-overlay.js
@@ -9,21 +9,21 @@ import './cosmoz-image-viewer.js';
class CosmozImageViewerOverlay extends mixinBehaviors([IronOverlayBehavior], PolymerElement) {
static get template() {
return html`
-
-
-
-`;
+
+
+
+ `;
}
static get is() {
diff --git a/cosmoz-image-viewer.js b/cosmoz-image-viewer.js
index c53df58..fdfe873 100644
--- a/cosmoz-image-viewer.js
+++ b/cosmoz-image-viewer.js
@@ -164,13 +164,6 @@ class CosmozImageViewer extends translatable(mixinBehaviors([
type: Boolean,
value: false
},
- /**
- * If true, pagination dots are visible.
- */
- showDots: {
- type: Boolean,
- value: false
- },
/**
* If true, a zoom button is visible.
*/
diff --git a/custom-elements.json b/custom-elements.json
new file mode 100644
index 0000000..78eedb9
--- /dev/null
+++ b/custom-elements.json
@@ -0,0 +1,48 @@
+{
+ "version": 2,
+ "tags": [
+ {
+ "name": "cosmoz-image-viewer",
+ "properties": [
+ {
+ "name": "images",
+ "type": "Array",
+ "description": "Images"
+ },
+ {
+ "name": "loop",
+ "type": "Boolean",
+ "description": "Loop images"
+ },
+ {
+ "name": "showDetach",
+ "type": "Boolean",
+ "description": "Show detach"
+ },
+ {
+ "name": "showFullscreen",
+ "type": "Boolean",
+ "description": "Show fullscreen"
+ },
+ {
+ "name": "showNav",
+ "type": "Boolean",
+ "description": "Show navigation"
+ },
+ {
+ "name": "showPageNumber",
+ "type": "Boolean",
+ "description": "Show page number"
+ },
+ {
+ "name": "showZoom",
+ "type": "Boolean",
+ "description": "Show zoom"
+ }
+ ],
+ "events": [],
+ "slots": [],
+ "cssProperties": []
+ }
+ ]
+}
\ No newline at end of file
diff --git a/demo/haunted.html b/demo/haunted.html
deleted file mode 100644
index 8d99926..0000000
--- a/demo/haunted.html
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
-
- haunted-pan-zoom demo
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/demo/index.html b/demo/index.html
deleted file mode 100644
index 7829438..0000000
--- a/demo/index.html
+++ /dev/null
@@ -1,104 +0,0 @@
-
-
-
-
-
-
- cosmoz-image-viewer demo
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Basic cosmoz-image-viewer.
-
-
-
-
-
-
-
-
-
-
- Zooming cosmoz-image-viewer.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/demo/issue-21.html b/demo/issue-21.html
deleted file mode 100644
index 97a3667..0000000
--- a/demo/issue-21.html
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
-
-
-
-
- cosmoz-image-viewer demo
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Changing image list.
-
-
-
-
-
-
-
-
-
-
-
-
-
-