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

@oiz/stzh-components 4.12.1 → 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 (1081) hide show

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

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$b } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$a } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$9 } from './p-C_jR89kU.js';
-import { d as defineCustomElement$8 } from './p-ts8WMMWF.js';
-import { d as defineCustomElement$7 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$6 } from './p-D1qHu5Qi.js';
-import { d as defineCustomElement$5 } from './p-B4rimZ__.js';
-import { d as defineCustomElement$4 } from './p-CjzcK4cD.js';
-import { d as defineCustomElement$3 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$2 } from './p-Cqgkebne.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$b } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$a } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$9 } from './p-BAn4Ipj9.js';
+import { d as defineCustomElement$8 } from './p-DvCfh0K2.js';
+import { d as defineCustomElement$7 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$6 } from './p-CxqE2nhG.js';
+import { d as defineCustomElement$5 } from './p-cUbqjhRn.js';
+import { d as defineCustomElement$4 } from './p-DYbJOAOh.js';
+import { d as defineCustomElement$3 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$2 } from './p-BAcc6I3E.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}}`;
@@ -99,7 +99,7 @@ const StzhDatamessagelistItem$1 = /*@__PURE__*/ proxyCustomElement(class StzhDat
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '1e5e94c37b1514688f354dab43b198c8ba5d4006', role: "listitem" }, h("article", { key: '52b83980dac6f0ad0c815030f17bdce18723741c', class: classes }, h("div", { key: '1c7c68c77b06996d56a1febdab9d1622d0b989fe', class: "stzh-datamessagelist-item__content" }, h("div", { key: '378292229b9d0e096c75dad73122cc7d0c70fa10', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '70864b4a7d643a2a151b9af89b9ea89fda5f7e9e', class: "stzh-datamessagelist-item__heading" }, 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 && h("span", { key: 'd063a85d6a6b58af3e27771257e7803701c760cd', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'dae9707c79a2259a2e2ac88558334e02cd131435', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '78c894c88955d72b11cfccc90526d951ca9dd834', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '9b733c6b25a336b90bbb14a0276b9d42e370588b', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: 'ed5ba3351f94a824fa4391ac618095479989e18a', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: '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 && (h("div", { key: '42c3b27ea91e4af99725e98dc8c31215a1b387fc', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'e6e358a9e050a02225d2cf0017467cef73babed4', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: 'a2f885499805d431ef71b8692db558564fdf95b8', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (h(Host, { key: '9fec33bc6766ec5eac13763f58b6f626dd799132', role: "listitem" }, h("article", { key: '39649df9c09955beb2f4d7455d9511c918898523', class: classes }, h("div", { key: 'bd35d114e417be405e51c8578a820284b5bf28c8', class: "stzh-datamessagelist-item__content" }, h("div", { key: '751701b36f3c56c40a0ee47eced89d48f3035aba', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '7f436486d4b86819b035ad9b9945d1e1ce572519', class: "stzh-datamessagelist-item__heading" }, 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 && h("span", { key: 'a27456bf461806a486358e3772074a7868a58147', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: '2a55c1a3f49b9bfab8898a9ef3687af1129f258f', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '6a745a8dd113b8b3e530dcbd03629ac272dbed0d', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: 'c8da410e35b3ab5abfe809121418881f93a376d7', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '6b062faf935996210aca31964cf2070ed08386eb', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: '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 && (h("div", { key: '12b0f51b4ac8291a1073563e2fcf356be47c92b0', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: '566e22de23e82db3411285c4dea8fcbc79cfc9f9', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '1bfe0df7a641ecdd40e691942ccecf944ed568cc', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.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)}}`;
@@ -13,7 +13,7 @@ const StzhDatamessagelist$1 = /*@__PURE__*/ proxyCustomElement(class StzhDatames
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (h(Host, { key: 'dd0b9ad1cce642e77fc2ad2bea08c0e294c0a8c7' }, h("div", { key: 'bff2a50cc6dfda3d834eb4f099987152e28642a7', class: classes }, h("div", { key: '7b0c08965fbc887e31aa9357d6ae6619a6d67308', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'e6371ddb42e198d05561475c5d80e2d8bef1e09c' })))));
+        return (h(Host, { key: '64b90524c0efd9519bb5597811427c17f47004bf' }, h("div", { key: '8a7a328641b4e278281b738a7ca23adf6659634a', class: classes }, h("div", { key: 'b32542b2ee914e818572d8314be274351812e84e', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'c600f0b314b2a1bd45d5d561bdab8df5915822f0' })))));
     }
     get element() { return this; }
     static get style() { return stzhDatamessagelistCss(); }

package/dist/components/stzh-datatable.js CHANGED Viewed

@@ -1,22 +1,22 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { f as flexsearch_bundle_minExports } from './p-PUB8fb5E.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$h } from './p-jcnUY7bc.js';
-import { d as defineCustomElement$g } from './p-HFkl_vzF.js';
-import { d as defineCustomElement$f } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$e } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$d } from './p-CC0Gv1-E.js';
-import { d as defineCustomElement$c } from './p-U00jMEtY.js';
-import { d as defineCustomElement$b } from './p-LMO8z7aY.js';
-import { d as defineCustomElement$a } from './p-BVyHe4zB.js';
-import { d as defineCustomElement$9 } from './p-CLg_b_CM.js';
-import { d as defineCustomElement$8 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$7 } from './p-G6s0H-yQ.js';
-import { d as defineCustomElement$6 } from './p-RvRbhcRQ.js';
-import { d as defineCustomElement$5 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$4 } from './p-Cqgkebne.js';
-import { d as defineCustomElement$3 } from './p-CqIeGIYq.js';
-import { d as defineCustomElement$2 } from './p-Bnxt1olk.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$h } from './p-B-Ox_M1g.js';
+import { d as defineCustomElement$g } from './p-Dv3RTDbq.js';
+import { d as defineCustomElement$f } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$e } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$d } from './p-D-Yirlnl.js';
+import { d as defineCustomElement$c } from './p-BHup0e1i.js';
+import { d as defineCustomElement$b } from './p-Cg2CourL.js';
+import { d as defineCustomElement$a } from './p-BDyLmXTF.js';
+import { d as defineCustomElement$9 } from './p-DmbPNk49.js';
+import { d as defineCustomElement$8 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$7 } from './p-DhDUHSh7.js';
+import { d as defineCustomElement$6 } from './p-CSdlcHhO.js';
+import { d as defineCustomElement$5 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$4 } from './p-BAcc6I3E.js';
+import { d as defineCustomElement$3 } from './p-CIG3atcV.js';
+import { d as defineCustomElement$2 } from './p-BNb1mC_F.js';
 var papaparse_min$1 = {exports: {}};

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

@@ -1,4 +1,4 @@
-import { S as StzhDatepicker$1, d as defineCustomElement$1 } from './p-BdnKcZer.js';
+import { S as StzhDatepicker$1, d as defineCustomElement$1 } from './p-DI3R5qMv.js';
 const StzhDatepicker = StzhDatepicker$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull } from './p-CN5apKPb.js';
-import { d as defineCustomElement$4 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$3 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$2 } from './p-D1qHu5Qi.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { s as setPropsIfNull } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-CxqE2nhG.js';
 const stzhDaterangeCss = () => `.sc-stzh-daterange-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-daterange-h,[stzh-hidden].sc-stzh-daterange-h{display:none}.sc-stzh-daterange-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-daterange-h *.sc-stzh-daterange,.sc-stzh-daterange-h *.sc-stzh-daterange::before,.sc-stzh-daterange-h *.sc-stzh-daterange::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-daterange-h .has-focus.sc-stzh-daterange{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange{outline-style:none !important}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange::-moz-focus-inner{border:0 !important}.sc-stzh-daterange-h{--grid-template-areas:var(
     --stzh-daterange-grid-template-areas,
@@ -116,7 +116,7 @@ const StzhDaterange$1 = /*@__PURE__*/ proxyCustomElement(class StzhDaterange ext
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (h(Host, { key: 'c01e177ba7cd492a2a745e39d441a88b385a98cf' }, h("fieldset", { key: 'ef38acefcbb0b409ac7822efd975a0af40006e12', class: classes }, h("legend", { key: '371b30eafeb9859bee075ef58d63ccac0dcd8947', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'e2a37046e6588b30e4eefd8424a21ff40d4e8a46', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: 'b791072eb94ebcfcc2b89c6219b769561a958fc9', name: "from" })), h("div", { key: 'c9a3e8067711e6e3ff6689c4b85dbb4ffa3c031e', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '3dd5529c788128531acf7653f03d7788645105ea', name: "to" })), h("div", { key: '5bdcc67a6de8268cbe6c024db08610ee131f36fe', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (h(Host, { key: '39d31268af19a5134e5b1ea5ba7b224fa68a6905' }, h("fieldset", { key: 'b74833b6217cdbfd31d690e840e4a97750944ac6', class: classes }, h("legend", { key: '7f35266cc7c417d55ef916fb4cf31e083ca49d7f', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'ff263fc05072760182e17fb78ba6ee0f3a3eb73a', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '687afa54b2f2db628d0ca83d1d04777c9840ab52', name: "from" })), h("div", { key: '507b710a0b30d203cc7711a38429307f7fd0ea10', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '86b82b908c96061af1c8271b64cc4d7fbb50ab7a', name: "to" })), h("div", { key: '5b29b94aa0ff956a4e9fbd8fa07c15e22ea15d2b', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { S as StzhDetails$1, d as defineCustomElement$1 } from './p-CUg-9OV-.js';
+import { S as StzhDetails$1, d as defineCustomElement$1 } from './p-CyByUFaI.js';
 const StzhDetails = StzhDetails$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as StzhDialog$1, d as defineCustomElement$1 } from './p-CaNZTZoV.js';
+import { S as StzhDialog$1, d as defineCustomElement$1 } from './p-h04oY9Fw.js';
 const StzhDialog = StzhDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-disturber.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull, h as hasSlot } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { s as setPropsIfNull, h as hasSlot } from './p-DBHUqFOB.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo } from './p-BOO84wnP.js';
 import { m as media } from './p-CUGRmgip.js';
 import { a as api } from './p-Cpg2gH_9.js';
-import { d as defineCustomElement$4 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$3 } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$2 } from './p-DZ_hOgVb.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
 const stzhDisturberCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--label-color:var(--stzh-color-primary70);--background-color:var(--stzh-color-lemonyellow50);--border-color:var(--stzh-color-primary70);--border-width:0.5rem}.stzh-disturber{position:relative;display:flex;background-color:var(--background-color);transition:background-color var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-masked)}.stzh-disturber::before{content:"";position:absolute;inset:0;pointer-events:none;border-style:solid;border-width:0px;border-color:var(--border-color);border-bottom-width:var(--border-width)}@media screen and (min-width: 900px){.stzh-disturber::before{border-right-width:var(--border-width)}}.stzh-disturber__content{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-disturber__content{padding-top:var(--stzh-space-xxlarge);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1}.stzh-disturber__label{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-disturber__label{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-disturber__label{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-disturber__label{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-disturber__label{color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-bottom:var(--stzh-space-medium)}.stzh-disturber__close-wrapper{position:absolute;top:0px;right:0px}@media screen and (min-width: 900px){.stzh-disturber__close-wrapper{right:var(--border-width)}}`;

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

@@ -1,4 +1,4 @@
-import { S as StzhDropdown$1, d as defineCustomElement$1 } from './p-BVyHe4zB.js';
+import { S as StzhDropdown$1, d as defineCustomElement$1 } from './p-BDyLmXTF.js';
 const StzhDropdown = StzhDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-editor.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$4 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$3 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$2 } from './p-D1qHu5Qi.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-CxqE2nhG.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/components/stzh-eventdata.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.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/components/stzh-eventinfo.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull } from './p-CN5apKPb.js';
-import { d as defineCustomElement$5 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$4 } from './p-CUg-9OV-.js';
-import { d as defineCustomElement$3 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$2 } from './p-D1qHu5Qi.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { s as setPropsIfNull } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$5 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$4 } from './p-CyByUFaI.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-CxqE2nhG.js';
 const stzhEventinfoCss = () => `.sc-stzh-eventinfo-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-eventinfo-h,[stzh-hidden].sc-stzh-eventinfo-h{display:none}.sc-stzh-eventinfo-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventinfo-h *.sc-stzh-eventinfo,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::before,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::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-eventinfo-h .has-focus.sc-stzh-eventinfo{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo{outline-style:none !important}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo::-moz-focus-inner{border:0 !important}.stzh-eventinfo.sc-stzh-eventinfo{display:flex}.stzh-eventinfo__left.sc-stzh-eventinfo{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);flex-shrink:0;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);padding-top:var(--stzh-space-small);width:4.5rem}@media screen and (min-width: 600px){.stzh-eventinfo__left.sc-stzh-eventinfo{width:5.5rem}}.stzh-eventinfo__main-event-day.sc-stzh-eventinfo{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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-eventinfo__right.sc-stzh-eventinfo{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);flex-grow:1;color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xlarge)}}.stzh-eventinfo__head.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-eventinfo__head.sc-stzh-eventinfo{flex-direction:row;justify-content:space-between}}.stzh-eventinfo__main-date.sc-stzh-eventinfo{display:flex;column-gap:var(--stzh-space-medium);flex-wrap:wrap}.stzh-eventinfo__main-event-link.sc-stzh-eventinfo{flex-shrink:0}.stzh-eventinfo__text.sc-stzh-eventinfo{display:flex;flex-direction:column;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-large);margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details.sc-stzh-eventinfo{color:inherit}.stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:none}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:block}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-expand.sc-stzh-eventinfo{display:none}.stzh-eventinfo__month-list.sc-stzh-eventinfo,.stzh-eventinfo__event-list.sc-stzh-eventinfo{list-style:none;margin:0;padding:0}.stzh-eventinfo__month-list.sc-stzh-eventinfo{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-eventinfo__month-list.sc-stzh-eventinfo{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-eventinfo__month-list.sc-stzh-eventinfo{display:grid;column-gap:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{grid-template-columns:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{column-gap:var(--stzh-space-xxlarge);grid-template-columns:minmax(6.25rem, auto) minmax(11.25rem, auto) minmax(0, 1fr) auto}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxlarge)}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-time.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-link.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:0px}.stzh-eventinfo__heading.sc-stzh-eventinfo{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-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:0;color:var(--stzh-color-primary70)}@media screen and (min-width: 600px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/3}}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/5}}.stzh-eventinfo__event-list.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__event-list-item.sc-stzh-eventinfo{display:contents}@media screen and (min-width: 900px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:grid}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:contents}}.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:contents}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo{min-width:5.625rem}}`;
@@ -111,9 +111,8 @@ const StzhEventinfo$1 = /*@__PURE__*/ proxyCustomElement(class StzhEventinfo ext
         const startDate = this.start && new Date(this.start);
         const endDate = this.end && new Date(this.end);
         const MonthHeading = `h${this.monthHeadingLevel}`;
-        return (h(Host, { key: '9bc500dab379816b5f341a0efdc1423015e4e8f4' }, h("div", { key: '695b091861cbac04c83abf0296065f944eb89796', class: classes }, h("div", { key: '1f3e1da35b2568030c3b4b2bd040c68c8d11cb77', class: "stzh-eventinfo__left" }, h("div", { key: 'a8d8e6a69c8ffe7a1f6a7ec6ed665e22131ad686', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("div", { key: '79a189c8a97c6bffc9a92bdd0df739d2cec3abe7', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("div", { key: 'b18a3b53b50d629bf158b69cb285a112f949d809', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: '64aa368689fd7502d0a1fb47b9a3d7ee2b8db2a9', class: "stzh-eventinfo__right" }, h("div", { key: '0e13207a79d7f577ce74d4323d937628f7774518' }, h("div", { key: 'b03cf4d37ec43a5abc3abf510f6b03f17dee5a6b', class: "stzh-eventinfo__head" }, h("div", { key: '2b39db68b18e2aa9a62822f61fa9ea95d3102e01', class: "stzh-eventinfo__main-date" }, h("span", { key: '65d15eaa7d9a17d09677964c3db3566d08e00f5c' }, this.dateAdapter.format(startDate, "dateLong"), this.hasProperStartAndOrEndDate(startDate, endDate) &&
-            `, ${this.dateAdapter.formatSpan(startDate, endDate, "time")}`)), this.calendarUrl && (h("div", { key: 'a86071e81d8918da4b18e8dbb133a4a178764ee6', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: '9524e64d171dd8b5b431722e42d88b57fb40eed8', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '886f6866245e78192547be8b45a763c4d1fbb0d0', class: "stzh-eventinfo__text" }, h("div", { key: '4efabd907668dc7f85bf84680d5f0a6e4218885c', class: "stzh-eventinfo__location" }, h("slot", { key: 'bc0773ee5bb9e851e20681486904ae545ae2dc16', name: "location" })), h("div", { key: '140b2d10eebe72efbbc81f7154a72f5dea81a6f9', class: "stzh-eventinfo__additional-info" }, h("slot", { key: '324f59ca9f8f1f0646e591a399d466376d99fa3f', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: '1bc3453e920c025c9debb246bd3be36fb0afd116', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: 'c04879e06c9637ea178d5c5ce5932b0cfc90ef15', class: "stzh-eventinfo__details" }, h("stzh-link", { key: '180d00b51091bdd627eb4d4cdc8b8897cfe81460', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: '62c43a995ca02c4c55cb4dda2c647c03b25824b0', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: 'e825200adf810cdd661084672d54785d98347c87', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: 'dff38e8a2a0a6fa1908ac5ed3375b2f8c24beb1c', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
-            this.dateAdapter.formatSpan(event.start, event.end, "time"))), h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
+        return (h(Host, { key: '9bc500dab379816b5f341a0efdc1423015e4e8f4' }, h("div", { key: '695b091861cbac04c83abf0296065f944eb89796', class: classes }, h("time", { key: 'aa9c457deac06a01e2ff29f88156a33801bc1c7c', class: "stzh-eventinfo__left", dateTime: startDate.toISOString(), "aria-label": this.dateAdapter.format(startDate, "dateLong") }, h("span", { key: '1851f6810b46f858eeccb0cf3b63245e504ebd58', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("span", { key: 'b40f52d599fde3cfb7809116c28b990cac300a4a', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("span", { key: '07fff046cc74c49d7ac5779bd6b4747178a88ac9', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: '6cb16098b1677fa5dd8fb30669ce1ce3e176e28b', class: "stzh-eventinfo__right" }, h("div", { key: '64575ba0d9f1ce16e48e4248d2d4cc0a7e0f393d' }, h("div", { key: 'b63752536fcd4b71849404ef0b359849390f1020', class: "stzh-eventinfo__head" }, h("div", { key: '1f444eb42ceb1a2b562f5fef880e94831fe3a292', class: "stzh-eventinfo__main-date" }, h("div", { key: 'eda17f2f49da0b7cfa8563de3f81ac6023034c70', class: "stzh-eventinfo__main-date" }, h("time", { key: '0df2e1f6890584115ebf1803f908eea78622e094', dateTime: startDate.toISOString() }, this.dateAdapter.format(startDate, "dateLong"), this.hasProperStartAndOrEndDate(startDate, endDate) &&
+            `, ${this.dateAdapter.formatSpan(startDate, endDate, "time")}`))), this.calendarUrl && (h("div", { key: '9719b6852b05b3e8357f1f0757f8d9d568b2b016', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: '0998ff0390f0e2fbacbedccd3fed2761545bbf28', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '4f8be2df3fd2079a2c493905e33a030cc3800efc', class: "stzh-eventinfo__text" }, h("div", { key: 'cde3060ea87f7441b2180d459b761cfcdeeac0cd', class: "stzh-eventinfo__location" }, h("slot", { key: 'cc7b47c4cbcf29ba8f3fb1aa7f865e1bc74e5ea9', name: "location" })), h("div", { key: '859b03f6d05b0fd710dc976c0bd09fb31c5fa121', class: "stzh-eventinfo__additional-info" }, h("slot", { key: '8e8fb14251afe7b10eea677a6e0ef71187088064', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: 'ac877fa26c17460451e85216bf2b54a0e7a4ad46', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: '311b48c6f9b4efc051a4fd486b1745a27fb0ccce', class: "stzh-eventinfo__details" }, h("stzh-link", { key: 'e0dae3c2ba1046fe8fce8be89ab73ff6fa311270', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: '4610a4cd1c3cbd8f6b9ddf2980cee57f7cc1ce98', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: '2142e062f482ce511c26bf8df0eeeb4f3892e680', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: 'd74974988eafab11da8b84d0d883ee13797bec6b', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("time", { class: "stzh-eventinfo__event-datetime-wrapper", dateTime: event.start.toISOString() }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), this.hasProperStartAndOrEndDate(event.start, event.end) && (h("span", { class: "stzh-eventinfo__event-time" }, this.dateAdapter.formatSpan(event.start, event.end, "time")))), h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-eventinfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-eventinfo.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,khUAAkhU,CAAC;;MCgBtiUA,eAAa,iBAAAC,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAUU,QAAA,IAAiB,CAAA,iBAAA,GAA0B,GAAG;;AAe9C,QAAA,IAAkB,CAAA,kBAAA,GAA+B,YAAY;AAI7D,QAAA,IAAM,CAAA,MAAA,GAAwB,EAAE;AAsEhC,QAAA,IAAoB,CAAA,oBAAA,GAAyB,EAAE;AAG/C,QAAA,IAAI,CAAA,IAAA,GAAG,MAAK;YAClB,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,yDAAyD,CAAC;YAE9G,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACvD,uEAAuE,CACxE;AAED,YAAA,aAAa,CAAC,OAAO,CAAC,IAAI,IAAG;gBAC3B,cAAc,CAAC,IAAI,EAAE;AACnB,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,KAAK,EAAE,MAAM;AACS,iBAAA,CAAC;AAC3B,aAAC,CAAC;AAEF,YAAA,mBAAmB,CAAC,OAAO,CAAC,IAAI,IAAG;gBACjC,cAAc,CAAC,IAAI,EAAE;AACnB,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,KAAK,EAAE,MAAM;AACS,iBAAA,CAAC;AAC3B,aAAC,CAAC;AACJ,SAAC;AAqJF;IArOC,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB;;QAGF,MAAM,IAAI,GAA6B,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK;QAE3G,IAAI,CAAC,IAAI,EAAE;YACT;;;AAIF,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,KAAK,WAAW;;QAG7D,IAAI,CAAC,MAAM,GAAG;AACX,aAAA,GAAG,CAAC,KAAK,KACL,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CACR,EAAA,EAAA,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,SAAS,EACtD,GAAG,EAAE,KAAK,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,EAAA,CAAA,CAChD;AACD,aAAA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACb,YAAA,IAAI;AACF,gBAAA,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE;gBACxD,OAAO,aAAa,GAAG,UAAU,GAAG,CAAC,UAAU;;YAC/C,OAAO,oBAAoB,EAAE;AAC7B,gBAAA,OAAO,CAAC;;AAEZ,SAAC,CAAC;;AAGJ,QAAA,MAAM,YAAY,GAA+C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAI;;YAEjG,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACtE,YAAA,MAAM,YAAY,GAAG,CAAG,EAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE;AAE5D,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;gBACtB,GAAG,CAAC,YAAY,CAAC,GAAG;oBAClB,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE;AACrG,oBAAA,MAAM,EAAE,EAAE;iBACW;;YAGzB,GAAG,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGpC,YAAA,GAAG,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACrC,gBAAA,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE;gBACxD,OAAO,aAAa,GAAG,UAAU,GAAG,CAAC,UAAU;AACjD,aAAC,CAAC;AAEF,YAAA,OAAO,GAAG;SACX,EAAE,EAAE,CAAC;QAEN,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;;IA4BjD,0BAA0B,CAAC,SAA2B,EAAE,OAAyB,EAAA;AACvF,QAAA,OAAO,EAAE,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;AAGjE,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC;;AAGpG,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CACrE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAC1B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B;;QAGH,IAAI,CAAC,YAAY,EAAE;;IAGrB,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,EAAE;QAEX,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;AAClC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;;IAI9B,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,gBAAgB,EAAE,IAAI;SACvB;AAED,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AACpD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AAE9C,QAAA,MAAM,YAAY,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,iBAAiB,EAAE;QAEjD,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qCAAqC,EAC7C,EAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CACzD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EACxC,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,GAAG,EAC/B,SAAS,CAAC,OAAO,EAAE,CAChB,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAC7D,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,EAC9C,IAAI,CAAC,0BAA0B,CAAC,SAAS,EAAE,OAAO,CAAC;YAClD,CAAK,EAAA,EAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAE,CAAA,CAC3D,CACH,EAEL,IAAI,CAAC,WAAW,KACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC1C,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAE,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,EAC5D,IAAI,EAAC,SAAS,EAAA,CACH,CACT,CACP,CACG,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAQ,CACzB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC1C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAQ,CAAA,CAChC,CACF,CACF,EAEL,IAAI,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,KACnC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iCAAiC,EAAA,EAC1C,CAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAC3C,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,EAAA,EAC5E,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAA,EAAE,IAAI,CAAC,YAAY,CAAC,eAAe,CAAQ,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAAE,EAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAQ,CACtF,EAEZ,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAClD,EAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,YAAY,KACzC,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,iCAAiC,EAAA,EACzC,CAAC,CAAA,YAAY,IAAC,KAAK,EAAC,yBAAyB,EAAE,EAAA,YAAY,CAAC,IAAI,CAAgB,EAE/E,YAAY,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,KAC7B,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,4BAA4B,EAAA,EACnC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KAC5B,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,iCAAiC,EAAA,EACzC,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,wCAAwC,EAAA,EAClD,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,oCAAoC,EAAA,EAC9C,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,+BAA+B,IACxC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CACrD,EACP,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,4BAA4B,EACrC,EAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CACxC,CACF,EACP,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,4BAA4B,EAAA,EACrC,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC;AACtD,YAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,CACxD,CACF,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,KAAK,CAAC,WAAW,KAChB,CAAA,CAAA,WAAA,EAAA,EACE,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,KAAK,EAAE,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,EAClD,CAAA,CACd,CACI,CACJ,CACN,CAAC,CACC,CACN,CACE,CACN,CAAC,CACC,CACQ,CACX,CACP,CACG,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhEventinfo","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-eventinfo/stzh-eventinfo.scss?tag=stzh-eventinfo&encapsulation=scoped","src/components/CMS/stzh-eventinfo/stzh-eventinfo.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-eventinfo {\n display: flex;\n\n &__left {\n @include fontSize(\"nano\");\n flex-shrink: 0;\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n align-items: center;\n color: $colorBlack;\n background-color: $colorSecondary30;\n padding-top: space(\"small\");\n width: 72px;\n\n @include mq($from: small) {\n width: 88px;\n }\n }\n\n &__main-event-day {\n @include font(\"heavy\");\n @include fontSize(\"hecto\");\n color: $colorPrimary70;\n margin-top: -7px;\n margin-bottom: -7px;\n }\n\n &__right {\n @include fontSize(\"centi\");\n flex-grow: 1;\n color: $colorGrey80;\n background-color: $colorGrey10;\n padding-top: space(\"small\");\n padding-bottom: space(\"medium\");\n padding-left: space(\"small\");\n padding-right: space(\"medium\");\n\n @include mq($from: small) {\n padding-left: space(\"xlarge\");\n padding-right: space(\"xlarge\");\n }\n\n @include mq($from: medium) {\n padding-top: space(\"medium\");\n padding-bottom: space(\"large\");\n }\n\n @include mq($from: large) {\n padding-top: space(\"large\");\n padding-bottom: space(\"xlarge\");\n }\n }\n\n &__head {\n display: flex;\n flex-direction: column;\n column-gap: space(\"large\");\n\n @include mq($from: medium) {\n flex-direction: row;\n justify-content: space-between;\n }\n }\n\n &__main-date {\n display: flex;\n column-gap: space(\"medium\");\n flex-wrap: wrap;\n }\n\n &__main-event-link {\n flex-shrink: 0;\n }\n\n &__text {\n display: flex;\n flex-direction: column;\n row-gap: space(\"medium\");\n column-gap: space(\"large\");\n margin-top: space(\"medium\");\n\n @include mq($from: medium) {\n @include spaceCurve(\"margin-top\", \"tiny\");\n }\n }\n\n &__details-wrapper {\n margin-top: space(\"medium\");\n\n @include mq($from: medium) {\n @include spaceCurve(\"margin-top\", \"tiny\");\n }\n }\n\n &__details {\n color: inherit;\n }\n\n &__details-link-collapse {\n display: none;\n }\n\n &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n &__details-link-collapse {\n display: block;\n }\n\n &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n &__details-link-expand {\n display: none;\n }\n\n &__month-list,\n &__event-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n &__month-list {\n @include fontCurve(\"p1\");\n display: grid;\n column-gap: space(\"small\");\n\n @include mq($from: small) {\n grid-template-columns: minmax(0, 1fr) auto;\n }\n\n @include mq($from: medium) {\n column-gap: space(\"xxlarge\");\n grid-template-columns:\n minmax(100px, auto) minmax(180px, auto) minmax(0, 1fr)\n auto;\n }\n }\n\n &__month-list-item:not(:first-child) &__heading {\n @include spaceCurve(\"margin-top\", \"regular\");\n }\n\n &__month-list-item {\n display: contents;\n }\n\n &__month-list-item:last-child &__event-list-item:last-child &__event-weekday,\n &__month-list-item:last-child &__event-list-item:last-child &__event-date,\n &__month-list-item:last-child &__event-list-item:last-child &__event-time,\n &__month-list-item:last-child &__event-list-item:last-child &__event-link,\n &__month-list-item:last-child\n &__event-list-item:last-child\n &__event-datetime-wrapper {\n margin-bottom: 0px;\n }\n\n &__heading {\n @include font(\"title\");\n @include fontSize(\"centi\", \"heading\");\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n margin-top: 0;\n color: $colorPrimary70;\n\n @include mq($from: small) {\n grid-column: 1 / 3;\n }\n\n @include mq($from: medium) {\n grid-column: 1 / 5;\n }\n }\n\n &__event-list {\n display: contents;\n }\n\n &__event-list-item {\n display: contents;\n }\n\n &__event-weekday,\n &__event-date,\n &__event-time {\n @include mq($from: medium) {\n margin-bottom: space(\"small\");\n }\n\n @include mq($from: large) {\n margin-bottom: space(\"medium\");\n }\n }\n\n &__event-link {\n margin-bottom: space(\"medium\");\n\n @include mq($from: medium) {\n margin-bottom: space(\"small\");\n }\n\n @include mq($from: large) {\n margin-bottom: space(\"medium\");\n }\n }\n\n &__event-datetime-wrapper {\n display: grid;\n\n @include mq($from: small, $to: medium) {\n margin-bottom: space(\"medium\");\n }\n\n @include mq($from: medium) {\n display: contents;\n }\n }\n\n &__event-date-wrapper {\n display: flex;\n flex-direction: column;\n column-gap: space(\"xxlarge\");\n\n @include mq($from: medium) {\n display: contents;\n }\n }\n\n &__event-weekday {\n @include mq($from: small, $to: medium) {\n min-width: 90px;\n }\n }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhEventinfoItem, StzhEventinfoItemInput, StzhEventinfoMonth, StzhLocaleAdapter } from \"../../../index\";\n\nimport { StzhEventinfoLocalizedText } from \"./stzh-eventinfo.localization\";\nimport { setPropsIfNull } from \"../../../utils/utils\";\n\n/*\n @slot location - stzh-text for location\n * @slot additional-info - stzh-text for additional info\n /\n@Component({\n tag: \"stzh-eventinfo\",\n styleUrl: \"stzh-eventinfo.scss\",\n scoped: true,\n})\nexport class StzhEventinfo {\n /* Translation strings /\n @Prop() localization: StzhEventinfoLocalizedText;\n\n /* Month heading level /\n @Prop() monthHeadingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"4\";\n\n /* Start date /\n @Prop() start: Date \| string;\n\n /* End date /\n @Prop() end: Date \| string;\n\n /* Calendar URL /\n @Prop() calendarUrl: string;\n\n /* Calendar label /\n @Prop() calendarLabel: string;\n\n /* Sorting direction of given items /\n @Prop() itemsSortDirection: \"ascending\" \| \"descending\" = \"descending\";\n\n /* Event dates /\n @Prop() items: StzhEventinfoItemInput[] \| string;\n private _items: StzhEventinfoItem[] = [];\n\n /\n Date adapter, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n */\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n @Element() element: HTMLStzhEventinfoElement;\n\n @Watch(\"items\")\n @Watch(\"dateAdapter\")\n itemsWatcher() {\n if (!this.dateAdapter) {\n return;\n }\n\n const data: StzhEventinfoItemInput[] = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n\n if (!data) {\n return;\n }\n\n // sort direction\n const sortAscending = this.itemsSortDirection === \"ascending\";\n\n // convert start and end field to date\n this._items = data\n .map(event => ({\n ...event,\n start: event.start ? new Date(event.start) : undefined,\n end: event.end ? new Date(event.end) : undefined,\n }))\n .sort((a, b) => {\n try {\n const comparison = a.start.getTime() - b.start.getTime();\n return sortAscending ? comparison : -comparison;\n } catch (noStartTimeException) {\n return 1;\n }\n });\n\n // Grouping events by month and year\n const groupedItems: { [monthKey: string]: StzhEventinfoMonth } = this._items.reduce((acc, event) => {\n // Using padded month and year for better sorting\n const month = (event.start.getMonth() + 1).toString().padStart(2, \"0\");\n const monthYearKey = `${event.start.getFullYear()}-${month}`;\n\n if (!acc[monthYearKey]) {\n acc[monthYearKey] = {\n name: this.localization.$globals.monthNames[event.start.getMonth()] + \" \" + event.start.getFullYear(),\n events: [],\n } as StzhEventinfoMonth;\n }\n\n acc[monthYearKey].events.push(event);\n\n // Sort events within each month\n acc[monthYearKey].events.sort((a, b) => {\n const comparison = a.start.getTime() - b.start.getTime();\n return sortAscending ? comparison : -comparison;\n });\n\n return acc;\n }, {});\n\n this._itemsGroupedByMonth = Object.values(groupedItems);\n }\n\n private _itemsGroupedByMonth: StzhEventinfoMonth[] = [];\n private observer: MutationObserver;\n\n private init = () => {\n const locationTexts = this.element.querySelectorAll('stzh-text[slot=\"location\"], [slot=\"location\"] stzh-text');\n\n const additionalInfoTexts = this.element.querySelectorAll(\n 'stzh-text[slot=\"additional-info\"], [slot=\"additional-info\"] stzh-text',\n );\n\n locationTexts.forEach(text => {\n setPropsIfNull(text, {\n color: \"inherit\",\n curve: \"none\",\n } as HTMLStzhTextElement);\n });\n\n additionalInfoTexts.forEach(text => {\n setPropsIfNull(text, {\n color: \"inherit\",\n curve: \"none\",\n } as HTMLStzhTextElement);\n });\n };\n\n private hasProperStartAndOrEndDate(startDate: Date \| undefined, endDate: Date \| undefined) {\n return !(!!startDate && startDate.getHours() === 0 && !endDate);\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"eventinfo\");\n }\n\n if (!this.dateAdapter) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n\n this.itemsWatcher();\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-eventinfo\": true,\n };\n\n const startDate = this.start && new Date(this.start);\n const endDate = this.end && new Date(this.end);\n\n const MonthHeading = `h${this.monthHeadingLevel}`;\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-eventinfo__left\">\n <div class=\"stzh-eventinfo__main-event-day-name\">\n {this.localization.$globals.dayNamesShort[startDate.getDay()]}\n </div>\n <div class=\"stzh-eventinfo__main-event-day\">\n {startDate.getDate() < 10 && \"0\"}\n {startDate.getDate()}\n </div>\n <div class=\"stzh-eventinfo__main-event-month\">\n {this.localization.$globals.monthNamesShort[startDate.getMonth()]}\n </div>\n </div>\n\n <div class=\"stzh-eventinfo__right\">\n <div>\n <div class=\"stzh-eventinfo__head\">\n <div class=\"stzh-eventinfo__main-date\">\n <span>\n {this.dateAdapter.format(startDate, \"dateLong\")}\n {this.hasProperStartAndOrEndDate(startDate, endDate) &&\n `, ${this.dateAdapter.formatSpan(startDate, endDate, \"time\")}`}\n </span>\n </div>\n\n {this.calendarUrl && (\n <div class=\"stzh-eventinfo__main-event-link\">\n <stzh-link\n href={this.calendarUrl}\n label={this.calendarLabel \|\| this.localization.addToCalendar}\n size=\"inherit\"\n ></stzh-link>\n </div>\n )}\n </div>\n\n <div class=\"stzh-eventinfo__text\">\n <div class=\"stzh-eventinfo__location\">\n <slot name=\"location\"></slot>\n </div>\n <div class=\"stzh-eventinfo__additional-info\">\n <slot name=\"additional-info\"></slot>\n </div>\n </div>\n </div>\n\n {this._itemsGroupedByMonth.length > 0 && (\n <div class=\"stzh-eventinfo__details-wrapper\">\n <stzh-details class=\"stzh-eventinfo__details\">\n <stzh-link class=\"stzh-eventinfo__details-link\" icon=\"calendar\" size=\"inherit\">\n <span class=\"stzh-eventinfo__details-link-expand\">{this.localization.expandMoreDates}</span>\n <span class=\"stzh-eventinfo__details-link-collapse\">{this.localization.collapseMoreDates}</span>\n </stzh-link>\n\n <ul slot=\"content\" class=\"stzh-eventinfo__month-list\">\n {this._itemsGroupedByMonth.map(groupedItems => (\n <li class=\"stzh-eventinfo__month-list-item\">\n <MonthHeading class=\"stzh-eventinfo__heading\">{groupedItems.name}</MonthHeading>\n\n {groupedItems.events.length > 0 && (\n <ul class=\"stzh-eventinfo__event-list\">\n {groupedItems.events.map(event => (\n <li class=\"stzh-eventinfo__event-list-item\">\n <span class=\"stzh-eventinfo__event-datetime-wrapper\">\n <span class=\"stzh-eventinfo__event-date-wrapper\">\n <span class=\"stzh-eventinfo__event-weekday\">\n {this.localization.$globals.dayNames[event.start.getDay()]}\n </span>\n <span class=\"stzh-eventinfo__event-date\">\n {this.dateAdapter.format(event.start, \"date\")}\n </span>\n </span>\n <span class=\"stzh-eventinfo__event-time\">\n {this.hasProperStartAndOrEndDate(event.start, event.end) &&\n this.dateAdapter.formatSpan(event.start, event.end, \"time\")}\n </span>\n </span>\n <span class=\"stzh-eventinfo__event-link\">\n {event.calendarUrl && (\n <stzh-link\n href={event.calendarUrl}\n label={event.calendarLabel \|\| this.localization.addToCalendar}\n ></stzh-link>\n )}\n </span>\n </li>\n ))}\n </ul>\n )}\n </li>\n ))}\n </ul>\n </stzh-details>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-eventinfo.js","mappings":"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","names":["StzhEventinfo","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-eventinfo/stzh-eventinfo.scss?tag=stzh-eventinfo&encapsulation=scoped","src/components/CMS/stzh-eventinfo/stzh-eventinfo.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-eventinfo {\n display: flex;\n\n &__left {\n @include fontSize(\"nano\");\n flex-shrink: 0;\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n align-items: center;\n color: $colorBlack;\n background-color: $colorSecondary30;\n padding-top: space(\"small\");\n width: 72px;\n\n @include mq($from: small) {\n width: 88px;\n }\n }\n\n &__main-event-day {\n @include font(\"heavy\");\n @include fontSize(\"hecto\");\n color: $colorPrimary70;\n margin-top: -7px;\n margin-bottom: -7px;\n }\n\n &__right {\n @include fontSize(\"centi\");\n flex-grow: 1;\n color: $colorGrey80;\n background-color: $colorGrey10;\n padding-top: space(\"small\");\n padding-bottom: space(\"medium\");\n padding-left: space(\"small\");\n padding-right: space(\"medium\");\n\n @include mq($from: small) {\n padding-left: space(\"xlarge\");\n padding-right: space(\"xlarge\");\n }\n\n @include mq($from: medium) {\n padding-top: space(\"medium\");\n padding-bottom: space(\"large\");\n }\n\n @include mq($from: large) {\n padding-top: space(\"large\");\n padding-bottom: space(\"xlarge\");\n }\n }\n\n &__head {\n display: flex;\n flex-direction: column;\n column-gap: space(\"large\");\n\n @include mq($from: medium) {\n flex-direction: row;\n justify-content: space-between;\n }\n }\n\n &__main-date {\n display: flex;\n column-gap: space(\"medium\");\n flex-wrap: wrap;\n }\n\n &__main-event-link {\n flex-shrink: 0;\n }\n\n &__text {\n display: flex;\n flex-direction: column;\n row-gap: space(\"medium\");\n column-gap: space(\"large\");\n margin-top: space(\"medium\");\n\n @include mq($from: medium) {\n @include spaceCurve(\"margin-top\", \"tiny\");\n }\n }\n\n &__details-wrapper {\n margin-top: space(\"medium\");\n\n @include mq($from: medium) {\n @include spaceCurve(\"margin-top\", \"tiny\");\n }\n }\n\n &__details {\n color: inherit;\n }\n\n &__details-link-collapse {\n display: none;\n }\n\n &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n &__details-link-collapse {\n display: block;\n }\n\n &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"])\n &__details-link-expand {\n display: none;\n }\n\n &__month-list,\n &__event-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n &__month-list {\n @include fontCurve(\"p1\");\n display: grid;\n column-gap: space(\"small\");\n\n @include mq($from: small) {\n grid-template-columns: minmax(0, 1fr) auto;\n }\n\n @include mq($from: medium) {\n column-gap: space(\"xxlarge\");\n grid-template-columns:\n minmax(100px, auto) minmax(180px, auto) minmax(0, 1fr)\n auto;\n }\n }\n\n &__month-list-item:not(:first-child) &__heading {\n @include spaceCurve(\"margin-top\", \"regular\");\n }\n\n &__month-list-item {\n display: contents;\n }\n\n &__month-list-item:last-child &__event-list-item:last-child &__event-weekday,\n &__month-list-item:last-child &__event-list-item:last-child &__event-date,\n &__month-list-item:last-child &__event-list-item:last-child &__event-time,\n &__month-list-item:last-child &__event-list-item:last-child &__event-link,\n &__month-list-item:last-child\n &__event-list-item:last-child\n &__event-datetime-wrapper {\n margin-bottom: 0px;\n }\n\n &__heading {\n @include font(\"title\");\n @include fontSize(\"centi\", \"heading\");\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n margin-top: 0;\n color: $colorPrimary70;\n\n @include mq($from: small) {\n grid-column: 1 / 3;\n }\n\n @include mq($from: medium) {\n grid-column: 1 / 5;\n }\n }\n\n &__event-list {\n display: contents;\n }\n\n &__event-list-item {\n display: contents;\n }\n\n &__event-weekday,\n &__event-date,\n &__event-time {\n @include mq($from: medium) {\n margin-bottom: space(\"small\");\n }\n\n @include mq($from: large) {\n margin-bottom: space(\"medium\");\n }\n }\n\n &__event-link {\n margin-bottom: space(\"medium\");\n\n @include mq($from: medium) {\n margin-bottom: space(\"small\");\n }\n\n @include mq($from: large) {\n margin-bottom: space(\"medium\");\n }\n }\n\n &__event-datetime-wrapper {\n display: grid;\n\n @include mq($from: small, $to: medium) {\n margin-bottom: space(\"medium\");\n }\n\n @include mq($from: medium) {\n display: contents;\n }\n }\n\n &__event-date-wrapper {\n display: flex;\n flex-direction: column;\n column-gap: space(\"xxlarge\");\n\n @include mq($from: medium) {\n display: contents;\n }\n }\n\n &__event-weekday {\n @include mq($from: small, $to: medium) {\n min-width: 90px;\n }\n }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhEventinfoItem, StzhEventinfoItemInput, StzhEventinfoMonth, StzhLocaleAdapter } from \"../../../index\";\n\nimport { StzhEventinfoLocalizedText } from \"./stzh-eventinfo.localization\";\nimport { setPropsIfNull } from \"../../../utils/utils\";\n\n/*\n @slot location - stzh-text for location\n * @slot additional-info - stzh-text for additional info\n /\n@Component({\n tag: \"stzh-eventinfo\",\n styleUrl: \"stzh-eventinfo.scss\",\n scoped: true,\n})\nexport class StzhEventinfo {\n /* Translation strings /\n @Prop() localization: StzhEventinfoLocalizedText;\n\n /* Month heading level /\n @Prop() monthHeadingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"4\";\n\n /* Start date /\n @Prop() start: Date \| string;\n\n /* End date /\n @Prop() end: Date \| string;\n\n /* Calendar URL /\n @Prop() calendarUrl: string;\n\n /* Calendar label /\n @Prop() calendarLabel: string;\n\n /* Sorting direction of given items /\n @Prop() itemsSortDirection: \"ascending\" \| \"descending\" = \"descending\";\n\n /* Event dates /\n @Prop() items: StzhEventinfoItemInput[] \| string;\n private _items: StzhEventinfoItem[] = [];\n\n /\n Date adapter, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n */\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n @Element() element: HTMLStzhEventinfoElement;\n\n @Watch(\"items\")\n @Watch(\"dateAdapter\")\n itemsWatcher() {\n if (!this.dateAdapter) {\n return;\n }\n\n const data: StzhEventinfoItemInput[] = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n\n if (!data) {\n return;\n }\n\n // sort direction\n const sortAscending = this.itemsSortDirection === \"ascending\";\n\n // convert start and end field to date\n this._items = data\n .map(event => ({\n ...event,\n start: event.start ? new Date(event.start) : undefined,\n end: event.end ? new Date(event.end) : undefined,\n }))\n .sort((a, b) => {\n try {\n const comparison = a.start.getTime() - b.start.getTime();\n return sortAscending ? comparison : -comparison;\n } catch (noStartTimeException) {\n return 1;\n }\n });\n\n // Grouping events by month and year\n const groupedItems: { [monthKey: string]: StzhEventinfoMonth } = this._items.reduce((acc, event) => {\n // Using padded month and year for better sorting\n const month = (event.start.getMonth() + 1).toString().padStart(2, \"0\");\n const monthYearKey = `${event.start.getFullYear()}-${month}`;\n\n if (!acc[monthYearKey]) {\n acc[monthYearKey] = {\n name: this.localization.$globals.monthNames[event.start.getMonth()] + \" \" + event.start.getFullYear(),\n events: [],\n } as StzhEventinfoMonth;\n }\n\n acc[monthYearKey].events.push(event);\n\n // Sort events within each month\n acc[monthYearKey].events.sort((a, b) => {\n const comparison = a.start.getTime() - b.start.getTime();\n return sortAscending ? comparison : -comparison;\n });\n\n return acc;\n }, {});\n\n this._itemsGroupedByMonth = Object.values(groupedItems);\n }\n\n private _itemsGroupedByMonth: StzhEventinfoMonth[] = [];\n private observer: MutationObserver;\n\n private init = () => {\n const locationTexts = this.element.querySelectorAll('stzh-text[slot=\"location\"], [slot=\"location\"] stzh-text');\n\n const additionalInfoTexts = this.element.querySelectorAll(\n 'stzh-text[slot=\"additional-info\"], [slot=\"additional-info\"] stzh-text',\n );\n\n locationTexts.forEach(text => {\n setPropsIfNull(text, {\n color: \"inherit\",\n curve: \"none\",\n } as HTMLStzhTextElement);\n });\n\n additionalInfoTexts.forEach(text => {\n setPropsIfNull(text, {\n color: \"inherit\",\n curve: \"none\",\n } as HTMLStzhTextElement);\n });\n };\n\n private hasProperStartAndOrEndDate(startDate: Date \| undefined, endDate: Date \| undefined) {\n return !(!!startDate && startDate.getHours() === 0 && !endDate);\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"eventinfo\");\n }\n\n if (!this.dateAdapter) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n\n this.itemsWatcher();\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-eventinfo\": true,\n };\n\n const startDate = this.start && new Date(this.start);\n const endDate = this.end && new Date(this.end);\n\n const MonthHeading = `h${this.monthHeadingLevel}`;\n\n return (\n <Host>\n <div class={classes}>\n <time\n class=\"stzh-eventinfo__left\"\n dateTime={startDate.toISOString()}\n aria-label={this.dateAdapter.format(startDate, \"dateLong\")}\n >\n <span class=\"stzh-eventinfo__main-event-day-name\">\n {this.localization.$globals.dayNamesShort[startDate.getDay()]}\n </span>\n <span class=\"stzh-eventinfo__main-event-day\">\n {startDate.getDate() < 10 && \"0\"}\n {startDate.getDate()}\n </span>\n <span class=\"stzh-eventinfo__main-event-month\">\n {this.localization.$globals.monthNamesShort[startDate.getMonth()]}\n </span>\n </time>\n\n <div class=\"stzh-eventinfo__right\">\n <div>\n <div class=\"stzh-eventinfo__head\">\n <div class=\"stzh-eventinfo__main-date\">\n <div class=\"stzh-eventinfo__main-date\">\n <time dateTime={startDate.toISOString()}>\n {this.dateAdapter.format(startDate, \"dateLong\")}\n {this.hasProperStartAndOrEndDate(startDate, endDate) &&\n `, ${this.dateAdapter.formatSpan(startDate, endDate, \"time\")}`}\n </time>\n </div>\n </div>\n\n {this.calendarUrl && (\n <div class=\"stzh-eventinfo__main-event-link\">\n <stzh-link\n href={this.calendarUrl}\n label={this.calendarLabel \|\| this.localization.addToCalendar}\n size=\"inherit\"\n ></stzh-link>\n </div>\n )}\n </div>\n\n <div class=\"stzh-eventinfo__text\">\n <div class=\"stzh-eventinfo__location\">\n <slot name=\"location\"></slot>\n </div>\n <div class=\"stzh-eventinfo__additional-info\">\n <slot name=\"additional-info\"></slot>\n </div>\n </div>\n </div>\n\n {this._itemsGroupedByMonth.length > 0 && (\n <div class=\"stzh-eventinfo__details-wrapper\">\n <stzh-details class=\"stzh-eventinfo__details\">\n <stzh-link class=\"stzh-eventinfo__details-link\" icon=\"calendar\" size=\"inherit\">\n <span class=\"stzh-eventinfo__details-link-expand\">{this.localization.expandMoreDates}</span>\n <span class=\"stzh-eventinfo__details-link-collapse\">{this.localization.collapseMoreDates}</span>\n </stzh-link>\n\n <ul slot=\"content\" class=\"stzh-eventinfo__month-list\">\n {this._itemsGroupedByMonth.map(groupedItems => (\n <li class=\"stzh-eventinfo__month-list-item\">\n <MonthHeading class=\"stzh-eventinfo__heading\">{groupedItems.name}</MonthHeading>\n\n {groupedItems.events.length > 0 && (\n <ul class=\"stzh-eventinfo__event-list\">\n {groupedItems.events.map(event => (\n <li class=\"stzh-eventinfo__event-list-item\">\n <time\n class=\"stzh-eventinfo__event-datetime-wrapper\"\n dateTime={event.start.toISOString()}\n >\n <span class=\"stzh-eventinfo__event-date-wrapper\">\n <span class=\"stzh-eventinfo__event-weekday\">\n {this.localization.$globals.dayNames[event.start.getDay()]}\n </span>\n <span class=\"stzh-eventinfo__event-date\">\n {this.dateAdapter.format(event.start, \"date\")}\n </span>\n </span>\n\n {this.hasProperStartAndOrEndDate(event.start, event.end) && (\n <span class=\"stzh-eventinfo__event-time\">\n {this.dateAdapter.formatSpan(event.start, event.end, \"time\")}\n </span>\n )}\n </time>\n <span class=\"stzh-eventinfo__event-link\">\n {event.calendarUrl && (\n <stzh-link\n href={event.calendarUrl}\n label={event.calendarLabel \|\| this.localization.addToCalendar}\n ></stzh-link>\n )}\n </span>\n </li>\n ))}\n </ul>\n )}\n </li>\n ))}\n </ul>\n </stzh-details>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/stzh-feedreader-item.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull, h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$2 } from './p-DZ_hOgVb.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { s as setPropsIfNull, h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
 const stzhFeedreaderItemCss = () => `@charset "UTF-8";.sc-stzh-feedreader-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-feedreader-item-h,[stzh-hidden].sc-stzh-feedreader-item-h{display:none}.sc-stzh-feedreader-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::before,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-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-feedreader-item-h .has-focus.sc-stzh-feedreader-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item{outline-style:none !important}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item::-moz-focus-inner{border:0 !important}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] *,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] *{color:var(--stzh-color-black);--color:var(--stzh-color-black)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] .subtitle,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] .subtitle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin-bottom:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul{margin:0;list-style-type:none;padding-inline-start:0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li{text-indent:-0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li:before,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li:before{content:"–";text-indent:-0.3125rem;padding-right:0.75rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] strong,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table{border-spacing:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table td,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table td{padding-right:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);vertical-align:top}.sc-stzh-feedreader-item-h[variant=warning].sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h[variant=warning] .sc-stzh-feedreader-item-s>[slot=heading]{--color:var(--stzh-color-warning90)}.stzh-feedreader-item.sc-stzh-feedreader-item{display:block;transition:background-color 0.2s ease;height:100%;padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxxlarge)}}.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xxlarge)}}.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-feedreader-item__header.sc-stzh-feedreader-item{display:flex;flex-direction:row;gap:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{gap:var(--stzh-space-medium)}}.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--color:var(--stzh-color-warning70)}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--size:1.75rem}}@media screen and (min-width: 900px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-feedreader-item--info.sc-stzh-feedreader-item{background-color:var(--stzh-color-grey10)}.stzh-feedreader-item--warning.sc-stzh-feedreader-item{background-color:var(--stzh-color-warning20)}.stzh-feedreader-item--has-link.sc-stzh-feedreader-item{text-decoration:none}.stzh-feedreader-item--has-link.stzh-feedreader-item--info.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-grey20)}.stzh-feedreader-item--has-link.stzh-feedreader-item--warning.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-warning30)}`;
@@ -41,7 +41,7 @@ const StzhFeedreaderItem$1 = /*@__PURE__*/ proxyCustomElement(class StzhFeedread
             "stzh-feedreader-item--has-link": !!this.link,
             [`stzh-feedreader-item--${this.variant}`]: true,
         };
-        return (h(Host, { key: '30305e6b55da20a6c0742ffc922cab57bd297778', variant: this.variant }, !!this.link ? (h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (h("div", { class: classes }, this.renderInner()))));
+        return (h(Host, { key: '67db1ae31578fffb91b9cd99c58867ed631cbc62', variant: this.variant }, !!this.link ? (h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (h("div", { class: classes }, this.renderInner()))));
     }
     get element() { return this; }
     static get style() { return stzhFeedreaderItemCss(); }

package/dist/components/stzh-feedreader.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$8 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$7 } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$6 } from './p-CLg_b_CM.js';
-import { d as defineCustomElement$5 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$4 } from './p-D1qHu5Qi.js';
-import { d as defineCustomElement$3 } from './p-Nj7vgfBU.js';
-import { d as defineCustomElement$2 } from './p-CqIeGIYq.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$8 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$7 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$6 } from './p-DmbPNk49.js';
+import { d as defineCustomElement$5 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$4 } from './p-CxqE2nhG.js';
+import { d as defineCustomElement$3 } from './p-BJz42pna.js';
+import { d as defineCustomElement$2 } from './p-CIG3atcV.js';
 const stzhFeedreaderCss = () => `.sc-stzh-feedreader-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-feedreader-h,[stzh-hidden].sc-stzh-feedreader-h{display:none}.sc-stzh-feedreader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-h *.sc-stzh-feedreader,.sc-stzh-feedreader-h *.sc-stzh-feedreader::before,.sc-stzh-feedreader-h *.sc-stzh-feedreader::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-feedreader-h .has-focus.sc-stzh-feedreader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader{outline-style:none !important}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader::-moz-focus-inner{border:0 !important}.stzh-feedreader__header.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__subscribe.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__items.sc-stzh-feedreader{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-ultra)}}`;
@@ -48,7 +48,7 @@ const StzhFeedreader$1 = /*@__PURE__*/ proxyCustomElement(class StzhFeedreader e
         const subscribeFeedSlotUsed = hasSlot(this.element, "subscribe-feed");
         const subscribeProxySlotUsed = hasSlot(this.element, "subscribe-proxy");
         const connectionErrorSlotUsed = hasSlot(this.element, "connection-error");
-        return (h(Host, { key: '0632d984b101d693fd30f9e9fc0dab8ea65648f5' }, h("div", { key: 'a981907beaffc17340221e03eb9f435a5f86a636', class: classes }, h("div", { key: '20454dec2623b56401b4aba9b2bad6f94ba1ebbc', class: "stzh-feedreader__container" }, h("div", { key: 'eedd15ec6f01ade68f4227d3d8e0a101a489f954', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '592ebf1b9d2eef8eca8d9cfe432cb2383268ecdd', level: this.headingLevel }, this.heading), h("stzh-text", { key: '315c51f1052885cfc7d3cd30b56046e9394f9daf' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '57d3e604126a4d2234ff997ede18d340935ff34a', class: "stzh-feedreader__subscribe" }, h("slot", { key: '9ccb5f3a86d47b9546895cf977bfde57d9de0fcd', name: "subscribe-feed" }), h("slot", { key: '2a19bfff9b7972a17713855890da2645a94a6e92', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: '56e64d2286f57571e269ae5e244616a3df180790', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: '2f0986d8d8f23a064c6e0c755e461d8b15cca761', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '9c3517ca208d1ea4a6a494817b1b51ef053a8a9e', class: "stzh-feedreader__connection-error" }, h("slot", { key: '1f1fa1d567409c4e8593fa92d409930b68b609c5', name: "connection-error" }))), h("div", { key: 'dca73ab50231b43f777802d64a6adc52d9ac7c26', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '8aedaba8e442fef7f684f3e19178341a266edbbf' }))))));
+        return (h(Host, { key: '585bbba80a0811664fcc2fa8fd625cd8655e3395' }, h("div", { key: '1b5cf59f524032928f7fc1be1c13fa276ec8aee2', class: classes }, h("div", { key: '6d7c4859e10aaac5e799fe25e3df6e48dc4177a7', class: "stzh-feedreader__container" }, h("div", { key: 'a836351af7e1c34eb4185b220b18840393854953', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '538dd6530eec23225a5056f3dbdcce1661a9f04a', level: this.headingLevel }, this.heading), h("stzh-text", { key: 'fbf3caa72ba0a439f58a535570ff0e6f26ecfea6' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '295435654fc0173f3563ef06a991ba2e9e08fd2f', class: "stzh-feedreader__subscribe" }, h("slot", { key: '098ad14079743d30879c13a3e279d687edb67838', name: "subscribe-feed" }), h("slot", { key: '113867124ac4a39ed9ef8ff3ac7e36e08c6f8eff', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: 'a4e56e1f88834f4cad0288decb7217b47f24c427', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: '58f4e5680b06efc8286eb441208ab58ac7d4a452', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '416edc6d240e38bdc1a1127bc1733874f19cd2bd', class: "stzh-feedreader__connection-error" }, h("slot", { key: '55501003e971585e9d8de9fed9a3b38af545255b', name: "connection-error" }))), h("div", { key: '24148d7f7c4ce020fc7cc404e2191f8ed1ae14f0', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '2fd37b35f21650091ae54989e5e8bd7808f785a7' }))))));
     }
     get element() { return this; }
     static get style() { return stzhFeedreaderCss(); }

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

@@ -1,4 +1,4 @@
-import { S as StzhFieldset$1, d as defineCustomElement$1 } from './p-hX8escCp.js';
+import { S as StzhFieldset$1, d as defineCustomElement$1 } from './p-_Wg6OwyH.js';
 const StzhFieldset = StzhFieldset$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as StzhFigure$1, d as defineCustomElement$1 } from './p-B1ilR8O2.js';
+import { S as StzhFigure$1, d as defineCustomElement$1 } from './p-D8sqmC0t.js';
 const StzhFigure = StzhFigure$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { p as prefersReducedMotion } from './p-BOO84wnP.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}`;
@@ -200,7 +200,7 @@ const StzhFlyingfocus$1 = /*@__PURE__*/ proxyCustomElement(class StzhFlyingfocus
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (h(Host, { key: '17d289b3367f2445e97905c667ab14421b9055c2' }, h("div", { key: 'e3131b811ea2c614dd32ce3f05d079f1caff4321', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (h(Host, { key: '387f6cb0591bb6f73f173b55db3af8c98292ff9f' }, h("div", { key: '05c9ffb86cbe88f3365190ad8cd297fdc897d5b0', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     get element() { return this; }
     static get style() { return stzhFlyingfocusCss(); }