@oiz/stzh-components 4.12.2 → 4.13.0-beta1

package/dist/esm/stzh-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { c as computePosition, a as autoUpdate, A as Arrow, o as offset, f as flip, s as shift, b as arrow } from './arrow-DzjuI2eY.js';
 import { c as createFocusTrap } from './focus-trap.esm-CBUfcdIy.js';
 import { i as isStzhElement } from './utils-CnvjJ2wY.js';
@@ -348,7 +348,7 @@ const StzhTooltip = class {
             [`stzh-tooltip--open`]: this.open,
             [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,
         };
-        return (h(Host, { key: '012724e0503ec288ed26ab0349f47a38ef0b3096' }, h("div", { key: 'ab00cbc1925024146dd787aaa458ab9bc61983f7', class: classes }, h("div", { key: 'b6ce70a7bcb38321c0f80eadce119575765e1ae0', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, h("slot", { key: '86aa4451718894fb07b2dad52f6ec88fc65a79fa' })), this.hasTrigger("click") && (h("div", { key: '612541e156677d64cfaf6b93e759661e0d8b43bf', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), h("div", { key: 'a9d13f17857a6df369de8e47db1d444f3f832f5e', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, h("div", { key: '3d923d9a940924c993103736747aef80402a066d', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow }), this.label && (h("h2", { key: '471200d61c43b6642b27f4b9a57f1d2dff4ff5c5', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (h("button", { key: '10dd80e0915a3251702d59079420a910c2a4e40d', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '2cc3012f1c6e840b835b11e09ce0eaea05e8e951', name: "close", class: "stzh-tooltip__icon" }), h("span", { key: '33314393adb510ea664a3b71cdc91cea01a4a8fe', class: "stzh-tooltip__vhidden" }, this.localization.close))), h("stzh-text", Object.assign({ key: 'd4162f0c66217ee9ea960a6b456aabbd2a0736f4', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : h("slot", { name: "content" }))))));
+        return (h(Host, { key: '87b3ff5681cba66f247a4b9796ba48a60223c8c0' }, h("div", { key: 'b8fcb9989e3755f8353dc30041c7389677ad2225', class: classes }, h("div", { key: '0260e279e17a025c41f79ffc259d2fbe7de1ebe5', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, h("slot", { key: '00233d11fa1eed44272ec776346149de8f27c4c3' })), this.hasTrigger("click") && (h("div", { key: '429618291c4e8b8c66febbd2c3db71597ba31b66', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), h("div", { key: '56d2565d045be1a7e3ad07eb2b1952c219d091e2', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, h("div", { key: '75ac7b7bd0a0f0b6f3f2a2fd0bc0040cb60ec7ff', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow }), this.label && (h("h2", { key: 'b05fd5efaf3ecbf8e24e1979d98b2300ec2513fb', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (h("button", { key: '5f02d98c98214aebd9a31432ba6c0642e629dfe8', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: 'd14def3d3ab12425b1f79e811ade0aac375a3e75', name: "close", class: "stzh-tooltip__icon" }), h("span", { key: '76dcdb1cc8619130bb27ebbdbf920f28ead54207', class: "stzh-tooltip__vhidden" }, this.localization.close))), h("stzh-text", Object.assign({ key: '461c81d1322994587db85962ba41b280b796fa5d', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : h("slot", { name: "content" }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-twocolumns.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, f as forceUpdate, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, f as forceUpdate, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull, h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -53,7 +53,7 @@ const StzhTwocolumns = class {
             "stzh-twocolumns--has-left": leftSlotUsed,
             "stzh-twocolumns--has-right": rightSlotUsed,
         };
-        return (h(Host, { key: '0ca48c60ae81b0f55d1da4aebda016298cdae9ce' }, h("div", { key: 'ef86c4a543c9f47388ae01ca4c52425f358221a8', class: classes }, h("div", { key: '3f6da1ef3010941a73aee6641a5c803e8be71e22', class: "stzh-twocolumns__left" }, h("slot", { key: '600b238e7bbf16d1eebf2ef7a107a4dbf724bafb', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: 'b9ba91f41cc40cd66b257f1d4ced8c679f1976db', class: "stzh-twocolumns__right" }, h("slot", { key: '6234fda5f8caf144343f77da9a80bbef2987e56d', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
+        return (h(Host, { key: '14d43657c9511411dee757628d1f705fdee2c049' }, h("div", { key: 'b20c2864082e8bf26a94ceceb5eb8c69d467b840', class: classes }, h("div", { key: '13f863b4e309db7e411d09027bb1c31d0adbf5bb', class: "stzh-twocolumns__left" }, h("slot", { key: '1959a39f845dc0c66cbf84b0f93b1e993142b780', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '743b23351efb995d040467716ac9c7e243845b75', class: "stzh-twocolumns__right" }, h("slot", { key: '9a7b7d49343990d0cebb6ff9d00012106adf69e6', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-upload.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as hasDefaultSlotContent, h as hasSlot, c as getStzhEnvironment, i as isStzhElement } from './utils-CnvjJ2wY.js';
-import { S as StzhInputDescription } from './stzh-input-description-F6xJmR4b.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-E-ZsRS8r.js';
 import './string-utils-BubviQku.js';
 
@@ -14693,14 +14693,14 @@ const StzhUpload = class {
         if (!filesizeText) {
             instructionText = instructionText.replace(/\s*\(\s*\)\s*/, "");
         }
-        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: {
+        return (h(Host, { key: '1afee2b3d1316a36eb75803724423c523b3f6fa7', 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: 'a3f8871947a0fe1c4c5470d442034d2f09d27a6e' }), h("div", { key: 'c7e597a30084ed37b8eeab1eded31c31fea6c738', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: '029b0357daa4abcf2a9ea0b3a0bb63f075550612', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: '0d6f8e0731936839341ee4dc704f6801d811074b', class: "stzh-upload__label-wrapper" }, h("label", { key: 'fc7c2092fe42df6e06fc6cc99b9766ec37b54a2e', 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: '30a746088574a95c5a5b240372c4c7395755e9f4', class: "stzh-upload__marker" }, h("span", { key: 'c7d58bbfbc2f60bd3f7a721f44d5fe86c27a6330', 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: '3535faf8633cf520e90a692a2e90722a2d53f477', class: "stzh-upload__marker" }, h("span", { key: '45c458e6348ec2dc7084da4bf8c440a05b00a1d4', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3e3befe7929e17407b86b31396e64246d229967d', class: "stzh-upload__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '0d107480108d6e741decf54d48ab66964c39cea4', 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: '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))))))));
+            : this.localization.$globals.optionalFieldText)))), (this.descriptionLong || hasSlot(this.uploadEl, "description-long")) && (h(StzhInputDescription, { key: 'f2e2acbdc24993024797b9f930d3f73583f0f150', 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: '5631b7d40b17931dbe0e2ded57767907efc7beff', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: 'e636eb4da691ca668d4e814c3cd031201e6b21e3', class: "stzh-upload__heading-wrapper" }, h("div", { key: 'c2f611456c08a0a995fda1c0891ea5a6bf4af6eb', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'bf4820e4d2f20f41021a2d60625e8204f8ba79d5', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: 'e1501359b5712d41ef279d29e5dda6f5a4c2ae9d', 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: 'a765dfb24ecf0db37e969e74ef4e492fbed390ae', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: 'cbbaa377c07f02a06d82ce309545b5bd861267e2', 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: 'bfc85ecf57f9b475ae6db2a31fa5aac5f6957040', slot: "icon", name: "camera" })))))), h("div", { key: '35afff863dd72ffa1c97678a3901e0bfa581545a', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: 'a82f7de8b8e029aed5291fbb8f57a9174ed9c5c0' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: '2a59a2aced16877551424191aa2bff3365cfe15e', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: 'e6a9fa513f01fa07eb8997dafda8d8c1b38f569e', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '4bc89ff5fd68912ae8698079032a7ca625729c08', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: 'e40902663828f56736707a15347ee3e897cd8984', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: 'b28047732c8ac8fe2a317ac7018808da35aa445b', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: '210dab81a1b69168a22c178227444aa3657a9b41', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'e94f091622737aa8079ad46099067895afceb7a1', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '8e049f3bdb31d75c4a50aa9696393351d4296e49' }, h("p", { key: '6d46520e2d6d329f29d9b83751b9b1253dbf7c31' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: '95ec7c341380320c247f1ac5a46413146b74d82b' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: 'f3728d7a353af03c4a679bf62a181bbb769929f3', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'cc754c3acfab23220e10152372843641961001cd', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '62efb41bcd7bc237e3f47b1c1cebf765d63b2922' }, h("p", { key: '79ff2e7debaf1088c6e32c79c979d97c6462c52d' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '3832ceba493fbdb6a6dfe1b4aa7a634a45ab3985', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: '1fdf4accf649afdfd7479e7816e1ed80d0c13996', 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: 'b4d5f8aff34faa71e1c41b6a1f74bafa395f2e80' }, h("div", { key: '9199e5c5d0cbfb61ae73e6b7417d6b2bd3d033eb', class: "stzh-upload-photographing__info" }, h("div", { key: 'a8a99499c28a51edeaf5851c1f967a139a5fc483', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '902b89f5dded00c9de7a17c57d4114cc0174a1b0', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: 'a0a66c8210b052d5309c10276e1fa00308e897dd' }, this.localization.photographingText1)), h("div", { key: '5be1ab0b8ea3fe0b4dc4bbeceba1b94c4a061b60', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '3a34faa2635af5be9fd0e2075f0034bc5f4674a5', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: 'dfeae24b511640318cb92f6010a6b5a94569b2e4', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: 'c54b8f7c07bbf1950fb63df4ccb14d8cebacce59', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: 'd4ce18d05e411ce7b086d7c9d64f781f27810bc2' }, this.localization.photographingText2)), h("div", { key: '46f38e62fe7c3e55f341cce561851902a763ce3d', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: '903865a3b1e54fda5d9ea9ea52d74eb362178cc1', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     get uploadEl() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-vbz-carousel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhVbzCarouselCss = () => `.sc-stzh-vbz-carousel-h{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}[hidden].sc-stzh-vbz-carousel-h,[stzh-hidden].sc-stzh-vbz-carousel-h{display:none}.sc-stzh-vbz-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel,.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel::before,.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel::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)}.sc-stzh-vbz-carousel-h .has-focus.sc-stzh-vbz-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-carousel-h .stzh-fylingfocus-focused.sc-stzh-vbz-carousel{outline-style:none !important}.sc-stzh-vbz-carousel-h .stzh-fylingfocus-focused.sc-stzh-vbz-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:16/9;--max-height:42.5rem;--overflow:hidden}@media screen and (min-width: 600px){.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:21/9}}@media screen and (min-width: 900px){.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:21/9}}@media screen and (min-width: 1260px){.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:21/9}}`;
 

package/dist/esm/stzh-vbz-connection-finder.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhVbzConnectionFinderCss = () => `.sc-stzh-vbz-connection-finder-h{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}[hidden].sc-stzh-vbz-connection-finder-h,[stzh-hidden].sc-stzh-vbz-connection-finder-h{display:none}.sc-stzh-vbz-connection-finder-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::before,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::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)}.sc-stzh-vbz-connection-finder-h .has-focus.sc-stzh-vbz-connection-finder{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder{outline-style:none !important}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-connection-finder-h{width:100%}.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxxlarge)}}.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxxlarge)}}`;
 

package/dist/esm/stzh-vbz-intro.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 

package/dist/esm/stzh-vbz-linechip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 // This file is autogenerated. It's used to publish ESM to npm.
 function _typeof(obj) {

package/dist/esm/stzh-vbz-majorticker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as axios } from './axios-C1yQNsdb.js';
 import { a as createParagraphsFromBrs } from './string-utils-BubviQku.js';
 import { VBZ } from './index.js';

package/dist/esm/stzh-vbz-ticker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as axios } from './axios-C1yQNsdb.js';
 import { VBZ } from './index.js';
 import './_commonjsHelpers-E-ZsRS8r.js';

package/dist/esm/stzh-visuallyhidden.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host } from './index-Cd_ra_Ay.js';
 
 const stzhVisuallyhiddenCss = () => `.sc-stzh-visuallyhidden-h{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}[hidden].sc-stzh-visuallyhidden-h,[stzh-hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::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)}.sc-stzh-visuallyhidden-h .has-focus.sc-stzh-visuallyhidden{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden{outline-style:none !important}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden::-moz-focus-inner{border:0 !important}.sc-stzh-visuallyhidden-h{display:contents}.sc-stzh-visuallyhidden-h.sc-stzh-visuallyhidden-s>*:not(:focus):not(:active),.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-visuallyhidden.sc-stzh-visuallyhidden{display:contents}`;
 
@@ -7,9 +7,9 @@ const StzhVisuallyhidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '60c1dc4f7468d3103c2f02a7dd53c33f35554159' }, h("div", { key: 'f551ff37ae866987271c1257ffe8957eff811798', class: {
+        return (h(Host, { key: '6edc6413c15b3773f043b1dfe0fbd6bac1245c73' }, h("div", { key: '940b249127d4acec86b49c083a849ec1647ac347', class: {
                 "stzh-visuallyhidden": true,
-            } }, h("slot", { key: 'f2ca0241cf629917352a933dfb3bcea32a4f2026' }))));
+            } }, h("slot", { key: 'a1e8047f7042f193a442873bccec61806d05dd9a' }))));
     }
 };
 StzhVisuallyhidden.style = stzhVisuallyhiddenCss();

package/dist/esm/stzh-vspace.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host } from './index-Cd_ra_Ay.js';
 
 const stzhVspaceCss = () => `: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{--v-space:var(--stzh-space-default);--v-around-top:0;--v-around-bottom:0;--v-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around-top));padding-bottom:calc(var(--v-space) * var(--v-around-bottom));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--v-around-top:1;--v-around-bottom:1;--v-around:1}:host(:empty){height:var(--v-space)}:host([around-top]:not([around-top=false])){--v-around-top:1;--v-around:1}:host([around-bottom]:not([around-bottom=false])){--v-around-bottom:1;--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}:host([curve=small]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([curve=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-xlarge)}}:host([curve=intermediary]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([curve=intermediary]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xxlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([curve=section-inner]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=section-inner]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=background-section-inner]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=background-section-outer]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xxlarge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 900px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 900px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 900px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{flex-grow:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;margin:0}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace{}.stzh-vspace--justify-center{justify-content:center}.stzh-vspace--justify-end{justify-content:flex-end}.stzh-vspace--justify-between{justify-content:space-between}.stzh-vspace--justify-around{justify-content:space-around}.stzh-vspace--justify-evenly{justify-content:space-evenly}.stzh-vspace{}.stzh-vspace--items-end{align-items:flex-end}.stzh-vspace--items-center{align-items:center}.stzh-vspace--items-baseline{align-items:baseline}.stzh-vspace--items-stretch{align-items:stretch}`;
 
@@ -21,11 +21,11 @@ const StzhVspace = class {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: 'b7637b467593372ce65762a01cab245d17b21fbf' }, h("div", { key: 'c256876a69342e9f192523c6f33f937bcaaa9c43', class: {
+        return (h(Host, { key: '7dd1b9fd99644fa2d6f5bb658215acf028d200f2' }, h("div", { key: '68e161186c833ddb48c4abfdd909c52fb6688f68', class: {
                 "stzh-vspace": true,
                 [`stzh-vspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-vspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: '957c36e21f94ad61da69fac0f922f8e98e18e422' }))));
+            } }, h("slot", { key: '6fdf7ca2831cdaaf378991b0690deec24a6add4b' }))));
     }
 };
 StzhVspace.style = stzhVspaceCss();

package/dist/esm/stzh-youtube.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhYoutubeCss = () => `.sc-stzh-youtube-h{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}[hidden].sc-stzh-youtube-h,[stzh-hidden].sc-stzh-youtube-h{display:none}.sc-stzh-youtube-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-youtube-h *.sc-stzh-youtube,.sc-stzh-youtube-h *.sc-stzh-youtube::before,.sc-stzh-youtube-h *.sc-stzh-youtube::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)}.sc-stzh-youtube-h .has-focus.sc-stzh-youtube{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube{outline-style:none !important}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-youtube-h{display:none}}`;
 
@@ -48,7 +48,7 @@ const StzhYoutube = class {
             "&enablejsapi=1" +
             "&widgetid=1" +
             (this.previewSkipped ? "" : "&autoplay=1");
-        return (h(Host, { key: '6f633aa51abec2abea20e00bf90ccb9434e45cd2' }, h("div", { key: '7e769403b29f7b3e4734ae8d14a300d7cca55710', class: classes }, h("stzh-ratio", { key: '01b36be3e4fae09ebbeb0cc48d9c1a844b780ac4' }, h("stzh-iframe", { key: '5c7138697aac1e8fc8fdd7e9d24f0de80df77c2d', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, h("slot", { key: 'd554d3ed41e36a13bdd3d148f6ae1d1226d7ace9', name: "preview-logo", slot: "preview-logo" }), h("slot", { key: 'c6dbdd0ee647f643fa70b3b541f38fa5734dfa75', name: "preview-image", slot: "preview-image" }), h("div", { key: 'a9c8568cc28672cd474e9c01365851c8d09da600', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (h(Host, { key: '8e1e5977dbb6292057c0a07b92dde63765110dd9' }, h("div", { key: '9309926985976410e85fc5af94ae0755a6d75367', class: classes }, h("stzh-ratio", { key: 'c9440131bb4d8a1bdc598afe8207c17318f2a17f' }, h("stzh-iframe", { key: '9a5e68365c38b103e5a49856e223d58af18e76eb', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, h("slot", { key: '97de3b280a6e7a9f8bb442ba9a65d15e55488b1e', name: "preview-logo", slot: "preview-logo" }), h("slot", { key: '956d6d915400c2f926f8d7542e40728a6ea178f1', name: "preview-image", slot: "preview-image" }), h("div", { key: '2baf475009d8bed3325084ffc83332a4d159bcfe', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     get element() { return getElement(this); }
 };