npm - @oiz/stzh-components - Versions diffs - 4.13.0-beta2 → 4.13.0 - Mend

@oiz/stzh-components 4.13.0-beta2 → 4.13.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 (876) hide show

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

@@ -13,7 +13,7 @@ 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";
-const ACCEPTED_FILES_DEFAULT = ".jpg,.png,.pdf";
+const ACCEPTED_FILES_DEFAULT = ".jpg,.jpeg,.png,.pdf";
 let uploadCounter = 0;
 let previewCounter = 0;
 // Most properties taken over from:
@@ -75,11 +75,8 @@ export class StzhUpload {
         this.downloadDisabled = false;
         /** Whether download functionality should only be shown to completed files. */
         this.downloadDisabledWhileProcessing = false;
-        /**
-         * The file types accepted to be uploaded. For security reasons, there's the default value ".jpg,.png,.pdf".
-         *
-         */
-        this.acceptedFiles = ".jpg,.png,.pdf"; // must match ACCEPTED_FILES_DEFAULT (autodocs can't handle variables)
+        /** The file types accepted to be uploaded. */
+        this.acceptedFiles = ".jpg,.jpeg,.png,.pdf"; // must match ACCEPTED_FILES_DEFAULT (autodocs can't handle variables)
         /**
          * If false, files will be added to the queue but the queue will not be
          * processed automatically.
@@ -964,7 +961,7 @@ export class StzhUpload {
         <div class="stzh-upload__details">
           <div class="stzh-upload__info-wrapper">
             <div class="stzh-upload__info-wrapper-processing">
               <div class="stzh-upload__title-meta-row">
                 <div class="stzh-upload__icon">
@@ -1242,14 +1239,14 @@ export class StzhUpload {
         if (!filesizeText) {
             instructionText = instructionText.replace(/\s*\(\s*\)\s*/, "");
         }
-        return (h(Host, { key: 'acf772e9249fa32f633366293e15df90fcd96a63', tabindex: this.disabled ? null : "-1", "is-invalid": this.invalid || errorUsed, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid || errorUsed ? "true" : "false", "aria-describedby": this.invalid || errorUsed ? this.error : undefined, role: "group", "aria-labelledby": labelWrapperUsed && (this.label || hasSlot(this.uploadEl)) ? `${this.uploadId}-label` : undefined }, h("stzh-toastbar", { key: '91c9545868fcdd836a2baac682ea5c13d3fa284f' }), h("div", { key: '02f99944e7931713b690b6ed1bedd6295366d70a', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: 'ca1c278309556bd26955e8ea10684cf8de0e2e57', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: 'f54f408d089510a90f65be01fbfeb0bbe6c01a05', class: "stzh-upload__label-wrapper" }, h("label", { key: '242ebcbf8cdba59d53c018a2674f6ddcdc0b6288', id: `${this.uploadId}-label`, class: {
+        return (h(Host, { key: '8ff96516c9de940666b185422e118b0d089652e6', tabindex: this.disabled ? null : "-1", "is-invalid": this.invalid || errorUsed, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid || errorUsed ? "true" : "false", "aria-describedby": this.invalid || errorUsed ? this.error : undefined, role: "group", "aria-labelledby": labelWrapperUsed && (this.label || hasSlot(this.uploadEl)) ? `${this.uploadId}-label` : undefined }, h("stzh-toastbar", { key: 'cf2b6052a3f012a57324bbe765593719da2a96d7' }), h("div", { key: 'c8748c527293670f9cc31c9784fbfc4c96a34103', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: '10d1ffebf694df4c21d32cd904f606de38eac5ab', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: 'fa82c44925fad3bf298ce11e45f6d0c4d0bddc17', class: "stzh-upload__label-wrapper" }, h("label", { key: 'b2eaaf461a147fb4da3aad0797f24566befe72a9', id: `${this.uploadId}-label`, class: {
                 "stzh-upload__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            } }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '8c0da37a0c75e958f8af8b65eb61c15003878601', class: "stzh-upload__marker" }, h("span", { key: 'a3c6e2a1a74b55fb58412f46c4652218abd70679', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
+            } }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '61e3174e2974c1b7a1975d22dd2f5d3220e716c1', class: "stzh-upload__marker" }, h("span", { key: 'e715c7fdc1131e1e4999f1c5b9c458335fa56081', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'd47ed0fabf74a75c9f4d7eda3ba071a6a2069cbb', class: "stzh-upload__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '589d7bebe51db17314c7a47be3fe9404cf2780a0', class: "stzh-upload__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), (this.descriptionLong || hasSlot(this.uploadEl, "description-long")) && (h(StzhInputDescription, { key: '57f5324686fd452442ae013b3411d809db03400f', classPrefix: "stzh-upload", id: `${this.uploadId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '34fd7cb1d722e6f10aadcf493736be64377b3a42', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '37920b5454bcb3619ee8e21836f9d0e232cf3b65', class: "stzh-upload__heading-wrapper" }, h("div", { key: '55b94772290115c88514a18a9348d4603d940e36', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'd1699ba7c69dac2fa1639490bfe27d3d03d7c88e', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: 'f374f6fe0e1ae705f5b45de0215d4a4e5d119b50', id: `${this.uploadId}-button`, class: "stzh-upload__button", variant: "secondary", size: "tiny", ref: el => (this.chooseFileButtonEl = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: this.a11yDescribedby, a11yControls: `${this.uploadId}-previews`, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '19dd071a8cc48e2bbc62a0763c0c29613f333000', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '5d217f97b8e1b2dedb5c690dd9854a730b846a96', onClick: this.onButtonScanClick, class: "stzh-upload__button-scan", variant: "secondary", size: "tiny", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, a11yDescribedby: this.a11yDescribedby, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '49db414cffed59ea5b2bdb7f8bbf278aa2f4240a', slot: "icon", name: "camera" })))))), h("div", { key: '8af4a072988f51033370eb6f1257262cbd4eab1f', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '9212922200dcf0857d2c515dce1c80a8a2a6a2d6' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: '873b067b09fda9bac0c2666b7bf65291c41a1b6c', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: 'a9ba83efb780d3d57964aad1b6ef857870da0c1c', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '4ebac8224fee8a0a8fb53a69baa7d8182e42bbc6', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '6c7d3cca3a8d69fee15b69aa72986f37ef24f6df', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: 'b3c9bbeed7543359703470516896a6061e31f967', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: 'b458bc04a2c4636453286a59820edcc3e0232c50', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '186cf7a88a6d3717e14b138fe92b5f24c5be86ab', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '214951ad746d3659f91b40e105139608d695e7c7' }, h("p", { key: 'cb79376d6d08e81e6b7b1792eb0f1a9b1e73f0a1' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'dbe02d46f9aeb9e6d22cc5620dcbe033208dffe9' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: '18dfe7f274badbf723ebeff56220c7441bb209d0', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '709e55952e770e4aae59f962c19d2f11cffef48b', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: 'd8e81f80d05a3c8a987001040716dc579029162b' }, h("p", { key: '4b116272ceee764332a457774f2c7860e1940de9' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: 'd2dcde846e0dff631537efb0eccd2617c3d05597', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: 'bc1f37e6d43afe68c24f22dadadd4646130f2819', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "tiny", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '800465be03f9b755d3463ff81a1379a6746651fd' }, h("div", { key: 'c28c72857dbda8d261dd89b5e94b1947fe4372f0', class: "stzh-upload-photographing__info" }, h("div", { key: '1315a168a23b8c0c97c1a6c74ed6cf67a3ad240b', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '7b8c58bdae5137d08da8916c5487fa72dc024b0e', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '9b10e9d636615cb083e132d285c5d5b6781aaab1' }, this.localization.photographingText1)), h("div", { key: 'b751769ab338835c84e71609155f57746f8e514b', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '4437ac6fdb5edb2bb369b752f49c1f1a26eb7d62', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '9bf6733a573b96bdfb5f9d514a836876e6de8954', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: 'afae53b6ae6e8691cb73b7f6d27223df8f38e491', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '4d92e90cf8dd9a860aedb0acdcc9a5d91056a69a' }, this.localization.photographingText2)), h("div", { key: 'a41f4c025de45d51e87f15842d94a1b34810543f', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: '8d2b4f6c62d3fda8735b7b1f43bea8f3be58bea9', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
+            : this.localization.$globals.optionalFieldText)))), (this.descriptionLong || hasSlot(this.uploadEl, "description-long")) && (h(StzhInputDescription, { key: '3ae1887f49ecc58ecf907976c3f698b4796bbb95', classPrefix: "stzh-upload", id: `${this.uploadId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'b1f20eb12e286cff489f61da765f77d986068dab', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: 'c4a284e2fa1a758f8586015607918cabec2c2b1e', class: "stzh-upload__heading-wrapper" }, h("div", { key: '3d3d57c2356b145b71e913f6cc20679d7a8e69b6', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'fb71a639cc6fd86be544c72492c2e3ef98f4e9cb', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: '5a1386106d58d3c2fe6b4b6625701e1c13959656', id: `${this.uploadId}-button`, class: "stzh-upload__button", variant: "secondary", size: "tiny", ref: el => (this.chooseFileButtonEl = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: this.a11yDescribedby, a11yControls: `${this.uploadId}-previews`, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: 'e2183e7ddf91906877330674966c3eea96559cf5', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '4865e13fe16acbc31bb6c679ec01d0982574219a', onClick: this.onButtonScanClick, class: "stzh-upload__button-scan", variant: "secondary", size: "tiny", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, a11yDescribedby: this.a11yDescribedby, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '48b705b4ee7adf5c190ad9bcb34248227a0eb7b9', slot: "icon", name: "camera" })))))), h("div", { key: '6d54e2ccd042b975a74c2b9ae412499f887ba8b3', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '53982a532873735a9170bf0303cadcb388f07d73' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: '87cc07cebbf19f748d9a2f3e82d20148da604cc7', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: '664675321d3c0152e1a8f2616326804e309b38f5', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '15070e32b62de678d91687f192df5a88458e2a00', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '71fe597bd33ae646171d75eb563b5b102543f696', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: '087270500c7b8d27a2fa9d5187219b62d7896325', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: '2a687477a9adb00a18066fba8d0d795c45954a5b', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '06503d4c6075d333db7252b004094e1bf27a6113', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '5f15672244b2eed2eba026373ce11e941c3bad3a' }, h("p", { key: '879ecf7d6da66294c386f66744c0137e40396afc' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'ebf29e169d8fdfa2772268fedf2c1a11ef833e43' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: 'f64a71a1ea50d729a9eec6df2d367e47d689ce7d', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '86b533c7014e3a783781407ad43c897a550bab5f', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '171fc3fc41a55fd5353b03835b3bde783b3995b7' }, h("p", { key: 'c5ba53189ea29b90d5b2a04b90021785bdd8211f' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '64fd61d5d2917d282fbf4807c9440bac61889196', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: '2c5e89a6beca7e777914f5b0f67a31df389444f2', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "tiny", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '1f0634640f03ea5715380486f5290ef8de6da167' }, h("div", { key: '413feffa9195c7e8883835244fc48d3474da47c0', class: "stzh-upload-photographing__info" }, h("div", { key: 'f4a6b1c85e544f66621ab02ad51793800eaf7ea0', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '58bd9e4f3309eca9a776f522a0915dd1367961ae', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '17321db9702a4f495473fca3947ea1f831ddb4bd' }, this.localization.photographingText1)), h("div", { key: '59ad54f7789dd0e5b0a3301e9704ed1db5c2fc75', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '19d5d84a5de99d99e24c70c428613e764aeb45d0', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '8144d958b2644a528bd92b954a158a13f1b375bf', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: '85758ec792d5c0bb877200f1f7746d2570465315', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '8f5d85d2f7e552f5cb18fc9a4e2263f7c4c325cc' }, this.localization.photographingText2)), h("div", { key: '34ea6aa7d5c4516938ea8a479285b0d35a827773', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: 'c974a41a65bcecee9526f11b860f34d90f9450f3', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     static get is() { return "stzh-upload"; }
     static get originalStyleUrls() {
@@ -1728,13 +1725,13 @@ export class StzhUpload {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The file types accepted to be uploaded. For security reasons, there's the default value \".jpg,.png,.pdf\"."
+                    "text": "The file types accepted to be uploaded."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": true,
                 "attribute": "accepted-files",
-                "defaultValue": "\".jpg,.png,.pdf\""
+                "defaultValue": "\".jpg,.jpeg,.png,.pdf\""
             },
             "autoProcessQueue": {
                 "type": "boolean",