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

@oiz/stzh-components 4.5.0 → 4.6.0-beta2

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 (1006) 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: 'bd6f1d0398aba2c7286ce4dc5314a2fd43f63097', "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: 'd4d4540689a54609be70e9fc9aa504977317db9d', class: classes }, h("div", { key: '0fc7143742b703c1439c8821795f93ad30ffc7a6', class: "stzh-datalist__wrapper" }, h("div", { key: 'c5955076df340e5e6774208237f38202f033304d', 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: '234c19a5ef8e8d87b95b5cb6ab07b12bba1e1b14' }))))));
     }
     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: '0a660be3b51fdfa258071dc75e812e03c20237d2' }, h("div", { key: 'dfb4a7af52a337372d9bd1b01a9ecfb7765cf1bf', class: classes }, h("div", { key: '3575ea0bef98181965ee2522c3a6622cc14b0662', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: '65d5ddfb353a8dbc7b6c045126c2d10ebc07675b' })))));
     }
     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: '35e80e1eb927de23057366fcb116b421869eaa61', role: "listitem" }, h("article", { key: '9e70827a806198f9ea18ce38f2fc06c3fd9a6232', class: classes }, h("div", { key: '39d489e641eae30505936e4e94d9d1313d3554a2', class: "stzh-datamessagelist-item__content" }, h("div", { key: '62f85d42ff3b28341c2fc8120ec0c14b02c40aa5', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '6d81d15bf82915c269c4ae4e9018441954f4e785', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '56f4360076866e145943d21e86c5da9a8b9e5727', 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: 'dc97b2dd11d336d7c48d1607deba7a6397e5fc88', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'cbc57474699067e8604db726b507e869c7a9d3a2', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '09c9bfae4e8a1bbcd9c1abaad463fa3939edd525', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '44e9f2074e30af80b84777016062ca570f8fa4e4', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: 'e756c17e5cd43721686fc71e397fb992698ddc77', 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: '0cb4bb2fc00e0fd844c51dedf320f6c1717fa709', 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: '599fc7dc12095ca8e8b7d22e134e372333214ba5', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'ee0950fd2e36abe01d81950c507dcc9e185e6236', 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: '6485fb7603de5904f22bb3be5ade1e70faff11d5', 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: '4ff21a8fcd972b2619acae49ee0f22d3d0de2147', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '8bc68db9617210bdaf0130c979e5db77bd271366', class: classes }, h("input", { key: '3a580a6831d811e4bc3c9739aec1748b8a3bcf90', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: 'a3f0746ac7bfd4a627f1fafd42c524df03681600' }, h("stzh-calendar", { key: '7514b26698908cfa19e0d965f0d838b471eef594',
             // 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: 'e893e6f4b8cdf52a16011dffe2a228baaf6eaa4b', class: "stzh-datepicker__actions" }, h("slot", { key: '190ffdaab1a41fbd6b31e63ed4b91b9cbf648fe4', name: "action" })))), !this.inline && (h("stzh-input", { key: '5b06696ac06ec03e8db3e771957b6309a9b77a4a', 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: '033bb37fd62713376ad0ee54381b4f2d0cabe9be', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: 'e1f192ae423808b8ae971f96f091d447a47beb10', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'a8ab8497e4bc47f2295bc77945748e3669dec0c6', slot: "content" }, h("stzh-calendar", { key: '434c79f929e60d7007454550cb1d5cbff71fe743',
             // 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: 'e11f352cb4f42017425498de2454a4e259eb0d9f', class: "stzh-datepicker__actions" }, h("slot", { key: '09e89c4faa8f7f7916fe1b4ee60e086a45cf787a', 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: '5db12671735d866351c367181125e0d8626e3d97' }, h("fieldset", { key: '3f244b90e8a311caf2ca0871dfe39e00c336ecad', class: classes }, h("legend", { key: '7b5863c6e15d54fcd88b1f3f415726dfa3d71720', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: '7776e92c391453da877c0886c5a9c4eec550e6e4', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '796592b37f14b485affa914323824b0504426a40', name: "from" })), h("div", { key: '24ea52e086a5ea62329fc47c13427f6a25709d14', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '8b7c4cc8bd024d7de758ba34c740eee34f97d67d', name: "to" })), h("div", { key: 'b3725426b9ca967980df071770d068252b419154', 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: 'ca6bbca4ac3dc3269384587a605bcf97472570d8' }, h("div", { key: '18cee3ca3a3e902db6fce7f73874613c7c81381e', class: classes }, h("div", { key: 'bb557c1c6cdf1f082618040b3c7e541f3b554d70', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: '6e7b7ad5bf2542c6bd78915c11abf67d3ee46e71' })), h("div", { key: '7ce3e9dfc0769848b53805b6bcba2ddc95d2c1f8', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '8104b32d9205e54735a8fe48ba9cc7094a357cb1', class: "stzh-details__content-inner" }, h("slot", { key: 'db96f455cb2148c6c16ab156708ee2a32eddbf8d', 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: '80c4a5f1ff198ffc57ad003b1ecc94191e61e4ce' }, h("div", { key: '90da322bcc2e511e889b2c307823a2894883d77a', 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: '40f75980e48c54b7add9f58b21f403df741ad0c8', class: "stzh-dialog__backdrop" }), h("div", { key: '3918ecd700af69e6faecd4aea069aa5458b09c0b', class: "stzh-dialog__content" }, h("div", { key: 'b4e451d98f0187bef0de13f68f5fb229aac1cb65', 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: '28a6c7165701d4411d8bbcdca8b702b80f53bae6', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: '100e036c24a5b1744dceda661d740563bedc1a9d', class: "stzh-dialog__dialog-content" }, h("slot", { key: '4a58bb4166608fb49101eb3def4008bf0caf76eb' })), h("div", { key: '77f9e8e7c59aeb35ed562d9a1ba179071c142499', class: "stzh-dialog__actions" }, h("slot", { key: '1065d137ee0f2df141dfaee50ef4699cf42eccd3', name: "actions" })), !this.hideClose && (h("stzh-button", { key: '8a77da3056076d419dcec314cb84b0ad8154d88d', 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: '879808a5f7b0903cb25ea2f4ba9bd202c0363c05', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b98513a95cc287957ad93927f526d613c95a0eaa', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: 'd0687b0202052b45458cc3ddd7028ae26b0f68c5', class: "stzh-dropdown__wrapper" }, h("label", { key: 'b59350b3f742fe97748211528207059ea8176854', 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: '7aa1320ae0c3eda68e315e360a0ae160093cf8dc', class: "stzh-dropdown__marker" }, h("span", { key: 'fd18ba027192ba581718aad2efeb0d7e42dc81a4', 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: '90c278e994a27842c88866b89255ca33a4d576e3', 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: '19a3bbf933617bc46ebb0d182fab84f9ccd6e23a', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '39612fa5432e8a8fd3e2ff87a39bffdf32c9c884', 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: 'd4db4a853c7c473112fbc428fe7296d4f9164350' })), this.inline && this.label && h("div", { key: 'dda64e280c1b9df023bf5c07a1e78f446cf78bfb', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '60d4600acd1417ca9e58cc088dd5b96d9c2e2f5f', 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: 'feecac10404ae57c119203638ed98c0833b6455a', 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: '1559a3b2cd140d3916eb52c7fd2df255b25f9720', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '269f13b057e3deed620348ed6e406aa1bcab16f1', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '8fdcad8b0664cf461b3717deff0956fe73a85f72', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: '61d80976a73041311a4e54c40585c24af50e129a', 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: 'd21e242d5706f99cff48f443b3fb7feaf7351d52' }, h("fieldset", { key: '97bbacc020de20e0a418a5081cece082090b6f26', class: classes }, this.legend && (h("legend", { key: '42afde4fa8ef2ab952bb00e4aa21d9d61e8f2c00', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: '1a79935c13f3ab1d4241566e6c5f8f776080d595', class: "stzh-fieldset__wrapper" }, h("slot", { key: '3aef657a432af36a5cf97a50c95dee50f7e8453f' })))));
     }
     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: 'b5010b12c131781135de2947978236f6519a68ea' }, h("figure", { key: 'd852a55175e0112b228462fc2a8da671e777c1ec', class: classes }, h("div", { key: 'a65d3f58aa990b1743d56f1c9c8e5c8ac6a2a219', class: "stzh-figure__element" }, h("slot", { key: 'ad75ba98a51726ef789531a3137c280ad2fbb7fc' })), h("figcaption", { key: 'e8f483e072fa95594e3bade4c1f9dc1300c9fee8', class: "stzh-figure__caption-wrapper" }, h("div", { key: '71f8d37155b97133886a47f74d5a873533972e0e', class: "stzh-figure__heading-wrapper" }, h("div", { key: '34f0076b9b37d7871ff6e3b3937b4e8ac0ff1378', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '44531bb0d07a8baf580083e7275396583952cf64', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'f56c37117df794260b4d71debe993c12c7cb67bd', class: "stzh-figure__caption" }, h("div", { key: '1adc85f3cba94e100ca34df96e75b18576415ebe', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '6985a9eea02fa4cf2f2f3865c49da28d15ee4768', 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: 'ae0657d6f9f952faccdbb63f24624f6d8ff809be' }, h("div", { key: 'b93bf5e66112c094eab5f67cb909d9f44fbb734e', 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: 'fcc52b34fbeee3d8c5b997be7ec41e9e168e9acf' }, h("footer", { key: 'c0a484754576e2803ba9c8744a4616eb95727f1f', class: classes }, h("div", { key: '5bd2ee1d4ab6008979fbd0eb63e60542c3de5cc9', class: "stzh-footer__menu" }, h("div", { key: 'b5f78ad7ee617fcedebe0629b39990372d1e200c', class: "stzh-footer__menu-inner" }, h("slot", { key: '128f4fa19dfddc6b3a0a6c13df693900c169aa55', name: "menu-link" }))), h("div", { key: '613ac537c19ec62986e7a3b6e0a7e500e2b4df27', class: "stzh-footer__wrapper" }, h("div", { key: '50def68b431d40374af39c5ce8e14592a29cbfc9', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: 'd3df4227d34c06e5e35115a0e240c596d1909ec7', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: 'c5b8e552a08786947c7bd98129b60ec29a3fee85', class: "stzh-footer__logo" }, h("slot", { key: '9c2a2097fa31846177f5a5c7919d901d0cd4a2c9', name: "logo" }))), h("div", { key: 'afdba8ba2573e3e02ce33ff4c97aeb79522fd934', class: "stzh-footer__info" }, h("slot", { key: '75f54444d0ffd3fcd8183f1e73b8650275c79fab', name: "info" })), h("div", { key: 'caa4b0518506e93d4eaf0cefa1a639714f4a4fe7', class: "stzh-footer__links", role: "list" }, h("slot", { key: '0fb0f7b70735c6549e2cec0e1933d1b43ee96a5f', name: "link" }, this.variant === "egov" && (h(Fragment, { key: 'df37b106c2203533552fb59ce57cb0ffb409fbf9' }, h("stzh-link", { key: 'ba0cbca639aa1c5a536afa3b14be4f85697f298f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: '17341dd7169039feb9fdf33db658f39d933b508f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: 'a26a73778051ed736af515ee9169129e25478d61', 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: 'd370dd12c15f087bae87068f7fcc23bb12e33faf' }, h("div", { key: '22f33e8bcfc0ceee2552f6a5682321c15afb3604', class: classes }, (this.variant === "single" || this._images.length === 1) && (h(Fragment, { key: '3350c33575d2066e0989e8d953d46e2b65d6c442' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '1090feca335e58782f1d362508ec4f91b50fcbbb' }, h("div", { key: 'ef1e6af52b0b7a9b2a9b7112db4b00065c4a6c57', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: 'b74b2295453a6bc51936d9aa0a11f79174093eb8', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: 'c30d8b0f15bf484847c8bfb6c844e504a91c831f', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: '93beecf5451cab34704a6663716fb70cc7ce87ca', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '8121c7cc1d6511cefa2fbbe5a94601f28a778139', 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: 'a07208ac4b57f6f572cac6f379395389b5e96b02' }, h("stzh-button", { key: 'd04bcb4c5e5ae36e2dd57b658bbaae7c1deaebe9', 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: '36b80a9669c0587687203564146a8280cf19fea2', 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: 'a62350f3ee9f15067529cfeda3cb914af8a73fc2', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '78a0a085661b1690d0f5d1f29fbe0d2420f7af71', 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: '879f444cac5c71bf721a877e923c9b1fe108b04d' }))));
     }
     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: '5acb9043a2947260ed388ed38d799b99d049c493' }, h(Heading, { key: '6d63908b0aab24e951146ed84791fc93826a354d', class: classes }, h("slot", { key: '76168a0f8520aa45dc648a441a3f2aafb26acc82' }), this._htmlContent && h("div", { key: 'c8c1f7336c6088fbdf41da2b90d78901d6607c69', 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: '8ee946297a2352e2f2b69b78c2eed83ef57acf38' }, h("div", { key: 'c12bc60281fdefaaad7565303c9f6cafef98ee4d', 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: 'f54cee0965bf78238ee9fd8c818eda54c7ccb041' }, h("div", { key: '395b4bab64a6a8981926ea3c536d4d17f15d95ac', 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: 'd96f138cf73a0ba708def22dfa6ce11754bc154a' }))));
     }
     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: 'cfc3dd8de838310ec154555d577679105a7393eb' }, h("div", { key: '031050df094911b84d3bd0a954d5050a643625c8', class: classes }, h("div", { key: '55a3232fc0152c00c9b2703175e99e14ce172dce', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: '07f0905739e164f36a3325ed191172c75847e483', class: "stzh-http-error__heading" }, h("stzh-heading", { key: '17392867124c8b5b076723eb1ba04a96182c27b6' }, this.heading)), h("div", { key: 'cc8e08ec1813235a8b96d17192b88ad94d5d6459', class: "stzh-http-error__description" }, h("stzh-text", { key: '6b2208ccf493949b32146ed796e60ff6364707e9' }, this.description)), h("div", { key: '50280edc8c034014eaa4c015d471e6e720dcb14b', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '1a7805f341ced7b4e12ffbe112ad78f730ac6dba' }, window.history.length > 1 && (h("stzh-button", { key: '486772c71b230e6ad9ebdef3d99ad4705036d9ca', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '28eae2eec9e8a841478b1a8e7ba087138d2da83b', 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: '3632f281961b04c9603091a7f9db711a6123793f' }, h("div", { key: '70ca189751061be8bdbaac7bbb1c04b13c2ca881', 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: '83905f1eb3b93e49bacb5a1651b1d48efaf71cee' }, h("div", { key: '11e20e2e73c93e45748de8f66d2ba5bd26bafadd', class: classes }, this.view === "iframe" && (h("iframe", { key: '8f4817abd4dcd8fdd720c976892845b5ca9371bd', 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: '0d21a7e62b501df91af60573d7359d2ad70802eb', 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: 'b5f6fa5337569423bb4d6ee4fa1a1d826794c924', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: 'c9c64cd911e5296437073db4676aff3a60d4d05f', name: "preview-image" })), h("div", { key: '13e4dd2d6de1edb0f23ea77674ff192d5d9f4429', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: 'a63dd2fea16f88417d3e858f06847ccd8ed81e98', name: "preview-logo" })), this.previewIcon && (h("div", { key: '5cc64238a8ce780bab4cbf7bed34b4081ec14eff', 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: 'f252b81ed3a4ed6b729e09451e303fdda0a7d73f', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: 'b29d2221b6e714fb176a358d74bcc896dfe51cc6', 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: '12332cc3b9f1c02073f50d7fbe5369d39ebbc711', class: "stzh-iframe__cookiewall-content" }, h("div", { key: '2de7967ef65747f2ea1364cf4a46ecb8fa62587d', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '6e58db408c546e2a82cef9e2b880511d3b269d3b', 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: 'b4b57d749651383399baf4d0a7f36cc2110bed79', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: 'badfa065c2ddb75bd6eaca320a28ea36a4943eb1', 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: '80cb3434084cb01fa1ff0a5b4b7e2c0ca6ef87e0', "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: '3684dfdef166ce92d5363f100567099310083352', class: classes }, h("div", { key: '2e503ff9c6f517a163cc3497979761c711dd07f9', class: "stzh-imagecomparison__element" }, h("slot", { key: '7d8b208d494d2220a00accd7b8254a60070b852c', name: "image-before" }), h("slot", { key: '950d97bad8493642ae01c71b9352328cd8ebb22f', name: "image-after" }), h("label", { key: '5ab34ea10b71060ee8af6400a21f078be0ee4a91', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: 'fb809f6403ae0950444596ac495c63b0e47686ea', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: 'dbaedb469cfe4dcfd5db5d0db2217c26d443cab1', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'be740e95d75cdcae5a9e6b8ebc1b9c06a14364c2', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '7926a9fe241177311ec7691a47cb3ba2e9b7fe15', class: "stzh-imagecomparison__slider-line" }), h("input", { key: 'c807985805ffa6eeebb8bd3ebccbf057c135a362', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: '8e5981a411dbef1b7453d3ca32752c37613fe985', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: '2b5c4e58b84f29dfd18e9588d7cdf1396e3fc373', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: 'e1299d0ede6f8408098d596476e7ae03d153e446', 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: 'c8ff5c6cf276eb2d2d72c5c2bc294a9a77c0ec31', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: 'df948658df21c668ac305a01cdc55b8162a19aec', class: classes }, h("label", { key: '9de88ea9e9bf363595a393f80c642c95bb083b18', 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: '8a5b00a3a40572563c50e8151244ebaae7b69c4c', class: "stzh-input__marker" }, h("span", { key: '47a7f9eaa1aeb7e3ca6e0998d4e2f87e6c5adc00', 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: '4840d3301f83bfe247e7d4efb33aa5296c642e3d', 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: '61add2f342230323672b9b4d47e851f4e2ed41c3', 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: '94fa5b40af158681ef33b435dec70eb6e667fe99', 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: 'a393766648334c7803571d6595db537bbe45ba29' }, h("div", { key: '58c8b5f6ad9b4fa3f12639454e9bc8689c511657', class: classes }, h("slot", { key: 'bd80dab5c7c82375b3d1b6208f0246ba23adc76e' }))));
     }
     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: '29f51b2b2fab820833afc1569dfc41c0cb0816a8', 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: 'e1f72d17b9c193f894b672137b8df398ca7a34ac' }, h("div", { key: 'e907b513e73be3aef1ef763d880ada9a213e574e', class: classes, role: "list" }, h("slot", { key: 'a38331619add2055d7be8e1acd9a4439bcf2b58f' }))));
     }
     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: 'cc8f75d5b03485807e0c75dc39ca49975abcb941' }, h("div", { key: '7067f74a66a901ff08e4b27bd18fb5943ea80446', class: classes, role: "listitem" }, h("div", { key: '41686c63c64c44c524ab48619eaf94cfe562466c', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '4bab6810ac9a64af5525ef40f0de200faa96c549', class: "stzh-list-item__text" }, h("slot", { key: '3d0690094c3356261e6b9dbe72f09b968a78f7bd' })))));
     }
     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: 'e4be8b305cacbb7c94d99e0a633578f861ae46a1' }, h("div", { key: 'ea941dfff47d06269869d2cb0471cde31cf4ea4e', class: classes }, h("div", { key: '91501bfb80534118082f07465cf8fcd08cb33462', class: "stzh-loader__wrapper" }, h("div", { key: '750eb95702b1ee4006ccc9941ebdaaf135ed5c53', class: "stzh-loader__uil" }, h("div", { key: 'd9957970e031a06556420db09ea829979dd53a26', class: "stzh-loader__ib" }, h("div", { key: '6bc6d7f7f9012f291c481170d1eaf8516e774754', class: "stzh-loader__circle" }, h("div", { key: 'da200f7f69e0f6b1ba674e4efd0128bf7b4aba0c' })), h("div", { key: 'e9eaf6c00ded17736cae7988ab2e76f22bd04522', class: "stzh-loader__circle" }, h("div", { key: '5249638089aa283d5d0fde2a8fdcadd27467d36e' })), h("div", { key: '3346b50d81a34ac6f9e911d78eb756eae7ccb46f', class: "stzh-loader__circle" }, h("div", { key: 'cb141ee1980633ff9dbd19687ee4cc4466522091' })), h("div", { key: 'b8e05008bd1cee35bf3e43c6fa5a43e52f6996c1', class: "stzh-loader__circle" }, h("div", { key: 'fac4f0d612d75c09aae7c9608cdc1a4a4a4e26e4' }))))), h("div", { key: '737ae0a862da0e46f31cdec2a3b63c67013e0efc', 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"; }