npm - @oiz/stzh-components - Versions diffs - 2.9.0-beta → 2.9.0 - Mend

@oiz/stzh-components 2.9.0-beta → 2.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/dist/collection/assets/i18n/de.json CHANGED Viewed

@@ -96,11 +96,12 @@
   "upload": {
     "description": "Um Dateien zu uploaden, ziehen Sie die Dateien in diesen Bereich.",
     "button": "Dateien auswählen",
-    "download": "Download",
     "cancelUpload": "Upload abbrechen",
     "uploadCanceled": "Upload abgebrochen.",
     "cancelUploadConfirmation": "Sind Sie sicher, dass Sie den Upload abbrechen wollen?",
     "removeFile": "Datei entfernen",
+    "deleteFile": "Hochgeladene Datei löschen",
+    "downloadFile": "Datei downloaden",
     "maxFilesExceeded": "Sie können keine weiteren Dateien uploaden.",
     "serverError": "Server derzeit nicht verfügbar, bitte versuchen Sie es später erneut.",
     "accessError": "Sie haben keine Berechtigung zum Hochladen von Dateien.",

package/dist/collection/assets/i18n/en.json CHANGED Viewed

@@ -96,11 +96,12 @@
   "upload": {
     "description": "To upload files drag & drop them in this area.",
     "button": "Choose files",
-    "download": "Download",
     "cancelUpload": "Cancel upload",
     "uploadCanceled": "Upload canceled.",
     "cancelUploadConfirmation": "Are you sure you want to cancel this upload?",
     "removeFile": "Remove file",
+    "deleteFile": "Delete uploaded file",
+    "downloadFile": "Download file",
     "maxFilesExceeded": "You can not upload any more files.",
     "serverError": "Server currently not available, please try again later.",
     "accessError": "You have no authorization for uploading files.",

package/dist/collection/components/stzh-cspace/stzh-cspace.stories.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { createComponentStory } from '../../utils/story-utils';
 import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
-const COMPONENT_NAME = 'stzh-accordion-item';
+const COMPONENT_NAME = 'stzh-cspace';
 const story = createComponentStory(COMPONENT_NAME);
 const TEMPLATE = `

package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.stories.js CHANGED Viewed

@@ -4,7 +4,7 @@ import readme from './readme.md?raw';
 import { withDesign } from 'storybook-addon-designs';
 import { getFigmaLink } from '../../../figma';
-const COMPONENT_NAME = 'stzh-accordion-item';
+const COMPONENT_NAME = 'stzh-page-skiplinks';
 const story = createComponentStory(COMPONENT_NAME);
 const TEMPLATE = `

package/dist/collection/components/stzh-pagebottom/stzh-pagebottom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-pagebottom.js","sourceRoot":"","sources":["../../../src/components/stzh-pagebottom/stzh-pagebottom.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,OAAO,EACP,IAAI,GACL,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AAMH,MAAM,OAAO,cAAc;;sBAEI,EAAE;;;yBAYE,KAAK;oBAGX,8BAA8B;;sBAU3B,KAAK;;EAInC,MAAM;IACJ,MAAM,QAAQ,GAAY,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG;MACd,iBAAiB,EAAE,IAAI;MACvB,6BAA6B,EAAE,IAAI,CAAC,UAAU;KAC/C,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,OAAO;QAChB,CAAC,IAAI,CAAC,aAAa;UAClB,WAAK,KAAK,EAAC,gCAAgC;YACxC,IAAI,CAAC,UAAU;cACd,WAAK,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,UAAU,CAAO;YAEnE,kBAAY,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,GAAe,CACvE;QAGP,QAAQ;UACP,WAAK,KAAK,EAAC,uBAAuB;YAChC,SACE,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAC,4BAA4B,iBACrB,IAAI,CAAC,eAAe,IAAI,aAAa;cAElD,YAAM,IAAI,EAAC,MAAM,GAAQ,CACvB,CACA,CAEJ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Element,\n Prop,\n} from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/*\n @slot logo - Slot for a logo image\n /\n@Component({\n tag: \"stzh-pagebottom\",\n styleUrl: \"stzh-pagebottom.scss\",\n scoped: true\n})\nexport class StzhPagebottom {\n /* Share Title /\n @Prop() shareTitle: string = \"\";\n\n /* URL of current site (uses full URL by default) /\n @Prop() shareUrl: string;\n\n /\n Array of enabled share buttons.\n * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n /\n @Prop() shareServices: ShareService[] \| string;\n\n /* Whether to show share /\n @Prop() shareDisabled: boolean = false;\n\n /* Logo href /\n @Prop() logoHref: string = \"https://www.stadt-zuerich.ch\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the logo link element.\n * Default value will be \"Footer Logo\"\n /\n @Prop() logoAnalyticsId: string;\n\n /* Whether to display border */\n @Prop() withBorder: boolean = false;\n\n @Element() element: HTMLStzhPagebottomElement;\n\n render() {\n const logoUsed: boolean = hasSlot(this.element, \"logo\");\n\n const classes = {\n \"stzh-pagebottom\": true,\n \"stzh-pagebottom--has-border\": this.withBorder\n };\n\n return (\n <Host>\n <div class={classes}>\n {!this.shareDisabled &&\n <div class=\"stzh-pagebottom__share-wrapper\">\n {this.shareTitle &&\n <div class=\"stzh-pagebottom__share-title\">{this.shareTitle}</div>\n }\n <stzh-share url={this.shareUrl} services={this.shareServices}></stzh-share>\n </div>\n }\n\n {logoUsed &&\n <div class=\"stzh-pagebottom__logo\">\n <a\n href={this.logoHref}\n class=\"stzh-pagebottom__logo-link\"\n s-object-id={this.logoAnalyticsId \|\| \"Footer Logo\"}\n >\n <slot name=\"logo\"></slot>\n </a>\n </div>\n }\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-pagebottom.js","sourceRoot":"","sources":["../../../src/components/stzh-pagebottom/stzh-pagebottom.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,OAAO,EACP,IAAI,GACL,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AAMH,MAAM,OAAO,cAAc;;sBAEI,EAAE;;;yBAYE,KAAK;oBAGX,8BAA8B;;sBAU3B,KAAK;;EAInC,MAAM;IACJ,MAAM,QAAQ,GAAY,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG;MACd,iBAAiB,EAAE,IAAI;MACvB,6BAA6B,EAAE,IAAI,CAAC,UAAU;KAC/C,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,OAAO;QAChB,CAAC,IAAI,CAAC,aAAa;UAClB,WAAK,KAAK,EAAC,gCAAgC;YACxC,IAAI,CAAC,UAAU;cACd,WAAK,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,UAAU,CAAO;YAEnE,kBAAY,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,GAAe,CACvE;QAGP,QAAQ;UACP,WAAK,KAAK,EAAC,uBAAuB;YAChC,SACE,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAC,4BAA4B,iBACrB,IAAI,CAAC,eAAe,IAAI,aAAa;cAElD,YAAM,IAAI,EAAC,MAAM,GAAQ,CACvB,CACA,CAEJ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Element,\n Prop,\n} from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/*\n @slot logo - Slot for a logo image\n /\n@Component({\n tag: \"stzh-pagebottom\",\n styleUrl: \"stzh-pagebottom.scss\",\n scoped: true\n})\nexport class StzhPagebottom {\n /* Share Title /\n @Prop() shareTitle: string = \"\";\n\n /* URL of current site (uses full URL by default) /\n @Prop() shareUrl: string;\n\n /\n Array of enabled share buttons.\n * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n /\n @Prop() shareServices: ShareService[] \| string;\n\n /* Whether to show share /\n @Prop() shareDisabled: boolean = false;\n\n /* Logo href /\n @Prop() logoHref: string = \"https://www.stadt-zuerich.ch\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the logo link element.\n * Default value will be \"Footer Logo\"\n /\n @Prop() logoAnalyticsId: string;\n\n /* Whether to display border */\n @Prop() withBorder: boolean = false;\n\n @Element() element: HTMLStzhPagebottomElement;\n\n render() {\n const logoUsed: boolean = hasSlot(this.element, \"logo\");\n\n const classes = {\n \"stzh-pagebottom\": true,\n \"stzh-pagebottom--has-border\": this.withBorder\n };\n\n return (\n <Host>\n <div class={classes}>\n {!this.shareDisabled &&\n <div class=\"stzh-pagebottom__share-wrapper\">\n {this.shareTitle &&\n <div class=\"stzh-pagebottom__share-title\">{this.shareTitle}</div>\n }\n <stzh-share url={this.shareUrl} services={this.shareServices}></stzh-share>\n </div>\n }\n\n {logoUsed &&\n <div class=\"stzh-pagebottom__logo\">\n <a\n href={this.logoHref}\n class=\"stzh-pagebottom__logo-link\"\n s-object-id={this.logoAnalyticsId \|\| \"Footer Logo\"}\n >\n <slot name=\"logo\"></slot>\n </a>\n </div>\n }\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/stzh-pagebottom/stzh-pagebottom.stories.js CHANGED Viewed

@@ -47,6 +47,6 @@ export const Default = {
 export const WithLogo = {
   render: (args) => story(args, TEMPLATE_WITH_LOGO),
   args: {
-    'with-border': true
+    'with-border': true,
   }
 };

package/dist/collection/components/stzh-ratio/stzh-ratio.stories.js CHANGED Viewed

@@ -4,7 +4,7 @@ import readme from './readme.md?raw';
 import { withDesign } from 'storybook-addon-designs';
 import { getFigmaLink } from '../../../figma';
-const COMPONENT_NAME = 'stzh-accordion-item';
+const COMPONENT_NAME = 'stzh-ratio';
 const story = createComponentStory(COMPONENT_NAME);
 const TEMPLATE = `

package/dist/collection/components/stzh-upload/stzh-upload.css CHANGED Viewed

@@ -311,7 +311,7 @@ stzh-upload .stzh-fylingfocus-focused::-moz-focus-inner {
 .stzh-upload__preview:not(.dz-error):last-child, .stzh-upload__errors:last-child .stzh-upload__preview:last-child {
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
-.stzh-upload__errors .stzh-upload__preview:first-child, .stzh-upload__errors:empty + .stzh-upload__preview {
+.stzh-upload__errors .stzh-upload__preview:first-child, .stzh-upload__errors:empty + .stzh-upload__previews > .stzh-upload__preview {
   border-top-left-radius: var(--stzh-button-border-radius);
   border-top-right-radius: var(--stzh-button-border-radius);
 }
@@ -319,7 +319,7 @@ stzh-upload .stzh-fylingfocus-focused::-moz-focus-inner {
   border-bottom-left-radius: var(--stzh-button-border-radius);
   border-bottom-right-radius: var(--stzh-button-border-radius);
 }
-.stzh-upload:has(> .stzh-upload__preview) .stzh-upload__errors .stzh-upload__preview:last-child {
+.stzh-upload:has(.stzh-upload__previews > .stzh-upload__preview) .stzh-upload__errors .stzh-upload__preview:last-child {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -355,6 +355,11 @@ stzh-upload .stzh-fylingfocus-focused::-moz-focus-inner {
   display: flex;
   overflow: hidden;
 }
+.stzh-upload__info-wrapper {
+  flex-grow: 1;
+  display: flex;
+  overflow: hidden;
+}
 .stzh-upload__info-wrapper-processing, .stzh-upload__info-wrapper-complete {
   flex-grow: 1;
   display: flex;

package/dist/collection/components/stzh-upload/stzh-upload.js CHANGED Viewed

@@ -8,8 +8,12 @@ const ATTR_TYPE = "data-dz-type";
 const ATTR_SIZE = "data-dz-size";
 const ATTR_LINK = "data-dz-link";
 const ATTR_EXTENSION = "data-dz-extension";
+const ATTR_META_ID = "data-dz-meta-id";
+const ATTR_ERROR_MESSAGE_ID = "data-dz-error-message-id";
 const ATTR_PROGRESS_TEXT = "data-dz-progress-text";
+const ATTR_REMOVE = "data-dz-remove";
 let uploadCounter = 0;
+let previewCounter = 0;
 // Most properties taken over from:
 // https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js
 // Possible events to listen to:
@@ -38,6 +42,9 @@ export class StzhUpload {
       }
       return `<strong>${selectedSize}</strong> ${this.options.dictFileSizeUnits[selectedUnit]}`;
     };
+    this.filePreviewId = function (file) {
+      return `${this.uploadId}-${file._id}`;
+    };
     this.existingFiles = [];
     this.label = "";
     this.description = "";
@@ -149,11 +156,15 @@ export class StzhUpload {
           node.setAttribute("href", fileHref);
           node.setAttribute("download", file.name);
           const isStzh = isStzhElement(node);
-          node.setAttribute(isStzh ? "analytics-id" : "s-object-id", `${self.localization.download} ${file.name}`);
+          const fileId = self.filePreviewId(file);
+          node.setAttribute(isStzh ? "analytics-id" : "s-object-id", `${self.localization.downloadFile} ${file.name}`);
+          node.setAttribute(isStzh ? "a11y-label" : "aria-label", `${self.localization.downloadFile} ${file.name}`);
+          node.setAttribute(isStzh ? "a11y-describedby" : "aria-describedby", `${fileId}-error-message ${fileId}-meta`);
         }
       }
     }
     this.dropzone = new window.Dropzone(this.dropzoneElement, {
+      previewsContainer: this.previewsElement,
       url: this.url,
       method: this.method,
       withCredentials: this.withCredentials,
@@ -181,6 +192,7 @@ export class StzhUpload {
       dictRemoveFileConfirmation: null,
       dictMaxFilesExceeded: this.localization.maxFilesExceeded,
       dictRemoveFile: this.localization.removeFile,
+      dictDeleteFile: this.localization.deleteFile,
       dictCancelUploadConfirmation: this.localization.cancelUploadConfirmation,
       dictUploadCanceled: this.localization.uploadCanceled,
       dictCancelUpload: this.localization.cancelUpload,
@@ -191,6 +203,7 @@ export class StzhUpload {
       // Receives `file`
       // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L594
       addedfile(file) {
+        file._id = previewCounter++;
         if (this.element === this.previewsContainer) {
           this.element.classList.add("dz-started");
         }
@@ -207,8 +220,14 @@ export class StzhUpload {
           for (node of file.previewElement.querySelectorAll(`[${ATTR_SIZE}]`)) {
             node.innerHTML = self.filesize.call(this, file.size);
           }
+          for (node of file.previewElement.querySelectorAll(`[${ATTR_META_ID}]`)) {
+            node.setAttribute("id", `${self.filePreviewId(file)}-meta`);
+          }
+          for (node of file.previewElement.querySelectorAll(`[${ATTR_ERROR_MESSAGE_ID}]`)) {
+            node.setAttribute("id", `${self.filePreviewId(file)}-error-message`);
+          }
           if (this.options.addRemoveLinks) {
-            file._removeLink = window.Dropzone.createElement(`<a class="dz-remove" href="javascript:undefined;" data-dz-remove>
+            file._removeLink = window.Dropzone.createElement(`<a class="dz-remove" href="javascript:undefined;" ${ATTR_REMOVE}>
                 ${this.options.dictRemoveFile}
               </a>`);
             file.previewElement.appendChild(file._removeLink);
@@ -228,10 +247,13 @@ export class StzhUpload {
               }
             }
           };
-          for (let removeLink of file.previewElement.querySelectorAll("[data-dz-remove]")) {
+          for (let removeLink of file.previewElement.querySelectorAll(`[${ATTR_REMOVE}]`)) {
             removeLink.addEventListener("click", removeFileEvent);
             const isStzh = isStzhElement(removeLink);
-            removeLink.setAttribute(isStzh ? "analytics-id" : "s-object-id", `${this.options.dictRemoveFile} ${file.name}`);
+            const fileId = self.filePreviewId(file);
+            removeLink.setAttribute(isStzh ? "analytics-id" : "s-object-id", `${this.options.dictRemoveFile}`);
+            removeLink.setAttribute(isStzh ? "a11y-label" : "aria-label", `${this.options.dictRemoveFile} ${file.name}`);
+            removeLink.setAttribute(isStzh ? "a11y-describedby" : "aria-describedby", `${fileId}-error-message ${fileId}-meta`);
           }
           if (!self.downloadDisabled && !self.downloadDisabledWhileProcessing) {
             enableDownload(file);
@@ -241,9 +263,13 @@ export class StzhUpload {
       // When the upload is finished, either with success or an error.
       // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L752
       complete(file) {
-        for (let node of file.previewElement.querySelectorAll("[data-dz-remove]")) {
-          node.setAttribute("title", this.options.dictRemoveFile);
-          node.setAttribute("aria-label", this.options.dictRemoveFile);
+        for (let node of file.previewElement.querySelectorAll(`[${ATTR_REMOVE}]`)) {
+          const hasErrorState = (file.status === "error");
+          const removeOrDeleteLabel = hasErrorState ? this.options.dictRemoveFile : this.options.dictDeleteFile;
+          const isStzh = isStzhElement(node);
+          const fileId = self.filePreviewId(file);
+          node.setAttribute(isStzh ? "a11y-label" : "aria-label", `${removeOrDeleteLabel} ${file.name}`);
+          node.setAttribute(isStzh ? "a11y-describedby" : "aria-describedby", `${fileId}-error-message ${fileId}-meta`);
         }
         // move file uploads with errors to another element, so they are grouped together
         if (file.status === "error") {
@@ -306,38 +332,40 @@ export class StzhUpload {
         </div>
         <div class="stzh-upload__details">
-          <div class="stzh-upload__info-wrapper-processing">
-            <div class="stzh-upload__infos">
-              <div class="stzh-upload__subtitle">
-                <a class="stzh-upload__link" ${ATTR_NAME} ${ATTR_LINK}></a>
+          <div class="stzh-upload__info-wrapper">
+            <div class="stzh-upload__info-wrapper-processing">
+              <div class="stzh-upload__infos">
+                <div class="stzh-upload__subtitle">
+                  <a class="stzh-upload__link" ${ATTR_NAME} ${ATTR_LINK}></a>
+                </div>
+                <div class="stzh-upload__progress-text">
+                  <span ${ATTR_PROGRESS_TEXT}></span>
+                </div>
               </div>
-              <div class="stzh-upload__progress-text">
-                <span ${ATTR_PROGRESS_TEXT}></span>
+              <div class="stzh-upload__meta">
+                <span class="stzh-upload__extension" ${ATTR_EXTENSION}></span>
+                <span class="stzh-upload__size" ${ATTR_SIZE}></span>
+              </div>
+              <div class="stzh-upload__progress">
+                <span class="stzh-upload__progress-bar" data-dz-uploadprogress></span>
               </div>
             </div>
-            <div class="stzh-upload__meta">
-              <span class="stzh-upload__extension" ${ATTR_EXTENSION}></span>
-              <span class="stzh-upload__size" ${ATTR_SIZE}></span>
-            </div>
-            <div class="stzh-upload__progress">
-              <span class="stzh-upload__progress-bar" data-dz-uploadprogress></span>
-            </div>
-          </div>
-          <div class="stzh-upload__info-wrapper-complete">
-            <div class="stzh-upload__title">
-              <a class="stzh-upload__link" ${ATTR_NAME} ${ATTR_LINK}></a>
-            </div>
-            <div class="stzh-upload__meta">
-              <span class="stzh-upload__extension" ${ATTR_EXTENSION}></span>
-              <span class="stzh-upload__size" ${ATTR_SIZE}></span>
-            </div>
-            <div class="stzh-upload__error-message">
-              <span data-dz-errormessage></span>
+            <div class="stzh-upload__info-wrapper-complete">
+              <div class="stzh-upload__title">
+                <a class="stzh-upload__link" ${ATTR_NAME} ${ATTR_LINK}></a>
+              </div>
+              <div class="stzh-upload__meta" ${ATTR_META_ID}>
+                <span class="stzh-upload__extension" ${ATTR_EXTENSION}></span>
+                <span class="stzh-upload__size" ${ATTR_SIZE}></span>
+              </div>
+              <div class="stzh-upload__error-message" ${ATTR_ERROR_MESSAGE_ID}>
+                <span data-dz-errormessage></span>
+              </div>
             </div>
           </div>
           <div class="stzh-upload__actions">
-            <stzh-button variant="tertiary" size="tiny" icon-only icon="download" class="stzh-upload__download" ${ATTR_LINK} aria-label="${this.localization.download}" title="${this.localization.download}"></stzh-button>
-            <stzh-button variant="tertiary" size="tiny" icon-only class="stzh-upload__delete" data-dz-remove aria-label="${this.localization.cancelUpload}" title="${this.localization.cancelUpload}">
+            <stzh-button variant="tertiary" size="tiny" icon-only icon="download" class="stzh-upload__download" ${ATTR_LINK}></stzh-button>
+            <stzh-button variant="tertiary" size="tiny" icon-only class="stzh-upload__delete" ${ATTR_REMOVE}>
               <stzh-icon slot="icon" class="stzh-upload__delete-icon" name="delete"></stzh-icon>
               <stzh-icon slot="icon" class="stzh-upload__delete-icon-error" name="close"></stzh-icon>
             </stzh-button>
@@ -438,7 +466,7 @@ export class StzhUpload {
       "stzh-upload--has-error": errorUsed,
       "stzh-upload--has-instructions": !!this.description || !!this.localization.description
     };
-    return (h(Host, null, h("div", { class: classes, ref: (el) => (this.dropzoneElement = el) }, h("div", { ref: (el) => (this.hiddenInputContainerElement = el) }), h("div", { id: `${this.uploadId}-label` }, this.label && h("div", { class: "stzh-upload__label" }, this.label)), h("div", { class: "stzh-upload__clickarea", ref: (el) => (this.clickareaElement = el) }, h("div", { class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, this.description ? this.description : this.localization.description), h("stzh-button", { size: "small", class: "stzh-upload__button", ref: (el) => (this.buttonElement = el), a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction ${this.uploadId}-description`, disabled: this.disabled }, this.button ? this.button : this.localization.button)), h(StzhInputDescription, { classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }), h("div", { class: "stzh-upload__errors", ref: (el) => (this.errorsElement = el) }))));
+    return (h(Host, null, h("div", { class: classes, ref: (el) => (this.dropzoneElement = el) }, h("div", { ref: (el) => (this.hiddenInputContainerElement = el) }), h("div", { id: `${this.uploadId}-label` }, this.label && h("div", { class: "stzh-upload__label" }, this.label)), h("div", { class: "stzh-upload__clickarea", ref: (el) => (this.clickareaElement = el) }, h("div", { class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, this.description ? this.description : this.localization.description), h("stzh-button", { size: "small", class: "stzh-upload__button", ref: (el) => (this.buttonElement = el), a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction ${this.uploadId}-description`, disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, this.button ? this.button : this.localization.button)), h(StzhInputDescription, { classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }), h("div", { id: `${this.uploadId}-previews` }, h("div", { class: "stzh-upload__errors", ref: (el) => (this.errorsElement = el) }), h("div", { class: "stzh-upload__previews dropzone-previews", ref: (el) => (this.previewsElement = el) })))));
   }
   static get is() { return "stzh-upload"; }
   static get originalStyleUrls() {
@@ -1051,7 +1079,7 @@ export class StzhUpload {
         "mutable": false,
         "complexType": {
           "original": "StzhUploadLocalizedText",
-          "resolved": "StzhLocaleComponent & { description: string; button: string; download: string; cancelUpload: string; uploadCanceled: string; cancelUploadConfirmation: string; removeFile: string; maxFilesExceeded: string; serverError: string; accessError: string; responseError: string; invalidFileType: string; fileTooBig: string; fileTooBigServer: string; }",
+          "resolved": "StzhLocaleComponent & { description: string; button: string; cancelUpload: string; uploadCanceled: string; cancelUploadConfirmation: string; removeFile: string; deleteFile: string; downloadFile: string; maxFilesExceeded: string; serverError: string; accessError: string; responseError: string; invalidFileType: string; fileTooBig: string; fileTooBigServer: string; }",
           "references": {
             "StzhUploadLocalizedText": {
               "location": "import",

package/dist/collection/components/stzh-upload/stzh-upload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-upload.js","sourceRoot":"","sources":["../../../src/components/stzh-upload/stzh-upload.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Method,\n Watch,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\nimport {\n StzhUploadFilesItem,\n StzhUploadFile,\n StzhUploadFileAddedEvent,\n StzhUploadFilesAddedEvent,\n StzhUploadFileRemoveEvent,\n StzhUploadFileRemovedEvent,\n StzhUploadSendingEvent,\n StzhUploadSendingMultipleEvent,\n StzhUploadProcessingEvent,\n StzhUploadProcessingMultipleEvent,\n StzhUploadProgressEvent,\n StzhUploadProgressTotalEvent,\n StzhUploadErrorEvent,\n StzhUploadErrorMultipleEvent,\n StzhUploadSuccessEvent,\n StzhUploadSuccessMultipleEvent,\n StzhUploadCanceledEvent,\n StzhUploadCanceledMultipleEvent,\n StzhUploadCompleteEvent,\n StzhUploadCompleteMultipleEvent\n} from \"../../index\";\n\nimport { hasSlot, isStzhElement } from \"../../utils/utils\";\nimport { StzhUploadLocalizedText } from './stzh-upload.localization';\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nimport \"../../libraries/dropzone/dropzone\";\nwindow.Dropzone.autoDiscover = false;\n\nconst ATTR_NAME = \"data-dz-name\";\nconst ATTR_TYPE = \"data-dz-type\";\nconst ATTR_SIZE = \"data-dz-size\";\nconst ATTR_LINK = \"data-dz-link\";\nconst ATTR_EXTENSION = \"data-dz-extension\";\nconst ATTR_PROGRESS_TEXT = \"data-dz-progress-text\";\n\nlet uploadCounter = 0;\n\n// Most properties taken over from:\n// https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js\n\n// Possible events to listen to:\n// https://github.com/dropzone/dropzone/blob/v5.9.3/src/dropzone.js#L17\n\n/*\n @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-upload\",\n styleUrl: \"stzh-upload.scss\"\n})\nexport class StzhUpload {\n /\n Initially pre existing files (e.g. already uploaded by the user).\n * Array of objects that must at least include `name` and `size` attribute:\n * `[{\"name\":\"file1.txt\", \"size\": 12345}, {\"name\":\"file2.txt\", \"size\": 12345}]`\n /\n @Prop() existingFiles: StzhUploadFilesItem[] \| string = [];\n private _existingFiles: StzhUploadFilesItem[] = [];\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Description /\n @Prop() description: string = \"\";\n\n /* Button text /\n @Prop() button: string = \"\";\n\n /\n URL the files are processed to.\n \n You can also provide a function that will be called with `files` and\n * `dataBlocks` and must return the url as string.\n /\n @Prop() url: string \| Function = \"\";\n\n /\n Can be changed to `\"put\"` if necessary. You can also provide a function\n * that will be called with `files` and must return the method.\n /\n @Prop() method: \"post\" \| \"put\" \| Function = \"post\";\n\n /\n Will be set on the XHRequest.\n /\n @Prop() withCredentials: boolean = false;\n\n /\n Whether the upload is disabled or not.\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n Whether the upload is marked as invalid.\n /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Whether download functionality should be disabled. /\n @Prop() downloadDisabled: boolean = false;\n\n /* Whether download functionality should only be shown to completed files. /\n @Prop() downloadDisabledWhileProcessing: boolean = false;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /\n The default implementation of `accept` checks the file's mime type or\n * extension against this list. This is a comma separated list of mime\n * types or file extensions.\n \n Eg.: `image/,application/pdf,.psd`\n \n * This option will also be used as\n * [`accept`](https://developer.mozilla.org/en-US/docs/HTML/Element/input#attr-accept)\n * parameter on the hidden file input as well.\n /\n @Prop() acceptedFiles: string \| null = null;\n\n /\n If false, files will be added to the queue but the queue will not be\n * processed automatically.\n * This can be useful if you need some additional user input before sending\n * files (or if you want want all files sent at once).\n * If you're ready to send the file simply call `element.processQueue()`.\n /\n @Prop() autoProcessQueue: boolean = true;\n\n /\n Hide progress (bars and text).\n /\n @Prop() hideProgress: boolean = false;\n\n /\n Hide progress (bars) only while idle (will show them as soon as upload starts).\n * Can be used together with `autoProcessQueue`, e.g. if files are uploaded at form submit to prevent showing empty progressbar.\n /\n @Prop() hideProgressWhileIdle: boolean = false;\n\n /\n If not `null` defines how many files this dropzone handles. If it exceeds,\n * the event `stzhMaxfilesexceeded` will be called.\n /\n @Prop() maxFiles: number \| null = null;\n\n /\n The maximum filesize (in MiB) that is allowed to be uploaded.\n /\n @Prop() maxFilesize: number = 25;\n\n /\n How many file uploads to process in parallel.\n /\n @Prop() parallelUploads: number = 2;\n\n /\n Whether to send multiple files in one request. If\n * this it set to true, then the fallback file input element will\n * have the `multiple` attribute as well. This option will\n * also trigger additional events (like `stzhSuccessMultiple`). See the events\n * documentation section for more information.\n /\n @Prop() uploadMultiple: boolean = false;\n\n /\n Whether you want files to be uploaded in chunks to your server. This can't be\n * used in combination with `uploadMultiple`.\n \n See `chunksUploaded` prop for the callback to finalise an upload.\n /\n @Prop() chunking: boolean = false;\n\n /\n If `chunking` is enabled, this defines whether every file should be chunked,\n * even if the file size is below chunkSize. This means, that the additional chunk\n * form data will be submitted and the `chunksUploaded` callback will be invoked.\n /\n @Prop() forceChunking: boolean = false;\n\n /\n If `chunking` is `true`, then this defines the chunk size in bytes.\n /\n @Prop() chunkSize: number = 2 1024 * 1024;\n\n /*\n If `true`, the individual chunks of a file are being uploaded simultaneously.\n /\n @Prop() parallelChunkUploads: boolean = false;\n\n /\n Whether a chunk should be retried if it fails.\n /\n @Prop() retryChunks: boolean = false;\n\n /\n If `retryChunks` is true, how many times should it be retried.\n /\n @Prop() retryChunksLimit: number = 3;\n\n /\n The base that is used to calculate the displayed filesize. You can\n * change this to 1024 if you would rather display kibibytes, mebibytes,\n * etc... 1024 is technically incorrect, because `1024 bytes` are `1 kibibyte`\n * not `1 kilobyte`. You can change this to `1024` if you don't care about\n * validity.\n /\n @Prop() filesizeBase: number = 1024;\n\n /\n An optional object to send additional headers to the server. Eg:\n * `{ \"My-Awesome-Header\": \"header value\" }`\n /\n @Prop() headers: object \| null = null;\n\n /\n Should the default headers be set or not?\n * Accept: application/json <- for requesting json response\n * Cache-Control: no-cache <- Request shouldnt be cached\n * X-Requested-With: XMLHttpRequest <- We sent the request via XMLHttpRequest\n /\n @Prop() defaultHeaders: boolean = true;\n\n /\n A function that gets a [file](https://developer.mozilla.org/en-US/docs/DOM/File)\n * and a `done` function as parameters.\n \n If the done function is invoked without arguments, the file is \"accepted\" and will\n * be processed. If you pass an error message, the file is rejected, and the error\n * message will be displayed.\n * This function will not be called if the file is too big or doesn't match the mime types.\n /\n @Prop() accept: Function = function(_file, done) {\n return done();\n };\n\n /\n The callback that will be invoked when all chunks have been uploaded for a file.\n * It gets the file for which the chunks have been uploaded as the first parameter,\n * and the `done` function as second. `done()` needs to be invoked when everything\n * needed to finish the upload process is done.\n /\n @Prop() chunksUploaded: Function = function(_file, done) {\n done();\n };\n\n /\n This is the element the hidden input field (which is used when clicking on the\n * dropzone to trigger file selection) will be appended to. This might\n * be important in case you use frameworks to switch the content of your page.\n \n Can be a selector string, or an element directly. Will be rendered into element by default.\n /\n @Prop() hiddenInputContainer: string \| HTMLElement;\n\n /* Translation strings. /\n @Prop() localization: StzhUploadLocalizedText;\n\n @Element() element: HTMLStzhUploadElement;\n\n @Watch(\"existingFiles\")\n existingFilesWatcher(newValue: StzhUploadFilesItem[] \| string) {\n if (typeof newValue === \"string\") {\n this._existingFiles = JSON.parse(newValue);\n } else {\n this._existingFiles = newValue;\n }\n }\n\n @Watch(\"disabled\")\n disabledWatcher() {\n if (!this.dropzone) {\n return;\n }\n\n if (this.disabled) {\n this.dropzone.disable();\n } else {\n this.dropzone.enable();\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n\n this.invalid = this._error.length > 0;\n }\n\n /* File added /\n @Event() stzhFileAdded: EventEmitter<StzhUploadFileAddedEvent>;\n\n /* Files added (multiple) /\n @Event() stzhFilesAdded: EventEmitter<StzhUploadFilesAddedEvent>;\n\n /* File remove (before, cancelable) /\n @Event() stzhFileRemove: EventEmitter<StzhUploadFileRemoveEvent>;\n\n /* File removed /\n @Event() stzhFileRemoved: EventEmitter<StzhUploadFileRemovedEvent>;\n\n /* Before sending file (add additional data before request if necessary) /\n @Event() stzhSending: EventEmitter<StzhUploadSendingEvent>;\n\n /* Before sending multiple files (add additional data before request if necessary) /\n @Event() stzhSendingMultiple: EventEmitter<StzhUploadSendingMultipleEvent>;\n\n /* Files starting to get processed /\n @Event() stzhProcessing: EventEmitter<StzhUploadProcessingEvent>;\n\n /* Files starting to get processed (multiple) /\n @Event() stzhProcessingMultiple: EventEmitter<StzhUploadProcessingMultipleEvent>;\n\n /* Upload file progress during upload /\n @Event() stzhProgress: EventEmitter<StzhUploadProgressEvent>;\n\n /* Upload total file progress during upload /\n @Event() stzhProgressTotal: EventEmitter<StzhUploadProgressTotalEvent>;\n\n /* File error /\n @Event() stzhError: EventEmitter<StzhUploadErrorEvent>;\n\n /* Files error (multiple files) /\n @Event() stzhErrorMultiple: EventEmitter<StzhUploadErrorMultipleEvent>;\n\n /* File successfully uploaded /\n @Event() stzhSuccess: EventEmitter<StzhUploadSuccessEvent>;\n\n /* Files successfully uploaded (multiple files) /\n @Event() stzhSuccessMultiple: EventEmitter<StzhUploadSuccessMultipleEvent>;\n\n /* Canceled file upload /\n @Event() stzhCanceled: EventEmitter<StzhUploadCanceledEvent>;\n\n /* Canceled file upload (multiple files) /\n @Event() stzhCanceledMultiple: EventEmitter<StzhUploadCanceledMultipleEvent>;\n\n /* Completed upload (successfully or with error) /\n @Event() stzhComplete: EventEmitter<StzhUploadCompleteEvent>;\n\n /* Completed upload (successfully or with error, multiple files) /\n @Event() stzhCompleteMultiple: EventEmitter<StzhUploadCompleteMultipleEvent>;\n\n @Method()\n async processQueue() {\n return this.dropzone.processQueue();\n }\n\n @Method()\n async removeFile(file, force = false) {\n return this.dropzone.removeFile(file, force);\n }\n\n @Method()\n async removeAllFiles(onlyCancelCurrentlyUploadingFiles = false, force = false) {\n return this.dropzone.removeAllFiles(onlyCancelCurrentlyUploadingFiles, force);\n }\n\n private dropzone: any;\n private dropzoneElement: HTMLElement;\n private buttonElement: HTMLStzhButtonElement;\n private clickareaElement: HTMLElement;\n private errorsElement: HTMLElement;\n private hiddenInputContainerElement: HTMLElement;\n private uploadId: string;\n\n private filesize = function(size) {\n let selectedSize = 0;\n let selectedUnit = \"b\";\n\n if (size > 0) {\n let units = [\"tb\", \"gb\", \"mb\", \"kb\", \"b\"];\n\n for (let i = 0; i < units.length; i++) {\n let unit = units[i];\n let cutoff = Math.pow(this.options.filesizeBase, 4 - i) / 10;\n\n if (size >= cutoff) {\n selectedSize = size / Math.pow(this.options.filesizeBase, 4 - i);\n selectedUnit = unit;\n break;\n }\n }\n\n selectedSize = Math.round(selectedSize 100) / 100; // Cutting of digits\n }\n\n return `<strong>${selectedSize}</strong> ${this.options.dictFileSizeUnits[selectedUnit]}`;\n }\n\n async componentWillLoad() {\n this.uploadId = `stzh-upload-${uploadCounter++}`;\n\n this.existingFilesWatcher(this.existingFiles);\n this.errorWatcher(this.error);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'upload');\n }\n }\n\n componentDidRender() {\n if (this.dropzone) {\n return;\n }\n\n const self = this;\n\n function enableDownload(file) {\n let fileHref = file.url \|\| '';\n\n if (file.upload) {\n fileHref = URL.createObjectURL(file);\n }\n\n if (fileHref) {\n for (var node of file.previewElement.querySelectorAll(`[${ATTR_LINK}]`)) {\n node.setAttribute(\"href\", fileHref);\n node.setAttribute(\"download\", file.name);\n\n const isStzh = isStzhElement(node);\n node.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", `${self.localization.download} ${file.name}`);\n }\n }\n }\n\n this.dropzone = new window.Dropzone(this.dropzoneElement, {\n url: this.url,\n method: this.method,\n withCredentials: this.withCredentials,\n clickable: [this.clickareaElement],\n acceptedFiles: this.acceptedFiles,\n accept: this.accept,\n maxFiles: this.maxFiles,\n maxFilesize: this.maxFilesize,\n filesizeBase: this.filesizeBase,\n parallelUploads: this.parallelUploads,\n uploadMultiple: this.uploadMultiple,\n autoProcessQueue: this.autoProcessQueue,\n headers: this.headers,\n defaultHeaders: this.defaultHeaders,\n chunking: this.chunking,\n chunkSize: this.chunkSize,\n chunksUploaded: this.chunksUploaded,\n forceChunking: this.forceChunking,\n parallelChunkUploads: this.parallelChunkUploads,\n retryChunks: this.retryChunks,\n retryChunksLimit: this.retryChunksLimit,\n createImageThumbnails: false,\n hiddenInputContainer: this.hiddenInputContainer ? this.hiddenInputContainer : this.hiddenInputContainerElement,\n dictFileSizeUnits: { tb: \"TiB\", gb: \"GiB\", mb: \"MiB\", kb: \"KiB\", b: \"b\" },\n dictRemoveFileConfirmation: null,\n dictMaxFilesExceeded: this.localization.maxFilesExceeded,\n dictRemoveFile: this.localization.removeFile,\n dictCancelUploadConfirmation: this.localization.cancelUploadConfirmation,\n dictUploadCanceled: this.localization.uploadCanceled,\n dictCancelUpload: this.localization.cancelUpload,\n dictResponseError: this.localization.responseError,\n dictInvalidFileType: this.localization.invalidFileType,\n dictFileTooBig: this.localization.fileTooBig,\n // Called when a file is added to the queue\n // Receives `file`\n // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L594\n addedfile(file) {\n if (this.element === this.previewsContainer) {\n this.element.classList.add(\"dz-started\");\n }\n\n if (this.previewsContainer && !this.options.disablePreviews) {\n file.previewElement = window.Dropzone.createElement(\n this.options.previewTemplate.trim()\n );\n file.previewTemplate = file.previewElement; // Backwards compatibility\n\n this.previewsContainer.appendChild(file.previewElement);\n\n if (!file.size) {\n file.previewElement.classList.add(\"dz-empty\");\n }\n\n for (var node of file.previewElement.querySelectorAll(`[${ATTR_NAME}]`)) {\n node.textContent = file.name;\n }\n\n for (node of file.previewElement.querySelectorAll(`[${ATTR_SIZE}]`)) {\n node.innerHTML = self.filesize.call(this, file.size);\n }\n\n if (this.options.addRemoveLinks) {\n file._removeLink = window.Dropzone.createElement(\n `<a class=\"dz-remove\" href=\"javascript:undefined;\" data-dz-remove>\n ${this.options.dictRemoveFile}\n </a>`\n );\n file.previewElement.appendChild(file._removeLink);\n }\n\n let removeFileEvent = (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (file.status === window.Dropzone.UPLOADING) {\n return window.Dropzone.confirm(\n this.options.dictCancelUploadConfirmation,\n () => this.removeFile(file)\n );\n } else {\n if (this.options.dictRemoveFileConfirmation) {\n return window.Dropzone.confirm(\n this.options.dictRemoveFileConfirmation,\n () => this.removeFile(file)\n );\n } else {\n return this.removeFile(file);\n }\n }\n };\n\n for (let removeLink of file.previewElement.querySelectorAll(\n \"[data-dz-remove]\"\n )) {\n removeLink.addEventListener(\"click\", removeFileEvent);\n\n const isStzh = isStzhElement(removeLink);\n removeLink.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", `${this.options.dictRemoveFile} ${file.name}`);\n }\n\n if (!self.downloadDisabled && !self.downloadDisabledWhileProcessing) {\n enableDownload(file);\n }\n }\n },\n // When the upload is finished, either with success or an error.\n // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L752\n complete(file) {\n for (let node of file.previewElement.querySelectorAll(\"[data-dz-remove]\")) {\n node.setAttribute(\"title\", this.options.dictRemoveFile);\n node.setAttribute(\"aria-label\", this.options.dictRemoveFile);\n }\n\n // move file uploads with errors to another element, so they are grouped together\n if (file.status === \"error\") {\n self.errorsElement.appendChild(file.previewElement);\n } else if (!self.downloadDisabled && self.downloadDisabledWhileProcessing) {\n enableDownload(file);\n }\n\n if (file._removeLink) {\n file._removeLink.innerHTML = this.options.dictRemoveFile;\n }\n\n if (file.previewElement) {\n return file.previewElement.classList.add(\"dz-complete\");\n }\n },\n // Called whenever a file is removed.\n // Taken fom https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L649\n removedfile(file) {\n if (file.previewElement != null && file.previewElement.parentNode != null) {\n file.previewElement.parentNode.removeChild(file.previewElement);\n }\n\n // set focus to upload\n self.buttonElement.setFocus();\n\n return this._updateMaxFilesReachedClass();\n },\n error(file, message, xhr) {\n if (file.previewElement) {\n file.previewElement.classList.add(\"dz-error\");\n\n if (typeof message !== \"string\" && message.error) {\n message = message.error;\n } else if (xhr) {\n if (xhr.status === 401 \|\| xhr.status === 403) {\n message = self.localization.accessError;\n } else if (xhr.status === 413) {\n message = self.localization.fileTooBigServer;\n } else if (xhr.status === 415) {\n message = self.localization.invalidFileType;\n } else if (xhr.status >= 500) {\n message = self.localization.serverError;\n } else {\n const defaultError = self.localization.responseError\n .replace(\"{{statusCode}}\", xhr.status);\n\n message = defaultError;\n }\n }\n\n for (let node of file.previewElement.querySelectorAll(\"[data-dz-errormessage]\")) {\n node.textContent = message;\n }\n }\n },\n previewTemplate: `\n <div class=\"stzh-upload__preview\">\n <div class=\"stzh-upload__image\">\n <img data-dz-thumbnail />\n </div>\n\n <div class=\"stzh-upload__details\">\n <div class=\"stzh-upload__info-wrapper-processing\">\n <div class=\"stzh-upload__infos\">\n <div class=\"stzh-upload__subtitle\">\n <a class=\"stzh-upload__link\" ${ATTR_NAME} ${ATTR_LINK}></a>\n </div>\n <div class=\"stzh-upload__progress-text\">\n <span ${ATTR_PROGRESS_TEXT}></span>\n </div>\n </div>\n <div class=\"stzh-upload__meta\">\n <span class=\"stzh-upload__extension\" ${ATTR_EXTENSION}></span>\n <span class=\"stzh-upload__size\" ${ATTR_SIZE}></span>\n </div>\n <div class=\"stzh-upload__progress\">\n <span class=\"stzh-upload__progress-bar\" data-dz-uploadprogress></span>\n </div>\n </div>\n <div class=\"stzh-upload__info-wrapper-complete\">\n <div class=\"stzh-upload__title\">\n <a class=\"stzh-upload__link\" ${ATTR_NAME} ${ATTR_LINK}></a>\n </div>\n <div class=\"stzh-upload__meta\">\n <span class=\"stzh-upload__extension\" ${ATTR_EXTENSION}></span>\n <span class=\"stzh-upload__size\" ${ATTR_SIZE}></span>\n </div>\n <div class=\"stzh-upload__error-message\">\n <span data-dz-errormessage></span>\n </div>\n </div>\n <div class=\"stzh-upload__actions\">\n <stzh-button variant=\"tertiary\" size=\"tiny\" icon-only icon=\"download\" class=\"stzh-upload__download\" ${ATTR_LINK} aria-label=\"${this.localization.download}\" title=\"${this.localization.download}\"></stzh-button>\n <stzh-button variant=\"tertiary\" size=\"tiny\" icon-only class=\"stzh-upload__delete\" data-dz-remove aria-label=\"${this.localization.cancelUpload}\" title=\"${this.localization.cancelUpload}\">\n <stzh-icon slot=\"icon\" class=\"stzh-upload__delete-icon\" name=\"delete\"></stzh-icon>\n <stzh-icon slot=\"icon\" class=\"stzh-upload__delete-icon-error\" name=\"close\"></stzh-icon>\n </stzh-button>\n </div>\n </div>\n </div>\n `\n });\n\n this.disabledWatcher();\n\n this.dropzone.on(\"addedfile\", (file: StzhUploadFile) => this.stzhFileAdded.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"addedfiles\", (files: StzhUploadFile[]) => this.stzhFilesAdded.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"removefile\", (file: StzhUploadFile) => this.stzhFileRemove.emit({\n component: \"stzh-upload\", file\n }).defaultPrevented === false);\n\n this.dropzone.on(\"removedfile\", (file: StzhUploadFile, force: boolean) => this.stzhFileRemoved.emit({\n component: \"stzh-upload\", file, force\n }));\n\n this.dropzone.on(\"sending\", (file: StzhUploadFile, xhr: XMLHttpRequest, formData: FormData) => this.stzhSending.emit({\n component: \"stzh-upload\", file, xhr, formData\n }));\n\n this.dropzone.on(\"sendingmultiple\", (files: StzhUploadFile[], xhr: XMLHttpRequest, formData: FormData) => this.stzhSendingMultiple.emit({\n component: \"stzh-upload\", files, xhr, formData\n }));\n\n this.dropzone.on(\"processing\", (file: StzhUploadFile) => this.stzhProcessing.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"processingmultiple\", (files: StzhUploadFile[]) => this.stzhProcessingMultiple.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"uploadprogress\", (file: StzhUploadFile, progress: number, bytesSent: number) => this.stzhProgress.emit({\n component: \"stzh-upload\", file, progress, bytesSent\n }));\n\n this.dropzone.on(\"totaluploadprogress\", (totalUploadProgress: number, totalBytes: number, totalBytesSent: number) => this.stzhProgressTotal.emit({\n component: \"stzh-upload\", totalUploadProgress, totalBytes, totalBytesSent\n }));\n\n this.dropzone.on(\"error\", (file: StzhUploadFile, message: string, xhr: XMLHttpRequest) => this.stzhError.emit({\n component: \"stzh-upload\", file, message, xhr\n }));\n\n this.dropzone.on(\"errormultiple\", (files: StzhUploadFile[], message: string, xhr: XMLHttpRequest) => this.stzhErrorMultiple.emit({\n component: \"stzh-upload\", files, message, xhr\n }));\n\n this.dropzone.on(\"success\", (file: StzhUploadFile, responseText: string, event: ProgressEvent) => this.stzhSuccess.emit({\n component: \"stzh-upload\", file, responseText, event\n }));\n\n this.dropzone.on(\"successmultiple\", (files: StzhUploadFile[], responseText: string, event: ProgressEvent) => this.stzhSuccessMultiple.emit({\n component: \"stzh-upload\", files, responseText, event\n }));\n\n this.dropzone.on(\"canceled\", (file: StzhUploadFile) => this.stzhCanceled.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"canceledmultiple\", (files: StzhUploadFile[]) => this.stzhCanceledMultiple.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"complete\", (file: StzhUploadFile) => this.stzhComplete.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"completemultiple\", (files: StzhUploadFile[]) => this.stzhCompleteMultiple.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"addedfile\", (file: StzhUploadFile) => {\n file.previewElement.querySelectorAll(`[${ATTR_NAME}]`).forEach((name: HTMLElement) => {\n name.setAttribute(\"title\", file.name);\n });\n\n file.previewElement.querySelectorAll(`[${ATTR_TYPE}]`).forEach((type: HTMLElement) => {\n type.innerText = file.type;\n });\n\n file.previewElement.querySelectorAll(`[${ATTR_EXTENSION}]`).forEach((extension: HTMLElement) => {\n extension.innerText = file.name.split(\".\").pop();\n })\n });\n\n this.dropzone.on(\"uploadprogress\", (file: StzhUploadFile, progress: number) => {\n file.previewElement.querySelectorAll(`[${ATTR_PROGRESS_TEXT}]`).forEach((progressText: HTMLElement) => {\n progressText.innerText = `${progress.toString()}%`;\n });\n });\n\n this._existingFiles.forEach((file) => {\n this.dropzone.displayExistingFile(file, null, null, null, null);\n });\n }\n\n disconnectedCallback() {\n if (this.dropzone) {\n this.dropzone.destroy();\n this.dropzone = null;\n }\n }\n\n render() {\n const errorUsed = hasSlot(this.element, 'error') \|\| !!this.error;\n\n const classes = {\n \"stzh-upload\": true,\n \"stzh-upload--is-invalid\": this.invalid,\n \"stzh-upload--is-disabled\": this.disabled,\n \"stzh-upload--has-hidden-progress\": this.hideProgress,\n \"stzh-upload--has-hidden-progress-while-idle\": this.hideProgressWhileIdle,\n \"stzh-upload--has-error\": errorUsed,\n \"stzh-upload--has-instructions\": !!this.description \|\| !!this.localization.description\n };\n\n return (\n <Host>\n <div\n class={classes}\n ref={(el) => (this.dropzoneElement = el as HTMLDivElement)}\n >\n <div ref={(el) => (this.hiddenInputContainerElement = el as HTMLElement)}></div>\n\n <div id={`${this.uploadId}-label`}>\n {this.label && <div class=\"stzh-upload__label\">{this.label}</div>}\n </div>\n\n <div\n class=\"stzh-upload__clickarea\"\n ref={(el) => (this.clickareaElement = el as HTMLDivElement)}\n >\n <div class=\"stzh-upload__instructions\" id={`${this.uploadId}-instruction`}>\n {this.description ? this.description : this.localization.description}\n </div>\n <stzh-button\n size=\"small\"\n class=\"stzh-upload__button\"\n ref={(el) => (this.buttonElement = el as HTMLStzhButtonElement)}\n a11yDescribedby={`${this.uploadId}-label ${this.uploadId}-instruction ${this.uploadId}-description`}\n disabled={this.disabled}\n >\n {this.button ? this.button : this.localization.button}\n </stzh-button>\n </div>\n\n <StzhInputDescription\n classPrefix=\"stzh-upload\"\n id={`${this.uploadId}-description`}\n error={this._error}\n />\n\n <div\n class=\"stzh-upload__errors\"\n ref={(el) => (this.errorsElement = el as HTMLElement)}\n ></div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-upload.js","sourceRoot":"","sources":["../../../src/components/stzh-upload/stzh-upload.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Method,\n Watch,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\nimport {\n StzhUploadFilesItem,\n StzhUploadFile,\n StzhUploadFileAddedEvent,\n StzhUploadFilesAddedEvent,\n StzhUploadFileRemoveEvent,\n StzhUploadFileRemovedEvent,\n StzhUploadSendingEvent,\n StzhUploadSendingMultipleEvent,\n StzhUploadProcessingEvent,\n StzhUploadProcessingMultipleEvent,\n StzhUploadProgressEvent,\n StzhUploadProgressTotalEvent,\n StzhUploadErrorEvent,\n StzhUploadErrorMultipleEvent,\n StzhUploadSuccessEvent,\n StzhUploadSuccessMultipleEvent,\n StzhUploadCanceledEvent,\n StzhUploadCanceledMultipleEvent,\n StzhUploadCompleteEvent,\n StzhUploadCompleteMultipleEvent\n} from \"../../index\";\n\nimport { hasSlot, isStzhElement } from \"../../utils/utils\";\nimport { StzhUploadLocalizedText } from './stzh-upload.localization';\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nimport \"../../libraries/dropzone/dropzone\";\nwindow.Dropzone.autoDiscover = false;\n\nconst ATTR_NAME = \"data-dz-name\";\nconst ATTR_TYPE = \"data-dz-type\";\nconst ATTR_SIZE = \"data-dz-size\";\nconst ATTR_LINK = \"data-dz-link\";\nconst ATTR_EXTENSION = \"data-dz-extension\";\nconst ATTR_META_ID = \"data-dz-meta-id\";\nconst ATTR_ERROR_MESSAGE_ID = \"data-dz-error-message-id\";\nconst ATTR_PROGRESS_TEXT = \"data-dz-progress-text\";\nconst ATTR_REMOVE = \"data-dz-remove\";\n\nlet uploadCounter = 0;\nlet previewCounter = 0;\n\n// Most properties taken over from:\n// https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js\n\n// Possible events to listen to:\n// https://github.com/dropzone/dropzone/blob/v5.9.3/src/dropzone.js#L17\n\n/*\n @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-upload\",\n styleUrl: \"stzh-upload.scss\"\n})\nexport class StzhUpload {\n /\n Initially pre existing files (e.g. already uploaded by the user).\n * Array of objects that must at least include `name` and `size` attribute:\n * `[{\"name\":\"file1.txt\", \"size\": 12345}, {\"name\":\"file2.txt\", \"size\": 12345}]`\n /\n @Prop() existingFiles: StzhUploadFilesItem[] \| string = [];\n private _existingFiles: StzhUploadFilesItem[] = [];\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Description /\n @Prop() description: string = \"\";\n\n /* Button text /\n @Prop() button: string = \"\";\n\n /\n URL the files are processed to.\n \n You can also provide a function that will be called with `files` and\n * `dataBlocks` and must return the url as string.\n /\n @Prop() url: string \| Function = \"\";\n\n /\n Can be changed to `\"put\"` if necessary. You can also provide a function\n * that will be called with `files` and must return the method.\n /\n @Prop() method: \"post\" \| \"put\" \| Function = \"post\";\n\n /\n Will be set on the XHRequest.\n /\n @Prop() withCredentials: boolean = false;\n\n /\n Whether the upload is disabled or not.\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n Whether the upload is marked as invalid.\n /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Whether download functionality should be disabled. /\n @Prop() downloadDisabled: boolean = false;\n\n /* Whether download functionality should only be shown to completed files. /\n @Prop() downloadDisabledWhileProcessing: boolean = false;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /\n The default implementation of `accept` checks the file's mime type or\n * extension against this list. This is a comma separated list of mime\n * types or file extensions.\n \n Eg.: `image/,application/pdf,.psd`\n \n * This option will also be used as\n * [`accept`](https://developer.mozilla.org/en-US/docs/HTML/Element/input#attr-accept)\n * parameter on the hidden file input as well.\n /\n @Prop() acceptedFiles: string \| null = null;\n\n /\n If false, files will be added to the queue but the queue will not be\n * processed automatically.\n * This can be useful if you need some additional user input before sending\n * files (or if you want want all files sent at once).\n * If you're ready to send the file simply call `element.processQueue()`.\n /\n @Prop() autoProcessQueue: boolean = true;\n\n /\n Hide progress (bars and text).\n /\n @Prop() hideProgress: boolean = false;\n\n /\n Hide progress (bars) only while idle (will show them as soon as upload starts).\n * Can be used together with `autoProcessQueue`, e.g. if files are uploaded at form submit to prevent showing empty progressbar.\n /\n @Prop() hideProgressWhileIdle: boolean = false;\n\n /\n If not `null` defines how many files this dropzone handles. If it exceeds,\n * the event `stzhMaxfilesexceeded` will be called.\n /\n @Prop() maxFiles: number \| null = null;\n\n /\n The maximum filesize (in MiB) that is allowed to be uploaded.\n /\n @Prop() maxFilesize: number = 25;\n\n /\n How many file uploads to process in parallel.\n /\n @Prop() parallelUploads: number = 2;\n\n /\n Whether to send multiple files in one request. If\n * this it set to true, then the fallback file input element will\n * have the `multiple` attribute as well. This option will\n * also trigger additional events (like `stzhSuccessMultiple`). See the events\n * documentation section for more information.\n /\n @Prop() uploadMultiple: boolean = false;\n\n /\n Whether you want files to be uploaded in chunks to your server. This can't be\n * used in combination with `uploadMultiple`.\n \n See `chunksUploaded` prop for the callback to finalise an upload.\n /\n @Prop() chunking: boolean = false;\n\n /\n If `chunking` is enabled, this defines whether every file should be chunked,\n * even if the file size is below chunkSize. This means, that the additional chunk\n * form data will be submitted and the `chunksUploaded` callback will be invoked.\n /\n @Prop() forceChunking: boolean = false;\n\n /\n If `chunking` is `true`, then this defines the chunk size in bytes.\n /\n @Prop() chunkSize: number = 2 1024 * 1024;\n\n /*\n If `true`, the individual chunks of a file are being uploaded simultaneously.\n /\n @Prop() parallelChunkUploads: boolean = false;\n\n /\n Whether a chunk should be retried if it fails.\n /\n @Prop() retryChunks: boolean = false;\n\n /\n If `retryChunks` is true, how many times should it be retried.\n /\n @Prop() retryChunksLimit: number = 3;\n\n /\n The base that is used to calculate the displayed filesize. You can\n * change this to 1024 if you would rather display kibibytes, mebibytes,\n * etc... 1024 is technically incorrect, because `1024 bytes` are `1 kibibyte`\n * not `1 kilobyte`. You can change this to `1024` if you don't care about\n * validity.\n /\n @Prop() filesizeBase: number = 1024;\n\n /\n An optional object to send additional headers to the server. Eg:\n * `{ \"My-Awesome-Header\": \"header value\" }`\n /\n @Prop() headers: object \| null = null;\n\n /\n Should the default headers be set or not?\n * Accept: application/json <- for requesting json response\n * Cache-Control: no-cache <- Request shouldnt be cached\n * X-Requested-With: XMLHttpRequest <- We sent the request via XMLHttpRequest\n /\n @Prop() defaultHeaders: boolean = true;\n\n /\n A function that gets a [file](https://developer.mozilla.org/en-US/docs/DOM/File)\n * and a `done` function as parameters.\n \n If the done function is invoked without arguments, the file is \"accepted\" and will\n * be processed. If you pass an error message, the file is rejected, and the error\n * message will be displayed.\n * This function will not be called if the file is too big or doesn't match the mime types.\n /\n @Prop() accept: Function = function(_file, done) {\n return done();\n };\n\n /\n The callback that will be invoked when all chunks have been uploaded for a file.\n * It gets the file for which the chunks have been uploaded as the first parameter,\n * and the `done` function as second. `done()` needs to be invoked when everything\n * needed to finish the upload process is done.\n /\n @Prop() chunksUploaded: Function = function(_file, done) {\n done();\n };\n\n /\n This is the element the hidden input field (which is used when clicking on the\n * dropzone to trigger file selection) will be appended to. This might\n * be important in case you use frameworks to switch the content of your page.\n \n Can be a selector string, or an element directly. Will be rendered into element by default.\n /\n @Prop() hiddenInputContainer: string \| HTMLElement;\n\n /* Translation strings. /\n @Prop() localization: StzhUploadLocalizedText;\n\n @Element() element: HTMLStzhUploadElement;\n\n @Watch(\"existingFiles\")\n existingFilesWatcher(newValue: StzhUploadFilesItem[] \| string) {\n if (typeof newValue === \"string\") {\n this._existingFiles = JSON.parse(newValue);\n } else {\n this._existingFiles = newValue;\n }\n }\n\n @Watch(\"disabled\")\n disabledWatcher() {\n if (!this.dropzone) {\n return;\n }\n\n if (this.disabled) {\n this.dropzone.disable();\n } else {\n this.dropzone.enable();\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n\n this.invalid = this._error.length > 0;\n }\n\n /* File added /\n @Event() stzhFileAdded: EventEmitter<StzhUploadFileAddedEvent>;\n\n /* Files added (multiple) /\n @Event() stzhFilesAdded: EventEmitter<StzhUploadFilesAddedEvent>;\n\n /* File remove (before, cancelable) /\n @Event() stzhFileRemove: EventEmitter<StzhUploadFileRemoveEvent>;\n\n /* File removed /\n @Event() stzhFileRemoved: EventEmitter<StzhUploadFileRemovedEvent>;\n\n /* Before sending file (add additional data before request if necessary) /\n @Event() stzhSending: EventEmitter<StzhUploadSendingEvent>;\n\n /* Before sending multiple files (add additional data before request if necessary) /\n @Event() stzhSendingMultiple: EventEmitter<StzhUploadSendingMultipleEvent>;\n\n /* Files starting to get processed /\n @Event() stzhProcessing: EventEmitter<StzhUploadProcessingEvent>;\n\n /* Files starting to get processed (multiple) /\n @Event() stzhProcessingMultiple: EventEmitter<StzhUploadProcessingMultipleEvent>;\n\n /* Upload file progress during upload /\n @Event() stzhProgress: EventEmitter<StzhUploadProgressEvent>;\n\n /* Upload total file progress during upload /\n @Event() stzhProgressTotal: EventEmitter<StzhUploadProgressTotalEvent>;\n\n /* File error /\n @Event() stzhError: EventEmitter<StzhUploadErrorEvent>;\n\n /* Files error (multiple files) /\n @Event() stzhErrorMultiple: EventEmitter<StzhUploadErrorMultipleEvent>;\n\n /* File successfully uploaded /\n @Event() stzhSuccess: EventEmitter<StzhUploadSuccessEvent>;\n\n /* Files successfully uploaded (multiple files) /\n @Event() stzhSuccessMultiple: EventEmitter<StzhUploadSuccessMultipleEvent>;\n\n /* Canceled file upload /\n @Event() stzhCanceled: EventEmitter<StzhUploadCanceledEvent>;\n\n /* Canceled file upload (multiple files) /\n @Event() stzhCanceledMultiple: EventEmitter<StzhUploadCanceledMultipleEvent>;\n\n /* Completed upload (successfully or with error) /\n @Event() stzhComplete: EventEmitter<StzhUploadCompleteEvent>;\n\n /* Completed upload (successfully or with error, multiple files) /\n @Event() stzhCompleteMultiple: EventEmitter<StzhUploadCompleteMultipleEvent>;\n\n @Method()\n async processQueue() {\n return this.dropzone.processQueue();\n }\n\n @Method()\n async removeFile(file, force = false) {\n return this.dropzone.removeFile(file, force);\n }\n\n @Method()\n async removeAllFiles(onlyCancelCurrentlyUploadingFiles = false, force = false) {\n return this.dropzone.removeAllFiles(onlyCancelCurrentlyUploadingFiles, force);\n }\n\n private dropzone: any;\n private dropzoneElement: HTMLElement;\n private buttonElement: HTMLStzhButtonElement;\n private clickareaElement: HTMLElement;\n private previewsElement: HTMLElement;\n private errorsElement: HTMLElement;\n private hiddenInputContainerElement: HTMLElement;\n private uploadId: string;\n\n private filesize = function(size) {\n let selectedSize = 0;\n let selectedUnit = \"b\";\n\n if (size > 0) {\n let units = [\"tb\", \"gb\", \"mb\", \"kb\", \"b\"];\n\n for (let i = 0; i < units.length; i++) {\n let unit = units[i];\n let cutoff = Math.pow(this.options.filesizeBase, 4 - i) / 10;\n\n if (size >= cutoff) {\n selectedSize = size / Math.pow(this.options.filesizeBase, 4 - i);\n selectedUnit = unit;\n break;\n }\n }\n\n selectedSize = Math.round(selectedSize 100) / 100; // Cutting of digits\n }\n\n return `<strong>${selectedSize}</strong> ${this.options.dictFileSizeUnits[selectedUnit]}`;\n }\n\n private filePreviewId = function(file): string {\n return `${this.uploadId}-${file._id}`\n }\n\n async componentWillLoad() {\n this.uploadId = `stzh-upload-${uploadCounter++}`;\n\n this.existingFilesWatcher(this.existingFiles);\n this.errorWatcher(this.error);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'upload');\n }\n }\n\n componentDidRender() {\n if (this.dropzone) {\n return;\n }\n\n const self = this;\n\n function enableDownload(file) {\n let fileHref = file.url \|\| '';\n\n if (file.upload) {\n fileHref = URL.createObjectURL(file);\n }\n\n if (fileHref) {\n for (var node of file.previewElement.querySelectorAll(`[${ATTR_LINK}]`)) {\n node.setAttribute(\"href\", fileHref);\n node.setAttribute(\"download\", file.name);\n\n const isStzh = isStzhElement(node);\n const fileId = self.filePreviewId(file);\n\n node.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", `${self.localization.downloadFile} ${file.name}`);\n node.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", `${self.localization.downloadFile} ${file.name}`);\n node.setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${fileId}-error-message ${fileId}-meta`);\n }\n }\n }\n\n this.dropzone = new window.Dropzone(this.dropzoneElement, {\n previewsContainer: this.previewsElement,\n url: this.url,\n method: this.method,\n withCredentials: this.withCredentials,\n clickable: [this.clickareaElement],\n acceptedFiles: this.acceptedFiles,\n accept: this.accept,\n maxFiles: this.maxFiles,\n maxFilesize: this.maxFilesize,\n filesizeBase: this.filesizeBase,\n parallelUploads: this.parallelUploads,\n uploadMultiple: this.uploadMultiple,\n autoProcessQueue: this.autoProcessQueue,\n headers: this.headers,\n defaultHeaders: this.defaultHeaders,\n chunking: this.chunking,\n chunkSize: this.chunkSize,\n chunksUploaded: this.chunksUploaded,\n forceChunking: this.forceChunking,\n parallelChunkUploads: this.parallelChunkUploads,\n retryChunks: this.retryChunks,\n retryChunksLimit: this.retryChunksLimit,\n createImageThumbnails: false,\n hiddenInputContainer: this.hiddenInputContainer ? this.hiddenInputContainer : this.hiddenInputContainerElement,\n dictFileSizeUnits: { tb: \"TiB\", gb: \"GiB\", mb: \"MiB\", kb: \"KiB\", b: \"b\" },\n dictRemoveFileConfirmation: null,\n dictMaxFilesExceeded: this.localization.maxFilesExceeded,\n dictRemoveFile: this.localization.removeFile,\n dictDeleteFile: this.localization.deleteFile,\n dictCancelUploadConfirmation: this.localization.cancelUploadConfirmation,\n dictUploadCanceled: this.localization.uploadCanceled,\n dictCancelUpload: this.localization.cancelUpload,\n dictResponseError: this.localization.responseError,\n dictInvalidFileType: this.localization.invalidFileType,\n dictFileTooBig: this.localization.fileTooBig,\n // Called when a file is added to the queue\n // Receives `file`\n // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L594\n addedfile(file) {\n file._id = previewCounter++;\n\n if (this.element === this.previewsContainer) {\n this.element.classList.add(\"dz-started\");\n }\n\n if (this.previewsContainer && !this.options.disablePreviews) {\n file.previewElement = window.Dropzone.createElement(\n this.options.previewTemplate.trim()\n );\n file.previewTemplate = file.previewElement; // Backwards compatibility\n this.previewsContainer.appendChild(file.previewElement);\n\n if (!file.size) {\n file.previewElement.classList.add(\"dz-empty\");\n }\n\n for (var node of file.previewElement.querySelectorAll(`[${ATTR_NAME}]`)) {\n node.textContent = file.name;\n }\n\n for (node of file.previewElement.querySelectorAll(`[${ATTR_SIZE}]`)) {\n node.innerHTML = self.filesize.call(this, file.size);\n }\n\n for (node of file.previewElement.querySelectorAll(`[${ATTR_META_ID}]`)) {\n node.setAttribute(\"id\", `${self.filePreviewId(file)}-meta`);\n }\n\n for (node of file.previewElement.querySelectorAll(`[${ATTR_ERROR_MESSAGE_ID}]`)) {\n node.setAttribute(\"id\", `${self.filePreviewId(file)}-error-message`);\n }\n\n if (this.options.addRemoveLinks) {\n file._removeLink = window.Dropzone.createElement(\n `<a class=\"dz-remove\" href=\"javascript:undefined;\" ${ATTR_REMOVE}>\n ${this.options.dictRemoveFile}\n </a>`\n );\n file.previewElement.appendChild(file._removeLink);\n }\n\n let removeFileEvent = (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (file.status === window.Dropzone.UPLOADING) {\n return window.Dropzone.confirm(\n this.options.dictCancelUploadConfirmation,\n () => this.removeFile(file)\n );\n } else {\n if (this.options.dictRemoveFileConfirmation) {\n return window.Dropzone.confirm(\n this.options.dictRemoveFileConfirmation,\n () => this.removeFile(file)\n );\n } else {\n return this.removeFile(file);\n }\n }\n };\n\n for (let removeLink of file.previewElement.querySelectorAll(\n `[${ATTR_REMOVE}]`\n )) {\n removeLink.addEventListener(\"click\", removeFileEvent);\n\n const isStzh = isStzhElement(removeLink);\n const fileId = self.filePreviewId(file);\n\n removeLink.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", `${this.options.dictRemoveFile}`);\n removeLink.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", `${this.options.dictRemoveFile} ${file.name}`);\n removeLink.setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${fileId}-error-message ${fileId}-meta`);\n }\n\n if (!self.downloadDisabled && !self.downloadDisabledWhileProcessing) {\n enableDownload(file);\n }\n }\n },\n // When the upload is finished, either with success or an error.\n // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L752\n complete(file) {\n for (let node of file.previewElement.querySelectorAll(`[${ATTR_REMOVE}]`)) {\n const hasErrorState = (file.status === \"error\");\n const removeOrDeleteLabel = hasErrorState ? this.options.dictRemoveFile : this.options.dictDeleteFile;\n const isStzh = isStzhElement(node);\n const fileId = self.filePreviewId(file);\n\n node.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", `${removeOrDeleteLabel} ${file.name}`);\n node.setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${fileId}-error-message ${fileId}-meta`);\n }\n\n // move file uploads with errors to another element, so they are grouped together\n if (file.status === \"error\") {\n self.errorsElement.appendChild(file.previewElement);\n } else if (!self.downloadDisabled && self.downloadDisabledWhileProcessing) {\n enableDownload(file);\n }\n\n if (file._removeLink) {\n file._removeLink.innerHTML = this.options.dictRemoveFile;\n }\n\n if (file.previewElement) {\n return file.previewElement.classList.add(\"dz-complete\");\n }\n },\n // Called whenever a file is removed.\n // Taken fom https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L649\n removedfile(file) {\n if (file.previewElement != null && file.previewElement.parentNode != null) {\n file.previewElement.parentNode.removeChild(file.previewElement);\n }\n\n // set focus to upload\n self.buttonElement.setFocus();\n\n return this._updateMaxFilesReachedClass();\n },\n error(file, message, xhr) {\n if (file.previewElement) {\n file.previewElement.classList.add(\"dz-error\");\n\n if (typeof message !== \"string\" && message.error) {\n message = message.error;\n } else if (xhr) {\n if (xhr.status === 401 \|\| xhr.status === 403) {\n message = self.localization.accessError;\n } else if (xhr.status === 413) {\n message = self.localization.fileTooBigServer;\n } else if (xhr.status === 415) {\n message = self.localization.invalidFileType;\n } else if (xhr.status >= 500) {\n message = self.localization.serverError;\n } else {\n const defaultError = self.localization.responseError\n .replace(\"{{statusCode}}\", xhr.status);\n\n message = defaultError;\n }\n }\n\n for (let node of file.previewElement.querySelectorAll(\"[data-dz-errormessage]\")) {\n node.textContent = message;\n }\n }\n },\n previewTemplate: `\n <div class=\"stzh-upload__preview\">\n <div class=\"stzh-upload__image\">\n <img data-dz-thumbnail />\n </div>\n\n <div class=\"stzh-upload__details\">\n <div class=\"stzh-upload__info-wrapper\">\n <div class=\"stzh-upload__info-wrapper-processing\">\n <div class=\"stzh-upload__infos\">\n <div class=\"stzh-upload__subtitle\">\n <a class=\"stzh-upload__link\" ${ATTR_NAME} ${ATTR_LINK}></a>\n </div>\n <div class=\"stzh-upload__progress-text\">\n <span ${ATTR_PROGRESS_TEXT}></span>\n </div>\n </div>\n <div class=\"stzh-upload__meta\">\n <span class=\"stzh-upload__extension\" ${ATTR_EXTENSION}></span>\n <span class=\"stzh-upload__size\" ${ATTR_SIZE}></span>\n </div>\n <div class=\"stzh-upload__progress\">\n <span class=\"stzh-upload__progress-bar\" data-dz-uploadprogress></span>\n </div>\n </div>\n <div class=\"stzh-upload__info-wrapper-complete\">\n <div class=\"stzh-upload__title\">\n <a class=\"stzh-upload__link\" ${ATTR_NAME} ${ATTR_LINK}></a>\n </div>\n <div class=\"stzh-upload__meta\" ${ATTR_META_ID}>\n <span class=\"stzh-upload__extension\" ${ATTR_EXTENSION}></span>\n <span class=\"stzh-upload__size\" ${ATTR_SIZE}></span>\n </div>\n <div class=\"stzh-upload__error-message\" ${ATTR_ERROR_MESSAGE_ID}>\n <span data-dz-errormessage></span>\n </div>\n </div>\n </div>\n <div class=\"stzh-upload__actions\">\n <stzh-button variant=\"tertiary\" size=\"tiny\" icon-only icon=\"download\" class=\"stzh-upload__download\" ${ATTR_LINK}></stzh-button>\n <stzh-button variant=\"tertiary\" size=\"tiny\" icon-only class=\"stzh-upload__delete\" ${ATTR_REMOVE}>\n <stzh-icon slot=\"icon\" class=\"stzh-upload__delete-icon\" name=\"delete\"></stzh-icon>\n <stzh-icon slot=\"icon\" class=\"stzh-upload__delete-icon-error\" name=\"close\"></stzh-icon>\n </stzh-button>\n </div>\n </div>\n </div>\n `\n });\n\n this.disabledWatcher();\n\n this.dropzone.on(\"addedfile\", (file: StzhUploadFile) => this.stzhFileAdded.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"addedfiles\", (files: StzhUploadFile[]) => this.stzhFilesAdded.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"removefile\", (file: StzhUploadFile) => this.stzhFileRemove.emit({\n component: \"stzh-upload\", file\n }).defaultPrevented === false);\n\n this.dropzone.on(\"removedfile\", (file: StzhUploadFile, force: boolean) => this.stzhFileRemoved.emit({\n component: \"stzh-upload\", file, force\n }));\n\n this.dropzone.on(\"sending\", (file: StzhUploadFile, xhr: XMLHttpRequest, formData: FormData) => this.stzhSending.emit({\n component: \"stzh-upload\", file, xhr, formData\n }));\n\n this.dropzone.on(\"sendingmultiple\", (files: StzhUploadFile[], xhr: XMLHttpRequest, formData: FormData) => this.stzhSendingMultiple.emit({\n component: \"stzh-upload\", files, xhr, formData\n }));\n\n this.dropzone.on(\"processing\", (file: StzhUploadFile) => this.stzhProcessing.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"processingmultiple\", (files: StzhUploadFile[]) => this.stzhProcessingMultiple.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"uploadprogress\", (file: StzhUploadFile, progress: number, bytesSent: number) => this.stzhProgress.emit({\n component: \"stzh-upload\", file, progress, bytesSent\n }));\n\n this.dropzone.on(\"totaluploadprogress\", (totalUploadProgress: number, totalBytes: number, totalBytesSent: number) => this.stzhProgressTotal.emit({\n component: \"stzh-upload\", totalUploadProgress, totalBytes, totalBytesSent\n }));\n\n this.dropzone.on(\"error\", (file: StzhUploadFile, message: string, xhr: XMLHttpRequest) => this.stzhError.emit({\n component: \"stzh-upload\", file, message, xhr\n }));\n\n this.dropzone.on(\"errormultiple\", (files: StzhUploadFile[], message: string, xhr: XMLHttpRequest) => this.stzhErrorMultiple.emit({\n component: \"stzh-upload\", files, message, xhr\n }));\n\n this.dropzone.on(\"success\", (file: StzhUploadFile, responseText: string, event: ProgressEvent) => this.stzhSuccess.emit({\n component: \"stzh-upload\", file, responseText, event\n }));\n\n this.dropzone.on(\"successmultiple\", (files: StzhUploadFile[], responseText: string, event: ProgressEvent) => this.stzhSuccessMultiple.emit({\n component: \"stzh-upload\", files, responseText, event\n }));\n\n this.dropzone.on(\"canceled\", (file: StzhUploadFile) => this.stzhCanceled.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"canceledmultiple\", (files: StzhUploadFile[]) => this.stzhCanceledMultiple.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"complete\", (file: StzhUploadFile) => this.stzhComplete.emit({\n component: \"stzh-upload\", file\n }));\n\n this.dropzone.on(\"completemultiple\", (files: StzhUploadFile[]) => this.stzhCompleteMultiple.emit({\n component: \"stzh-upload\", files\n }));\n\n this.dropzone.on(\"addedfile\", (file: StzhUploadFile) => {\n file.previewElement.querySelectorAll(`[${ATTR_NAME}]`).forEach((name: HTMLElement) => {\n name.setAttribute(\"title\", file.name);\n });\n\n file.previewElement.querySelectorAll(`[${ATTR_TYPE}]`).forEach((type: HTMLElement) => {\n type.innerText = file.type;\n });\n\n file.previewElement.querySelectorAll(`[${ATTR_EXTENSION}]`).forEach((extension: HTMLElement) => {\n extension.innerText = file.name.split(\".\").pop();\n })\n });\n\n this.dropzone.on(\"uploadprogress\", (file: StzhUploadFile, progress: number) => {\n file.previewElement.querySelectorAll(`[${ATTR_PROGRESS_TEXT}]`).forEach((progressText: HTMLElement) => {\n progressText.innerText = `${progress.toString()}%`;\n });\n });\n\n this._existingFiles.forEach((file) => {\n this.dropzone.displayExistingFile(file, null, null, null, null);\n });\n }\n\n disconnectedCallback() {\n if (this.dropzone) {\n this.dropzone.destroy();\n this.dropzone = null;\n }\n }\n\n render() {\n const errorUsed = hasSlot(this.element, 'error') \|\| !!this.error;\n\n const classes = {\n \"stzh-upload\": true,\n \"stzh-upload--is-invalid\": this.invalid,\n \"stzh-upload--is-disabled\": this.disabled,\n \"stzh-upload--has-hidden-progress\": this.hideProgress,\n \"stzh-upload--has-hidden-progress-while-idle\": this.hideProgressWhileIdle,\n \"stzh-upload--has-error\": errorUsed,\n \"stzh-upload--has-instructions\": !!this.description \|\| !!this.localization.description\n };\n\n return (\n <Host>\n <div\n class={classes}\n ref={(el) => (this.dropzoneElement = el as HTMLDivElement)}\n >\n <div ref={(el) => (this.hiddenInputContainerElement = el as HTMLElement)}></div>\n\n <div id={`${this.uploadId}-label`}>\n {this.label && <div class=\"stzh-upload__label\">{this.label}</div>}\n </div>\n\n <div\n class=\"stzh-upload__clickarea\"\n ref={(el) => (this.clickareaElement = el as HTMLDivElement)}\n >\n <div class=\"stzh-upload__instructions\" id={`${this.uploadId}-instruction`}>\n {this.description ? this.description : this.localization.description}\n </div>\n <stzh-button\n size=\"small\"\n class=\"stzh-upload__button\"\n ref={(el) => (this.buttonElement = el as HTMLStzhButtonElement)}\n a11yDescribedby={`${this.uploadId}-label ${this.uploadId}-instruction ${this.uploadId}-description`}\n disabled={this.disabled}\n a11yControls={`${this.uploadId}-previews`}\n >\n {this.button ? this.button : this.localization.button}\n </stzh-button>\n </div>\n\n <StzhInputDescription\n classPrefix=\"stzh-upload\"\n id={`${this.uploadId}-description`}\n error={this._error}\n />\n\n <div id={`${this.uploadId}-previews`}>\n <div\n class=\"stzh-upload__errors\"\n ref={(el) => (this.errorsElement = el as HTMLElement)}\n ></div>\n\n <div\n class=\"stzh-upload__previews dropzone-previews\"\n ref={(el) => (this.previewsElement = el as HTMLElement)}\n ></div>\n </div>\n\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/stzh-upload/stzh-upload.localization.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-upload.localization.js","sourceRoot":"","sources":["../../../src/components/stzh-upload/stzh-upload.localization.ts"],"names":[],"mappings":"","sourcesContent":["import { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nexport type StzhUploadLocalizedText = StzhLocaleComponent & {\n description: string\n button: string\n ~~download~~: string\n ~~cancelUpload~~: string\n ~~uploadCanceled~~: string\n ~~cancelUploadConfirmation~~: string\n ~~removeFile~~: string\n maxFilesExceeded: string\n serverError: string\n accessError: string\n responseError: string\n invalidFileType: string\n fileTooBig: string\n fileTooBigServer: string\n}\n"]}
1	+ {"version":3,"file":"stzh-upload.localization.js","sourceRoot":"","sources":["../../../src/components/stzh-upload/stzh-upload.localization.ts"],"names":[],"mappings":"","sourcesContent":["import { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nexport type StzhUploadLocalizedText = StzhLocaleComponent & {\n description: string\n button: string\n cancelUpload: string\n uploadCanceled: string\n cancelUploadConfirmation: string\n removeFile: string\n deleteFile: string\n downloadFile: string\n maxFilesExceeded: string\n serverError: string\n accessError: string\n responseError: string\n invalidFileType: string\n fileTooBig: string\n fileTooBigServer: string\n}\n"]}

package/dist/collection/utils/story-utils.js CHANGED Viewed

@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
+import { camelCase } from "./string-utils";
 export function createComponentStory(name) {
   return function (args, template, selector = null) {
     const tempElement = document.createElement('div');
@@ -39,7 +40,7 @@ const setAttributeOrProperty = (element, name, value, stringifyProperty = false)
       element.setAttribute(name, JSON.stringify(value));
     }
     else {
-      element[name] = value;
+      element[camelCase(name)] = value;
     }
   }
 };

package/dist/collection/utils/story-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"story-utils.js","sourceRoot":"","sources":["../../src/utils/story-utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,MAAM,UAAU,oBAAoB,CAAC,IAAY;EAC/C,OAAO,UAAS,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAC7C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClD,WAAW,CAAC,SAAS,GAAG,QAAQ,CAAC;IAEjC,MAAM,gBAAgB,GAAG,WAAW,CAAC,aAAa,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAErE,MAAM,EAAE,oBAAoB,KAAoB,IAAI,EAAnB,UAAU,UAAK,IAAI,EAA9C,wBAAuC,CAAO,CAAC;IAErD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;MACrD,sBAAsB,CAAC,gBAAgB,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC;KAC5E;IAED,OAAO,WAAW,CAAC,iBAAiB,CAAC;EACvC,CAAC,CAAA;AACH,CAAC;AAED,MAAM,sBAAsB,GAAG,CAC7B,OAAiC,EACjC,IAAY,EACZ,KAAU,EACV,oBAA6B,KAAK,EAC5B,EAAE;EACR,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;IACzC,OAAO;GACR;EAED,oCAAoC;EACpC,uHAAuH;EACvH,IAAI,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IAC9B,OAAO,CAAC,cAAc,CACpB,8BAA8B,EAC9B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,WAAW,EAAE,EAC7C,KAAK,CACN,CAAC;GACH;OAAM;IACL,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;MAC5F,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACnC;SAAM,IAAI,iBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,KAAK,CAAC,EAAE;MACjE,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;KACnD;SAAM;MACL,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;~~KACvB~~;GACF;AACH,CAAC,CAAC","sourcesContent":["~~export~~ function createComponentStory(name: string) {\n return function(args, template, selector = null) {\n const tempElement = document.createElement('div');\n tempElement.innerHTML = template;\n\n const componentElement = tempElement.querySelector(selector \|\| name);\n\n const { $stringifyProperties, ...attributes } = args;\n\n for (const [key, value] of Object.entries(attributes)) {\n setAttributeOrProperty(componentElement, key, value, $stringifyProperties);\n }\n\n return tempElement.firstElementChild;\n }\n}\n\nconst setAttributeOrProperty = (\n element: HTMLElement \| SVGElement,\n name: string,\n value: any,\n stringifyProperty: boolean = false\n): void => {\n if (value === undefined \|\| value === null) {\n return;\n }\n\n // Naive support for xlink namespace\n // Full list: https://github.com/facebook/react/blob/1843f87/src/renderers/dom/shared/SVGDOMPropertyConfig.js#L258-L264\n if (/^xlink[AHRST]/.test(name)) {\n element.setAttributeNS(\n \"http://www.w3.org/1999/xlink\",\n name.replace(\"xlink\", \"xlink:\").toLowerCase(),\n value\n );\n } else {\n if ([\"string\", \"number\", \"bigint\", \"boolean\"].includes(typeof value) \|\| name.startsWith('.')) {\n element.setAttribute(name, value);\n } else if (stringifyProperty && [\"object\"].includes(typeof value)) {\n element.setAttribute(name, JSON.stringify(value));\n } else {\n element[name] = value;\n }\n }\n};\n"]}
1	+ {"version":3,"file":"story-utils.js","sourceRoot":"","sources":["../../src/utils/story-utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,UAAU,oBAAoB,CAAC,IAAY;EAC/C,OAAO,UAAS,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAC7C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClD,WAAW,CAAC,SAAS,GAAG,QAAQ,CAAC;IAEjC,MAAM,gBAAgB,GAAG,WAAW,CAAC,aAAa,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAErE,MAAM,EAAE,oBAAoB,KAAoB,IAAI,EAAnB,UAAU,UAAK,IAAI,EAA9C,wBAAuC,CAAO,CAAC;IAErD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;MACrD,sBAAsB,CAAC,gBAAgB,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC;KAC5E;IAED,OAAO,WAAW,CAAC,iBAAiB,CAAC;EACvC,CAAC,CAAA;AACH,CAAC;AAED,MAAM,sBAAsB,GAAG,CAC7B,OAAiC,EACjC,IAAY,EACZ,KAAU,EACV,oBAA6B,KAAK,EAC5B,EAAE;EACR,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;IACzC,OAAO;GACR;EAED,oCAAoC;EACpC,uHAAuH;EACvH,IAAI,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IAC9B,OAAO,CAAC,cAAc,CACpB,8BAA8B,EAC9B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,WAAW,EAAE,EAC7C,KAAK,CACN,CAAC;GACH;OAAM;IACL,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;MAC5F,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACnC;SAAM,IAAI,iBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,KAAK,CAAC,EAAE;MACjE,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;KACnD;SAAM;MACL,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC;KAClC;GACF;AACH,CAAC,CAAC","sourcesContent":["import { camelCase } from \"./string-utils\";\n\nexport function createComponentStory(name: string) {\n return function(args, template, selector = null) {\n const tempElement = document.createElement('div');\n tempElement.innerHTML = template;\n\n const componentElement = tempElement.querySelector(selector \|\| name);\n\n const { $stringifyProperties, ...attributes } = args;\n\n for (const [key, value] of Object.entries(attributes)) {\n setAttributeOrProperty(componentElement, key, value, $stringifyProperties);\n }\n\n return tempElement.firstElementChild;\n }\n}\n\nconst setAttributeOrProperty = (\n element: HTMLElement \| SVGElement,\n name: string,\n value: any,\n stringifyProperty: boolean = false\n): void => {\n if (value === undefined \|\| value === null) {\n return;\n }\n\n // Naive support for xlink namespace\n // Full list: https://github.com/facebook/react/blob/1843f87/src/renderers/dom/shared/SVGDOMPropertyConfig.js#L258-L264\n if (/^xlink[AHRST]/.test(name)) {\n element.setAttributeNS(\n \"http://www.w3.org/1999/xlink\",\n name.replace(\"xlink\", \"xlink:\").toLowerCase(),\n value\n );\n } else {\n if ([\"string\", \"number\", \"bigint\", \"boolean\"].includes(typeof value) \|\| name.startsWith('.')) {\n element.setAttribute(name, value);\n } else if (stringifyProperty && [\"object\"].includes(typeof value)) {\n element.setAttribute(name, JSON.stringify(value));\n } else {\n element[camelCase(name)] = value;\n }\n }\n};\n"]}