@oiz/stzh-components 4.12.2 → 4.13.0-beta1

package/dist/cjs/stzh-actionset.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var mediaUtils = require('./media-utils-BdBH0gZ3.js');
 
 const stzhActionsetCss = () => `.sc-stzh-actionset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-actionset-h,[stzh-hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-actionset-h .has-focus.sc-stzh-actionset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset{outline-style:none !important}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset::-moz-focus-inner{border:0 !important}.stzh-actionset__actions.sc-stzh-actionset{display:flex;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:1}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto}@media screen and (min-width: 900px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{display:none}}`;
@@ -128,18 +128,18 @@ const StzhActionset = class {
             "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
             [`stzh-actionset--${this.variant}`]: !!this.variant,
         };
-        const Action = (action, disableTabbing) => (index.h("stzh-button", { key: '167eb3d942e64c1f42ee589b4d95794d9363c7ca', a11yTabindex: disableTabbing ? "-1" : null, class: {
+        const Action = (action, disableTabbing) => (index.h("stzh-button", { key: '59b96a8452a469698a1daad9337f53244af97e6e', a11yTabindex: disableTabbing ? "-1" : null, class: {
                 "stzh-actionset__action": true,
                 "is-button": true,
             }, label: action.label, icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant ? action.variant : this.variant === "stack" ? "secondary" : "tertiary", size: action.size ? action.size : this.variant === "stack" ? "small" : "tiny", badgePosition: "icon", onClick: e => {
                 this.actionClick(action, e);
             } }));
-        return (index.h(index.Host, { key: '168f001d3edc923bf5ce276191a6e8853dcd4873', "has-collapsed-items": this.actionsCollapsed.length > 0 }, index.h("div", { key: 'dc1b4047ec0c46dda276ae20e1c0cff4f5d6992e', class: classes }, index.h("div", { key: '5ff65405a8f660134a30d2cb21cfd1ef3b6b4694', class: "stzh-actionset__actions", role: "group" }, index.h("div", { key: 'db5c98c9b0734e3ea3fd3a9d0323fa5384065533', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
-            (action.tooltipContent ? (index.h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), index.h("div", { key: 'fa48c94f70862084025fc14397b754590be2aff1', class: "stzh-actionset__action-popover-wrapper" }, index.h("stzh-popover", { key: '01334b8258372de077c7f182d227b5b23d5ff9ae', label: this.variant === "stack"
+        return (index.h(index.Host, { key: '6f7f3986a9cc02277f48d5bdfea7832ac80a9ed0', "has-collapsed-items": this.actionsCollapsed.length > 0 }, index.h("div", { key: '8ef830c6cf065f15ae4e6c4bbe513e04f8d00353', class: classes }, index.h("div", { key: 'bd0bf99d81e455234b7ac8708188b621339039fc', class: "stzh-actionset__actions", role: "group" }, index.h("div", { key: 'c9d8d375fdf83d11d7a0adc4bb4efbdfb5921f8b', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
+            (action.tooltipContent ? (index.h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), index.h("div", { key: '8cfe0e5af8751c20c45e941b54443429d4bc9a1d', class: "stzh-actionset__action-popover-wrapper" }, index.h("stzh-popover", { key: '817ec0f15cc5592b881b1ac46a41b54c8cca58e3', label: this.variant === "stack"
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, index.h("stzh-button", { key: '0781174c55de8c9ca0eb2041b81f7631cb17bc8f', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
+                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, index.h("stzh-button", { key: '79041ef72589f6e563e31e9197db076046a5c3d5', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
                 ? this.popoverButtonVariant
                 : this.variant === "stack"
                     ? "secondary"
@@ -147,7 +147,7 @@ const StzhActionset = class {
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), index.h("stzh-menu", { key: '67f4e4174879ebe547d6c48c44dbc0600b80e9d5', slot: "content" }, this.actionsCollapsed.map(action => (index.h("stzh-menu-item", {
+                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), index.h("stzh-menu", { key: '82928d694b2726284a8a6c9c652cb6f63c43994c', slot: "content" }, this.actionsCollapsed.map(action => (index.h("stzh-menu-item", {
             // class="hide-medium show-when-collapsed"
             icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: e => {
                 this.actionClick(action, e);

package/dist/cjs/stzh-amount.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 
 const stzhAmountCss = () => `.sc-stzh-amount-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-amount-h,[stzh-hidden].sc-stzh-amount-h{display:none}.sc-stzh-amount-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-amount-h *.sc-stzh-amount,.sc-stzh-amount-h *.sc-stzh-amount::before,.sc-stzh-amount-h *.sc-stzh-amount::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-amount-h .has-focus.sc-stzh-amount{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-amount-h .stzh-fylingfocus-focused.sc-stzh-amount{outline-style:none !important}.sc-stzh-amount-h .stzh-fylingfocus-focused.sc-stzh-amount::-moz-focus-inner{border:0 !important}.stzh-amount__stepper-wrapper.sc-stzh-amount{display:flex;align-items:flex-start;gap:var(--stzh-space-medium)}.stzh-amount__buttongroup.sc-stzh-amount{margin-top:1.34375rem}.stzh-amount.sc-stzh-amount stzh-input.stzh-amount__stepper-input.sc-stzh-amount{--text-align:center;width:100%;min-width:0}.stzh-amount.sc-stzh-amount stzh-input.stzh-amount__stepper-input[clearable].sc-stzh-amount:not([clearable=false]){--padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-amount.sc-stzh-amount stzh-input.stzh-amount__stepper-input[clearable].sc-stzh-amount:not([clearable=false]){--padding-left:var(--height)}}`;
 
@@ -154,7 +154,7 @@ const StzhAmount = class {
             "stzh-amount--is-required": !!this.required,
             "stzh-amount--is-disabled": !!this.disabled,
         };
-        return (index.h(index.Host, { key: '284b33e7363b3e1aa1f4daf8a0cd9c5f48c3e523', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '21d00d3101119223a42450401f80da9d8803d528', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
+        return (index.h(index.Host, { key: 'd6d3270ee509b2f7416050f202f1ce6f74fe86f5', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'a475f68917daa1b8ab54f8fd664d3e96598e2b6a', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-anchornav.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 
 const stzhAnchornavCss = () => `.sc-stzh-anchornav-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h,[stzh-hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-anchornav-h .has-focus.sc-stzh-anchornav{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav{outline-style:none !important}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav::-moz-focus-inner{border:0 !important}.sc-stzh-anchornav-h{--color:var(--stzh-anchornav-color, var(--stzh-color-primary));--hover-color:var(--stzh-anchornav-hover-color, var(--stzh-color-primary))}.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.stzh-anchornav__list.sc-stzh-anchornav{display:grid;gap:var(--stzh-space-xsmall)}.stzh-anchornav__item.sc-stzh-anchornav{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--stzh-space-xsmall);align-items:start;padding:var(--stzh-space-medium) 1.25rem;background-color:var(--stzh-color-grey10);color:var(--color);text-decoration:none}@media screen and (min-width: 600px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:var(--stzh-space-xxxlarge);padding-right:var(--stzh-space-large)}}.stzh-anchornav__item.sc-stzh-anchornav:hover{color:var(--hover-color)}`;
 
@@ -51,7 +51,7 @@ const StzhAnchornav = class {
         const classes = {
             "stzh-anchornav": true,
         };
-        return (index.h(index.Host, { key: '84977e9b482c0317f48ed27de6819284224b27bf' }, index.h("nav", { key: '27c240df857eecccc7afa13d9ba1adbd2d05b205', class: classes, role: "navigation", "aria-label": this.localization.title }, index.h("div", { key: '3883fde899292a8b8d6cd37b5715bfc2dafb4f83', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (index.h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, index.h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, index.h("div", { innerHTML: item.label })), index.h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
+        return (index.h(index.Host, { key: '17cf1a24ad25b606670714baf19ed6f6e736ef65' }, index.h("nav", { key: '64c1637212f5e45c8759bb9701d89da86fc99b8a', class: classes, role: "navigation", "aria-label": this.localization.title }, index.h("div", { key: '0ae230ffe4cde33962aaad3ff75b81e75b4bb1ac', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (index.h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, index.h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, index.h("div", { innerHTML: item.label })), index.h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-app-nav.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 
 const stzhAppNavCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-app-nav{background-color:var(--stzh-color-coolgrey10)}@media screen and (max-width: 899px){.stzh-app-nav{height:var(--stzh-app-nav-height)}}.stzh-app-nav__links{display:flex;flex-direction:row;justify-content:space-between;padding:var(--stzh-space-medium) var(--stzh-space-large) var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-app-nav__links{padding:0;align-items:center}}.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{--text-decoration-line:none;--hover-text-decoration-line:none;color:var(--stzh-color-coolgrey90)}@media screen and (min-width: 900px){.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{margin-right:var(--stzh-space-xlarge)}}.stzh-app-nav__link:last-child,.stzh-app-nav .stzh-app-nav__link a:last-child{margin-right:0}.stzh-app-nav__link:hover,.stzh-app-nav .stzh-app-nav__link a:hover{color:var(--stzh-color-primary60)}.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{text-decoration:none;color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}}.stzh-app-nav .stzh-link__inner{flex-direction:column}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__inner{flex-direction:row}}.stzh-app-nav .stzh-link__text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-weight:var(--stzh-font-weight-medium)}}.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-top:var(--stzh-space-xxsmall);margin-left:0}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xsmall);margin-top:0}}`;
 
@@ -27,7 +27,7 @@ const StzhAppNav = class {
         const classes = {
             "stzh-app-nav": true,
         };
-        return (index.h(index.Host, { key: '4850ffbc8d95a4f5fbe0e2d7583817778cbf1f43' }, index.h("nav", { key: 'bc26636b4112f219f27a7cb9000567b2983020f8', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, index.h("div", { key: '52068283ae69b50ff3ace60d08fad2744d50bc8e', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (index.h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
+        return (index.h(index.Host, { key: '1a0f90158858df9fbcf332aa5ec1b6ba954ed9d9' }, index.h("nav", { key: '92d777860725a1543233a6ed3afa34d9d85d433b', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, index.h("div", { key: '09030721ee7be853c999586b4fea36525adb5b80', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (index.h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
                 this.handleAppNavItemClick(e, item);
             } }, item.text)))))));
     }

package/dist/cjs/stzh-appointments.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var index$1 = require('./index.cjs.js');
 var dateUtils = require('./date-utils-DyJgXb7u.js');
 var utils = require('./utils-CjJm84Uq.js');
@@ -18,8 +18,6 @@ const StzhAppointments = class {
         this.sortBy = "start";
         /** Initial selectable appointments */
         this.appointments = [];
-        /* Selected appointment by value */
-        this.value = "";
         /* Name of radiogroup form element */
         this.name = "appointment";
         /** Nr of items shown */
@@ -93,25 +91,29 @@ const StzhAppointments = class {
     currentDateWatcher(newValue) {
         if (!newValue) {
             this._currentDate = this.dateByValue || this.earliestDate;
-            if (!this.dateByValue) {
+            if (!this.dateByValue && this.shouldAutoSelectAppointment()) {
                 this.setValueToFirstAppointmentOfCurrentDate();
             }
         }
         else if (typeof newValue === "string") {
             this._currentDate = dateUtils.parseISODate(newValue);
-            this.setValueToFirstAppointmentOfCurrentDate();
+            if (this.shouldAutoSelectAppointment()) {
+                this.setValueToFirstAppointmentOfCurrentDate();
+            }
         }
         else {
             this._currentDate = newValue;
             // Check if value already corresponds to a valid appointment on the new date
             const appointmentsForNewDate = this.getCurrentDateAppointments().map(appt => appt.value);
-            if (!appointmentsForNewDate.includes(this.value)) {
+            if (!appointmentsForNewDate.includes(this.value) && this.shouldAutoSelectAppointment()) {
                 this.setValueToFirstAppointmentOfCurrentDate();
             }
         }
     }
     sortByWatcher() {
-        this.setValueToFirstAppointmentOfCurrentDate();
+        if (this.shouldAutoSelectAppointment()) {
+            this.setValueToFirstAppointmentOfCurrentDate();
+        }
     }
     valueWatcher() {
         this.updateDateByValue();
@@ -137,6 +139,10 @@ const StzhAppointments = class {
         this.showAppointmentsTitle = this._appointments.length > 1;
         this.currentDateWatcher(this.currentDate);
     }
+    /** Whether the first appointment is automatically set as value. */
+    shouldAutoSelectAppointment() {
+        return typeof this.value === "undefined" && !this.element.hasAttribute("value");
+    }
     normalizeAppointments(appointments) {
         const parsedAppointments = typeof appointments === "string" ? JSON.parse(appointments) : appointments;
         return parsedAppointments.map(appointment => (Object.assign(Object.assign({}, appointment), { start: this.convertToDate(appointment.start), end: this.convertToDate(appointment.end) })));
@@ -148,9 +154,13 @@ const StzhAppointments = class {
         return date;
     }
     updateDateByValue() {
-        const appointment = this.value && this._appointments.find(appointment => appointment.value === this.value);
+        if (!this.value) {
+            this.dateByValue = null;
+            return;
+        }
+        const appointment = this._appointments.find(appointment => appointment.value === this.value);
         if (!appointment) {
-            console.warn(`No matching appointment found for value: ${this.value}.`);
+            this.dateByValue = null;
         }
         else {
             this.dateByValue = appointment.start;
@@ -262,7 +272,7 @@ const StzhAppointments = class {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (index.h(index.Host, { key: '27d5f164eeb723e82bc110b661e4d8238a5f2c74', "has-heading": headingUsed }, index.h("div", { key: 'f079ae642ae05e3e12f45a4e28951ea25d7277f9', class: classes }, index.h("div", { key: '3f9726ab504fc246eeade1e29276d1d9920d8f98', class: "stzh-appointments__heading" }, index.h("slot", { key: '7c21b77d626a80e502c0f4f4b6e828e19f11fa7d', name: "heading" })), index.h("div", { key: 'd23e215241074a7212b57871ef40a1f69e788a10', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: 'd1291cd8bd19cdb7813df63ed0268758167e3856', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: '57b73e328b1eade7734b68b76bff759999d3019e', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: '4f171f5715cdc8aa237be8a5336667676924e350', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: 'a6d42b939875fcf4d1feff3fc49ad0148da9fcf2', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: '6b20b9e01d59dd12828ce15569c65d76b65899e8', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: '716bdc8ed45c0333150d16281cb1490e6e93b200', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: '776b37046b04a21433a2bf2d8bd9aa8c0e5f7aff', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: '915ecd5845c35cdb09a5cd047701e33962782a2c', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: 'b9980c650766d8e2204dab7d2422e45838c975b3', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: '8ac456d04db36cb2e0dab32229fa9040084832e3', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: 'fe60acba265359b4008c13f69810f423cc03f298', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: '6567c1444b3d5a025c09490c4738e2527f340338', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: 'eab74a86246c292dadac893280a9ac84c05e23aa', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: '711f5318e519003369579f417cda372925c8f7b9', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: '41cd6d3775b6d05cabd290d3a04fafc077772a4c', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: 'dcf4938c15b7b8b4e9b0c94cfb9f0d307ec7d712', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: '3a0831cfa8ce811c191b2d9c1ddddefa97b4e6fa', class: "stzh-appointments__sort" }, index.h("stzh-dropdown", { key: 'e4b0a72f5dc89a71f251e71c6845ac9af5f219cb', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), index.h("div", { key: '778597cb82ae9a16f9c0b78eb91ed18a7b9e7506', class: "stzh-appointments__appointments-content" }, index.h("stzh-radiogroup", { key: '89b75899e2fa70f001dacfcda2a472b453852e1b', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: 'dfe437300c691a7b7600ecf1567520e673905330', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (index.h(index.Host, { key: 'bd72808f3f9e2a481506a20955cf0f14ef290b26', "has-heading": headingUsed }, index.h("div", { key: '5e52ce87a86c5298179ce1d357945627cfb4117e', class: classes }, index.h("div", { key: '9f16b39a285ac8175231e672b4b25e1894c2d450', class: "stzh-appointments__heading" }, index.h("slot", { key: '74980485ad5c5a82adfa426139a55709c212b20f', name: "heading" })), index.h("div", { key: '023933fb7a9bd0c125f54969dbc9854b6fa0956a', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: '40de76df00db28eb2efe825ba30d1e10009ddf64', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: 'f60a671779c2f1eeb8fcb1d96210ab6d8fbeee8b', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: '04ed7b773856122fc67894f627d97f233e94c21e', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: 'bea9d79127f7f7f5ab68a8b6ddfb7cb5fd47bbf0', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: '84e0689cfbcb406d87f266788e21f95a4287217c', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: 'a667e7ebe7384b64f81c7c5d482c610c51790a89', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: 'f2355db64cedb1e891b5cebfeb4ea4221a5ed54e', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: '9f93256225e6da904e26f701aaaac5d6d130a641', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: '74dd57a6d4abe6ff87bdbd61b76f0cff7300d3c3', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: '5abe89471669f73c75fd3e0c1f5b3bbdb6e22863', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: '40c43d054eb869d1f2abaf81c7700de28749686b', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: '880034b13b9999924b933154d3da48aa193f751c', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: '15a4a2359601c574936d3ecb09fd1e4e6fb8d7e8', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: '81a931a08febaf81f7029d0606b0e678e72ff1ce', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: 'af51d06fa89b4ec4cdbb609c98d26043c169911b', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: '398c357babb4ff64762197f0a51d41e3ce96c382', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: '2f421bed549f54096227048781d0c2375603fcfa', class: "stzh-appointments__sort" }, index.h("stzh-dropdown", { key: '4378cefd8d7718e23c836df603a7cff240084833', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), index.h("div", { key: '565e3feeeb680f42036580383ddc06684282f632', class: "stzh-appointments__appointments-content" }, index.h("stzh-radiogroup", { key: '635eb3263ff6172b50fcb21d5642f517eff72247', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: '04247e2293e4758fa7f8bd22e9c8c3deb7389d9e', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-archivelist.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 
 const stzhArchivelistCss = () => `.sc-stzh-archivelist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-archivelist-h,[stzh-hidden].sc-stzh-archivelist-h{display:none}.sc-stzh-archivelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h *.sc-stzh-archivelist,.sc-stzh-archivelist-h *.sc-stzh-archivelist::before,.sc-stzh-archivelist-h *.sc-stzh-archivelist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-archivelist-h .has-focus.sc-stzh-archivelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist{outline-style:none !important}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist::-moz-focus-inner{border:0 !important}.stzh-archivelist__list.sc-stzh-archivelist{display:grid;gap:var(--stzh-space-medium)}.stzh-archivelist__item.sc-stzh-archivelist{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);background-color:var(--stzh-color-grey10);color:var(--stzh-color-grey80);text-decoration:none;padding:var(--stzh-space-large);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-archivelist__item.sc-stzh-archivelist:hover{background-color:var(--stzh-color-secondary10)}.stzh-archivelist__dateline.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-medium)}.stzh-archivelist__label.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line)}.stzh-archivelist__description.sc-stzh-archivelist{margin-top:var(--stzh-space-xsmall)}.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-archivelist__actions.sc-stzh-archivelist{display:flex;justify-content:center}.stzh-archivelist__heading.sc-stzh-archivelist{margin-bottom:var(--stzh-space-medium)}`;
 

package/dist/cjs/stzh-audio.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var _commonjsHelpers = require('./_commonjsHelpers-B83fTs8d.js');
 var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
@@ -4135,7 +4135,7 @@ const StzhAudio = class {
         const classes = {
             "stzh-audio": true,
         };
-        return (index.h(index.Host, { key: 'fb23d7aec7a8835e2b67887cf682cc7416444aa8' }, index.h("vds-media", { key: '0cd01be53a3d127b1898cb7e22e7057d5e1feae3', class: classes }, index.h("vds-audio", { key: '51b940dfcc68d9b9b3e78485a6c710d1b9790327', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (index.h(index.Host, { key: '34b29d58d34857e6f7b996a808aea2b02dde3956' }, index.h("vds-media", { key: '3f3d248014f029385e5853b84aa7bb304046581f', class: classes }, index.h("vds-audio", { key: '31b2f62739e61235db96390f6f7e72cd1d06d258', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
                 this.stzhPlay.emit({ component: "stzh-audio" });
             }, "onVds-playing": () => {
                 this.stzhPlaying.emit({ component: "stzh-audio" });
@@ -4147,11 +4147,11 @@ const StzhAudio = class {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, index.h("audio", { key: '09374bd444289f35b125ab8a86226f150811caad', preload: this.preload, src: this.src }, index.h("slot", { key: 'cbc14ef0fcf7cd525f94966f091da2824e4f6e38' }))), index.h("div", { key: 'fb2cb837e73106560fea95d4b2ceecb5235fe641', class: "stzh-audio__controls" }, index.h("div", { key: '984fc9a4190afb003413cf73b11e5cff518a6546', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: 'b8e9f4dcecb2f8eaf2b21c6a2cb042da7967f102', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: '800e14500760a34cb1ed41f9f4be05caf294e049', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: '0ef969815a888ae91a21bc407966c71ee167b1bd', class: "stzh-audio__slider is-time" }, index.h("div", { key: 'bdd5d0d06580a74a88461af607476243649f69ca', class: "stzh-audio__slider-track" }), index.h("div", { key: '4024ef1f29e904cb72e10ffd5563ff433e880265', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '25d6d2fae53120a4419c26e59d9150c045644d3f', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: '7f163e2e78a5392bdbba63268fe7b6770083cd45', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '1e414d53e714cc186b897d301bed17b915bc2433', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: '404195b199fed0f2f3e159b4333a20e52ffe7227', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: '152211f575fc14d321c82de49d4bb12e59327c87', class: "stzh-audio__controls-bottom" }, index.h("div", { key: '2f5d27afe4bf87f6a60e5526720e7ac207773e62', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: 'c9f01059a1024ccaabbea9216a7b1c76bfb00587' }, index.h("vds-play-button", { key: 'e03bfcdf4ca407bb904d6ae4148cf34028ba23d6', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: 'df56f324b0aba22556afceac6c0a609ac2434725', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: '5ed2332b545cd59b3423a7b969cfec5921700623', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: '4599f4e9f32a50fc8a1f780051d0d158994e22b1', slot: "content" }, index.h("span", { key: 'd9c0e0cfb9b25a3d45585d6b645102e37403c3dd', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: '6d5c1adedcf6cbdabb006aa54a897a1e2b087337', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: '829ab581d0bfcf712f62dee5e1f0790cd72d65ff', class: "stzh-audio__time" }, index.h("vds-time", { key: '870d363061c1f6e9add70758ee15bfa55861fc34', type: "current" }), index.h("span", { key: '470f86294175f0e64169164d156b6ece1f21be28', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: '1fd0cb11b98751ac3d7e9f6177fdb92fc62787c9', type: "duration" })), index.h("stzh-tooltip", { key: '2b83efb635599e9cee1df548e4d1e61fa63e91ea' }, index.h("vds-mute-button", { key: '1ae98c008a5e26e0de85a7d15b45daa5bff80cce', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: 'a20ad9ae9467d1ac90bf8db0ec0d98fca23e4ec8', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: '2b8e42c8cdb34e3a47c6e34f20ad5b010dbed3c3', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: 'eaeafd4e5b5a069f6e874f3061c6f22394118bd8', slot: "content" }, index.h("span", { key: '6fac09c84f664f656487b768ea63482c356c0ec6', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: '4474837802b417163b399a643e744e3efa4b0505', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: 'e9307c267e337adbf20c2159d60b3679c57ea28e', class: "stzh-audio__slider is-volume" }, index.h("div", { key: '514c7342889a589b5a479774c3948be891015bb4', class: "stzh-audio__slider-track" }), index.h("div", { key: '11441c7954fc01398c2c5a60f8088fd514d3a4ea', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: 'b4f59b8330fc9fc9fb0aefe12c0c7fcf62d5c656', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '6e7d9a76bc90af83c7d747db8df67f9717e58004', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '260221d31b8af1b115d487d647556cf1b78cc455', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'd07f1ec5bc1ced56ae6930e4b9d29f397f4435b9', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: '7f676aecacc7e73b9981bc333adf47975e6ed192', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: '7697457d13b431f6aeb3d9923fda87f9551dc6cb', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("button", { key: '4a38e308e8f724c51ce978edd0453095040fdd21', class: {
+            } }, index.h("audio", { key: '323118a2bb5b23b9de751959242a505c2267bcdc', preload: this.preload, src: this.src }, index.h("slot", { key: 'da5d8b40935d490ad1b6496c42ddcf3825f20610' }))), index.h("div", { key: '02f6546c5e3e7b326d02988059f8597d1eeb30f3', class: "stzh-audio__controls" }, index.h("div", { key: '8e11bcb5c49d7095c284e4ca8428b348de1a7f27', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: '492f1ea8fa9a392fd44746aed59e3a3a56280ef6', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: 'ea6dcb718dcbfdd933c5932c66bdc11fc8e3c70b', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: 'de9f99fb2b216e9f4ab1acb4bc9d0edc2650e8e3', class: "stzh-audio__slider is-time" }, index.h("div", { key: 'f2fb9cf555824a92f426463b745a0ae0266275bf', class: "stzh-audio__slider-track" }), index.h("div", { key: '9ff4ccc9e82ea0141114f358f429791e7dacccdc', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '7684c9474fa90d22af7030fdcb35288ed5cc0a40', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: '9153df46f04f594503b0df5b72ee640a9ae3fbda', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '507c03222b90dd1d5c86ad45803d02849c471f1a', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: '5d9f04cc8b8819c3310260e177e733cca6a5df14', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: '879ff29036492f65c22bb5e5d7ff791e58e17120', class: "stzh-audio__controls-bottom" }, index.h("div", { key: 'd5c179d0c7f1c0d041e99e4fadf2a76558c0c95c', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: 'bb956533ec5b1e9262f33aeea15f973c498554fa' }, index.h("vds-play-button", { key: '73060f63d0aee2a2aff6fb94cfb1f890986f1035', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: 'b6824fa3d74fbeb7704e40b51a83a5eeaa07710b', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: '1a665bf98e42f45264a57190299fe82ebb06311d', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: '911f756cc2d2e058c125d38f50d80412ba95aab2', slot: "content" }, index.h("span", { key: 'c95db58c23369219c448ac07b64c92ff34cdd481', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: '9a52167692509529651f7a9a4f62a9dda58b5612', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: 'f68aff02800487ddc2840996c0c6c32739e7bf1c', class: "stzh-audio__time" }, index.h("vds-time", { key: 'd9dbaaa00f020d54057d7cda733f77f5b18d85d4', type: "current" }), index.h("span", { key: '894b23e543e53c9db01a7b817dcf0060c4e1979c', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: '07d50699e48d35dc2340149f00a14792536ae114', type: "duration" })), index.h("stzh-tooltip", { key: 'a69ef2af52ecfd11ac3d0eb98404fbaf495e8547' }, index.h("vds-mute-button", { key: '83f1d87bf10ac0c88ee04eb27fbe28c19e9bfb66', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: '1bfd1e3e2a3583392cbfdecca74f9f631c7d2cf1', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: '65bfa0ab40c9c0dff3db3fd310f960a7eaba89a8', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: 'db7db77f6b4666d275dad1f3ebf11a6d99a69c0e', slot: "content" }, index.h("span", { key: '37a3764f56ab5c8916199b12b1bcc4720e3bf30b', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: '9370f1d31e5a2c3ead1c66658d1accbbfc319242', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: '318202a5c8ea031460e8f55a8f6eeaa1940e251b', class: "stzh-audio__slider is-volume" }, index.h("div", { key: '596a7d20cef28ff8117b69202adc7aa8a6e6d089', class: "stzh-audio__slider-track" }), index.h("div", { key: '4b19ed1e33101331b6590a4bc9b572c607f41c4b', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: 'fbedfd98873ca827e2663fb8a43d1c046d102466', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '123e914e91b3ccaf332792c3943106da2c2f404f', class: "stzh-audio__slider-thumb" })), index.h("div", { key: 'c1d05608bf321927aee4e07ce8ef91b7407261ae', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'e83015ee2670454e3d0a3585cefcd5e736adc361', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: '58169c8b35629f50d05d8634673a8e5e839416c1', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: '197cdf84054a5064e74e7b67f841694be4858e38', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("button", { key: 'd1d9ff75dedd6ca63c39efb57178223c268f3ccc', class: {
                 "stzh-audio__button is-transcript": true,
                 "is-active": this.transcriptShown,
             }, onClick: () => (this.transcriptShown = !this.transcriptShown), "s-object-id": this.transcriptAnalyticsId ||
-                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, index.h("stzh-icon", { key: '3b6b2002bd6c2c7fdd4e5eba033149ac3ba025c4', name: "transcript" })))), index.h("stzh-tooltip", { key: '5c7d069ffe12b4bce90a9a79265656429b0ee4b1', content: this.localization.download }, index.h("a", { key: '7b5d4d739887c10ab2d62bb966290942905515ff', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: '944b6a86d6786dc9e1db61b5bb408b7a3e556e8d', name: "download" })))))), index.h("div", { key: 'b5f539393869879c2664973984330685ac53f339', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, index.h("stzh-icon", { key: 'b0045338c753e62476d574c482ff6cc486763a45', name: "transcript" })))), index.h("stzh-tooltip", { key: '596a06321b2205f07c9decaf72624d7d3a662e46', content: this.localization.download }, index.h("a", { key: 'bbf6a2e7b350418bf801f4fcf61386a27616ef3a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: '564fea0cb924208aecf1faa4fd9d6cd3edd27888', name: "download" })))))), index.h("div", { key: '645beed2645c3f3f16c2c5596750804655c85f2b', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-badge_3.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 
@@ -19,7 +19,7 @@ const StzhBadge = class {
             "stzh-badge": true,
             [`stzh-badge--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: 'df104d229e9d213512e27295caa6f16baa587dc9', filled: !!this.label }, index.h("div", { key: '9ce9713f2be20c9ed7febbcdd42b944fa47f2128', class: classes }, this.label || index.h("slot", { key: '652a44c269a3e6df0ec789fb6759b67e9e10c6f9' }))));
+        return (index.h(index.Host, { key: 'ef294e02455eea0101ea08e6a440b27b6febee80', filled: !!this.label }, index.h("div", { key: '3bbef5dddeddab39aedb13bed2b1567e2896f95d', class: classes }, this.label || index.h("slot", { key: '67679cf0b4084008e1004c57dbf2d2104af38b09' }))));
     }
 };
 StzhBadge.style = stzhBadgeCss();
@@ -233,7 +233,7 @@ const StzhButton = class {
             [`stzh-button--type-${this.type}`]: !!this.type,
             [`stzh-button--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '38d3ff67d409cfca0675d8e33444a98933719726', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "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, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (index.h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, index.h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "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, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "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, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (index.h(index.Host, { key: '9010c95b64b999d9c6b62b9c6346e0fedfd07ef2', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "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, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (index.h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, index.h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "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, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "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, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     get element() { return index.getElement(this); }
 };
@@ -325,7 +325,7 @@ const StzhIcon = class {
         }, 0);
     }
     render() {
-        return (index.h(index.Host, { key: '466f7b3793f67cde9c63a81c75e0d1332aaad95c' }, index.h("div", { key: '68c955ac44e4d04d9ca7dce377295ee39a3977a4', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
+        return (index.h(index.Host, { key: 'cac3f9f9e5dcd44588a1803164c81b02082235e5' }, index.h("div", { key: 'efa05bacac890610464ad506b2f36ac8aedec023', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-banner.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 
 const stzhBannerCss = () => `.sc-stzh-banner-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color);--icon-offset:calc((var(--stzh-font-milli-font-size) * var(--stzh-font-milli-text-line-height) - var(--stzh-icon-size)) * 0.5)}@media screen and (min-width: 600px){.sc-stzh-banner-h{--icon-offset:calc((var(--stzh-font-centi-font-size) * var(--stzh-font-centi-text-line-height) - var(--stzh-icon-size)) * 0.5)}}.sc-stzh-banner-h{--close-offset:0px}@media screen and (min-width: 600px){.sc-stzh-banner-h{--close-offset:0.625rem}}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}@media (forced-colors: active){.stzh-banner.sc-stzh-banner{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}.stzh-banner__container.sc-stzh-banner{margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__content.sc-stzh-banner{display:flex}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{position:relative;top:var(--icon-offset);color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close.sc-stzh-banner{--color:var(--close-color);position:absolute;top:var(--close-offset);right:var(--close-offset)}@media (forced-colors: none){.stzh-banner__close.sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(
       --stzh-button-tertiary-hover-background-color
@@ -47,7 +47,7 @@ const StzhBanner = class {
             "stzh-banner--has-close-hidden": this.hideClose,
             [`stzh-banner--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: 'a7aef84f49f311e5d6d9940349f248d2cd904bd0', hidden: !this.open }, index.h("div", { key: '6224c8a4c43483c533dea53267dab27d1ee7c81a', class: classes }, index.h("div", { key: 'fea1dc02cb6fffc2575426726de2b4f3e748d5d9', class: "stzh-banner__container" }, index.h("div", { key: '262bbea42583212a155d12f3d572db7af34402f0', class: "stzh-banner__content" }, index.h("div", { key: '4e25b8ca7aeda1478710f6791f032300efee50bc', class: "stzh-banner__icon-wrapper" }, index.h("stzh-icon", { key: 'bf05888d44c37a5f437b26c6387bda5b8637c657', class: "stzh-banner__icon", name: "warning-filled" })), index.h("div", { key: '4ce75ecd80747749bda9a1dc34e2c71fc350101d', class: "stzh-banner__text-wrapper" }, index.h("div", { key: 'd7a4c97a1a7b04a61678ed2d78511873200b1b05', class: "stzh-banner__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: '9212be30f7aa4765305feb2aaea82844bb2b4351', class: "stzh-banner__link" }, index.h("slot", { key: '718554acbf0ac240d2459794a51097ac08b1287b', name: "link" })))), !this.hideClose && (index.h("stzh-button", { key: '9d3098860307f820a9148729e74ac61eddef3549', class: "stzh-banner__close", onClick: this.onCloseButtonClick, a11yLabel: (_a = this.localization) === null || _a === void 0 ? void 0 : _a.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (index.h(index.Host, { key: '672997a0f0a8cddd81fd7b36a17adecd296c863d', hidden: !this.open }, index.h("div", { key: '43429022c24b482549be3feafd78c1d28636e0e2', class: classes }, index.h("div", { key: '58627b08f10af716db96cf56d3075384cc97c78f', class: "stzh-banner__container" }, index.h("div", { key: '6b988afa6465d9c07c06c4301642799ef9806e40', class: "stzh-banner__content" }, index.h("div", { key: '2092db97af3c1c7822b304a7ed78c06158e89bb3', class: "stzh-banner__icon-wrapper" }, index.h("stzh-icon", { key: '249c2c68828be5609395506976f59a99fcaf8843', class: "stzh-banner__icon", name: "warning-filled" })), index.h("div", { key: '99e1b40c87e26a4b29511bb174ae3595eb41e341', class: "stzh-banner__text-wrapper" }, index.h("div", { key: 'c69c7a07cd7a28eb594707235edf123be053fb9a', class: "stzh-banner__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: '870e2d24e83a2190c37e9565b790801d773c3651', class: "stzh-banner__link" }, index.h("slot", { key: '83c3805d7cca4280ae7ea632479225f5606a3ddf', name: "link" })))), !this.hideClose && (index.h("stzh-button", { key: '1676d8b59e0d74830b818759917c8f45bc6c6f61', class: "stzh-banner__close", onClick: this.onCloseButtonClick, a11yLabel: (_a = this.localization) === null || _a === void 0 ? void 0 : _a.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 
 const stzhBreadcrumbCss = () => `.sc-stzh-breadcrumb-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-breadcrumb-h,[stzh-hidden].sc-stzh-breadcrumb-h{display:none}.sc-stzh-breadcrumb-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::before,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-breadcrumb-h .has-focus.sc-stzh-breadcrumb{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb{outline-style:none !important}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb::-moz-focus-inner{border:0 !important}.sc-stzh-breadcrumb-h{overflow:hidden;--color:var(--stzh-breadcrumb-color, var(--stzh-color-primary70))}@media print{.sc-stzh-breadcrumb-h{display:none}}[variant=teaser].sc-stzh-breadcrumb-h{--color:var(--stzh-color-grey80)}.stzh-breadcrumb.sc-stzh-breadcrumb{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--color)}.stzh-breadcrumb__list.sc-stzh-breadcrumb,.stzh-breadcrumb__item.sc-stzh-breadcrumb,.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{display:flex;align-items:center}.stzh-breadcrumb__list.sc-stzh-breadcrumb{list-style:none;margin:0;padding:0;white-space:nowrap}.stzh-breadcrumb__item.is-expand.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{cursor:pointer}.stzh-breadcrumb__item.is-hidden.sc-stzh-breadcrumb{display:none}.stzh-breadcrumb__item.is-last.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-breadcrumb__item.is-first.sc-stzh-breadcrumb .stzh-breadcrumb__item-label.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{appearance:none;background-color:transparent;border:none;text-decoration:none;color:inherit}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb{cursor:pointer;transition:color var(--stzh-base-transition-animation-speed)}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb:hover{color:var(--stzh-color-primary90)}.stzh-breadcrumb__item-icon.sc-stzh-breadcrumb{margin-right:var(--stzh-space-xxsmall)}.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{--size:var(--stzh-icon-size-small)}@media (forced-colors: active){.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{color:CanvasText}}.stzh-breadcrumb__item-label-hidden.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .stzh-breadcrumb__list.sc-stzh-breadcrumb{flex-wrap:wrap;white-space:initial}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .is-expand.sc-stzh-breadcrumb{position:absolute}.stzh-breadcrumb--teaser.sc-stzh-breadcrumb{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}`;
 
@@ -155,7 +155,7 @@ const StzhBreadcrumb = class {
             [`stzh-breadcrumb--${this.variant}`]: !!this.variant,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (index.h(index.Host, { key: 'd9a0ef53390275860a0cc56f11ae83be68cd7ada' }, index.h("div", { key: '3a018fe4e5e9c311bd150fa54bd244b199de84e3', class: classes }, index.h("nav", { key: '6194023063673526ed22c327a06e11f07b01cac0', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, index.h("ol", { key: '98851963ccccfbcab4921d19668c208873ce87b3', class: "stzh-breadcrumb__list" }, this._items.map((item, index$1) => (index.h(index.Fragment, null, index.h("li", { class: {
+        return (index.h(index.Host, { key: 'd425fe883141357260d5e59c89e1b3be52c44327' }, index.h("div", { key: 'ae53a282b8beb0ebdf3c918a9623bfe81ade6dd9', class: classes }, index.h("nav", { key: '3ab29ad0016d133d22a94e4e34c433537b43d385', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, index.h("ol", { key: '5e7796e80887d3590c733d55eb31869ba7c8cf9f', class: "stzh-breadcrumb__list" }, this._items.map((item, index$1) => (index.h(index.Fragment, null, index.h("li", { class: {
                 "stzh-breadcrumb__item": true,
                 "is-last": index$1 + 1 === this._items.length,
                 "is-first": index$1 === 0,
@@ -272,7 +272,7 @@ const StzhTag = class {
             [`stzh-tag--${this.nonInteractive ? "not" : "is"}-interactive`]: true,
         };
         const Tag = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: 'e245949084a121262460c8f6300ee82255cd40ec', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'baaac8113b09f16293ccd615cb8b8e5b710255ad', class: classes }, this.href ? (index.h(Tag, { ref: el => (this.tag = el), class: {
+        return (index.h(index.Host, { key: '18b13050db1bb0d7bb10a21a84534c1627137c57', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '57a7bb1a02694ea343df1402086a3080dd1f2a9c', class: classes }, this.href ? (index.h(Tag, { ref: el => (this.tag = el), class: {
                 "stzh-tag__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,

package/dist/cjs/stzh-buttongroup.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 
 const stzhButtongroupCss = () => `.sc-stzh-buttongroup-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-buttongroup-h,[stzh-hidden].sc-stzh-buttongroup-h{display:none}.sc-stzh-buttongroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-buttongroup-h *.sc-stzh-buttongroup,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::before,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-buttongroup-h .has-focus.sc-stzh-buttongroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-buttongroup-h .stzh-fylingfocus-focused.sc-stzh-buttongroup{outline-style:none !important}.sc-stzh-buttongroup-h .stzh-fylingfocus-focused.sc-stzh-buttongroup::-moz-focus-inner{border:0 !important}[fullwidth].sc-stzh-buttongroup-h .stzh-buttongroup.sc-stzh-buttongroup{width:100%;flex-wrap:wrap}.stzh-buttongroup.sc-stzh-buttongroup{position:relative;z-index:auto;display:flex;gap:var(--stzh-space-xsmall)}`;
 
@@ -98,7 +98,7 @@ const StzhButtongroup = class {
         const classes = {
             "stzh-buttongroup": true,
         };
-        return (index.h(index.Host, { key: '1a46aa3830b9776afc46f0f03f9efd428cc1fc5a' }, index.h("div", { key: 'b3f0643aa039b0ad0594a11219c3dce012af040a', class: classes }, index.h("slot", { key: '2dc6d4813b5c94664da7931090b72a7289c66619', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'cb5867144c0c59b10ed58c6a75f9506f05342ba9' }, index.h("div", { key: '75ba0faf490545b9003a5e4334deb5679e0e701a', class: classes }, index.h("slot", { key: 'e01d53461a0b9215196c45cdb4cb6f11d1710418', onSlotchange: this.onSlotChange }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-calendar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var dateUtils = require('./date-utils-DyJgXb7u.js');
 
 const StzhCalendarDay = ({ focusedDay, today, day, onDaySelect, onKeyboardNavigation, focusedDayRef, disabled, inRange, isSelected, dateFormatter, }) => {

package/dist/cjs/stzh-card-navigation.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 
@@ -44,7 +44,7 @@ const StzhCardNavigation = class {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (index.h(index.Host, { key: 'e2e22a226ad93f8d2b312d01eeb056971e3b348e', "has-lead": hasLead }, index.h("article", { key: 'fa9e11c3c0d9db1a3d8eb27dd2f29fa28140e36a', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: 'fbecaad7fda56af6619dc56f148b6a96db02aea2', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: '581d2269effc384f1ba5018d6bbca37dfd533178', class: "stzh-card-navigation__title" }, index.h(TitleLink, { key: '20985cdf43d1f475e95e2443d3f33dc8e4fee017', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: '1c3f833b5dd17439a4b69bbe518ada1d913fdfda', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" }))), index.h("div", { key: '2757dbf059e0b5757f205e315cc568d4b29e9b8e', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: '88187f313e2646d0f60db326ca8395f3048bf312', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (index.h(index.Host, { key: '685799f3445fe55fd33e3d66d7456a3cc399b79a', "has-lead": hasLead }, index.h("article", { key: '2b9380114b800596f5232d6c35bcd0352facaf94', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: '536b33182e26bcdea6ca641b03a7c97b7c6481bc', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: '0bf5c636946fe9d3ae1b4c077a6f3a5db6b1028b', class: "stzh-card-navigation__title" }, index.h(TitleLink, { key: '745d3b07a06c338132492a04ab133eefae4d6f08', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: 'cbf940fed8f23b27273a2010c5a1a20e12d5974d', class: "stzh-card-navigation__lead" }, this.lead ? index.h("p", null, this.lead) : index.h("slot", { name: "lead" }))), index.h("div", { key: 'f6d3b9feb2679baf9375423e4f05b41609ac306e', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: '69c975b6562dccb62545f14a856f77581a97a919', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-card-searchresult.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 
@@ -121,7 +121,7 @@ const StzhCardSearchresult = class {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (index.h(index.Host, { key: '3ae82ba387b77362bc6ef91a154514aa26908bf7', "has-image": hasImage }, index.h("article", { key: 'fc296636b69cd80fbd3a391b823dfd4b71763c79', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '9fa4d1043760865821b7525c4e9e429a21bab631', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: 'dae6ad7510af19baf8fd4ad62d44d96ad47b7a05', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: 'e423a959f0191ad9c6dfafc8a97efd1bf8094db8', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: 'ad41a404bae111d2409ba6fcba61d278349da2e0', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: '9e26e549a796bd19cfbb9b3e75805ca4944437dc', class: "stzh-card-searchresult__heading" }, index.h(HeadingLink, { key: '06951dbcd6728657eecff68f89aac49230fe84de', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: 'de3ec782d8bcd276dba15f646a4661534a774a93', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '6e3af140e51bbfc01a8dae84ac08f0c85ca3393e', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: '99df4963a45c596348b3608a37f941df02d14fd8', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: 'e0e2d8bb4c53853ca6dbb719637dc561b9b9994a' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '725c2ea0ff663d7aab468971d402c135a7fb381c' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: '3200b1bee5834b17014b4e18c66cfd277fa1e771', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: '53b5c48d344eae6966792e84317c77375114377c', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '60ee4a822f5333c3351547704ebc0fdd0350dcd4', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: '30c09d5974aa4f44394b72092a682ed2f80b3463', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: '6d0a69eddbb37ed60c94135d121b60f55a524ede', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: '5e814559752e8f757467fb51b7324204cfbc3369', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: 'c8fac0a6f46e10c00cf55995418abededdcd83d1', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: '05697f1b385d1a7bba25c4b5bcdcd962204e356d', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: '6db8c6dcc6b629ede2d7c5edb0bdfbe2917d33f8', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: '72bd6c404f069238657a758b991e02a72abd9571', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: '36949efc4df7ea6853216ec39225738ff0aaa0b4', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: 'ec427ef7256621a13c80de508ec2e9e58c375ae8', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: 'fdc42c153540f365776aa2f8bc46badfb5a03c7a', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: '426d78016eaa57fd9e1742c622ee62498cbff16a', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '5e44f923c9ee05be175cdc860d0884e67e05d8dc', class: "stzh-card-searchresult__meta" }, index.h("div", { key: '2a26c265e982bee58c64855539a6ac4908ad596b', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: 'f5f014598298a54288c667aada4dbe7fe048a8cf', class: "stzh-card-searchresult__download" }, index.h("div", { key: '1f92634795e59fec02a6d45158b3f1d19f99048b', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: 'f7718577a02ca5f581175cb8f188ecc42b84f576', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: '437fd0f56e131b8f1e01d3e241cdf56b19b31843', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: '469c351e22786e59d7b5799aac6adb99e702c8a4', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: '45385639e43a22f2b368a9fccc8b9b85df76bdbf', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (index.h(index.Host, { key: '74017f9a5c1a4104a3ccb6ee5d974cbeb3de9806', "has-image": hasImage }, index.h("article", { key: 'fdfb1e9a5885daa1b9616bc7053ee1a7e700c4ec', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '6c5aa712510b854ac42f2247c3c58e717a91f211', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: 'b750a2186579be8706828ab00424dd9824386b93', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: 'd4847693c87d59c9444301d139a9f19c56aca17a', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: '8160403ba0ab20f1f69a4e339e51ecb14ed4a14b', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: '5dfd9de959d21669d2d39861792c6b7877966438', class: "stzh-card-searchresult__heading" }, index.h(HeadingLink, { key: '16a7b014335694f979ce50b23ff83250792f9295', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: 'a271d51f4c699ce77559bf9b786a5db4acc0d02d', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '655a23e35ece2c49eaeb131bd027e6acd68c8c5c', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: '4dec6cf7b9cc9cc337d30149b9ab0ea6bf886960', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: '2917247cc5ef64a14621eac98f834e9f6e249d2b' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '1e472419aa9a1b4916698609f0a0ad2536e5239f' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: '95ab56458a65bc29c08efda0e35390a709447ef0', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: '31b8a01402712564b765484058f4f40501da14a1', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '0b45619d8e1d9f1db640376923c16544a56a768a', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: 'ae8067786ba06e3db6e951f93d293640a9c0fb8d', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: '505a37ac6a09a3f561aab2b19134df14c173f23b', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: '03bfae37e12c43065b737049a754e5f5fddde6c6', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: '951106db1810a172a5bb2aac810afcb594606068', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: 'e51a37d550b33bf9a773ba672245156147473e12', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: '2a9b48098e7b4fb87085dbd3cb735772d2fc1035', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: '92a15649442d11bde2b22860c1a6a15cd807e376', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: 'c0bd101e65d723586cf9bddc9add7dccb8d1f9c4', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: '8987e3e565fdf6bda792e165f5998cb9f301b15c', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '82d630c3af253ad322acfeacd409575c80e7e31c', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: '6199288e16758d369a3d25c6925d6fc1f2e85340', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: 'bcd9bf59df3eb5c0d6127dd06435501740f51cc4', class: "stzh-card-searchresult__meta" }, index.h("div", { key: '252a43648ca2bae88b7532ac824eedffde87b669', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '67a7ec80ece51e1965c4bb6d87a66b2ceb83d755', class: "stzh-card-searchresult__download" }, index.h("div", { key: '617f523655894a0f28866606cb14aa0d89df052e', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: 'aa7397f34569981d3cc2d3fbac430c0827ecbc03', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: 'd3555db9375efe2099767b1722b02eb3b13604a9', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: 'f0d68f7b6c06ce004339d2932565aa73a46a1e4d', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: 'db11ec5790a099b3ba51af7bb3d6ad75d4ffbfca', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-card-superteaser.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');