@oiz/stzh-components 4.12.1 → 4.12.2

package/dist/components/stzh-tooltip.js

@@ -1,4 +1,4 @@
-import { S as StzhTooltip$1, d as defineCustomElement$1 } from './p-Bnxt1olk.js';
+import { S as StzhTooltip$1, d as defineCustomElement$1 } from './p-DT8WI_DQ.js';
 
 const StzhTooltip = StzhTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-twocolumns.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull, h as hasSlot } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { s as setPropsIfNull, h as hasSlot } from './p-DBHUqFOB.js';
 
 const stzhTwocolumnsCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(
     --stzh-twocolumns-grid-template-areas,

package/dist/components/stzh-upload.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { h as hasSlot, k as getStzhEnvironment, i as isStzhElement } from './p-CN5apKPb.js';
-import { S as StzhInputDescription } from './p-x2lzAuxg.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { a as hasDefaultSlotContent, h as hasSlot, l as getStzhEnvironment, i as isStzhElement } from './p-DBHUqFOB.js';
+import { S as StzhInputDescription } from './p-BmG3hFM8.js';
 import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
-import { d as defineCustomElement$c } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$b } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$a } from './p-CaNZTZoV.js';
-import { d as defineCustomElement$9 } from './p-CLg_b_CM.js';
-import { d as defineCustomElement$8 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$7 } from './p-D1qHu5Qi.js';
-import { d as defineCustomElement$6 } from './p-Nj7vgfBU.js';
-import { d as defineCustomElement$5 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$4 } from './p-CqIeGIYq.js';
-import { d as defineCustomElement$3 } from './p-uzlslKFU.js';
-import { d as defineCustomElement$2 } from './p-CXxKSOOe.js';
+import { d as defineCustomElement$c } from './p-DEfzwFSm.js';
+import { d as defineCustomElement$b } from './p-BK6Q89R0.js';
+import { d as defineCustomElement$a } from './p-xa5yO3I6.js';
+import { d as defineCustomElement$9 } from './p-Bg2ganSs.js';
+import { d as defineCustomElement$8 } from './p-CRo_30JG.js';
+import { d as defineCustomElement$7 } from './p-DrLVNdlm.js';
+import { d as defineCustomElement$6 } from './p-R8ubFYun.js';
+import { d as defineCustomElement$5 } from './p-DT0ux3Yn.js';
+import { d as defineCustomElement$4 } from './p-4Vt8Vqot.js';
+import { d as defineCustomElement$3 } from './p-BYIlBCuU.js';
+import { d as defineCustomElement$2 } from './p-DXesblGY.js';
 
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -13687,6 +13687,18 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         this.totalFilesState = [];
         this.duplicateFileName = "";
         this.duplicateFileSize = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasResolvedDefaultSlot = false;
         this.PHOTOGRAPHING_BASE_URL = "/appl/mobiscan/rs";
         this.PHOTOGRAPHING_ENDPOINTS = {
             PING: "/ping",
@@ -13740,6 +13752,19 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         this.filePreviewId = function (file) {
             return `${this.uploadId}-${file._id}`;
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = hasDefaultSlotContent(this.uploadEl, ["stzh-upload"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.uploadEl)) {
@@ -14065,6 +14090,9 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
             });
         }
     }
+    componentDidLoad() {
+        this.updateDefaultSlotState();
+    }
     componentDidRender() {
         var _a;
         if (this.dropzone) {
@@ -14639,7 +14667,8 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         const errorUsed = hasSlot(this.uploadEl, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
         const descriptionUsed = !!this.description;
         const descriptionLongUsed = !!this.descriptionLong || hasSlot(this.uploadEl, "description-long");
-        const labelWrapperUsed = !this.labelHidden && (!!this.label || hasSlot(this.uploadEl) || descriptionLongUsed);
+        const labelUsed = !!this.label || this.hasDefaultSlot;
+        const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;
         const classes = {
             "stzh-upload": true,
             "stzh-upload--is-invalid": this.invalid || errorUsed,
@@ -14677,14 +14706,14 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         if (!filesizeText) {
             instructionText = instructionText.replace(/\s*\(\s*\)\s*/, "");
         }
-        return (h(Host, { key: '7d364b7acdaf4825bea973dec2e7cf417a227efa', 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: 'c5067d0c91e550be32c63afb2059e02be1d31f87' }), h("div", { key: '91668faf8d374d0b70feda5d89149e242adf9ebf', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: '5fb7738dd2e340daef10f360b09f67b18a891606', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: '9f197c9258486c99d13dfcb270230dc3c0ef5bd0', class: "stzh-upload__label-wrapper" }, h("label", { key: 'ac3c5c16204458e59db25deb124a19999a312fcf', id: `${this.uploadId}-label`, class: {
+        return (h(Host, { key: '4e97194a9a6399ef1d06359894bef96f368a75ce', 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: 'b7a0894ef2c2394562f91bdf26ca64ab69fdde5b' }), h("div", { key: '722c522e0e4390b6e6a9b53739150bc226d4afa3', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: '8f85bf782e47ec78544176b552073ec6f7a94383', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: '8c82dd55643ec6ccff2df5072e84c8ae83f420d2', class: "stzh-upload__label-wrapper" }, h("label", { key: '3a8eba3872e7a921c004f7c47da93e360511a703', id: `${this.uploadId}-label`, class: {
                 "stzh-upload__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            } }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '5752b027c6bedf6a97ef12e01ace35eafc3bf0dd', class: "stzh-upload__marker" }, h("span", { key: 'dbd732ec6926259a2b224cd4bc932dfff285defb', 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: '30a746088574a95c5a5b240372c4c7395755e9f4', class: "stzh-upload__marker" }, h("span", { key: 'c7d58bbfbc2f60bd3f7a721f44d5fe86c27a6330', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '771dafc94e40ed79a0b6aebb987f46b957594017', class: "stzh-upload__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3e3befe7929e17407b86b31396e64246d229967d', 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: 'c3c2c92d561e379ee932e31f8d694dabff3b107c', 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: '2349de6ccdf5063c56bdf10b6956be6c71005ed6', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '1585940afa26cc6e6b8eb4095d9f6c88b21f4fc1', class: "stzh-upload__heading-wrapper" }, h("div", { key: '3154f287ae4ef01216592887125a0859007db7b6', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: '40bd2a6696fb43a39ff8d903c872d11d13234a8f', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: 'fb4dbce22bb5968943006be8763f2142f13d32f6', 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: '8968bb28dac68c912a7815dd2a0e32288c43d102', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '7cd3d33a4eca99ab3ea31b88f88ea335051e13f2', 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: 'f329b2c71913d8d3e70abb42519ad23b9b9b9776', slot: "icon", name: "camera" })))))), h("div", { key: '6bcc50fda1ad447fa578219fe21cda8cd38bbf44', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '317048ef496e7af9fa27b1004af45ec5162b3836' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: 'd1eddcdcd1463cd39823c26d79113551d2ee0105', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: 'e49426d619b235dd7cfe6bf0ba0fd9130116c2e3', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: 'e0a8ac5bb3d416888ec333d4a64987822f3e106a', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '40820996bb10ca8a61fb074695cc62d320ca413a', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: 'e1bbcde1a08fa5347225e7fb4fe8514f19a71bb9', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: '9040abf9399b996b16257d72a6e21650aa5b1a74', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '9f2548f62b220d1d76c25fe71a46fa3e4a3305d4', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: 'b4cf16446aafee0660db6af6385107f0e6cb0afd' }, h("p", { key: 'dd2ab5f5bd90cdbea8223afce8c9406c0e4e91fd' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'a29a6db5974f9ebac3e5bdf0976b576d0a6163c7' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: 'bf23c415b0a0ec5d2f96f679f2a99050bdea10e2', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '3eee217b42d031521090bdd4e63da8c1ce7840c9', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: 'cdb158f41f00082241d7f8e47258aa51639ee439' }, h("p", { key: '62b061b8fca307aca313cfac414fe557b4a7befe' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '20f0e6ea658e9447dea35ca43fc66c5c9fd92f4d', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: 'fb1f84cfa27423e86ba68efebc98bc20b5d6511d', 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: '2fbd7a1a6cf559dfca51a05c4e24b87aeb87bc99' }, h("div", { key: '1ee42624e419bdfc7730d9fa84e5d6bfa6fb804a', class: "stzh-upload-photographing__info" }, h("div", { key: '1c58bf86b6b8b8c12168477d8555344623db49fd', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: 'edde5725c7977c8952a1ad9c7f7a04f5f2b517e6', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: 'f497cfe077cfc7aefb2323727a1dbadfeb671f1a' }, this.localization.photographingText1)), h("div", { key: '1e896f5e86c39abc127027a1bf650e944f2a45f5', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: 'c7bdc24a9b17b5462a3688d9ba1bb93a139c89d4', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '858f7f6070ea7a0bbac86f0d8735a7621774d05e', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: '4c5a4766b4d50eaf1e52dcc018b14e82805eb6b5', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '24dbac13f472465f56fdbabaf1a17c533814c58b' }, this.localization.photographingText2)), h("div", { key: '2495016b06cee36fb9c7e063959562314f7b4653', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: '00e5defbc0b9ae2846599e9e314b05b38e5c5f58', 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: 'a029ce5d5c93acaaa3dc37df2a69215326716f9a', 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: 'b9ad9df8003c8b5d6dd3988aaf47cf205ec6fe01', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '00bf292098fb04926c979962e4adcb5e1520e6e2', class: "stzh-upload__heading-wrapper" }, h("div", { key: '4cf58339febbeacbbc1efdb83cef5d8f96edbd59', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'c79d9f75384d02b4efefacdb70e95218768e9902', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: '6b650e87c23f9ce0913557544d18aebbb54145a1', 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: 'b580fdc269f69f145393a608f71da6bcde62d749', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: 'b286ae9d7013fb40d6c230e62bd7b0c3a8dedb31', 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: '904f454fda8d8c71f4b1378b03d5c2745fc65080', slot: "icon", name: "camera" })))))), h("div", { key: 'e290028be6637ba1d3c94e6775307528fcdb41e5', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '88976c933761ec0356d17bf3ff21789a3224eac8' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: 'c5456e887c1d78eb677072f5abd6fc6612ca2da4', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: '773afc83c46ac5e8df26deb51140a76c15950e4a', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: 'f4e4bcec35a6b75c69553bdb0791f04bdac90894', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: 'f9dd5229e70b3ac6daa7edf2f20cfb916aacc04c', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: 'dcbb78d3151f0f397566da89240fcced6ff1fa39', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: 'ffede6f89f21b1b8a654c6f0bc91ce3b271b1d84', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'a8d928e1500684ba782daa37f7d59b8379ed9da9', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '202aefcdf63a90b9282a6a4b5e264c5acb40783f' }, h("p", { key: '0fdffae5851a973e5b13de36371b85edeba66546' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: '8886f9e9ad5d38d5c2fca3a9b3cf079e369cf99b' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: '1c653c9e672719b9638849758c173195670cc86b', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '39e5fa6b86b5041d01c497e017894367a3d557f2', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '8067457a81df718a5efe523e9cb754002c6b8767' }, h("p", { key: '7ab22028d297a3514b813b16a62d9eb38b4f949d' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '760a5beddefd3c0d71d960dee9603e774d594090', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: 'bb8fc6ad663934f86a4feaeded09dcff7859805e', 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: 'e6609b940c8f01a76c74d3af5d889456b0eef3de' }, h("div", { key: 'c238af2c00afc6b064248e76bf43e90066fd8bf5', class: "stzh-upload-photographing__info" }, h("div", { key: 'ba35aae13b783cee7c1dabe5fd9b2dc3d1ac078d', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: 'a8780ae39cf1b032615ce03ed4b37076a400ad3e', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: 'b51bc689e9b09364e9b528f5da2513338b9ed5c5' }, this.localization.photographingText1)), h("div", { key: '6658198f747d4c215dc19b8f19784dc378b00423', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '43399faf4d1d6873e99f066d7a5ce186ef83ee15', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '69f38f1d5fa2263d811b37490cf430a1cc1d8e26', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: 'b50003646428f26b601c1eb19976715d7c4f2db7', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '345ff48849b4f852a7e0914d23c3161ebf91b3e8' }, this.localization.photographingText2)), h("div", { key: '8bfd164083fd381cbc33566db161909b4d6834ec', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: '1e6726b61d5b0d03234029ad6e6c39c1423cfd92', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     get uploadEl() { return this; }
     static get watchers() { return {
@@ -14755,6 +14784,8 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         "totalFilesState": [32],
         "duplicateFileName": [32],
         "duplicateFileSize": [32],
+        "hasDefaultSlot": [32],
+        "hasResolvedDefaultSlot": [32],
         "isPhotographingAvailable": [32],
         "photographingUrlDetails": [32],
         "photographingHost": [32],