npm - @oiz/stzh-components - Versions diffs - 4.12.2 → 4.13.0-beta1 - Mend

@oiz/stzh-components 4.12.2 → 4.13.0-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1023) hide show

package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 const stzhDatamessagelistItemCss = () => `.sc-stzh-datamessagelist-item-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-datamessagelist-item-h,[stzh-hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::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-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-item-h{--unread-indicator-width:0.3125rem}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white);border-color:transparent;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{transition:none;border-color:Canvas;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{pointer-events:none;content:"";position:absolute;top:0;left:0;height:100%;opacity:0;border-left:var(--unread-indicator-width) solid transparent;transition:border-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{transition:none}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{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-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color);margin:0}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;appearance:none}@media (forced-colors: active){.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{transition:none}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color)}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)){background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:var(--stzh-color-primary);opacity:1}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:SelectedItem}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}`;
@@ -88,7 +88,7 @@ const StzhDatamessagelistItem = class {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: '1e5e94c37b1514688f354dab43b198c8ba5d4006', role: "listitem" }, index.h("article", { key: '52b83980dac6f0ad0c815030f17bdce18723741c', class: classes }, index.h("div", { key: '1c7c68c77b06996d56a1febdab9d1622d0b989fe', class: "stzh-datamessagelist-item__content" }, index.h("div", { key: '378292229b9d0e096c75dad73122cc7d0c70fa10', class: "stzh-datamessagelist-item__text" }, index.h("h3", { key: '70864b4a7d643a2a151b9af89b9ea89fda5f7e9e', class: "stzh-datamessagelist-item__heading" }, index.h(HeadingLink, { key: '083880f12718bc4ee16593b9fb389dbe21a8733a', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && index.h("span", { key: 'd063a85d6a6b58af3e27771257e7803701c760cd', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (index.h("div", { key: 'dae9707c79a2259a2e2ac88558334e02cd131435', class: "stzh-datamessagelist-item__description" }, index.h("stzh-clamp", { key: '78c894c88955d72b11cfccc90526d951ca9dd834', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (index.h("div", { key: '9b733c6b25a336b90bbb14a0276b9d42e370588b', class: "stzh-datamessagelist-item__meta-wrapper" }, index.h("ul", { key: 'ed5ba3351f94a824fa4391ac618095479989e18a', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (index.h("li", { class: "stzh-datamessagelist-item__meta-item" }, index.h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), index.h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (index.h("stzh-status", { key: '919f849858a216efebfafecb9fe44da7a103ee19', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (index.h("div", { key: '42c3b27ea91e4af99725e98dc8c31215a1b387fc', class: "stzh-datamessagelist-item__tags-wrapper" }, index.h("div", { key: 'e6e358a9e050a02225d2cf0017467cef73babed4', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (index.h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), index.h("div", { key: 'a2f885499805d431ef71b8692db558564fdf95b8', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (index.h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, index.h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), index.h("stzh-menu", { slot: "content" }, this._actions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (index.h(index.Host, { key: '9fec33bc6766ec5eac13763f58b6f626dd799132', role: "listitem" }, index.h("article", { key: '39649df9c09955beb2f4d7455d9511c918898523', class: classes }, index.h("div", { key: 'bd35d114e417be405e51c8578a820284b5bf28c8', class: "stzh-datamessagelist-item__content" }, index.h("div", { key: '751701b36f3c56c40a0ee47eced89d48f3035aba', class: "stzh-datamessagelist-item__text" }, index.h("h3", { key: '7f436486d4b86819b035ad9b9945d1e1ce572519', class: "stzh-datamessagelist-item__heading" }, index.h(HeadingLink, { key: '334bd57efb0d03e3bd17c50b08ab0b2857aa2776', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && index.h("span", { key: 'a27456bf461806a486358e3772074a7868a58147', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (index.h("div", { key: '2a55c1a3f49b9bfab8898a9ef3687af1129f258f', class: "stzh-datamessagelist-item__description" }, index.h("stzh-clamp", { key: '6a745a8dd113b8b3e530dcbd03629ac272dbed0d', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (index.h("div", { key: 'c8da410e35b3ab5abfe809121418881f93a376d7', class: "stzh-datamessagelist-item__meta-wrapper" }, index.h("ul", { key: '6b062faf935996210aca31964cf2070ed08386eb', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (index.h("li", { class: "stzh-datamessagelist-item__meta-item" }, index.h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), index.h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (index.h("stzh-status", { key: 'c5441638fee4bb6102ec36b9f3c34b9fcec7e83d', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (index.h("div", { key: '12b0f51b4ac8291a1073563e2fcf356be47c92b0', class: "stzh-datamessagelist-item__tags-wrapper" }, index.h("div", { key: '566e22de23e82db3411285c4dea8fcbc79cfc9f9', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (index.h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), index.h("div", { key: '1bfe0df7a641ecdd40e691942ccecf944ed568cc', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (index.h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, index.h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), index.h("stzh-menu", { slot: "content" }, this._actions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (index.h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, index.h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

package/dist/cjs/stzh-datamessagelist.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 const stzhDatamessagelistCss = () => `.sc-stzh-datamessagelist-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-datamessagelist-h,[stzh-hidden].sc-stzh-datamessagelist-h{display:none}.sc-stzh-datamessagelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::before,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::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-datamessagelist-h .has-focus.sc-stzh-datamessagelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist{outline-style:none !important}.sc-stzh-datamessagelist-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-h.sc-stzh-datamessagelist-s>*:not(:last-child),.sc-stzh-datamessagelist-h .sc-stzh-datamessagelist-s>*:not(:last-child){border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (max-width: 599px){.stzh-datamessagelist.sc-stzh-datamessagelist{margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}}`;
@@ -12,7 +12,7 @@ const StzhDatamessagelist = class {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (index.h(index.Host, { key: 'dd0b9ad1cce642e77fc2ad2bea08c0e294c0a8c7' }, index.h("div", { key: 'bff2a50cc6dfda3d834eb4f099987152e28642a7', class: classes }, index.h("div", { key: '7b0c08965fbc887e31aa9357d6ae6619a6d67308', class: "stzh-datamessagelist__list", role: "list" }, index.h("slot", { key: 'e6371ddb42e198d05561475c5d80e2d8bef1e09c' })))));
+        return (index.h(index.Host, { key: '64b90524c0efd9519bb5597811427c17f47004bf' }, index.h("div", { key: '8a7a328641b4e278281b738a7ca23adf6659634a', class: classes }, index.h("div", { key: 'b32542b2ee914e818572d8314be274351812e84e', class: "stzh-datamessagelist__list", role: "list" }, index.h("slot", { key: 'c600f0b314b2a1bd45d5d561bdab8df5915822f0' })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-datatable.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var flexsearch_bundle_min = require('./flexsearch.bundle.min-DYPAuVv2.js');
 var utils = require('./utils-CjJm84Uq.js');
 require('./_commonjsHelpers-B83fTs8d.js');

package/dist/cjs/stzh-datepicker_3.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var dateUtils = require('./date-utils-DyJgXb7u.js');
 var utils = require('./utils-CjJm84Uq.js');
-var stzhInputDescription = require('./stzh-input-description-BCu4biHD.js');
+var stzhInputDescription = require('./stzh-input-description-CSsYU8AB.js');
 var stringUtils = require('./string-utils-BhUgGAtN.js');
 const stzhDatepickerCss = () => `.sc-stzh-datepicker-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-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::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-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%;position:relative}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}`;
@@ -184,11 +184,11 @@ const StzhDatepicker = class {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (index.h(index.Host, { key: 'f9ab0e2fb4575eb8542d1ec382f35481cf134fb6', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'b2c28f9dd72b3744607a266df158da76e9530262', class: classes }, index.h("input", { key: '4650d89af6b5c00f52c54a79f5e142ca81ec85a1', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (index.h(index.Fragment, { key: '79d0a144fecd99d047b825c70b8f7bc714d5f119' }, index.h("stzh-calendar", { key: 'f68c46fa1c548914947871b7c4b734712080f686',
+        return (index.h(index.Host, { key: 'd9b40c1e1a68c74879c273a174b8a63ffb3d10b2', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'c53891ea927dd1438358a5d217dc2f1e528dde72', class: classes }, index.h("input", { key: '41c4696e237df6813fb12753afaddb1146b3f73a', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (index.h(index.Fragment, { key: '6efba9d37a2bde968d953346016754cc070b8665' }, index.h("stzh-calendar", { key: '77150633a72adfa35e7798f17f40b53297f798a3',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: '9fbf7a789b1a913b49410b541c43d7f1632e06a4', class: "stzh-datepicker__actions" }, index.h("slot", { key: 'db2778590807eb867606d911e68ba8028c3bd7b2', name: "action" })))), !this.inline && (index.h("stzh-input", { key: '0873aa372a6f12d138e8eb27faf1625185e807b2', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, index.h("stzh-popover", { key: '7078a7358bdd7d0ffac426a4403e746c09443af7', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, index.h("stzh-button", { key: '3e918f15c8de06dbedf49d017cad568bdeb4c85c', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), index.h("div", { key: 'ffdd219a08612fa9455b620fa9a2bc3b3c2a72ca', slot: "content" }, index.h("stzh-calendar", { key: 'cba8098fb2ad2bd4d71692923d66315210822176',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: 'f0e8a0edbb4c64ea411e30ab4578c0013c88b83f', class: "stzh-datepicker__actions" }, index.h("slot", { key: 'b5df0a6529ffaf2927a01f408d167695e5a002c5', name: "action" })))), !this.inline && (index.h("stzh-input", { key: 'b470051ac156e9bcbacd72fcd64b57645f67ee5e', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, index.h("stzh-popover", { key: '2e29653c07a2e711b0753588e1393134c955b8c4', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, index.h("stzh-button", { key: '6bd527b919554988a7b38504c8a8b400a533963e', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), index.h("div", { key: '7c210df7753fcc03e8c739c9e1091e368283a773', slot: "content" }, index.h("stzh-calendar", { key: 'ca06852fe5518ff2addbbbd594a8b8d9cf5b30e7',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: '74bf18b052db32ded17eb2a5df1ab689d71a53a0', class: "stzh-datepicker__actions" }, index.h("slot", { key: '55a234b0b97e8c031619ca422f67413fd56aba3f', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: '29780d8533bec7a0b487451ab5357842dc9995f1', class: "stzh-datepicker__actions" }, index.h("slot", { key: 'cae8db696b99abf9c7c78f4826d0375fcc8471cd', name: "action" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -355,11 +355,11 @@ const StzhRadio = class {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (index.h(index.Host, { key: 'cc1cdf3e2146ff465b612c7ca987ecfa94bd1fc3', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '16caff63681acb3dbe16d7c4d68c9783229af19e', class: classes }, labelWrapperUsed && (index.h("label", { key: 'd1c6f4593a3d5a79d311cd2970ed49e9e0109f35', class: "stzh-radio__field-wrapper" }, index.h("input", { key: '8b8aac42f4e53f32728e97b393f289c0aa28b9ea', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(this.value), disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '9db48703b9f360cf4965e556e5928fb07ac6ba8e', class: "stzh-radio__mark" }, index.h("div", { key: '85b46892882617eb783436d2691d1e3c243560c8', class: "stzh-radio__check" })), index.h("div", { key: 'ad4944283ca6a5d622a95810253dbe23827ef437', class: "stzh-radio__label" }, this.label ? this.label : index.h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (index.h("span", { key: 'b925096f24db80a9e145c8b1d4efd5e5f998c0b5', class: "stzh-radio__marker" }, index.h("span", { key: '8c7115b913be26988b593db69e6bc14a932c2af5', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '6bd9ef10b3300e578fefe4ff653cf978816cf1c4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'ebea8d7aba9224f046d56555098b282102ec0929', class: classes }, labelWrapperUsed && (index.h("label", { key: 'cdd4030cff6fd5cff42edf529971e5ef07265db0', class: "stzh-radio__field-wrapper" }, index.h("input", { key: '6c7d1137b279447f1c6ae8b27460c843c7003af2', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(this.value), disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: 'c8509edd66148d8ac08321eb7697606d7c463167', class: "stzh-radio__mark" }, index.h("div", { key: '05ec9e5169f45e097eeac2738f37d971e2c0558a', class: "stzh-radio__check" })), index.h("div", { key: '1920c1b97402a54aa3d96fde0b90450fdeeccecc', class: "stzh-radio__label" }, this.label ? this.label : index.h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (index.h("span", { key: 'ceb36dd822f2270408df3d7febb1f11b18fc46f4', class: "stzh-radio__marker" }, index.h("span", { key: 'b9488232d4807504c0f17a968777071dcf40d6a6', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'e92d6e5758f0d6d0cbe1140338db427846c5a172', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '2995c8fcfdc07aa29c760b2e3faf9c7332a962f5', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: 'e69652a157df0c226c3d592045baf3e63f64c995', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '5918bcc3a41885efa965606f08cfa7790bde0db8', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: 'a6b974712e0875863f2a3815b8c92c9e873ea006', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '73568d8f39d6f583916a427c4b25e914a4d38e3a', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -534,11 +534,11 @@ const StzhRadiogroup = class {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (index.h(index.Host, { key: '280a36cfb4cf0c31dd92f6057590c7075c10aba2', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '38b1fc7d757dce1367968b902d1125c7e506cbf9', class: classes }, legendUsed && (index.h("legend", { key: 'b6d9f3d4d0852db83357cba1924fd5bbefb76959', class: "stzh-radiogroup__legend" }, this.legend && (index.h("span", { key: '5e14d12adde659c6eb014c93ac79c36a713e6874', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (index.h("span", { key: 'b54931449de5974570096486e408d0d4fa796043', class: "stzh-radiogroup__marker" }, index.h("span", { key: '3e902f07b0b3b89f044c144cacd0cdb27f17c158', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: 'c4acfe2d6e04449901172827d09dd48161b1d411', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '24a9232ee94c4d27804db23e5ffdabe67a319b5c', class: classes }, legendUsed && (index.h("legend", { key: '4c2265a4d3862623229c565b11fd15be19d740a7', class: "stzh-radiogroup__legend" }, this.legend && (index.h("span", { key: '89ebfd07ffe0bc6929d024ef91c682b94f129397', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (index.h("span", { key: '354be3f36cbc73bf3fdd601dbd1deb76cd29ed78', class: "stzh-radiogroup__marker" }, index.h("span", { key: 'f4c0ede8753ba128296fd361f8bf5f1299682bdc', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '84c032fb02ae1cdcc65a919e054b481d58eddb5e', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '02b6bdaf9ffdd84750e37739964945be05b7992d', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: 'ecaa100aeb87566ae49ea3afcc8f653310c7d5e4', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: 'ee47918db265afeb79c444efd5791030e5de0abb', class: "stzh-radiogroup__fields" }, index.h("slot", { key: 'c4f5673cd44c161b3cdff750e06bbe28eac27d1b' })), (this.errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'ac8b20be56dacdc5a3d20b705bd71b93bf9aea60', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '2c8f3aefb4bc2c240b8fde2a8a2c3845e4842361', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: '0321a78e16e357aa307c71eac4c7d51eed79e91a', class: "stzh-radiogroup__fields" }, index.h("slot", { key: '7666ea3eb3ae4b1e664234b87f4435a604dc5da5' })), (this.errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '0b7cec19624157696894407e219d4d335d1fcfcf', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-daterange.cjs.entry.js CHANGED Viewed

@@ -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');
@@ -113,7 +113,7 @@ const StzhDaterange = class {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (index.h(index.Host, { key: 'c01e177ba7cd492a2a745e39d441a88b385a98cf' }, index.h("fieldset", { key: 'ef38acefcbb0b409ac7822efd975a0af40006e12', class: classes }, index.h("legend", { key: '371b30eafeb9859bee075ef58d63ccac0dcd8947', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), index.h("div", { key: 'e2a37046e6588b30e4eefd8424a21ff40d4e8a46', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, index.h("slot", { key: 'b791072eb94ebcfcc2b89c6219b769561a958fc9', name: "from" })), index.h("div", { key: 'c9a3e8067711e6e3ff6689c4b85dbb4ffa3c031e', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, index.h("slot", { key: '3dd5529c788128531acf7653f03d7788645105ea', name: "to" })), index.h("div", { key: '5bdcc67a6de8268cbe6c024db08610ee131f36fe', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (index.h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (index.h(index.Host, { key: '39d31268af19a5134e5b1ea5ba7b224fa68a6905' }, index.h("fieldset", { key: 'b74833b6217cdbfd31d690e840e4a97750944ac6', class: classes }, index.h("legend", { key: '7f35266cc7c417d55ef916fb4cf31e083ca49d7f', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), index.h("div", { key: 'ff263fc05072760182e17fb78ba6ee0f3a3eb73a', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, index.h("slot", { key: '687afa54b2f2db628d0ca83d1d04777c9840ab52', name: "from" })), index.h("div", { key: '507b710a0b30d203cc7711a38429307f7fd0ea10', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, index.h("slot", { key: '86b82b908c96061af1c8271b64cc4d7fbb50ab7a', name: "to" })), index.h("div", { key: '5b29b94aa0ff956a4e9fbd8fa07c15e22ea15d2b', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (index.h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-details.cjs.entry.js CHANGED Viewed

@@ -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');
 var eventUtils = require('./event-utils-0nQqLFjw.js');
 var animationUtils = require('./animation-utils-BWUvTmNq.js');
@@ -146,7 +146,7 @@ const StzhDetails = class {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (index.h(index.Host, { key: 'f5c8e4a31f502abe856418b524f8b508cbd1c128' }, index.h("div", { key: '9b2a8b0180abd4c43b156030475835afc1a45ac5', class: classes }, index.h("div", { key: 'e2cf487c3926d3b1f22c565a65dac18f9d22779a', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, index.h("slot", { key: 'f8a63e5359facee6d70c1df10b45cb5b75e8d9c2' })), index.h("div", { key: '48c369c60bc27d37000632e419b80adb7a9a49cb', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, index.h("div", { key: '7ab5cbd808d2a8316fe62c858de5470881617908', class: "stzh-details__content-inner" }, index.h("slot", { key: '916c66c4e70c412e51466e489d07cdbffccde8a0', name: "content" }))))));
+        return (index.h(index.Host, { key: '4b48f64ac3366debabb0c07612953be8f4deea4b' }, index.h("div", { key: 'b8bc3d9ae17fcfbbeaf65ed2f0a1607c859947b0', class: classes }, index.h("div", { key: '882c46abadbc8c3b7c8801d1e2e3018a1f813c91', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, index.h("slot", { key: '415c19b3fb31447a44eba359f74be4c6f0abda24' })), index.h("div", { key: '12ffec7022cac4011500081caee03335b21d3352', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, index.h("div", { key: 'b4c218cda34992243e39207552208799a07554d7', class: "stzh-details__content-inner" }, index.h("slot", { key: '993a95a62d6301d5fef1ede4517c60cbdeb4726d', name: "content" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-dialog.cjs.entry.js CHANGED Viewed

@@ -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');
 var overlayUtils = require('./overlay-utils-B_IGKkUy.js');
 var focusTrap_esm = require('./focus-trap.esm-rE3kTCtI.js');
@@ -166,13 +166,13 @@ const StzhDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4bf8a076f78ea029a8ddfc2e2be5f2a023459d14' }, index.h("div", { key: '38661af7b25ae9c4f3e453428e186092320b17cf', class: {
+        return (index.h(index.Host, { key: 'aa50f07cf85de8614d75332ad2a42ad015ad3418' }, index.h("div", { key: 'e200c0c5f9d0abeaa1e216a1b82629fae17fd02a', class: {
                 "stzh-dialog": true,
                 "stzh-dialog--is-open": this.open,
                 "stzh-dialog--has-heading": !!this.heading,
                 "stzh-dialog--has-close-hidden": this.hideClose,
                 [`stzh-dialog--size-${this.size}`]: !!this.size,
-            } }, index.h("div", { key: '6c3b6620f0d0b25d8ce19776d1531ea1251d969e', class: "stzh-dialog__backdrop" }), index.h("div", { key: '628a9ba306c5e22027781e0ed563c8e493e6b6ae', class: "stzh-dialog__content" }, index.h("div", { key: '68baf78ced032ec6ff1ba5cecf3474a6bb8dc813', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, index.h("stzh-heading", { key: 'aba318795c57c6633a78fafa8e0b40b7b6ba3fb0', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), index.h("div", { key: 'e6df82dec4f6ee5dd12518b1d93bb1c11fb9d385', class: "stzh-dialog__dialog-content" }, index.h("slot", { key: '1ee6524c55e43ea619c18022e5770417a9030950' })), index.h("div", { key: 'effc45d57f2645f6f235a08c5f5494b818189ba1', class: "stzh-dialog__actions" }, index.h("slot", { key: 'f8a2ab1af7899e0e3295fd60ce29d95a71fbd763', name: "actions" })), !this.hideClose && (index.h("stzh-button", { key: '02747906d06e46796a4a15009766fd4f70eea9c8', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, index.h("div", { key: 'c70d9aa60e6e5e9e2e517f09dbe979f1e2ca6c05', class: "stzh-dialog__backdrop" }), index.h("div", { key: '8d2fd8441f3349c8d10b491ec8e4710d50666c51', class: "stzh-dialog__content" }, index.h("div", { key: 'ad8a7e31dccbd799010e8a571d48751d41e67048', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, index.h("stzh-heading", { key: '3d2c6776d449183ee4d236dd9143258b4b49b049', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), index.h("div", { key: 'ca90de2a783f6ac35739bc5fa73fc773e2745f43', class: "stzh-dialog__dialog-content" }, index.h("slot", { key: 'd46051715f7e5dcffecea6a1c7ce80e3c74a172b' })), index.h("div", { key: '168550769a636cb7f7f20ff1eac8a9b5b601de06', class: "stzh-dialog__actions" }, index.h("slot", { key: 'afb33fb35fc4bdf5318ad527dcb98c91d216b825', name: "actions" })), !this.hideClose && (index.h("stzh-button", { key: 'c9fe71e47fe94373dbd755d91f396b2528eb9927', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-disturber.cjs.entry.js CHANGED Viewed

@@ -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');
 var eventUtils = require('./event-utils-0nQqLFjw.js');
 var animationUtils = require('./animation-utils-BWUvTmNq.js');

package/dist/cjs/stzh-dropdown.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var utils = require('./utils-CjJm84Uq.js');
-var stzhInputDescription = require('./stzh-input-description-BCu4biHD.js');
+var stzhInputDescription = require('./stzh-input-description-CSsYU8AB.js');
 require('./string-utils-BhUgGAtN.js');
 /**
@@ -5556,14 +5556,14 @@ const StzhDropdown = class {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: 'ba2e19e4c04c9980bd60f457b82c8237eff3c2d6', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '51162d9ea853e0a347dec9495b8cfa855fa4849e', class: classes, ref: el => (this.rootElement = el) }, index.h("div", { key: '4c6ac36e3297b23e4b80ccb9bdc42733e253bfff', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (index.h("div", { key: '3167ed0b49bad982ea5c78fa2d4a325fd5285d70', class: "stzh-dropdown__label-wrapper" }, index.h("label", { key: 'ad8a17d7048c9a72da895961caa5fc546f87a2d0', id: `${this.dropdownId}-label`, class: {
+        return (index.h(index.Host, { key: '7e4510f1f10323bc41121847c1357561b5d958be', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'ebe66a853eb2d8eb9462d2020d1b95c9ec226741', class: classes, ref: el => (this.rootElement = el) }, index.h("div", { key: '0a6075730b070a8a59b3411917f9fd6a2d328509', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (index.h("div", { key: 'd78e83f7ffd2344315a9f7140e8e6fc83bd76773', class: "stzh-dropdown__label-wrapper" }, index.h("label", { key: 'fd70ec3e6b2dd4ee7112e5bf1e3493425ecee452', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : index.h("slot", { name: "label" }), !this.hideOptional && (index.h("span", { key: '75c1566258718fb76b3aee80444b6e22050f828d', class: "stzh-dropdown__marker" }, index.h("span", { key: '7a3794b144e0218e813826f50fbc66545b62cbe1', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : index.h("slot", { name: "label" }), !this.hideOptional && (index.h("span", { key: '1928d9ae61c8f56c7cbb485d1fd96efe6fdc8bc5', class: "stzh-dropdown__marker" }, index.h("span", { key: '06dab2c4c39152a1c1ffe819f05dc46609bb955a', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '01275fc0317a7c7220488ddd8f0bd612d836b513', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '2a821a7cde0712390c2545dde00ec91dabadaf6f', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: 'a47a94684df9e1bc97f7a96ea3d589dddc3908f7', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: '286cf51b9eb07e40340c7f46c820c2b9f745d3cf', class: "stzh-dropdown__field-wrapper" }, index.h("select", { key: '9058db966c14ecb466bfad0e2e6ced5e94068208', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, index.h("slot", { key: '3a08e032d220ab7855ec48d6e70cb66b4da4a95d' })), this.inline && this.label && index.h("div", { key: '37c5b99f65b68ee2ab88f8ab0e549d7a4e817474', class: "stzh-dropdown__sizer" }, this.label), index.h("div", { key: '4726a45add78a6671dcaa7877a7be632b11a1fda', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (index.h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (index.h("slot", { name: "icon-angle" }))), index.h("div", { key: 'cdc4121442ae6bec9dd12dc7a5ca0228792e403f', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (index.h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (index.h("slot", { name: "icon" }))), this.hideOptional && this.required && (index.h("div", { key: 'c6b12880792317d7b2be67427ef5cd61afcdcae9', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (index.h("div", { key: 'a62165a3a00c3a4196a6c8822a8b5a928486f6b5', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), index.h("div", { key: '519b1adc736941af1e0242efad8fc60c77a903f7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '80f47fc24acf541ebfe16dbcef98b0d005fdb6bf', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '3a59a826fcb3fd4660cd6aef0c4376d5471dcf68', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: '49a76655533ccd4f319c55c2c92cd6e29ab470da', class: "stzh-dropdown__field-wrapper" }, index.h("select", { key: 'de2391f6a39c4c71ac779d62f441b864999fba91', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, index.h("slot", { key: '014132ec4a1876bf5134a89c4e4ac6dcf42c9ca3' })), this.inline && this.label && index.h("div", { key: '3f601762251fe254b8691b358784815413d95b5f', class: "stzh-dropdown__sizer" }, this.label), index.h("div", { key: '237f23eb85fe1022ed295902ee212726285ac7b8', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (index.h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (index.h("slot", { name: "icon-angle" }))), index.h("div", { key: '6766d06f7f99c4b29e7702fa12a9f7e13b3b44ba', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (index.h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (index.h("slot", { name: "icon" }))), this.hideOptional && this.required && (index.h("div", { key: '9d6ce105480cee93a5566b923fec7e0a569f2460', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (index.h("div", { key: '894901912372b7c55079f924e9cabd2e017fa1a8', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), index.h("div", { key: 'f98e9574d950c85cbee6603ec0aa68858676e09b', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'ac0a65968bc3bc07f10ef3c288af52a66ed385a0', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-editor.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 const stzhEditorCss = () => `.sc-stzh-editor-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-editor-h,[stzh-hidden].sc-stzh-editor-h{display:none}.sc-stzh-editor-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-editor-h *.sc-stzh-editor,.sc-stzh-editor-h *.sc-stzh-editor::before,.sc-stzh-editor-h *.sc-stzh-editor::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-editor-h .has-focus.sc-stzh-editor{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor{outline-style:none !important}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor::-moz-focus-inner{border:0 !important}.sc-stzh-editor-h{--background-color:var(--stzh-editor-background-color, var(--stzh-color-grey10))}@media print{.sc-stzh-editor-h{display:none}}.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xxlarge)}}.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-editor.sc-stzh-editor{background-color:var(--background-color)}.stzh-editor__wrapper.sc-stzh-editor{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-editor__heading.sc-stzh-editor{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-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-editor__heading.sc-stzh-editor{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-editor__heading.sc-stzh-editor:not(:empty){margin-bottom:var(--stzh-space-medium)}.stzh-editor__link-list.sc-stzh-editor{list-style:none;margin:0;padding:0;display:grid}@media screen and (min-width: 900px){.stzh-editor__link-list.sc-stzh-editor{gap:var(--stzh-space-medium)}}`;

package/dist/cjs/stzh-eventdata.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 const stzhEventdataCss = () => `.sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{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-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-eventdata__label.sc-stzh-eventdata{flex-shrink:0}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}`;

package/dist/cjs/stzh-eventinfo.cjs.entry.js CHANGED Viewed

@@ -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');
@@ -107,9 +107,8 @@ const StzhEventinfo = class {
         const startDate = this.start && new Date(this.start);
         const endDate = this.end && new Date(this.end);
         const MonthHeading = `h${this.monthHeadingLevel}`;
-        return (index.h(index.Host, { key: '9bc500dab379816b5f341a0efdc1423015e4e8f4' }, index.h("div", { key: '695b091861cbac04c83abf0296065f944eb89796', class: classes }, index.h("div", { key: '1f3e1da35b2568030c3b4b2bd040c68c8d11cb77', class: "stzh-eventinfo__left" }, index.h("div", { key: 'a8d8e6a69c8ffe7a1f6a7ec6ed665e22131ad686', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), index.h("div", { key: '79a189c8a97c6bffc9a92bdd0df739d2cec3abe7', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), index.h("div", { key: 'b18a3b53b50d629bf158b69cb285a112f949d809', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), index.h("div", { key: '64aa368689fd7502d0a1fb47b9a3d7ee2b8db2a9', class: "stzh-eventinfo__right" }, index.h("div", { key: '0e13207a79d7f577ce74d4323d937628f7774518' }, index.h("div", { key: 'b03cf4d37ec43a5abc3abf510f6b03f17dee5a6b', class: "stzh-eventinfo__head" }, index.h("div", { key: '2b39db68b18e2aa9a62822f61fa9ea95d3102e01', class: "stzh-eventinfo__main-date" }, index.h("span", { key: '65d15eaa7d9a17d09677964c3db3566d08e00f5c' }, this.dateAdapter.format(startDate, "dateLong"), this.hasProperStartAndOrEndDate(startDate, endDate) &&
-            `, ${this.dateAdapter.formatSpan(startDate, endDate, "time")}`)), this.calendarUrl && (index.h("div", { key: 'a86071e81d8918da4b18e8dbb133a4a178764ee6', class: "stzh-eventinfo__main-event-link" }, index.h("stzh-link", { key: '9524e64d171dd8b5b431722e42d88b57fb40eed8', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), index.h("div", { key: '886f6866245e78192547be8b45a763c4d1fbb0d0', class: "stzh-eventinfo__text" }, index.h("div", { key: '4efabd907668dc7f85bf84680d5f0a6e4218885c', class: "stzh-eventinfo__location" }, index.h("slot", { key: 'bc0773ee5bb9e851e20681486904ae545ae2dc16', name: "location" })), index.h("div", { key: '140b2d10eebe72efbbc81f7154a72f5dea81a6f9', class: "stzh-eventinfo__additional-info" }, index.h("slot", { key: '324f59ca9f8f1f0646e591a399d466376d99fa3f', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (index.h("div", { key: '1bc3453e920c025c9debb246bd3be36fb0afd116', class: "stzh-eventinfo__details-wrapper" }, index.h("stzh-details", { key: 'c04879e06c9637ea178d5c5ce5932b0cfc90ef15', class: "stzh-eventinfo__details" }, index.h("stzh-link", { key: '180d00b51091bdd627eb4d4cdc8b8897cfe81460', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, index.h("span", { key: '62c43a995ca02c4c55cb4dda2c647c03b25824b0', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), index.h("span", { key: 'e825200adf810cdd661084672d54785d98347c87', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), index.h("ul", { key: 'dff38e8a2a0a6fa1908ac5ed3375b2f8c24beb1c', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (index.h("li", { class: "stzh-eventinfo__month-list-item" }, index.h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (index.h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (index.h("li", { class: "stzh-eventinfo__event-list-item" }, index.h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-date-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), index.h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), index.h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
-            this.dateAdapter.formatSpan(event.start, event.end, "time"))), index.h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (index.h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
+        return (index.h(index.Host, { key: '9bc500dab379816b5f341a0efdc1423015e4e8f4' }, index.h("div", { key: '695b091861cbac04c83abf0296065f944eb89796', class: classes }, index.h("time", { key: 'aa9c457deac06a01e2ff29f88156a33801bc1c7c', class: "stzh-eventinfo__left", dateTime: startDate.toISOString(), "aria-label": this.dateAdapter.format(startDate, "dateLong") }, index.h("span", { key: '1851f6810b46f858eeccb0cf3b63245e504ebd58', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), index.h("span", { key: 'b40f52d599fde3cfb7809116c28b990cac300a4a', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), index.h("span", { key: '07fff046cc74c49d7ac5779bd6b4747178a88ac9', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), index.h("div", { key: '6cb16098b1677fa5dd8fb30669ce1ce3e176e28b', class: "stzh-eventinfo__right" }, index.h("div", { key: '64575ba0d9f1ce16e48e4248d2d4cc0a7e0f393d' }, index.h("div", { key: 'b63752536fcd4b71849404ef0b359849390f1020', class: "stzh-eventinfo__head" }, index.h("div", { key: '1f444eb42ceb1a2b562f5fef880e94831fe3a292', class: "stzh-eventinfo__main-date" }, index.h("div", { key: 'eda17f2f49da0b7cfa8563de3f81ac6023034c70', class: "stzh-eventinfo__main-date" }, index.h("time", { key: '0df2e1f6890584115ebf1803f908eea78622e094', dateTime: startDate.toISOString() }, this.dateAdapter.format(startDate, "dateLong"), this.hasProperStartAndOrEndDate(startDate, endDate) &&
+            `, ${this.dateAdapter.formatSpan(startDate, endDate, "time")}`))), this.calendarUrl && (index.h("div", { key: '9719b6852b05b3e8357f1f0757f8d9d568b2b016', class: "stzh-eventinfo__main-event-link" }, index.h("stzh-link", { key: '0998ff0390f0e2fbacbedccd3fed2761545bbf28', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), index.h("div", { key: '4f8be2df3fd2079a2c493905e33a030cc3800efc', class: "stzh-eventinfo__text" }, index.h("div", { key: 'cde3060ea87f7441b2180d459b761cfcdeeac0cd', class: "stzh-eventinfo__location" }, index.h("slot", { key: 'cc7b47c4cbcf29ba8f3fb1aa7f865e1bc74e5ea9', name: "location" })), index.h("div", { key: '859b03f6d05b0fd710dc976c0bd09fb31c5fa121', class: "stzh-eventinfo__additional-info" }, index.h("slot", { key: '8e8fb14251afe7b10eea677a6e0ef71187088064', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (index.h("div", { key: 'ac877fa26c17460451e85216bf2b54a0e7a4ad46', class: "stzh-eventinfo__details-wrapper" }, index.h("stzh-details", { key: '311b48c6f9b4efc051a4fd486b1745a27fb0ccce', class: "stzh-eventinfo__details" }, index.h("stzh-link", { key: 'e0dae3c2ba1046fe8fce8be89ab73ff6fa311270', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, index.h("span", { key: '4610a4cd1c3cbd8f6b9ddf2980cee57f7cc1ce98', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), index.h("span", { key: '2142e062f482ce511c26bf8df0eeeb4f3892e680', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), index.h("ul", { key: 'd74974988eafab11da8b84d0d883ee13797bec6b', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (index.h("li", { class: "stzh-eventinfo__month-list-item" }, index.h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (index.h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (index.h("li", { class: "stzh-eventinfo__event-list-item" }, index.h("time", { class: "stzh-eventinfo__event-datetime-wrapper", dateTime: event.start.toISOString() }, index.h("span", { class: "stzh-eventinfo__event-date-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), index.h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), this.hasProperStartAndOrEndDate(event.start, event.end) && (index.h("span", { class: "stzh-eventinfo__event-time" }, this.dateAdapter.formatSpan(event.start, event.end, "time")))), index.h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (index.h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-feedreader-item.cjs.entry.js CHANGED Viewed

@@ -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');
@@ -40,7 +40,7 @@ const StzhFeedreaderItem = class {
             "stzh-feedreader-item--has-link": !!this.link,
             [`stzh-feedreader-item--${this.variant}`]: true,
         };
-        return (index.h(index.Host, { key: '30305e6b55da20a6c0742ffc922cab57bd297778', variant: this.variant }, !!this.link ? (index.h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (index.h("div", { class: classes }, this.renderInner()))));
+        return (index.h(index.Host, { key: '67db1ae31578fffb91b9cd99c58867ed631cbc62', variant: this.variant }, !!this.link ? (index.h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (index.h("div", { class: classes }, this.renderInner()))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-feedreader.cjs.entry.js CHANGED Viewed

@@ -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');
@@ -41,7 +41,7 @@ const StzhFeedreader = class {
         const subscribeFeedSlotUsed = utils.hasSlot(this.element, "subscribe-feed");
         const subscribeProxySlotUsed = utils.hasSlot(this.element, "subscribe-proxy");
         const connectionErrorSlotUsed = utils.hasSlot(this.element, "connection-error");
-        return (index.h(index.Host, { key: '0632d984b101d693fd30f9e9fc0dab8ea65648f5' }, index.h("div", { key: 'a981907beaffc17340221e03eb9f435a5f86a636', class: classes }, index.h("div", { key: '20454dec2623b56401b4aba9b2bad6f94ba1ebbc', class: "stzh-feedreader__container" }, index.h("div", { key: 'eedd15ec6f01ade68f4227d3d8e0a101a489f954', class: "stzh-feedreader__header" }, index.h("stzh-heading", { key: '592ebf1b9d2eef8eca8d9cfe432cb2383268ecdd', level: this.headingLevel }, this.heading), index.h("stzh-text", { key: '315c51f1052885cfc7d3cd30b56046e9394f9daf' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (index.h("div", { key: '57d3e604126a4d2234ff997ede18d340935ff34a', class: "stzh-feedreader__subscribe" }, index.h("slot", { key: '9ccb5f3a86d47b9546895cf977bfde57d9de0fcd', name: "subscribe-feed" }), index.h("slot", { key: '2a19bfff9b7972a17713855890da2645a94a6e92', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (index.h("stzh-message", { key: '56e64d2286f57571e269ae5e244616a3df180790', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (index.h("stzh-link", { key: '2f0986d8d8f23a064c6e0c755e461d8b15cca761', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (index.h("div", { key: '9c3517ca208d1ea4a6a494817b1b51ef053a8a9e', class: "stzh-feedreader__connection-error" }, index.h("slot", { key: '1f1fa1d567409c4e8593fa92d409930b68b609c5', name: "connection-error" }))), index.h("div", { key: 'dca73ab50231b43f777802d64a6adc52d9ac7c26', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, index.h("slot", { key: '8aedaba8e442fef7f684f3e19178341a266edbbf' }))))));
+        return (index.h(index.Host, { key: '585bbba80a0811664fcc2fa8fd625cd8655e3395' }, index.h("div", { key: '1b5cf59f524032928f7fc1be1c13fa276ec8aee2', class: classes }, index.h("div", { key: '6d7c4859e10aaac5e799fe25e3df6e48dc4177a7', class: "stzh-feedreader__container" }, index.h("div", { key: 'a836351af7e1c34eb4185b220b18840393854953', class: "stzh-feedreader__header" }, index.h("stzh-heading", { key: '538dd6530eec23225a5056f3dbdcce1661a9f04a', level: this.headingLevel }, this.heading), index.h("stzh-text", { key: 'fbf3caa72ba0a439f58a535570ff0e6f26ecfea6' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (index.h("div", { key: '295435654fc0173f3563ef06a991ba2e9e08fd2f', class: "stzh-feedreader__subscribe" }, index.h("slot", { key: '098ad14079743d30879c13a3e279d687edb67838', name: "subscribe-feed" }), index.h("slot", { key: '113867124ac4a39ed9ef8ff3ac7e36e08c6f8eff', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (index.h("stzh-message", { key: 'a4e56e1f88834f4cad0288decb7217b47f24c427', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (index.h("stzh-link", { key: '58f4e5680b06efc8286eb441208ab58ac7d4a452', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (index.h("div", { key: '416edc6d240e38bdc1a1127bc1733874f19cd2bd', class: "stzh-feedreader__connection-error" }, index.h("slot", { key: '55501003e971585e9d8de9fed9a3b38af545255b', name: "connection-error" }))), index.h("div", { key: '24148d7f7c4ce020fc7cc404e2191f8ed1ae14f0', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, index.h("slot", { key: '2fd37b35f21650091ae54989e5e8bd7808f785a7' }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-figure.cjs.entry.js CHANGED Viewed

@@ -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');
@@ -36,7 +36,7 @@ const StzhFigure = class {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (index.h(index.Host, { key: '8d1f15a360f179168fdffc27b30af6774538a423' }, index.h("figure", { key: '5ff2a184c76c9d292d5fc4e5dc3a05aae23d61aa', class: classes }, index.h("div", { key: '363d48ec8301f48ad279e733493edb43063af029', class: "stzh-figure__element" }, index.h("slot", { key: '026e8cad9942b90cd68681c9301e9f51db7b44a6' })), index.h("figcaption", { key: '712a860fa595e1b1f7fc50a4bbdc66a781fb1218', class: "stzh-figure__caption-wrapper" }, index.h("div", { key: 'f9034be618eecb5e23b862eec0c837fb1ba71b1e', class: "stzh-figure__heading-wrapper" }, index.h("div", { key: 'f5adc22dd61de69b017fa7f87dfde4fb5a568064', class: "stzh-figure__counter" }, this.counter ? this.counter : index.h("slot", { name: "counter" })), index.h("div", { key: '3d0e45d4cbc7fe3fcecd2c6edf8ca8da5562a24f', class: "stzh-figure__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" }))), index.h("div", { key: 'd726f8e4565309d29825b040d98bd960cea4f30f', class: "stzh-figure__caption" }, index.h("div", { key: '2225a798f8bfdeba6049e794e5f1ccdbc1ed8858', class: "stzh-figure__caption-text" }, this.caption ? this.caption : index.h("slot", { name: "caption" })), index.h("div", { key: '72bf4d2b07ac2d3146e06c2713b802bbc8b3aa13', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : index.h("slot", { name: "copyright" })))))));
+        return (index.h(index.Host, { key: 'b3f324e7216b0333bb3ae0631d84b7a392963854' }, index.h("figure", { key: '7fe92ad319eddeacfdaebe66d059a6a4658ca44f', class: classes }, index.h("div", { key: '751f6c317ad4a0bbf6bf652efd88595375c472cf', class: "stzh-figure__element" }, index.h("slot", { key: '2938cf820b4c277f6a6371c3733d2a003a342b4a' })), index.h("figcaption", { key: 'dd3af76cafce1b364106c265d51598252945d9af', class: "stzh-figure__caption-wrapper" }, index.h("div", { key: '361be76b5d966301bf3295b44f88908daeca6547', class: "stzh-figure__heading-wrapper" }, index.h("div", { key: '5e3cc9dd45cbecc8ab84ff9efbff79c462850153', class: "stzh-figure__counter" }, this.counter ? this.counter : index.h("slot", { name: "counter" })), index.h("div", { key: '65fc7b6a5f6b87da1bc9d3be01224c576b01aa32', class: "stzh-figure__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" }))), index.h("div", { key: 'c97177ac8b3433746f21c44459205b8f808220b8', class: "stzh-figure__caption" }, index.h("div", { key: '0c35678a373efd334841e84723df01e35cf6cf26', class: "stzh-figure__caption-text" }, this.caption ? this.caption : index.h("slot", { name: "caption" })), index.h("div", { key: '3a6d4fc254fa52d7d2f4df659b5d87c0ebe4ba78', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : index.h("slot", { name: "copyright" })))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-flyingfocus.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 var animationUtils = require('./animation-utils-BWUvTmNq.js');
 const stzhFlyingfocusCss = () => `.sc-stzh-flyingfocus-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-flyingfocus-h,[stzh-hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::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-flyingfocus-h .has-focus.sc-stzh-flyingfocus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus{outline-style:none !important}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus::-moz-focus-inner{border:0 !important}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:var(--stzh-z-index-flying-focus)}@media print{.stzh-flyingfocus.sc-stzh-flyingfocus{display:none}}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition-property:opacity, left, top, width, height, border-width, border-radius;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{transition-duration:0.1s;opacity:0.16}`;
@@ -199,7 +199,7 @@ const StzhFlyingfocus = class {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (index.h(index.Host, { key: '17d289b3367f2445e97905c667ab14421b9055c2' }, index.h("div", { key: 'e3131b811ea2c614dd32ce3f05d079f1caff4321', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (index.h(index.Host, { key: '387f6cb0591bb6f73f173b55db3af8c98292ff9f' }, index.h("div", { key: '05c9ffb86cbe88f3365190ad8cd297fdc897d5b0', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-footer.cjs.entry.js CHANGED Viewed

@@ -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');
@@ -10,12 +10,12 @@ const stzhFooterCss = () => `:host{font-family:var(--stzh-font-family-medium);fo
   );--background-color-menu:var(
     --stzh-footer-background-color-menu,
     var(--stzh-color-primary80)
-  )}@media print{stzh-footer{display:none}}.stzh-footer{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}.stzh-footer[hidden],.stzh-footer[stzh-hidden]{display:none}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::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)}.stzh-footer{}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--background-color);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}@media (forced-colors: active){.stzh-footer__bottom-bar{border-top:0.125rem solid CanvasText}}.stzh-footer__bottom-bar-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__bottom-bar-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__bottom-bar-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__bottom-bar-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__bottom-bar-inner{padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--background-color-menu)}@media (forced-colors: active){.stzh-footer__menu:not(:has(.stzh-footer__menu-inner:empty)){border-top:0.125rem solid CanvasText}}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner{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);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{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:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}.stzh-footer{}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__bottom-bar-inner,.stzh-footer--has-info .stzh-footer__bottom-bar-inner{align-items:flex-start}}`;
+  )}@media print{stzh-footer{display:none}}.stzh-footer{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}.stzh-footer[hidden],.stzh-footer[stzh-hidden]{display:none}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::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)}.stzh-footer{}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--background-color);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}@media (forced-colors: active){.stzh-footer__bottom-bar{border-top:0.125rem solid CanvasText}}.stzh-footer__bottom-bar-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__bottom-bar-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__bottom-bar-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__bottom-bar-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__bottom-bar-inner{padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--background-color-menu)}@media (forced-colors: active){.stzh-footer__menu:not(:has(.stzh-footer__menu-inner:empty)){border-top:0.125rem solid CanvasText}}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner{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);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{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:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}.stzh-footer{}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__bottom-bar-inner,.stzh-footer--has-info .stzh-footer__bottom-bar-inner{align-items:flex-start}}.stzh-footer{}.stzh-footer--variant-intranet .stzh-footer__bottom-bar,.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner,.stzh-footer--variant-intranet .stzh-footer__copyright{height:2.5rem;}.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner{padding:0;gap:0}`;
 const StzhFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /** Footer variant */
+        /** Footer variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** Main URL for shortlinks */
         this.mainUrl = "https://www.stadt-zuerich.ch";
@@ -77,12 +77,13 @@ const StzhFooter = class {
         const menuLinkSlotUsed = utils.hasSlot(this.element, "menu-link");
         const classes = {
             "stzh-footer": true,
+            [`stzh-footer--variant-${this.variant}`]: true,
             "stzh-footer--has-logo": logoSlotUsed,
             "stzh-footer--has-info": infoSlotUsed,
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (index.h(index.Host, { key: 'dd174980f36b26537ffef498d4a40ed3ee8729a7' }, index.h("footer", { key: 'f37238f4e8084fe4e7fda00667af19759868da35', class: classes }, index.h("div", { key: '9530abc1885a5de4ce67e5cad4d266c8fb0e5cb3', class: "stzh-footer__menu" }, index.h("div", { key: 'c754617167aeb18bb844328ead962a8820d228d6', class: "stzh-footer__menu-inner" }, index.h("slot", { key: '3a83011ab4323db04a9c3de0e9df0a032df6d370', name: "menu-link" }))), index.h("div", { key: '975f8c333c5762fcce70795ee125613fe9de92b7', class: "stzh-footer__bottom-bar" }, index.h("div", { key: '29886624aef2e362bdaeb604392c71d198382ae9', class: "stzh-footer__bottom-bar-inner" }, index.h("div", { key: '49cda41331d1c959b52b65d3ee1f2e53e643c0b1', class: "stzh-footer__copyright-wrapper" }, this.copyright && index.h("div", { key: '57cd48ed7118a5af79c36d0a70e79aaf64d8ef28', class: "stzh-footer__copyright" }, this.copyright), index.h("div", { key: '0ba39e7e86a962f7033ae9dcab53d89f35bd6b08', class: "stzh-footer__logo" }, index.h("slot", { key: 'fc9d6bccc3d52838d6265085af1c6f8fdc4b1b2e', name: "logo" }))), index.h("div", { key: '12ca37ec3a83f3d3240a0650219e09f9e32a2425', class: "stzh-footer__info" }, index.h("slot", { key: '5de4c1c6fc32657ab6adcfeef6584bf3639f903a', name: "info" })), index.h("div", { key: '2ee5e687ed75b1554286d62d350d7bed800d62de', class: "stzh-footer__links", role: "list" }, index.h("slot", { key: 'c1f55c977acac0865b05ae023cc2a8f2eb526455', name: "link" }, this.variant === "egov" && (index.h(index.Fragment, { key: 'e4a9ec23f8cf05312fa0377ef0b930b02e81aa9a' }, index.h("stzh-link", { key: '79cc1587acf8dc49918e7bc0480350c1e86dd69c', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), index.h("stzh-link", { key: 'b33497e462d1c921888d9543169703f583d1a470', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), index.h("stzh-link", { key: '35c36a22fd09f44b9cf850eb3d935b5c0df19fd3', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
+        return (index.h(index.Host, { key: 'b3c7036d429373be31db20b38f597a1620c43e94' }, index.h("footer", { key: 'dd4b910b27aec334bc9f38c720d60f669d241fbf', class: classes }, this.variant !== "intranet" && (index.h("div", { key: 'c55292b97a827b21795f2a188f355a8f887e665c', class: "stzh-footer__menu" }, index.h("div", { key: 'a2f679884ce5ed79328ecf015797c12a3d817cc2', class: "stzh-footer__menu-inner" }, index.h("slot", { key: '5ae395a1e1c74e5699253302230799a831134b37', name: "menu-link" })))), index.h("div", { key: '0ca2fb6c6f3484fcd42e254a04d5e7fa7c171951', class: "stzh-footer__bottom-bar" }, index.h("div", { key: '96279e6c19dab814a65500688ec8f240ad7d5fb5', class: "stzh-footer__bottom-bar-inner" }, index.h("div", { key: '490d7ebc98c9ebeb62d31931de2c076bbe846138', class: "stzh-footer__copyright-wrapper" }, this.copyright && index.h("div", { key: '5de4170a51a058291ae574c9ddf1567bae53c717', class: "stzh-footer__copyright" }, this.copyright), index.h("div", { key: '8ba72d2b86039c1841e3410af9cf98ad4a47e106', class: "stzh-footer__logo" }, index.h("slot", { key: '7854a841845a47aa2038c5317e3a55e372420304', name: "logo" }))), index.h("div", { key: '763b66e3b79863ed3d5b0709782cddc21a4f6ec3', class: "stzh-footer__info" }, index.h("slot", { key: 'a4717bb459663b7b7a85806817aa12e7aecee8f2', name: "info" })), index.h("div", { key: '34d1ba90967f971841e209a7cdb973532cdd6e23', class: "stzh-footer__links", role: "list" }, index.h("slot", { key: '730d440b59148aa03dd37a1a449c5e76942663c2', name: "link" }, this.variant === "egov" && (index.h(index.Fragment, { key: '32a667825b1526f7308da1285de125bb8883bb9b' }, index.h("stzh-link", { key: '863783b34200030a239d97430fbdac7857ad996b', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), index.h("stzh-link", { key: '90aeae62e0c6aa8b8939c721c1b8be7eb70e25ea', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), index.h("stzh-link", { key: '4f3d734db975d56fae45fe76523e186676124054', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-gallery.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-D-_ltZeJ.js');
+var index = require('./index-DLshBNi6.js');
 /*!
   * PhotoSwipe Lightbox 5.4.4 - https://photoswipe.com
@@ -2745,7 +2745,7 @@ const StzhGallery = class {
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: 'c56d142664be0738548b0e46b6b543567f04b077' }, index.h("div", { key: '3c0ab047b99cab6dd2ecea1a3d6d377337be11b5', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (index.h(index.Fragment, { key: 'bd32e81f9539f3af0aa01631605a830ff9818f74' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (index.h(index.Fragment, { key: 'f4251ec4308bee280c6f45eb6a441714aca427a3' }, index.h("div", { key: '415dade0b9b3f76cfb06f4d000fe895bf0ef1549', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (index.h("div", { key: '2da9c7017253b2e6fa69306a56d23d8ba9d4c30b', class: "stzh-gallery__list-actions" }, index.h("stzh-button", { key: 'a62bec7e9b450f3d1a6d737acdd15a67e6cb433f', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (index.h("stzh-carousel", { key: 'c5003c9f219997795d26e3de06f137bba44b154e', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, index.h("stzh-ratio", { key: '76074495ec624332afc34b833b74ed054fafa24a', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, index.h("div", { key: '031f8edb3058b2e64758bac04f8a632487e4864f' }, index.h("stzh-button", { key: '22c8d76b63c7fbf4bfc0984a2de3e91d02d0e834', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), index.h("stzh-button", { key: '59f83c2c826c624b765301d00ee8d3162336c33e', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), index.h("stzh-hspace", { key: '55601f49dd0c2158c28f0bb4179c891c6363ffaf', justify: "end", items: "end", size: "xsmall" }, index.h("stzh-button", { key: '73a6f3301596f71391a38c108b31b30847dc456b', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), index.h("slot", { key: 'c3640afa359e92b6df23eb7c33c16e16606870c3' }))));
+        return (index.h(index.Host, { key: '79db4c0591593bba912bb189e3c73445d097723c' }, index.h("div", { key: '4ab5180448b7f51bd6328fcf19f9cc3802dd62f6', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (index.h(index.Fragment, { key: '7e711e395e30611429138115b1e25fc269be8ecf' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (index.h(index.Fragment, { key: '9f19ecc3a436aa0bc9df0399fd0307a73512af0d' }, index.h("div", { key: '2e7a15e7ee3515569f21f9002fceedb3196d2c35', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (index.h("div", { key: '0e93cfce56017bd21f92fd991f9437cf2092916d', class: "stzh-gallery__list-actions" }, index.h("stzh-button", { key: '4a8f74fa2a388c68358b9c9dec1d947cf7e60e51', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (index.h("stzh-carousel", { key: 'b8f2fcb6127cda653d39fed31659078e8165d214', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, index.h("stzh-ratio", { key: '4be88f55dd89618e64786bb34bbbd4420b80ad71', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, index.h("div", { key: '490e6340a67d4e6a61e4b79ca78cdff8b0648aa7' }, index.h("stzh-button", { key: '588fd8db8788c4f4faeed20a1a31c4bc99889256', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), index.h("stzh-button", { key: 'c608173b6420d74887e7c9d84bca31967edb54cd', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), index.h("stzh-hspace", { key: '221916fa84801071b3d8f09409753dc4cfa4090f', justify: "end", items: "end", size: "xsmall" }, index.h("stzh-button", { key: '9aa6c1e689e1072e05841452aaf6c04649fa3d77', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), index.h("slot", { key: '5dd4c2684fbd88cc5cc714dd6d6d9cea28091c73' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {