npm - @oiz/stzh-components - Versions diffs - 4.5.0 → 4.6.0-beta1 - Mend

@oiz/stzh-components 4.5.0 → 4.6.0-beta1

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 (943) hide show

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

@@ -117,9 +117,9 @@ export class StzhDatalist {
             [`stzh-datalist--${this.variant}`]: !!this.variant,
             [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,
         };
-        return (h(Host, { key: 'd768800802edb0be7dd7a8fc62dcb5ff7aabc5f1', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (h(Host, { key: '4bf3e479ebc2475f3b3a8cc2d6148e55045c4e90', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, h("div", { key: '0f4062b23b58c31f13a409a85d173c7c2564355f', class: classes }, h("div", { key: '30393662fdf0298526eeb9ccb8f01a657fa9b601', class: "stzh-datalist__wrapper" }, h("div", { key: 'e30e6ea7f985ed0a3325296c3bbb00c16fcd4702', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: '78f77987b95ecfa8fb555779ec39f57dbde8a64c' }))))));
+            } }, h("div", { key: '24f8ef03a70d3e51a97d99e2ba1a1f527e75a6a1', class: classes }, h("div", { key: 'c10441156bdf62397277ead9517696476ea45d80', class: "stzh-datalist__wrapper" }, h("div", { key: 'd73f0d6f0ab7e23bdef75e10108d315482964164', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: 'f1d18daff813b2cec89912ca36c213fc49afe91c' }))))));
     }
     static get is() { return "stzh-datalist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class StzhDatamessagelist {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (h(Host, { key: 'f50dbc259fb0b1e8cd16fb4c0d9a6ed83b181916' }, h("div", { key: '165f898bda61f9d8d4852a4485362379db31a100', class: classes }, h("div", { key: '16865db114495277d5371eb04473638bdfc7553f', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'f05156f4b4161c7e5d5972b2e914e636047a606f' })))));
+        return (h(Host, { key: '53deeacd42313f18c287553ac00f176a25c70fdc' }, h("div", { key: 'e1f3f3d7bc482770a806d223657c01755b2539d9', class: classes }, h("div", { key: '6265ffde4fd64c15e9f940632889f25b1639c464', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: '5db54d5de4233e4a6da945e3abd7478037aabb0d' })))));
     }
     static get is() { return "stzh-datamessagelist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js CHANGED Viewed

@@ -85,7 +85,7 @@ export class StzhDatamessagelistItem {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '0a60743a2c269a29fa58bfd5ab7ef413e0f727d1', role: "listitem" }, h("article", { key: 'ae5529bc1ff01e24de0960fd66f7072cc65c3c4d', class: classes }, h("div", { key: '08615983f691c23b125f81517f59477d8d3bf1f2', class: "stzh-datamessagelist-item__content" }, h("div", { key: '7e33b0bb7fbe51f4dc74a9ae344ab6e082c6c886', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '5ae06182ccbbcc2d897b67c04269a2fad43ef801', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: 'd92ca6e731178c14ffc8bd54b11e36adda5a679d', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'd5e3b9a1e24701456a8aef5549262259294e7bb9', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: '070cb35927b1092a826251e22aa640d710c78b9d', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: 'c70e88dc369462ce721de60ba91856f2ceff3971', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '5d7ed8a2898b9b26f669ea03cb44e9c08d049440', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '26b54e5dc6630e240016c04373514a2fa2d3068a', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: 'fb09fee5bbde1ea9aaf8de9331dc774f19d6a901', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '9b3bb31aa85872934d6f4eb21ba74dd355786723', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'f503dcbe56922d3b79839ceb74fde288a0e7cb40', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '7aa35096ab825fb98fbd1d016a125c63301ec0e8', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (h(Host, { key: 'b6bf5870decd2e6c03fa70add7eb72ddf28d154e', role: "listitem" }, h("article", { key: 'f6cebceea0e27d2b6c61c4ad108cf09804d3bb1a', class: classes }, h("div", { key: '7874b2e779deeb6fc1509ffb1098a213f89a8b7c', class: "stzh-datamessagelist-item__content" }, h("div", { key: '08f936ba3d657e0bf5b8706ec803d00ff7ca1847', class: "stzh-datamessagelist-item__text" }, h("h3", { key: 'e94826d5196050c6fc9dc9bbdbc5b8985d89b7d6', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '3efcffaefc47955043e1176388fbd761f22aac31', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: '7b3e46a502e79b0c853d7ccfdf4ea4952a6b550e', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'd2664db396e76b4c606bae00e62c9f0e07121a43', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: 'a3de6d7fbb1ae039f4a8f2502212005c9de53e7b', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '3c80558e0790fb6172bfb0b5696652003c632b64', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '6f6a501a8f190df017587dd85619456be574b464', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: 'f7ff920442436c2e8b98b9d0416984fff36e634c', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: 'aa44b3e9a42d286c87238260beeafc1091cdbcbd', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: '16dde7585e050ce0a1f618cb6ff9dfc5b161f280', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '7c7d330dc431124e8aa16a01eff76585401f5a0b', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

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

@@ -164,6 +164,7 @@
 :host {
   --calendar-width: var(--stzh-calendar-width);
   width: 100%;
+  position: relative;
 }
 :host[inline]:not([inline=false]) {
   width: var(--calendar-width);

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

@@ -154,11 +154,11 @@ export class StzhDatepicker {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (h(Host, { key: 'f8eb72fe6370b350c2ae1904aa060e71407dcc3f', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '884f50ba5993b2b96760ae104d1f57b29ae28032', class: classes }, h("input", { key: '938ebd2d1d167ec210457586e6af271c84576db5', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: 'ed0b426be60042b5b0806c617d0ecdc7b0772034' }, h("stzh-calendar", { key: '2b221a540441c14c6d9d25aa743912f3eade3f60',
+        return (h(Host, { key: '20e14b196ff9412583fe70d505cdcecfe087df6e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '8b1bec87897482374e0c84c8b2c340a961fd6dbb', class: classes }, h("input", { key: '0f839dbf214dabd77b34ca69b66c6cf8b3a261b3', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '07d261251daeb9fe72c14354525ad9ab4c918ee1' }, h("stzh-calendar", { key: 'b26dadb8d64e70ea7dcb43de197c3ee69163eb36',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '6ea9c8708f984c4d2381a2bad9a097bbf58dba54', class: "stzh-datepicker__actions" }, h("slot", { key: '64cde269464550a34d561c8393d9282d8b1a9de8', name: "action" })))), !this.inline && (h("stzh-input", { key: '723e9f64d06cf61fad98cc2d33c3a62de402771f', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: 'ede051690990d0857f7a8e628ed246d420b1f92c', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: 'd9e363505d99b3741146da43d7129aa03c120af1', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: '228faca0d9d06d65f1b4c22bffa78daa65186887', slot: "content" }, h("stzh-calendar", { key: 'a9abef6995ee18d51770f2c5600135130db1d3c9',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'f6775141a572717789a04e7c5c5ef2158e940f12', class: "stzh-datepicker__actions" }, h("slot", { key: '23c04230a3de93ddd303b4d7b57c1f56c74a888f', name: "action" })))), !this.inline && (h("stzh-input", { key: 'c041ccdda80067c51154afb36d0ecb2eb57e7119', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '59176c120b40c0292ed26420629b676ae937be83', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: 'c081f5c3472077f23336352714c01dd409f1b281', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'fd06e8dff63bf5f71d4ae74341ddd40b9fc263e7', slot: "content" }, h("stzh-calendar", { key: '32f756a68d52df096225bd7924e0ad94536afdf7',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '3a0060c46684de5d23bcd1459b7bcb140bde758b', class: "stzh-datepicker__actions" }, h("slot", { key: 'c31f574a17c7a7c64288cf34366cef1cdc56248f', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '935174bcc6cc0fe5faaca2c1f99dd5cdffd12b81', class: "stzh-datepicker__actions" }, h("slot", { key: 'd860bd2c030b5fa0d153228dfc2c463f7d148acf', name: "action" })))))))));
     }
     static get is() { return "stzh-datepicker"; }
     static get encapsulation() { return "scoped"; }

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

@@ -88,7 +88,7 @@ export class StzhDaterange {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (h(Host, { key: '5fcdce3592f787c646d5d0cb59e1b673fdaa0386' }, h("fieldset", { key: '6d23eab136fc7e875516350dd8a96664ab0fff0e', class: classes }, h("legend", { key: '32788fa57f23a0ac92fae2c2c63bbf33e0b50549', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'e7f120ac73cf012172d8b254c831cb8d74eb2fe0', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '766d6f1113189cbe5f51b0362cead439fe2c3086', name: "from" })), h("div", { key: 'e66c2d8c5d10656c009fea803d7ec62ca80b980a', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '5b874cfaaac0ffd60dcb5a35280c5544d4d99918', name: "to" })), h("div", { key: '5f62d3b0c270b3a8f6f080be51a5040025a262f2', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (h(Host, { key: '0b7f620a2399f75abe290e248d6ffdf7a7ac9f06' }, h("fieldset", { key: '9035e43a0a8068456d4f14892bea0ab3e13ccf1e', class: classes }, h("legend", { key: '31440a26d905112e2348e7279824f99d2a562777', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'e41ca4e6e8161b00763be58436c7a398a5996947', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: 'b75ab73dee354f83020d9ab4188c454521364629', name: "from" })), h("div", { key: 'cc83d636a68835953c79a1807a92090c2e3fce27', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '366a9ee6dbab64187db34f6c540428ee5ab7a375', name: "to" })), h("div", { key: 'dc801cd27ee78474ea98b909fec118bdfe6f85fd', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     static get is() { return "stzh-daterange"; }
     static get encapsulation() { return "scoped"; }

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

@@ -137,7 +137,7 @@ export class StzhDetails {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (h(Host, { key: '777363ba3409cf89d3135e65e63f21a48efa11e9' }, h("div", { key: '2bc486bb6234febb615b6a45f3e40f7a8bdbf413', class: classes }, h("div", { key: '8bfd062dd0458ae610a4afd7cb9c21faba6f7b22', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: '398600dad2b7f7f9e160417b5161cd3ebedf2978' })), h("div", { key: 'bb1dcab59ff9db543be52366a2aac4584c613ed9', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '34d02cd32b6df18a4a08947d5dcacd0be7f201ed', class: "stzh-details__content-inner" }, h("slot", { key: 'f0f26f832e13944ff6a49911582944eba9962baa', name: "content" }))))));
+        return (h(Host, { key: '91c35f591b96a8775395a32e954b24ad4cd1aeeb' }, h("div", { key: '28847551da5d6acfd50bc6128c3797b3587bbbaf', class: classes }, h("div", { key: '857cc4214af8bbc0bc633b1c25da7a01d7c186b3', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: 'c55c19118e98b76ce0d641cebdce716cb697473c' })), h("div", { key: 'b1d6d3c3e7369c701e03ac5771fcb35a40374d05', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: 'ab45c225ef441c553ea94520cc65d2727f1705a2', class: "stzh-details__content-inner" }, h("slot", { key: '5cf1354132c111442893bc37b9f415859e382fee', name: "content" }))))));
     }
     static get is() { return "stzh-details"; }
     static get encapsulation() { return "scoped"; }

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

@@ -84,10 +84,10 @@ export class StzhDialog {
         });
     }
     getSiblings() {
-        if (!this.parentElement) {
+        if (!this.containerElement) {
             return [];
         }
-        return Array.from(this.parentElement.children).filter(child => child !== this.element);
+        return Array.from(this.containerElement.children).filter(child => child !== this.element);
     }
     disableSiblings() {
         this.getSiblings().forEach(sibling => {
@@ -138,7 +138,7 @@ export class StzhDialog {
         if (!this.stay && this.element.parentElement !== document.body) {
             document.body.appendChild(this.element);
         }
-        this.parentElement = this.element.parentElement;
+        this.containerElement = this.element.parentElement;
         this.init();
         this.observer = new MutationObserver(this.init);
         this.observer.observe(this.element, {
@@ -153,13 +153,13 @@ export class StzhDialog {
         }
     }
     render() {
-        return (h(Host, { key: '786e0ae3d592c6f8897406e0abfbfc4e26b23ba7' }, h("div", { key: '3d1e432eca2f23eab02bc84c3afaa95a57746c9b', class: {
+        return (h(Host, { key: 'f623871e72b88cdc897d5bb8f45b980f9576efdf' }, h("div", { key: '006f49a71e5896bddfa5a53b63aee7bf8ed1c0af', class: {
                 "stzh-dialog": true,
                 "stzh-dialog--is-open": this.open,
                 "stzh-dialog--has-heading": !!this.heading,
                 "stzh-dialog--has-close-hidden": this.hideClose,
                 [`stzh-dialog--size-${this.size}`]: !!this.size,
-            } }, h("div", { key: '2a306c8f712762a8620e44a03f887da41a135b90', class: "stzh-dialog__backdrop" }), h("div", { key: 'b5bffbb1a4d317a2b288ce688e9ca07fd336bbf3', class: "stzh-dialog__content" }, h("div", { key: 'af9be34c6caa163c1a5b4899263339268e0f9cce', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: 'e8add93d5f6a29c67275eff6776cceb2def8c380', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: 'fadf8b91b07aacaabf0842363fd05e9b37f2e3d1', class: "stzh-dialog__dialog-content" }, h("slot", { key: '493da9af1b49e8dbffd6b6e34e331c93823ffe0e' })), h("div", { key: '46432e678a5a3f36445402dcaf33b4692d2f1bee', class: "stzh-dialog__actions" }, h("slot", { key: 'e859d08618f28f062f21dcc1450fba189974e65a', name: "actions" })), !this.hideClose && (h("stzh-button", { key: 'bfb6b624e10ce3a6412314fc5eac933ff7269cd1', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, h("div", { key: '3889cbcaf9314ee8133a0eee8f342a9b7169b9b7', class: "stzh-dialog__backdrop" }), h("div", { key: 'dc739e8c6ec0f909a059a0cf4333a9e3abecb0d1', class: "stzh-dialog__content" }, h("div", { key: '2d594391c0dc14a551c42d98e3d8c43e19288bda', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: '4ee18692c4dac9c5098520f472c21cadcda28b1d', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: '90ce9d58b4c0847a3c7e001bcb5fa8c8d7a3d04d', class: "stzh-dialog__dialog-content" }, h("slot", { key: '27d273522dcd5d64d4a73982a9b6e98a8ac9deb9' })), h("div", { key: '455731a79a9836822f561e1cb9c24b224a46994d', class: "stzh-dialog__actions" }, h("slot", { key: 'caac0e71449216f87c95747d56bdee186783f983', name: "actions" })), !this.hideClose && (h("stzh-button", { key: 'ce771bb7198e5af0a878b433f0981bf343f4a93e', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     static get is() { return "stzh-dialog"; }
     static get encapsulation() { return "scoped"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-dialog.js","sourceRoot":"","sources":["../../../../src/components/stzh-dialog/stzh-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Host, Component, Element, Method, Listen, Prop, Event, EventEmitter, h } from \"@stencil/core\";\n\nimport { StzhDialogOpenEvent, StzhDialogCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { StzhDialogLocalizedText } from \"./stzh-dialog.localization\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-dialog-open\";\n\nlet activeDialog: StzhDialog = null;\nlet dialogCounter = 0;\n\n/*\n @slot actions - Slot for actions element\n * @slot - Slot for any content inside the dialog\n /\n@Component({\n tag: \"stzh-dialog\",\n styleUrl: \"stzh-dialog.scss\",\n scoped: true,\n})\nexport class StzhDialog {\n /* Translation strings /\n @Prop() localization: StzhDialogLocalizedText;\n\n /* Close dialog when pressing ESC /\n @Prop() closeOnEscapeKey: boolean = false;\n\n /* Close dialog when clicking outside of it /\n @Prop() closeOnBackdropClick: boolean = false;\n\n /* Open status /\n @Prop({ mutable: true }) open: boolean = false;\n\n /* Stay in original position (true) or move to body (false) /\n @Prop() stay: boolean = true;\n\n /* Size /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Heading text\n * mandatory since DESI 4.0\n * /\n @Prop() heading: string = \"\";\n\n /* Accessibility role /\n @Prop({ attribute: \"a11y-role\" }) a11yRole: \"dialog\" \| \"alertdialog\" = \"alertdialog\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the close button element.\n * Default value will be taken from translations.\n /\n @Prop() closeAnalyticsId: string;\n\n /* Dialog open event /\n @Event() stzhOpen: EventEmitter<StzhDialogOpenEvent>;\n\n /* Dialog close event */\n @Event() stzhClose: EventEmitter<StzhDialogCloseEvent>;\n\n @Element() element: HTMLStzhDialogElement;\n\n @Listen(\"click\", { target: \"document\", capture: true })\n handleOutsideClick(event: MouseEvent) {\n if (!this.open \|\| !this.closeOnBackdropClick) {\n return;\n }\n\n const isClickOutside =\n event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n if (isClickOutside) {\n this.hide();\n }\n }\n\n @Listen(\"keydown\", { target: \"document\" })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Escape\" && activeDialog === this && this.closeOnEscapeKey) {\n this.hide();\n }\n }\n\n @Listen(\"click\", { target: \"document\" })\n handleOpenTriggerClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n\n if (target.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-trigger]\") as HTMLElement;\n\n if (closest && closest.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n }\n }\n }\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-dialog\",\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-dialog\",\n });\n }\n\n private observer: MutationObserver;\n private id: string;\n private trap: FocusTrap;\n private parentElement: HTMLElement;\n private dialogElement: HTMLDivElement;\n\n private handleDialogClick = (event: MouseEvent) => {\n const target = event.target as HTMLElement;\n if (target.dataset.stzhDialogClose) {\n this.hide();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-close]\");\n\n if (closest) {\n this.hide();\n }\n }\n };\n\n private handleCloseButtonClick = () => {\n this.hide();\n };\n\n private init = () => {\n const actions = this.element.querySelector('stzh-actions[slot=\"actions\"]');\n\n if (actions) {\n setPropsIfNull(actions, {\n variant: \"dialog\",\n } as HTMLStzhActionsElement);\n }\n };\n\n private getSiblings() {\n if (!this.parentElement) {\n return [];\n }\n\n return Array.from(this.parentElement.children).filter(child => child !== this.element);\n }\n\n private disableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.setAttribute(\"aria-hidden\", \"true\");\n });\n }\n\n private enableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.removeAttribute(\"aria-hidden\");\n });\n }\n\n private dialogShown() {\n activeDialog = this;\n document.body.classList.add(CLASS_BODY_OPEN);\n this.disableSiblings();\n\n if (this.trap) {\n this.trap.activate();\n }\n }\n\n private dialogHidden() {\n document.body.classList.remove(CLASS_BODY_OPEN);\n this.enableSiblings();\n\n if (this.trap) {\n this.trap.deactivate();\n }\n\n activeDialog = null;\n }\n\n async componentWillLoad() {\n this.id = `stzh-dialog-${dialogCounter}`;\n dialogCounter++;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dialog\");\n }\n }\n\n componentDidRender() {\n this.open ? this.dialogShown() : this.dialogHidden();\n }\n\n componentDidUpdate() {\n this.trap.updateContainerElements(this.element);\n }\n\n componentDidLoad() {\n this.trap = createFocusTrap(this.element, {\n fallbackFocus: this.dialogElement,\n ...createBaseFocusTrapOptions(),\n });\n\n if (this.open) {\n this.dialogShown();\n }\n }\n\n connectedCallback() {\n if (!this.stay && this.element.parentElement !== document.body) {\n document.body.appendChild(this.element);\n }\n\n this.parentElement = this.element.parentElement;\n\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n this.dialogHidden();\n\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-dialog\": true,\n \"stzh-dialog--is-open\": this.open,\n \"stzh-dialog--has-heading\": !!this.heading,\n \"stzh-dialog--has-close-hidden\": this.hideClose,\n [`stzh-dialog--size-${this.size}`]: !!this.size,\n }}\n >\n <div class=\"stzh-dialog__backdrop\"></div>\n <div class=\"stzh-dialog__content\">\n <div\n class=\"stzh-dialog__dialog\"\n ref={el => (this.dialogElement = el as HTMLDivElement)}\n tabindex=\"-1\"\n role={this.a11yRole}\n aria-hidden={this.open ? \"false\" : \"true\"}\n onClick={this.handleDialogClick}\n >\n <stzh-heading id={`${this.id}-heading`} class=\"stzh-dialog__heading\" level=\"2\">\n {this.heading ? this.heading : \"Title\"}\n </stzh-heading>\n\n <div class=\"stzh-dialog__dialog-content\">\n <slot></slot>\n </div>\n\n <div class=\"stzh-dialog__actions\">\n <slot name=\"actions\"></slot>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-dialog__close-button\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close\"\n iconOnly={true}\n onClick={this.handleCloseButtonClick}\n a11yLabel={this.localization.close}\n analyticsId={this.closeAnalyticsId \|\| this.localization.close}\n ></stzh-button>\n )}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-dialog.js","sourceRoot":"","sources":["../../../../src/components/stzh-dialog/stzh-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Host, Component, Element, Method, Listen, Prop, Event, EventEmitter, h } from \"@stencil/core\";\n\nimport { StzhDialogOpenEvent, StzhDialogCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { StzhDialogLocalizedText } from \"./stzh-dialog.localization\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-dialog-open\";\n\nlet activeDialog: StzhDialog = null;\nlet dialogCounter = 0;\n\n/*\n @slot actions - Slot for actions element\n * @slot - Slot for any content inside the dialog\n /\n@Component({\n tag: \"stzh-dialog\",\n styleUrl: \"stzh-dialog.scss\",\n scoped: true,\n})\nexport class StzhDialog {\n /* Translation strings /\n @Prop() localization: StzhDialogLocalizedText;\n\n /* Close dialog when pressing ESC /\n @Prop() closeOnEscapeKey: boolean = false;\n\n /* Close dialog when clicking outside of it /\n @Prop() closeOnBackdropClick: boolean = false;\n\n /* Open status /\n @Prop({ mutable: true }) open: boolean = false;\n\n /* Stay in original position (true) or move to body (false) /\n @Prop() stay: boolean = true;\n\n /* Size /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Heading text\n * mandatory since DESI 4.0\n * /\n @Prop() heading: string = \"\";\n\n /* Accessibility role /\n @Prop({ attribute: \"a11y-role\" }) a11yRole: \"dialog\" \| \"alertdialog\" = \"alertdialog\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the close button element.\n * Default value will be taken from translations.\n /\n @Prop() closeAnalyticsId: string;\n\n /* Dialog open event /\n @Event() stzhOpen: EventEmitter<StzhDialogOpenEvent>;\n\n /* Dialog close event */\n @Event() stzhClose: EventEmitter<StzhDialogCloseEvent>;\n\n @Element() element: HTMLStzhDialogElement;\n\n @Listen(\"click\", { target: \"document\", capture: true })\n handleOutsideClick(event: MouseEvent) {\n if (!this.open \|\| !this.closeOnBackdropClick) {\n return;\n }\n\n const isClickOutside =\n event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n if (isClickOutside) {\n this.hide();\n }\n }\n\n @Listen(\"keydown\", { target: \"document\" })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Escape\" && activeDialog === this && this.closeOnEscapeKey) {\n this.hide();\n }\n }\n\n @Listen(\"click\", { target: \"document\" })\n handleOpenTriggerClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n\n if (target.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-trigger]\") as HTMLElement;\n\n if (closest && closest.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n }\n }\n }\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-dialog\",\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-dialog\",\n });\n }\n\n private observer: MutationObserver;\n private id: string;\n private trap: FocusTrap;\n private containerElement: HTMLElement;\n private dialogElement: HTMLDivElement;\n\n private handleDialogClick = (event: MouseEvent) => {\n const target = event.target as HTMLElement;\n if (target.dataset.stzhDialogClose) {\n this.hide();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-close]\");\n\n if (closest) {\n this.hide();\n }\n }\n };\n\n private handleCloseButtonClick = () => {\n this.hide();\n };\n\n private init = () => {\n const actions = this.element.querySelector('stzh-actions[slot=\"actions\"]');\n\n if (actions) {\n setPropsIfNull(actions, {\n variant: \"dialog\",\n } as HTMLStzhActionsElement);\n }\n };\n\n private getSiblings() {\n if (!this.containerElement) {\n return [];\n }\n\n return Array.from(this.containerElement.children).filter(child => child !== this.element);\n }\n\n private disableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.setAttribute(\"aria-hidden\", \"true\");\n });\n }\n\n private enableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.removeAttribute(\"aria-hidden\");\n });\n }\n\n private dialogShown() {\n activeDialog = this;\n document.body.classList.add(CLASS_BODY_OPEN);\n this.disableSiblings();\n\n if (this.trap) {\n this.trap.activate();\n }\n }\n\n private dialogHidden() {\n document.body.classList.remove(CLASS_BODY_OPEN);\n this.enableSiblings();\n\n if (this.trap) {\n this.trap.deactivate();\n }\n\n activeDialog = null;\n }\n\n async componentWillLoad() {\n this.id = `stzh-dialog-${dialogCounter}`;\n dialogCounter++;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dialog\");\n }\n }\n\n componentDidRender() {\n this.open ? this.dialogShown() : this.dialogHidden();\n }\n\n componentDidUpdate() {\n this.trap.updateContainerElements(this.element);\n }\n\n componentDidLoad() {\n this.trap = createFocusTrap(this.element, {\n fallbackFocus: this.dialogElement,\n ...createBaseFocusTrapOptions(),\n });\n\n if (this.open) {\n this.dialogShown();\n }\n }\n\n connectedCallback() {\n if (!this.stay && this.element.parentElement !== document.body) {\n document.body.appendChild(this.element);\n }\n\n this.containerElement = this.element.parentElement;\n\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n this.dialogHidden();\n\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-dialog\": true,\n \"stzh-dialog--is-open\": this.open,\n \"stzh-dialog--has-heading\": !!this.heading,\n \"stzh-dialog--has-close-hidden\": this.hideClose,\n [`stzh-dialog--size-${this.size}`]: !!this.size,\n }}\n >\n <div class=\"stzh-dialog__backdrop\"></div>\n <div class=\"stzh-dialog__content\">\n <div\n class=\"stzh-dialog__dialog\"\n ref={el => (this.dialogElement = el as HTMLDivElement)}\n tabindex=\"-1\"\n role={this.a11yRole}\n aria-hidden={this.open ? \"false\" : \"true\"}\n onClick={this.handleDialogClick}\n >\n <stzh-heading id={`${this.id}-heading`} class=\"stzh-dialog__heading\" level=\"2\">\n {this.heading ? this.heading : \"Title\"}\n </stzh-heading>\n\n <div class=\"stzh-dialog__dialog-content\">\n <slot></slot>\n </div>\n\n <div class=\"stzh-dialog__actions\">\n <slot name=\"actions\"></slot>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-dialog__close-button\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close\"\n iconOnly={true}\n onClick={this.handleCloseButtonClick}\n a11yLabel={this.localization.close}\n analyticsId={this.closeAnalyticsId \|\| this.localization.close}\n ></stzh-button>\n )}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -519,14 +519,14 @@ export class StzhDropdown {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '774911909ddaa4ba23f869a7b6344e165fdd9240', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b3b366bbc41bf2448bb9db569a231f6f70450dae', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '930249d73ab79b5d935ec3ef5fae86cdacf562c6', class: "stzh-dropdown__wrapper" }, h("label", { key: '463dec947fc0e3ba3c9d0fbdb8190f7638fbca53', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: 'ee8874a109c03b51f4676448732d43873aa009d1', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '2c7e28f020bedfaf50dd93a31e983cd852f0f816', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '6dea89973fa0f8f26d5d43ef2c5a908b501a3187', class: "stzh-dropdown__wrapper" }, h("label", { key: 'e42a6c0ff1d36b2fa528b7ca46d9b5010c14f479', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '859e394fc6d79586fcc457e9ff3b12f055a2716e', class: "stzh-dropdown__marker" }, h("span", { key: 'fe808c3a7ffc6a0a6cfb15867eb929f4fdfcead9', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: 'a6a903b90c228f9baa3e1e5a63441ca71d4bd2ce', class: "stzh-dropdown__marker" }, h("span", { key: 'fa562ff57c0aed5a9384e7e13fe2025bd009472c', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3d4972ad2a6ce719a8182af80d474c7d55e56847', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '41c4a3b3254b827a65a2ce16d57206130bca9f1f', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: '5002dfd32f7ab036567c92280efbb18959f14fe3', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'e10109f1ef9d888bc142f48d1ffeed9e9105b196', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: 'bb541e2f7fe9c11a1b54a8eb287948f3e54fe37d' })), this.inline && this.label && h("div", { key: '9240d1b01809bd4800d7e2d43c551e9f7aed7984', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '01010b1606dad392fcfe5410c065cf20042c3613', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '4f047225993c3fa831cb6e68c7ebd2c787e0e274', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '5810071379a1ae085c486ab9ef8b04e6e6161542', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '53c446e7ae606509ce27d79c2d36244b4401b3d3', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '214fd009188b42a92e4794b2ebd84b19946e407c', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'c18c86340eab081d5894d1625a1627c324399e23', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), h("div", { key: '63a838e419f368bfa2989151ca8786b32f39e4e8', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'c6b2f62bb7942b05eeba1c11840559bc20f5fb6b', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '43f6c33ae20ed3de8686f6aa026a6c256ab0f352' })), this.inline && this.label && h("div", { key: '787c32b46ceb8eb10d86ad5dd6c44f17149ae02b', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '56e3663abbce2b6130b8679b98f20e6f26e06029', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '24d1adc47d04f2523cf983d07a74521d5f37f69b', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '0aa9e0dd2f50b044c2985db1166429226342c607', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '3e857d9e538b9ebeeaa9d2bb2e4cded6df9fcdca', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '77cc1bc1d02c9f2ecdfeea0be7a44370821b2eb7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: '110b9692461fda5d0a4e4bdeb5f018f971d68820', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-dropdown"; }
     static get originalStyleUrls() {

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

@@ -14,7 +14,7 @@ export class StzhFieldset {
             "stzh-fieldset": true,
             "stzh-fieldset--hide-legend": this.hideLegend,
         };
-        return (h(Host, { key: '173b2606e92e1d921f038bc9d35190bffbaf953d' }, h("fieldset", { key: '245488a551bb0c314b453a8081c8f9f3a22a8068', class: classes }, this.legend && (h("legend", { key: 'c6be82377a3a37a8662c96bf981fa473fd5cd8d7', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: 'bafc752a3be6273ce1cc7edb5eaea0767b689514', class: "stzh-fieldset__wrapper" }, h("slot", { key: 'c8c5b03fc4bde49bfb9bd3dda6eb1c0f249a6bea' })))));
+        return (h(Host, { key: '6dc88914e72a0576865acf9297d8d24d6c15ec08' }, h("fieldset", { key: '481d29f4bf886d6f9dfb39fd94c57422daa93fa4', class: classes }, this.legend && (h("legend", { key: 'e3fae1578d619ca630ab2fcc333c0eea5dbeaa39', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: '0d0a0fa4a037e36384f34807ea9310ae75fbf4bf', class: "stzh-fieldset__wrapper" }, h("slot", { key: '84c2f4803844fc9419e56c66562bdef7e8a28db2' })))));
     }
     static get is() { return "stzh-fieldset"; }
     static get encapsulation() { return "scoped"; }

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

@@ -31,7 +31,7 @@ export class StzhFigure {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (h(Host, { key: '6da2d1e44bf3f841b00d58aeee6937ffffd5eee6' }, h("figure", { key: 'fc5550ef82b091991c2ef868021dc2a81168ce6d', class: classes }, h("div", { key: '6ea16c206517e5a5ca20e928416df57296728c41', class: "stzh-figure__element" }, h("slot", { key: 'c8bd1a7c48045fae8b8c96c71669596282bc6537' })), h("figcaption", { key: '6902cf1f8a4e9c88cf9114baa17ef1fe89bff3fd', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'de721ab72e9e451e0e06c1ae5bd889f850e896f4', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'edf2cc6fb0b378707598d3a9237fc79c4369ff5a', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '4883a9372d9894eefc5f083162c6b8f66cfcb412', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: '50448b850413d06e4330c04a8132f465d856f305', class: "stzh-figure__caption" }, h("div", { key: '3ea44aa64f7a1b429c8ad35649c97998dfd2f389', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: 'e1448940b49a2f63426b527835b8042b33a632a1', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
+        return (h(Host, { key: '4ebdcbca2d706ffdcdae1b5cb48cf245e749d1d2' }, h("figure", { key: 'b8a4f981e28885d04a3b6383e575f84de2eb9627', class: classes }, h("div", { key: 'a19a6fe23d396704528abc3d230c7f7085f7c481', class: "stzh-figure__element" }, h("slot", { key: 'e8632252447008a5b7b046dd34aaf60899d5a012' })), h("figcaption", { key: 'ef7c4f934cd07b35fa75e2fd3926058db609e135', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'a87bf8cbc3c3fe3cf7b943579bd6f233faeb06b7', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'b3570d6427305ae64b5fb244c7014115ae0c18e0', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '87306acd3992b1bc4641ac47eb556a0bd7656381', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'd06ac946fe0a943b98a221fc1a5842d4d118b3fd', class: "stzh-figure__caption" }, h("div", { key: 'fe16e9007e7344c4ef8eeab923358c9d12fd39b4', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '981a4f17be7842311d0804e247476d04e229c954', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
     }
     static get is() { return "stzh-figure"; }
     static get encapsulation() { return "scoped"; }

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

@@ -199,7 +199,7 @@ export class StzhFlyingfocus {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (h(Host, { key: 'd1a757f2729e105d7974f5e168249877ef267d3d' }, h("div", { key: '526c7a04175b26ca0980c0f4743052927c6b57ad', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (h(Host, { key: 'a27688e856b93839be7ee5fa9d8b4529cd1a0b73' }, h("div", { key: '349559d5a87c21d1fbdfb9f71216fb753fd227b4', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     static get is() { return "stzh-flyingfocus"; }
     static get encapsulation() { return "scoped"; }

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

@@ -75,7 +75,7 @@ export class StzhFooter {
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (h(Host, { key: '19afdd57fdd5c16cdd12df89d2e23aebcd8fceb2' }, h("footer", { key: 'f5460b6a19e3a4d9c46d014c501a8ee40f5deb48', class: classes }, h("div", { key: '83e7025d1e23ca81b7b164e6569782e603b2651c', class: "stzh-footer__menu" }, h("div", { key: 'bb234a784c317e10683e075fcd00e2214aecba15', class: "stzh-footer__menu-inner" }, h("slot", { key: 'b96395f52ac9b4c420cd941f335af2153af92477', name: "menu-link" }))), h("div", { key: '511b579b2f38dcdf20f3b17ac022e76a47869d2a', class: "stzh-footer__wrapper" }, h("div", { key: 'dc19332f1f3e49edc6eae3afdfb8e0351873981c', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: 'd9c5a1ee6b8006da01af6668b884a70d783edf39', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '2dbdacb601760b95479b7ce58f09b1826b2502c3', class: "stzh-footer__logo" }, h("slot", { key: '7edee0c3796b76d9de8cf22581f5b3ed5fde9a30', name: "logo" }))), h("div", { key: '3b50494b2a075c889bb1df82e7ab2b1ea6ff0daa', class: "stzh-footer__info" }, h("slot", { key: '633179170baa4723e60994d4f412b2f864d60376', name: "info" })), h("div", { key: 'eda8e58cc2812da05bca852376f494ed28c8fea0', class: "stzh-footer__links", role: "list" }, h("slot", { key: 'e70599945c2ba8c59ff82c36e1dade10b2f0696a', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '32968f34a45b3189b03dea896774b67c2224ad5b' }, h("stzh-link", { key: 'aaa548a33ff7cbf1ee65f4a6da73a47ebe28d569', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: 'ce4ee420791fe3f7b3e1db260751865e32a94d0f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '04109604b2e4adc7a82a03903a9204e4fcaecaad', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
+        return (h(Host, { key: '055fefe7c7e0d866e507d21fa1cdcec30dae01aa' }, h("footer", { key: 'bb1a1a90f78c54bf971567a91a2c8972b997ab7d', class: classes }, h("div", { key: 'f14f30228b6d9d3772c8348a67d330def30a99e9', class: "stzh-footer__menu" }, h("div", { key: '8367270e179d7bad6d5190e95e09251d87f81845', class: "stzh-footer__menu-inner" }, h("slot", { key: 'a29a81178827aaaf4b8604deb2dfba809d1c6dc9', name: "menu-link" }))), h("div", { key: '00f4e637f833539c5ba7f968bfd2144288521e59', class: "stzh-footer__wrapper" }, h("div", { key: '8615b70c55be97f9da02b77681ce5c48c5fbd1e4', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: 'e88c7c97e67c188f8887ea373a13337891cb8eab', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: 'bc294871d5aa0235ec46ab1d988d3b7e1e14236a', class: "stzh-footer__logo" }, h("slot", { key: '7a20e56fd21e4def0c3d7788634b6cba9ba98e8c', name: "logo" }))), h("div", { key: 'cbba098bf194a543655d5dfdcd70797717592ba6', class: "stzh-footer__info" }, h("slot", { key: '2bf7a88c8bd5e1cbb94cd0876b18ea31ef255e7a', name: "info" })), h("div", { key: '2b84ece38d63dfd0ade7ac088b42e6c235516c53', class: "stzh-footer__links", role: "list" }, h("slot", { key: '07fdc6a97caec0f886631df4e23b564af4605f77', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '393311b2cc02669f0d024b49fad7195415a0330b' }, h("stzh-link", { key: 'fa3868682badf50e4ce123914567eea16938c525', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: 'ecb6d881be8c95baa91aabb4c2a9ebe82bb4a6f5', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '1affb05e50d8fe6263961bbfb6a3f2090defde1e', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
     }
     static get is() { return "stzh-footer"; }
     static get originalStyleUrls() {

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

@@ -310,7 +310,7 @@ export class StzhGallery {
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '16dc2bc307cf18f2e2eef7647054244c74078052' }, h("div", { key: 'd4ac7e51be399bbf38457fd334b99ed0c50c2144', class: classes }, (this.variant === "single" || this._images.length === 1) && (h(Fragment, { key: '6ff1115fabc1f8226de2cec8fe7a99c1a0c3890b' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: 'a53d73e7e55b6545fcf1b653bfa37b448f3a490c' }, h("div", { key: 'd2bb2754fc4180fc1a5aeb3a71852dd43765f0c0', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '290378c5691e9ff4f2937ba7bf0d7c7cf2c387c3', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '0cc5b02d1d60842b306f8d208828130306181ad7', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'f22741e3f98ed3bb7b3e404427c398e15128cc90', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '70b8ff230a6476d498525002d373640530c0ade4', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: 'fe39a2e8b3cd8b7207bd1a4900e3f53723e30c68' }, h("stzh-button", { key: '702dc1f0696f58782acd7cfc8d3be1bce31f03ca', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: '0302705ae9f1dfde7723c81381ad911a81138f32', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '879e08bbee0fc39c5bda5347b037f15ff70e1187', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '1fbc0e6887e6c9875c1c57e9cbf221afcf4d8802', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: 'f7bad402541f140b8b6880e86e8f419171f62f86' }))));
+        return (h(Host, { key: '3970ab3ffb132ba6b365c9dca9f7ac68b3fc741e' }, h("div", { key: '3f1fc80286e38dedfb3a4c6325c637d5c8abb6e3', class: classes }, (this.variant === "single" || this._images.length === 1) && (h(Fragment, { key: '807c8012bf29c181e98ccf794235cbc83e4278ab' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '3447d9b589d641cfd31d3b9a445b2972006c9651' }, h("div", { key: 'e6df88dfdfb1b2131020d36b5dcde6c34888d1be', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: 'dd4bcc938cae1e673379b08fd62fa7e80c63d675', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '758d865f7ac6aa76d93118edd87865e83b349318', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: '35cd33608d7a9ee875ec1968a0b740fbf6667873', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: 'b28d1f851a82bb357e68d7b0c10d563201a61837', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: 'df6a3e1bd3123b13014d881385bb4f09630d3b78' }, h("stzh-button", { key: 'f352311410e509cd0fb0cbe445aeeb9b8b3f664c', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: 'a297792e1fd110c5efb38bf8ff65c4c6f7cc7534', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: 'e1e44d27817c505713ef2ea5d22ce74c6f898a97', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '7020256df4589efb42c0f6469c99597655af52c8', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: '92a89bae0209d9802567eccff4f674e26dd9ceee' }))));
     }
     static get is() { return "stzh-gallery"; }
     static get originalStyleUrls() {

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

@@ -22,7 +22,7 @@ export class StzhHeading {
             [`stzh-heading--level-${this.level}`]: !!this.level,
             [`stzh-heading--curve-${this.curve}`]: !!this.curve,
         };
-        return (h(Host, { key: 'fca6d73082919c6ad6f6e201c61aa159d5b2ff4a' }, h(Heading, { key: '0ea7d5921cf76c4443052549f8daf58e607fc260', class: classes }, h("slot", { key: '044fa486536a3d35ab82db3f4df84fc68903e8cf' }), this._htmlContent && h("div", { key: '3c3761d41964413d3bfe701bff3686199353adaf', innerHTML: this._htmlContent }))));
+        return (h(Host, { key: '7850c2e046b73d6e7ee3ed2c8048f58a485af317' }, h(Heading, { key: '7836f1db08e5225fc642f2686dac72517d7b7ef1', class: classes }, h("slot", { key: '49885f0caa735d42df6e4c6d8b309ba9dbe6fafe' }), this._htmlContent && h("div", { key: '0ddb65ff2fda13ed230ed45ec5a93474bcbc07e4', innerHTML: this._htmlContent }))));
     }
     static get is() { return "stzh-heading"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class StzhHr {
         const classes = {
             "stzh-hr": true,
         };
-        return (h(Host, { key: 'a00f4f500fe8e1e8eea6cb8f5bf17a36db03e1c1' }, h("div", { key: 'ee64413f3aeaa37dca181fcc97523d8d0b5fdee5', class: classes })));
+        return (h(Host, { key: 'f93a4c37c782723eeeb882c660ac5c93c9f76208' }, h("div", { key: 'c8a55ce8fc09ec5ff38a828fa9c23b1e61213835', class: classes })));
     }
     static get is() { return "stzh-hr"; }
     static get encapsulation() { return "scoped"; }

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

@@ -18,11 +18,11 @@ export class StzhHspace {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: '2b4b3bf29684a893e4f03da446f5ce59b5cc08e1' }, h("div", { key: '7dfb0a82a3b3eaf1c05c62d834cf11dc8016b955', class: {
+        return (h(Host, { key: 'f11a2c28142f46d3d899da814c8e265d0537f885' }, h("div", { key: '2f5760fecfd510d6b6c5b2598b7b6959ecb84790', class: {
                 "stzh-hspace": true,
                 [`stzh-hspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-hspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: '6feaf587c783eb0c0ec955c10cc31a3a7570b213' }))));
+            } }, h("slot", { key: 'a89a6f24fc2af83d021b1a82179e12da20198ffa' }))));
     }
     static get is() { return "stzh-hspace"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-http-error/stzh-http-error.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class StzhHttpError {
         const classes = {
             "stzh-http-error": true,
         };
-        return (h(Host, { key: '7ac3167eb9a941fb312fc5776cbeafc03d2f2af3' }, h("div", { key: '031f558f68a52e5e82bf440ca7c9db57b2c3ac60', class: classes }, h("div", { key: '2391cc773a556e520782aa382e1bf539569849de', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: '9aca8f7b0698dab3224a057cda63fcb3c129ff5c', class: "stzh-http-error__heading" }, h("stzh-heading", { key: 'f27158cd06a19c588b7ca6c3776dcae35de7c609' }, this.heading)), h("div", { key: 'cfa81f65e2c6580643dee4944cbdc8e599371832', class: "stzh-http-error__description" }, h("stzh-text", { key: 'd9372fc31cbbf20c17e2d9bd641374efa3f1eb55' }, this.description)), h("div", { key: '7f9a7b426035d51a0a5f61feb407a9e4dc82bea5', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '97233b183fbcfb405656ef95e59ba5498497f309' }, window.history.length > 1 && (h("stzh-button", { key: 'e6f70b984127f7b691811f90f2e01843090ee2df', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: 'ececa7d624d8d73aff19c7a9141d85aaa41b5059', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
+        return (h(Host, { key: '70fe846a5195ca8e4717519c7280767e2b3b5846' }, h("div", { key: '43049bb1a9fa43aa2b438cefc76dd5a2398ebcd9', class: classes }, h("div", { key: '3fa1deada31ce9cf27a4a58e8fab9a00b82dac54', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: 'c2e7906283b660efb5d9f572931c1051bcc14fab', class: "stzh-http-error__heading" }, h("stzh-heading", { key: '7e6cd85907a08d57c343fdf6e73019b456b974d2' }, this.heading)), h("div", { key: 'ad7ba0c55d5f0aaeebc9ea780856e29c6e6776b6', class: "stzh-http-error__description" }, h("stzh-text", { key: '68fed169bb0b9d2e5b5ab77c17f345822a82dd8b' }, this.description)), h("div", { key: '35103a2553f9c81efcc723f227ce3d138b8ba39c', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '4d3b64958afc2e5d6889c96de113b841fa803296' }, window.history.length > 1 && (h("stzh-button", { key: '7b3dc7a2a0c6b859d728a59607976b9e0d1e14bb', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '94823fb1c7ecaaafa5c169799bac5facc49347ef', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
     }
     static get is() { return "stzh-http-error"; }
     static get encapsulation() { return "scoped"; }

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

@@ -74,7 +74,7 @@ export class StzhIcon {
         }, 0);
     }
     render() {
-        return (h(Host, { key: '19cb42da1fd943f75c53d42cce691463d2819a1f' }, h("div", { key: '5e4a829c48e645567e6d50812a562f40d69b1baa', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
+        return (h(Host, { key: 'bfdbbe588b9497dff0de28e61250a77a205c3f88' }, h("div", { key: 'cf90b6a37000f6c23dac9bbf93d21d5c2b3a1630', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
     }
     static get is() { return "stzh-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,18 +193,18 @@ export class StzhIframe {
         const classes = {
             "stzh-iframe": true,
         };
-        return (h(Host, { key: '9ed7e44c9ab8faaed83d08214093ef245c169fe7' }, h("div", { key: '88ce18b35e92bd12ebc614927caa47dadf6bf653', class: classes }, this.view === "iframe" && (h("iframe", { key: '5bf65a4436735bec12cc6ba79b14543b8141de26', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), h("button", { key: 'd1f7df9e1441d3ffe4668f88115db799ff6ee5ba', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
+        return (h(Host, { key: '1ea8336c2a72e09afdc7b66f63bf1c905669d059' }, h("div", { key: '249dd3a4fdc84eb88a5bda01078f4d65587551f8', class: classes }, this.view === "iframe" && (h("iframe", { key: 'b9459c43ac7009f6bc59b264a01dbc8430c4a960', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), h("button", { key: 'bc1374da545a08c71f52001c9c26af7a4f7a4900', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
             // disabled={this.view === "cookiewall"}
             class: {
                 "stzh-iframe__preview": true,
                 "is-visible": this.view === "preview" || this.view === "cookiewall",
-            } }, h("div", { key: '569c6bccc9b57f20989f2603e45ef76f8096dc66', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: '96984a0700ef04fe57d23ef567ef32c3151b76f0', name: "preview-image" })), h("div", { key: 'cc86f5eaf4d14c8fd03284d27a3ff6a0df865149', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: '00502da738af0adc7a407a092c9bf3f93d91bfa8', name: "preview-logo" })), this.previewIcon && (h("div", { key: '5603d0e5a3b32c5415489e4499094ad9bf305886', class: {
+            } }, h("div", { key: '1eb9109999d87383d0374c103bafac1c10f2fd28', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: 'a0a70e3d8b08436bdc36f1061fa05a7f54732cf8', name: "preview-image" })), h("div", { key: '1ee5cd11064a4ebbaf553a02493c457cbfddb0a8', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: 'ff72a882cbbc8d5fffb2f75375784fb06db5c50a', name: "preview-logo" })), this.previewIcon && (h("div", { key: '4df2b537c7811ecfdd31cbc53bfc53b28ec5a52b', class: {
                 "stzh-iframe__preview-run": true,
                 "is-visible": this.view === "preview",
-            } }, h("stzh-icon", { key: 'a679760e0be916b22e379480ff0f3db6f6aafef4', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '4d1a75ca7d40612291fce45815e6097a208bc2c6', class: {
+            } }, h("stzh-icon", { key: '35fcef994af70ef6cf89711e1312e7c71653119c', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '355128b058a6fc168a2c979da896cc2ed6125429', class: {
                 "stzh-iframe__cookiewall": true,
                 "is-visible": this.view === "cookiewall",
-            } }, h("div", { key: 'e93298d5c5c86fcbbb6db9cffc782fa453c92904', class: "stzh-iframe__cookiewall-content" }, h("div", { key: 'df77a9e9b7ea5bd920675c12bbebbbcd3919dc73', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '6a00014bcbe7058d7fe4c01089b77dcf8b062bfb', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (h("button", { key: 'e1d9afd7d8eeae57f8348fe33ec9f3657370899d', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: '7f7ef9518d27d23441514e7bbdc2bdc88015ef81', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
+            } }, h("div", { key: '2b33c1621fb4c18522d8d2d872b87869135eb697', class: "stzh-iframe__cookiewall-content" }, h("div", { key: '58454edecbf4b37b707684b01ce3ad0c2ccf2510', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '7fcb0d3803c8ec19f54b0eceb139f4359fa645f2', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (h("button", { key: 'e4caa90cebdea8aea3a0feefcd7951cf67e59114', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: '9bc4820fe47f58007570622e4c29ca88381e938a', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
     }
     static get is() { return "stzh-iframe"; }
     static get encapsulation() { return "scoped"; }

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

@@ -32,9 +32,9 @@ export class StzhImageComparison {
         const classes = {
             "stzh-imagecomparison": true,
         };
-        return (h(Host, { key: '5ec8b3486d05bcd51dff6597ed4bddb36a017ed1', "aria-roledescription": this.localization.label, style: {
+        return (h(Host, { key: '8fb01c2b3205504ec3618ebe2827c910e26673f6', "aria-roledescription": this.localization.label, style: {
                 "--exposure": `${this.value.toString()}%`,
-            } }, h("div", { key: 'b399166cc4cd6561cbb8d4ac9a6f0f079fcea0c2', class: classes }, h("div", { key: '952d7d757bdb79321c75de42eaa7c3024412ea7e', class: "stzh-imagecomparison__element" }, h("slot", { key: '8777dd660b8560e85fe6af28483b1d96851f8649', name: "image-before" }), h("slot", { key: '3888e1e7735c0bc7e17976246dc4ca2e5a5e1d43', name: "image-after" }), h("label", { key: '6b8a7e171b03fd209802a5aabbf172b883c29767', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: '28aef0c39454210025e9c0b01cf6748f7ab547d4', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: 'fa306a72f5cfa93c2e9669ae9c287d3cb3bc7f97', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: '0e1704f92d90e62fef416f158eb49e66ac20ccb8', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '003e717f1e7be16ae23decc09d81f4647effb1a1', class: "stzh-imagecomparison__slider-line" }), h("input", { key: 'f77dadd07395dc77b115186894356e607abf3a80', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: '61e45cfe31af58c08481f10f0e8817e38dc78a69', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: '301cd69584463420774b18acc7b5d1d71a3d1fde', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: 'c56ffbc3c1ec832f22026741ca5761eba19fb35a', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
+            } }, h("div", { key: '087dbca7ba2c928be58ab16103acf356d5733fd6', class: classes }, h("div", { key: '11d3bd46be8d3c004e178cc008f8d9d65a3b6fa8', class: "stzh-imagecomparison__element" }, h("slot", { key: '81ec7b34f39e7136e252494ce3028fba2dc268b2', name: "image-before" }), h("slot", { key: '8ee4dae7e23bae9f393052deae2111dd946bb9b5', name: "image-after" }), h("label", { key: '90e07ac71607075db9805d9fab3a2f54f8c66856', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: 'ae11ac3cfad066a765918cf2a6df153cb98f80b2', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: 'bdf91cddd0328eeac357b177eeadf9186224f25d', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'db1d2ef2ba4f9c10872aa4e43a8064e0d6960652', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '2aa22770a38203e1501aef70569cf4a9081c371d', class: "stzh-imagecomparison__slider-line" }), h("input", { key: 'd27fa842febee03709311b90123afcf1208d8a30', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: '495532d4297937afd2fd13b3abe739e036b5645d', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: 'accd3d11ea0101b1f90ee9bdde6248814cb121b0', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: '5c671703aa0f3741280a068ead4c59a6eb0351a1', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
     }
     static get is() { return "stzh-imagecomparison"; }
     static get encapsulation() { return "scoped"; }

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

@@ -214,15 +214,15 @@ export class StzhInput {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '17df6e3219c089d1791e3533fb099577c892c8c3', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '55d0301064497397505a75f91ec62b0629e03c18', class: classes }, h("label", { key: '3728b2367e14541d4eb9e782af64eeb2d0218047', class: {
+        return (h(Host, { key: '8dd13077004e31ce0b1dd35526325a4f95eb22f4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '2fe0d07c1049846dfb4f953ad6efb9848e71d253', class: classes }, h("label", { key: '14c4ddc41bce5ab4f53bac0a62a411dbbe4d3f8a', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '306d38c386af56938121ad68567a2f73d04dff7b', class: "stzh-input__marker" }, h("span", { key: 'bea49dc3d8ab84702852fa199cf3e9ca1f25be65', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '27076ed3f2aaaa7425eb59c139895fdf53f97885', class: "stzh-input__marker" }, h("span", { key: '606e98f4cc0628bc74cf94f7ece7145b9481968d', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '57de6fba296cf9919913b31ddb2be9b111001649', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '1867bde65ba39d6ac0a18f7745796dfc82a5a712', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: 'a3e047e750630011f3a9ff59689df5f0d25c589f', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) &&
-            (this.type === "search" || this.type === "password") ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || this.description) && (h(StzhInputDescription, { key: 'da996df70a5143981754de29594b80f4dcc79ca3', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), h("div", { key: 'd775753c67430cfede5a38faeecca73787ff9f0d', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) &&
+            (this.type === "search" || this.type === "password") ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || this.description) && (h(StzhInputDescription, { key: '52c6b561647abbc7bc470aa8084234fc07adb850', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class StzhInvert {
         const classes = {
             "stzh-invert": true,
         };
-        return (h(Host, { key: '4d696348d01af449b42ca1cc0f544fd563e278ba' }, h("div", { key: 'c647f905a8fb82b85c714d40d1eacee0fa978e22', class: classes }, h("slot", { key: 'a8500497b15e8baca5adb2aaa004f1dc0bf9c80f' }))));
+        return (h(Host, { key: '1a6fea0a70eee1cb454c6df90fece14d8eb46b5c' }, h("div", { key: '0a424af14b7eb376d4feb4bc135611c36cefb119', class: classes }, h("slot", { key: 'f4134e880dd7bb7e2f9df1fbc7f228dc4dc82864' }))));
     }
     static get is() { return "stzh-invert"; }
     static get encapsulation() { return "scoped"; }

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

@@ -123,7 +123,7 @@ export class StzhLink {
             [`stzh-link--align-${this.textAlign}`]: !!this.textAlign,
             [`stzh-link--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '6242e0e0c5018dce8128cf8b3b889c70882d2716', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: '993f76b3eca5840278228ebee5ed438f89f9c060', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
     }
     static get is() { return "stzh-link"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class StzhList {
             "stzh-list": true,
             [`stzh-list--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'cab51fa289bbc227c7194a4f13ce48f0c545ad81' }, h("div", { key: 'e264dea5d6d6adbe0601149d65a840b9e7b8a2f6', class: classes, role: "list" }, h("slot", { key: 'f16515c05d38db80712e8babf923c2726520d3e8' }))));
+        return (h(Host, { key: 'e511ad6ef81dae239c9a505c5d9cae342cabc121' }, h("div", { key: '6a0f2a69d0d893e33ac41f140ec41dd1c4a18180', class: classes, role: "list" }, h("slot", { key: '2a512da2134290f64a5c0a897c50d82a11fec458' }))));
     }
     static get is() { return "stzh-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-list-item/stzh-list-item.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class StzhListItem {
         const classes = {
             "stzh-list-item": true,
         };
-        return (h(Host, { key: '0408ba1c3f18268f6779e82bb452c5a3e66bb442' }, h("div", { key: '5a34946519e6575f05485fd81adc554f46d58905', class: classes, role: "listitem" }, h("div", { key: '5d9e5a62edcad27328c257a3c5021177be45be37', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '324c4d9f3f524db31448989e44aa5be2ae3fc93c', class: "stzh-list-item__text" }, h("slot", { key: 'b772e71122b56147bb8be09c6c102e6390f94128' })))));
+        return (h(Host, { key: '7274775b769e0488ed26db096227606566f93206' }, h("div", { key: 'd27ca2b2ae89ea1e7bdbf71a6cb0a6dbc70fdc12', class: classes, role: "listitem" }, h("div", { key: '4d6cd83d53d0ed5ce2742b04e52572b193eda69f', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '19d277a13d49e00185eaa448b520da6a574d9c5f', class: "stzh-list-item__text" }, h("slot", { key: 'a9f44e32fac76b6b613e4ec473a6165ff0bc1b7d' })))));
     }
     static get is() { return "stzh-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class StzhLoader {
             "stzh-loader--hide-label": this.hideLabel,
             [`stzh-loader--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'f928859546fc204dffd6a175cc401ba273697a94' }, h("div", { key: 'c52f0e26667791cc815df1cd1902a743fd08a808', class: classes }, h("div", { key: '0f41109fc78aba388a9937fd37110dc5e552c909', class: "stzh-loader__wrapper" }, h("div", { key: '5b6801fc65c234c806ec388653cd478bc67cf54b', class: "stzh-loader__uil" }, h("div", { key: '9c81f56b552c24497fa42070e9d1ed9ae9e9068f', class: "stzh-loader__ib" }, h("div", { key: 'abe087c982475e2db41696aad2ad3a4fa2333e91', class: "stzh-loader__circle" }, h("div", { key: '029e0669c3449e83bd357d8c853b598cd1c276eb' })), h("div", { key: 'c7dcea928580d1feb9f6cbeac36a023f43078e30', class: "stzh-loader__circle" }, h("div", { key: '12689365fec09cd690c4b1f2b0e037faabe3da6a' })), h("div", { key: 'a541381378c9b6563d7c2def5f79a5015e6f84a6', class: "stzh-loader__circle" }, h("div", { key: '3d33858a510240f5020309dfd49ee5bec1706bff' })), h("div", { key: '7be2a01f27fa9588ad07ed544d9f982fae524018', class: "stzh-loader__circle" }, h("div", { key: 'd164fd797d4dc3f455d542b476c06b6540169947' }))))), h("div", { key: '195321648428d3c9712c6b2eb9b524c9a75f1823', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
+        return (h(Host, { key: '04ea1a87f71fe4a8503f8bf9ca368653744dc61d' }, h("div", { key: '7cdce1ab2258bc9c62a098cc3be51c0cb5b5dc5f', class: classes }, h("div", { key: 'd81308f8188ab0d034f5cef5339a0c4b8c3db75a', class: "stzh-loader__wrapper" }, h("div", { key: '02bca1dc720d074f44c933208bc6d4c018a96886', class: "stzh-loader__uil" }, h("div", { key: '5ec372001f23ea607364d47375d62b4ba3819ca2', class: "stzh-loader__ib" }, h("div", { key: '7ccf1e975dbb1ed8ae25939f0e23174abb4e908d', class: "stzh-loader__circle" }, h("div", { key: '936ed6e5f8910b20f75f75c539f6355c63ab01dc' })), h("div", { key: 'cf050adbcb6e02ca65cf2b8c3456ac424befab62', class: "stzh-loader__circle" }, h("div", { key: '3f1d494ea26dd9bd28a062342f598c9e53df8fa9' })), h("div", { key: '1483f672a399dc28e87da6353f56d3105f9f46ea', class: "stzh-loader__circle" }, h("div", { key: '8645d56dede758369af31706ca0dbc7046b7cc1d' })), h("div", { key: '9ea35595360dd1022e1d6dfb8b3874a3df3d48b8', class: "stzh-loader__circle" }, h("div", { key: 'd702063d6a54bd3de1e369d4698c7ecb092a76ab' }))))), h("div", { key: '229d7fb08cb99144a11da40174af41530fd89c0c', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
     }
     static get is() { return "stzh-loader"; }
     static get encapsulation() { return "scoped"; }