npm - @oiz/stzh-components - Versions diffs - 3.0.0-beta5 → 3.0.0 - Mend

@oiz/stzh-components 3.0.0-beta5 → 3.0.0

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

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

@@ -3,16 +3,38 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-92254d32.js');
+const utils = require('./utils-d0fff87f.js');
+require('./string-utils-5dd70320.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{display:none}.sc-stzh-eventinfo-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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{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);color:var(--stzh-color-grey80)}@media screen and (min-width: 900px){.stzh-eventinfo.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,.stzh-eventinfo__event-list.sc-stzh-eventinfo{list-style:none;margin:0;padding:0}.stzh-eventinfo__month-list.sc-stzh-eventinfo{display:grid;-moz-column-gap:var(--stzh-space-small);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{grid-template-columns:minmax(calc(9.375rem - var(--stzh-space-small)), auto) minmax(calc(12.5rem - var(--stzh-space-small)), 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{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}@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;gap:var(--stzh-space-xsmall)}@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}}";
+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{display:none}.sc-stzh-eventinfo-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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;-moz-column-gap:var(--stzh-space-large);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;-moz-column-gap:var(--stzh-space-medium);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);-moz-column-gap:var(--stzh-space-large);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-xsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}}.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-xsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}}.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);display:grid;-moz-column-gap:var(--stzh-space-small);column-gap:var(--stzh-space-small)}@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)}}@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{-moz-column-gap:var(--stzh-space-xxlarge);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-xsmall);margin-top:0;color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}@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;-moz-column-gap:var(--stzh-space-xxlarge);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}}";
 const StzhEventinfo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this._items = [];
     this._itemsGroupedByMonth = [];
+    this.init = () => {
+      const locationTexts = this.element.querySelectorAll('stzh-text[slot="location"], [slot="location"] stzh-text');
+      const additionalInfoTexts = this.element.querySelectorAll('stzh-text[slot="additional-info"], [slot="additional-info"] stzh-text');
+      locationTexts.forEach((text) => {
+        utils.setPropsIfNull(text, {
+          color: "inherit",
+          curve: "none"
+        });
+      });
+      additionalInfoTexts.forEach((text) => {
+        utils.setPropsIfNull(text, {
+          color: "inherit",
+          curve: "none"
+        });
+      });
+    };
     this.localization = undefined;
     this.monthHeadingLevel = "4";
+    this.start = undefined;
+    this.end = undefined;
+    this.calendarUrl = undefined;
+    this.calendarLabel = undefined;
     this.items = undefined;
     this.dateAdapter = undefined;
   }
@@ -54,14 +76,31 @@ const StzhEventinfo = class {
     }
     this.itemsWatcher();
   }
+  connectedCallback() {
+    this.init();
+    this.observer = new MutationObserver(this.init);
+    this.observer.observe(this.element, {
+      childList: true,
+      subtree: true
+    });
+  }
+  disconnectedCallback() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  }
   render() {
     const classes = {
       "stzh-eventinfo": true
     };
-    return (index.h(index.Host, null, index.h("div", { class: classes }, this._itemsGroupedByMonth.length > 0 &&
-      index.h("ul", { class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map((groupedItems) => index.h("li", { class: "stzh-eventinfo__month-list-item" }, index.h("stzh-heading", { class: "stzh-eventinfo__heading", level: this.monthHeadingLevel }, groupedItems.name), groupedItems.events.length > 0 &&
+    const startDate = this.start && new Date(this.start);
+    const endDate = this.end && new Date(this.end);
+    const MonthHeading = `h${this.monthHeadingLevel}`;
+    return (index.h(index.Host, null, index.h("div", { class: classes }, index.h("div", { class: "stzh-eventinfo__left" }, index.h("div", { class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), index.h("div", { class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && '0', startDate.getDate()), index.h("div", { class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), index.h("div", { class: "stzh-eventinfo__right" }, index.h("div", null, index.h("div", { class: "stzh-eventinfo__head" }, index.h("div", { class: "stzh-eventinfo__main-date" }, index.h("span", null, this.localization.$globals.dayNames[startDate.getDay()]), index.h("span", null, this.dateAdapter.format(startDate, "date")), index.h("span", null, this.dateAdapter.formatSpan(startDate, endDate, "time"))), this.calendarUrl &&
+      index.h("div", { class: "stzh-eventinfo__main-event-link" }, index.h("stzh-link", { href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" }))), index.h("div", { class: "stzh-eventinfo__text" }, index.h("div", { class: "stzh-eventinfo__location" }, index.h("slot", { name: "location" })), index.h("div", { class: "stzh-eventinfo__additional-info" }, index.h("slot", { name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 &&
+      index.h("div", { class: "stzh-eventinfo__details-wrapper" }, index.h("stzh-details", { class: "stzh-eventinfo__details" }, index.h("stzh-link", { class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, index.h("span", { class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), index.h("span", { class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), index.h("ul", { slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map((groupedItems) => index.h("li", { class: "stzh-eventinfo__month-list-item" }, index.h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 &&
         index.h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map((event) => index.h("li", { class: "stzh-eventinfo__event-list-item" }, index.h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-date-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), index.h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), index.h("span", { class: "stzh-eventinfo__event-time" }, this.dateAdapter.formatSpan(event.start, event.end, "time"))), index.h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl &&
-          index.h("stzh-link", { size: "small", href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))));
+          index.h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar }))))))))))))));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {

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

	@@ -1 +1 @@
1	- {"file":"stzh-eventinfo.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/stzh-eventinfo/stzh-eventinfo.scss?tag=stzh-eventinfo&encapsulation=scoped","src/components/stzh-eventinfo/stzh-eventinfo.tsx"],"sourcesContent":[":host {\n\n}\n\n.stzh-eventinfo {\n @include fontCurve('p1');\n color: $colorGrey80;\n\n &__month-list,\n &__event-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n &__month-list {\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 grid-template-columns: minmax(calc(150px - #{space('small')}), auto) minmax(calc(200px - #{space('small')}), auto) minmax(0, 1fr) 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 &__event-list-item:last-child &__event-datetime-wrapper {\n margin-bottom: 0px;\n }\n\n &__heading {\n @include spaceCurve('margin-bottom', 'tiny');\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 gap: space('xsmall');\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 {\n Component,\n Host,\n h,\n Element,\n Prop,\n Watch,\n} from \"@stencil/core\";\n\nimport {\n StzhEventinfoItemInput,\n StzhEventinfoItem,\n StzhEventinfoMonth,\n StzhLocaleAdapter\n} from \"../../index\";\n\nimport { StzhEventinfoLocalizedText } from './stzh-eventinfo.localization';\n\n/*\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 /* 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 private _itemsGroupedByMonth: StzhEventinfoMonth[] = [];\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\"\n ? JSON.parse(this.items)\n : this.items;\n\n if (!data) {\n return;\n }\n\n // convert start and end field to date\n this._items = data\n .map(event => ({\n ...event,\n start: new Date(event.start),\n end: new Date(event.end),\n }))\n .sort((a, b) => a.start.getTime() - b.end.getTime());\n\n // grouping events by month and year\n const groupedItems: { [monthKey: string]: StzhEventinfoMonth } = this._items.reduce((acc, event) => {\n const monthYearKey = event.start.getMonth() + event.start.getFullYear();\n if (!acc[monthYearKey]) {\n acc[monthYearKey] = {\n name: this.localization.$globals.monthNames[event.start.getMonth()]\n + \" \" + event.start.getFullYear(),\n events: []\n } as StzhEventinfoMonth;\n }\n\n acc[monthYearKey].events.push(event);\n return acc;\n }, {});\n\n this._itemsGroupedByMonth = Object.values(groupedItems);\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 render() {\n const classes = {\n \"stzh-eventinfo\": true\n };\n\n return (\n <Host>\n <div class={classes}>\n {this._itemsGroupedByMonth.length > 0 &&\n <ul class=\"stzh-eventinfo__month-list\">\n {this._itemsGroupedByMonth.map((groupedItems) =>\n <li class=\"stzh-eventinfo__month-list-item\">\n <stzh-heading\n class=\"stzh-eventinfo__heading\"\n level={this.monthHeadingLevel}\n >\n {groupedItems.name}\n </stzh-heading>\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.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 size=\"small\"\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 }\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-eventinfo.entry.cjs.js","mappings":"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","names":["setPropsIfNull","h","Host"],"sources":["src/components/stzh-eventinfo/stzh-eventinfo.scss?tag=stzh-eventinfo&encapsulation=scoped","src/components/stzh-eventinfo/stzh-eventinfo.tsx"],"sourcesContent":[":host {\n\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\"]) &__details-link-collapse {\n display: block;\n }\n\n &__details-link[a11y-expanded]:not([a11y-expanded=\"false\"]) &__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: minmax(100px, auto) minmax(180px, auto) minmax(0, 1fr) 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 &__event-list-item:last-child &__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 {\n Component,\n Host,\n h,\n Element,\n Prop,\n Watch,\n} from \"@stencil/core\";\n\nimport {\n StzhEventinfoItemInput,\n StzhEventinfoItem,\n StzhEventinfoMonth,\n StzhLocaleAdapter\n} 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 /* 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\"\n ? JSON.parse(this.items)\n : this.items;\n\n if (!data) {\n return;\n }\n\n // convert start and end field to date\n this._items = data\n .map(event => ({\n ...event,\n start: new Date(event.start),\n end: new Date(event.end),\n }))\n .sort((a, b) => a.start.getTime() - b.end.getTime());\n\n // grouping events by month and year\n const groupedItems: { [monthKey: string]: StzhEventinfoMonth } = this._items.reduce((acc, event) => {\n const monthYearKey = event.start.getMonth() + event.start.getFullYear();\n if (!acc[monthYearKey]) {\n acc[monthYearKey] = {\n name: this.localization.$globals.monthNames[event.start.getMonth()]\n + \" \" + event.start.getFullYear(),\n events: []\n } as StzhEventinfoMonth;\n }\n\n acc[monthYearKey].events.push(event);\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(\n 'stzh-text[slot=\"location\"], [slot=\"location\"] stzh-text'\n );\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 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'}{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.localization.$globals.dayNames[startDate.getDay()]}\n </span>\n <span>\n {this.dateAdapter.format(startDate, \"date\")}\n </span>\n <span>\n {this.dateAdapter.formatSpan(\n startDate,\n endDate,\n \"time\"\n )}\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\n class=\"stzh-eventinfo__details-link\"\n icon=\"calendar\"\n size=\"inherit\"\n >\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\">\n {groupedItems.name}\n </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.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}

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

@@ -6,7 +6,7 @@ const index = require('./index-92254d32.js');
 const utils = require('./utils-d0fff87f.js');
 require('./string-utils-5dd70320.js');
-const stzhFooterCss = ":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]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}: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 .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}@media print{stzh-footer{display:none}}.stzh-footer{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--stzh-color-primary100);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none;}.stzh-footer[hidden]{display:none}.stzh-footer::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}.stzh-footer__wrapper{margin-left:1.25rem;margin-right:1.25rem;padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__wrapper{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__wrapper{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-footer__wrapper{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--stzh-color-primary80)}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem;font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__wrapper,.stzh-footer--has-info .stzh-footer__wrapper{align-items:flex-start}}";
+const stzhFooterCss = ":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]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}: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 .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-footer{--background-color:var(--stzh-footer-background-color)}@media print{stzh-footer{display:none}}.stzh-footer{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--background-color);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none;}.stzh-footer[hidden]{display:none}.stzh-footer::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}.stzh-footer__wrapper{margin-left:1.25rem;margin-right:1.25rem;padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__wrapper{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__wrapper{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-footer__wrapper{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--stzh-color-primary80)}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem;font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__wrapper,.stzh-footer--has-info .stzh-footer__wrapper{align-items:flex-start}}";
 const StzhFooter = class {
   constructor(hostRef) {

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

	@@ -1 +1 @@
1	- {"file":"stzh-footer.entry.cjs.js","mappings":"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","names":["setPropsIfNull","hasSlot","h","Host","Fragment"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["stzh-footer {\n @media print {\n display: none;\n }\n}\n\n.stzh-footer {\n @include host;\n @include fontSize('micro');\n background-color: $colorPrimary100;\n\n --stzh-flyingfocus-color: #{$colorWhite};\n --stzh-base-color: #{$colorWhite70op};\n --stzh-link-color: #{$colorWhite70op};\n --stzh-link-hover-color: #{$colorWhite};\n --stzh-link-text-decoration-line: none;\n --stzh-link-hover-text-decoration-line: none;\n\n [slot=\"logo\"],\n [slot=\"logo\"] img {\n display: block;\n height: 38px;\n }\n\n [slot=\"info\"] {\n margin: 0;\n }\n\n &__wrapper {\n @include container;\n padding: space('xlarge') 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: space('xlarge');\n\n @include mq($from: medium) {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n &__menu {\n background-color: $colorPrimary80;\n }\n\n &__menu-inner {\n @include container;\n @include fontSize('centi');\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: space('xxlarge') 0;\n\n --stzh-link-height: 44px;\n }\n\n &__menu-inner,\n &__logo,\n &__info,\n &__links {\n &:empty {\n display: none;\n }\n }\n\n &__copyright-wrapper {\n @include fontSize('milli');\n display: flex;\n flex-direction: column;\n gap: space('medium');\n color: $colorWhite;\n\n @include mq($from: medium) {\n gap: space('large');\n margin-right: auto;\n }\n }\n\n &__copyright {\n display: flex;\n align-items: center;\n height: 44px;\n }\n\n &__info {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: space('large');\n }\n\n &__links {\n --stzh-link-height: 44px;\n\n @include mq($from: medium) {\n margin-left: auto;\n }\n }\n\n &__links,\n slot-fb[name=\"link\"]:not([hidden]) {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n @include mq($from: small) {\n flex-direction: row;\n align-items: center;\n gap: space('large');\n }\n }\n\n /* Logo or info filled variant /\n\n &--has-logo &__wrapper,\n &--has-info &__wrapper {\n @include mq($from: medium) {\n align-items: flex-start;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Fragment,\n} from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from './stzh-footer.localization';\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/\n @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n /\n@Component({\n tag: \"stzh-footer\",\n styleUrl: \"stzh-footer.scss\"\n})\nexport class StzhFooter {\n /* Translation strings /\n @Prop() localization: StzhFooterLocalizedText;\n\n /* Copyright text (will show default copyright string if undefined) /\n @Prop() copyright: string;\n\n /* Footer variant /\n @Prop() variant: \"default\" \| \"egov\" = \"default\";\n\n /* Main URL for shortlinks */\n @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n @Element() element: HTMLStzhFooterElement;\n\n private observer: MutationObserver;\n\n private init = () => {\n const menuLinks = this.element.querySelectorAll('stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link');\n const links = this.element.querySelectorAll('stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link');\n const infoTexts = this.element.querySelectorAll('stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text');\n const infoLinks = this.element.querySelectorAll('stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link');\n\n menuLinks.forEach((link) => {\n link.setAttribute(\"role\", \"listitem\");\n\n setPropsIfNull(link, {\n size: \"inherit\"\n } as HTMLStzhLinkElement);\n });\n\n links.forEach((link) => {\n link.setAttribute(\"role\", \"listitem\");\n\n setPropsIfNull(link, {\n size: \"inherit\"\n } as HTMLStzhLinkElement);\n });\n\n infoLinks.forEach((link) => {\n setPropsIfNull(link, {\n size: \"inherit\"\n } as HTMLStzhLinkElement);\n });\n\n infoTexts.forEach((link) => {\n setPropsIfNull(link, {\n curve: \"none\"\n } as HTMLStzhTextElement);\n });\n }\n\n async componentWillLoad() {\n if (typeof this.copyright === \"undefined\") {\n const currentDate = new Date();\n this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n }\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'footer');\n }\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 logoSlotUsed = hasSlot(this.element, \"logo\");\n const infoSlotUsed = hasSlot(this.element, \"info\");\n const linkSlotUsed = hasSlot(this.element, \"link\");\n const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n const classes = {\n \"stzh-footer\": true,\n \"stzh-footer--has-logo\": logoSlotUsed,\n \"stzh-footer--has-info\": infoSlotUsed,\n \"stzh-footer--has-links\": linkSlotUsed,\n \"stzh-footer--has-menu-links\": menuLinkSlotUsed\n };\n\n return (\n <Host>\n <footer class={classes}>\n <div class=\"stzh-footer__menu\">\n <div class=\"stzh-footer__menu-inner\">\n <slot name=\"menu-link\"></slot>\n </div>\n </div>\n <div class=\"stzh-footer__wrapper\">\n <div class=\"stzh-footer__copyright-wrapper\">\n {this.copyright &&\n <div class=\"stzh-footer__copyright\">\n {this.copyright}\n </div>\n }\n <div class=\"stzh-footer__logo\">\n <slot name=\"logo\"></slot>\n </div>\n </div>\n\n <div class=\"stzh-footer__info\">\n <slot name=\"info\"></slot>\n </div>\n\n <div class=\"stzh-footer__links\" role=\"list\">\n <slot name=\"link\">\n {this.variant === \"egov\" &&\n <Fragment>\n <stzh-link\n slot=\"link\"\n size=\"inherit\"\n target=\"_blank\"\n class=\"stzh-footer__link\"\n href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n >\n {this.localization.legalNoticeText}\n </stzh-link>\n <stzh-link\n slot=\"link\"\n size=\"inherit\"\n target=\"_blank\"\n class=\"stzh-footer__link\"\n href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n >\n {this.localization.imprintText}\n </stzh-link>\n <stzh-link\n slot=\"link\"\n size=\"inherit\"\n class=\"stzh-footer__link\"\n target=\"_blank\"\n href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n >\n {this.localization.accessibilityText}\n </stzh-link>\n </Fragment>\n }\n </slot>\n </div>\n </div>\n </footer>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-footer.entry.cjs.js","mappings":"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","names":["setPropsIfNull","hasSlot","h","Host","Fragment"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["stzh-footer {\n --background-color: #{$footerBackgroundColor};\n\n @media print {\n display: none;\n }\n}\n\n.stzh-footer {\n @include host;\n @include fontSize('micro');\n background-color: var(--background-color);\n\n --stzh-flyingfocus-color: #{$colorWhite};\n --stzh-base-color: #{$colorWhite70op};\n --stzh-link-color: #{$colorWhite70op};\n --stzh-link-hover-color: #{$colorWhite};\n --stzh-link-text-decoration-line: none;\n --stzh-link-hover-text-decoration-line: none;\n\n [slot=\"logo\"],\n [slot=\"logo\"] img {\n display: block;\n height: 38px;\n }\n\n [slot=\"info\"] {\n margin: 0;\n }\n\n &__wrapper {\n @include container;\n padding: space('xlarge') 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: space('xlarge');\n\n @include mq($from: medium) {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n &__menu {\n background-color: $colorPrimary80;\n }\n\n &__menu-inner {\n @include container;\n @include fontSize('centi');\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: space('xxlarge') 0;\n\n --stzh-link-height: 44px;\n }\n\n &__menu-inner,\n &__logo,\n &__info,\n &__links {\n &:empty {\n display: none;\n }\n }\n\n &__copyright-wrapper {\n @include fontSize('milli');\n display: flex;\n flex-direction: column;\n gap: space('medium');\n color: $colorWhite;\n\n @include mq($from: medium) {\n gap: space('large');\n margin-right: auto;\n }\n }\n\n &__copyright {\n display: flex;\n align-items: center;\n height: 44px;\n }\n\n &__info {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: space('large');\n }\n\n &__links {\n --stzh-link-height: 44px;\n\n @include mq($from: medium) {\n margin-left: auto;\n }\n }\n\n &__links,\n slot-fb[name=\"link\"]:not([hidden]) {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n @include mq($from: small) {\n flex-direction: row;\n align-items: center;\n gap: space('large');\n }\n }\n\n /* Logo or info filled variant /\n\n &--has-logo &__wrapper,\n &--has-info &__wrapper {\n @include mq($from: medium) {\n align-items: flex-start;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Fragment,\n} from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from './stzh-footer.localization';\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/\n @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n /\n@Component({\n tag: \"stzh-footer\",\n styleUrl: \"stzh-footer.scss\"\n})\nexport class StzhFooter {\n /* Translation strings /\n @Prop() localization: StzhFooterLocalizedText;\n\n /* Copyright text (will show default copyright string if undefined) /\n @Prop() copyright: string;\n\n /* Footer variant /\n @Prop() variant: \"default\" \| \"egov\" = \"default\";\n\n /* Main URL for shortlinks */\n @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n @Element() element: HTMLStzhFooterElement;\n\n private observer: MutationObserver;\n\n private init = () => {\n const menuLinks = this.element.querySelectorAll('stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link');\n const links = this.element.querySelectorAll('stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link');\n const infoTexts = this.element.querySelectorAll('stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text');\n const infoLinks = this.element.querySelectorAll('stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link');\n\n menuLinks.forEach((link) => {\n link.setAttribute(\"role\", \"listitem\");\n\n setPropsIfNull(link, {\n size: \"inherit\"\n } as HTMLStzhLinkElement);\n });\n\n links.forEach((link) => {\n link.setAttribute(\"role\", \"listitem\");\n\n setPropsIfNull(link, {\n size: \"inherit\"\n } as HTMLStzhLinkElement);\n });\n\n infoLinks.forEach((link) => {\n setPropsIfNull(link, {\n size: \"inherit\"\n } as HTMLStzhLinkElement);\n });\n\n infoTexts.forEach((link) => {\n setPropsIfNull(link, {\n curve: \"none\"\n } as HTMLStzhTextElement);\n });\n }\n\n async componentWillLoad() {\n if (typeof this.copyright === \"undefined\") {\n const currentDate = new Date();\n this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n }\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'footer');\n }\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 logoSlotUsed = hasSlot(this.element, \"logo\");\n const infoSlotUsed = hasSlot(this.element, \"info\");\n const linkSlotUsed = hasSlot(this.element, \"link\");\n const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n const classes = {\n \"stzh-footer\": true,\n \"stzh-footer--has-logo\": logoSlotUsed,\n \"stzh-footer--has-info\": infoSlotUsed,\n \"stzh-footer--has-links\": linkSlotUsed,\n \"stzh-footer--has-menu-links\": menuLinkSlotUsed\n };\n\n return (\n <Host>\n <footer class={classes}>\n <div class=\"stzh-footer__menu\">\n <div class=\"stzh-footer__menu-inner\">\n <slot name=\"menu-link\"></slot>\n </div>\n </div>\n <div class=\"stzh-footer__wrapper\">\n <div class=\"stzh-footer__copyright-wrapper\">\n {this.copyright &&\n <div class=\"stzh-footer__copyright\">\n {this.copyright}\n </div>\n }\n <div class=\"stzh-footer__logo\">\n <slot name=\"logo\"></slot>\n </div>\n </div>\n\n <div class=\"stzh-footer__info\">\n <slot name=\"info\"></slot>\n </div>\n\n <div class=\"stzh-footer__links\" role=\"list\">\n <slot name=\"link\">\n {this.variant === \"egov\" &&\n <Fragment>\n <stzh-link\n slot=\"link\"\n size=\"inherit\"\n target=\"_blank\"\n class=\"stzh-footer__link\"\n href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n >\n {this.localization.legalNoticeText}\n </stzh-link>\n <stzh-link\n slot=\"link\"\n size=\"inherit\"\n target=\"_blank\"\n class=\"stzh-footer__link\"\n href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n >\n {this.localization.imprintText}\n </stzh-link>\n <stzh-link\n slot=\"link\"\n size=\"inherit\"\n class=\"stzh-footer__link\"\n target=\"_blank\"\n href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n >\n {this.localization.accessibilityText}\n </stzh-link>\n </Fragment>\n }\n </slot>\n </div>\n </div>\n </footer>\n </Host>\n );\n }\n}\n"],"version":3}

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

@@ -9478,7 +9478,7 @@ const AngleRight = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
 </svg>
 `;
-const stzhGalleryCss = "/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:0.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:0.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none !important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:0.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);z-index:10;pointer-events:none;}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:0.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:0.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none !important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;top:0;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0px}.pswp__button--arrow--next{right:0px}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scale(-1, 1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity 0.2s linear;animation:pswp-clockwise 600ms linear infinite}.pswp__preloader--active .pswp__icn{opacity:0.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pswp__counter{height:30px;margin-top:15px;margin-inline-start:20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:0.85}.pswp--one-slide .pswp__counter{display:none}.pswp__dynamic-caption{color:#fff;position:absolute;width:100%;left:0;top:0;transition:opacity 120ms linear !important;}.pswp-caption-content{display:none}.pswp__dynamic-caption a{color:#fff}.pswp__dynamic-caption--faded{opacity:0 !important}.pswp__dynamic-caption--aside{width:auto;max-width:300px;padding:20px 15px 20px 20px;margin-top:70px}.pswp__dynamic-caption--below{width:auto;max-width:700px;padding:15px 0 0}.pswp__dynamic-caption--on-hor-edge{padding-left:15px;padding-right:15px}.pswp__dynamic-caption--mobile{width:100%;background:rgba(0,0,0,0.5);padding:10px 15px;right:0;bottom:0;top:auto !important;left:0 !important}: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]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}: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 .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-gallery{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;overflow-x:hidden}stzh-gallery[hidden]{display:none}stzh-gallery::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-gallery::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-gallery *,stzh-gallery *::before,stzh-gallery *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-gallery .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-gallery .stzh-fylingfocus-focused{outline-style:none !important}stzh-gallery .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-gallery{}.stzh-gallery__carousel-actions,.stzh-gallery__actions{transition:opacity 0.1s linear}.stzh-gallery__carousel-actions.is-hidden-during-animation,.stzh-gallery__slide.is-hidden-during-animation .stzh-gallery__actions{opacity:0}.stzh-gallery__actions{padding:var(--stzh-space-xsmall)}.stzh-gallery__list{row-gap:var(--stzh-space-xxlarge);display:grid;-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 900px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-gallery__list{grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-gallery__list{grid-template-columns:repeat(3, minmax(0, 1fr));-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-gallery__list{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-gallery__list{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xlarge);display:grid}@media screen and (min-width: 900px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-gallery__list-actions{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list-actions{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-gallery__list-actions{justify-content:center}}.stzh-gallery__pswp{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);--pswp-bg:var(--stzh-color-white)}.stzh-gallery__pswp .pswp__icn{fill:var(--stzh-color-primary)}.stzh-gallery__pswp .pswp__top-bar{align-items:flex-start}.stzh-gallery__pswp .pswp__button{opacity:1;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);border:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color, opacity}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button{width:3.5rem;height:3.5rem}}.stzh-gallery__pswp .pswp__button:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary40)}.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}}.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);width:3.5rem;height:3.5rem;color:var(--stzh-color-primary70);background-color:transparent}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xxlarge)}}.stzh-gallery__pswp .pswp__button--close:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-gallery__pswp .pswp__button--close svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}.stzh-gallery__pswp .pswp__button[disabled]{color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey20)}.stzh-gallery__pswp .pswp__button--arrow{margin-top:-1.25rem}.stzh-gallery__pswp .pswp__button--arrow--prev{left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:7.875rem}}.stzh-gallery__pswp .pswp__button--arrow--next{right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--next{right:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:7.875rem}}.stzh-gallery__pswp.pswp--zoomed-in .pswp__button{opacity:0;pointer-events:none}.stzh-gallery__pswp.pswp--one-image .pswp__button--arrow{display:none}.stzh-gallery__pswp .pswp__dynamic-caption{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));color:var(--stzh-base-color);overflow:auto;transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption{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-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-width:initial;max-height:calc(50vh - 2.75rem - 1rem - 0.5rem);padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-height:33.333vh}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-xsmall);background:var(--stzh-color-white60op)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-medium)}}.stzh-gallery__pswp .pswp__caption-wrapper{display:flex;flex-direction:column}.stzh-gallery__pswp .pswp__heading-wrapper{display:flow-root}.stzh-gallery__pswp .pswp__caption-counter{float:left;color:var(--stzh-color-secondary60)}.stzh-gallery__pswp .pswp__caption-counter:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-gallery__pswp .pswp__caption-counter,.stzh-gallery__pswp .pswp__caption-heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-gallery__pswp .pswp__caption-copyright{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-gallery__pswp .pswp__caption-copyright:not(:empty){margin-top:var(--stzh-space-xxsmall)}";
+const stzhGalleryCss = "/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:0.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:0.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none !important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:0.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);z-index:10;pointer-events:none;}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:0.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:0.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none !important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;top:0;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0px}.pswp__button--arrow--next{right:0px}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scale(-1, 1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity 0.2s linear;animation:pswp-clockwise 600ms linear infinite}.pswp__preloader--active .pswp__icn{opacity:0.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pswp__counter{height:30px;margin-top:15px;margin-inline-start:20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:0.85}.pswp--one-slide .pswp__counter{display:none}.pswp__dynamic-caption{color:#fff;position:absolute;width:100%;left:0;top:0;transition:opacity 120ms linear !important;}.pswp-caption-content{display:none}.pswp__dynamic-caption a{color:#fff}.pswp__dynamic-caption--faded{opacity:0 !important}.pswp__dynamic-caption--aside{width:auto;max-width:300px;padding:20px 15px 20px 20px;margin-top:70px}.pswp__dynamic-caption--below{width:auto;max-width:700px;padding:15px 0 0}.pswp__dynamic-caption--on-hor-edge{padding-left:15px;padding-right:15px}.pswp__dynamic-caption--mobile{width:100%;background:rgba(0,0,0,0.5);padding:10px 15px;right:0;bottom:0;top:auto !important;left:0 !important}: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]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}: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 .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-gallery{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;overflow-x:hidden}stzh-gallery[hidden]{display:none}stzh-gallery::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-gallery::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-gallery *,stzh-gallery *::before,stzh-gallery *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-gallery .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-gallery .stzh-fylingfocus-focused{outline-style:none !important}stzh-gallery .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-gallery{}.stzh-gallery__carousel-actions,.stzh-gallery__actions{transition:opacity 0.1s linear}.stzh-gallery__carousel-actions.is-hidden-during-animation,.stzh-gallery__slide.is-hidden-during-animation .stzh-gallery__actions{opacity:0}.stzh-gallery__actions{padding:var(--stzh-space-xsmall)}.stzh-gallery__list{row-gap:var(--stzh-space-xxlarge);display:grid;-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 900px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-gallery__list{grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-gallery__list{grid-template-columns:repeat(3, minmax(0, 1fr));-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-gallery__list{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-gallery__list{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xlarge);display:grid}@media screen and (min-width: 900px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-gallery__list-actions{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list-actions{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-gallery__list-actions{justify-content:center}}.stzh-gallery__pswp{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);--pswp-bg:var(--stzh-color-white)}.stzh-gallery__pswp .pswp__icn{fill:var(--stzh-color-primary)}.stzh-gallery__pswp .pswp__top-bar{align-items:flex-start}.stzh-gallery__pswp .pswp__button{opacity:1;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);border:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color, opacity}@media print{.stzh-gallery__pswp .pswp__button{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button{width:3.5rem;height:3.5rem}}.stzh-gallery__pswp .pswp__button:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary40)}.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}}.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);width:3.5rem;height:3.5rem;color:var(--stzh-color-primary70);background-color:transparent}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xxlarge)}}.stzh-gallery__pswp .pswp__button--close:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-gallery__pswp .pswp__button--close svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}.stzh-gallery__pswp .pswp__button[disabled]{color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey20)}.stzh-gallery__pswp .pswp__button--arrow{margin-top:-1.25rem}.stzh-gallery__pswp .pswp__button--arrow--prev{left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:7.875rem}}.stzh-gallery__pswp .pswp__button--arrow--next{right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--next{right:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:7.875rem}}.stzh-gallery__pswp.pswp--zoomed-in .pswp__button{opacity:0;pointer-events:none}.stzh-gallery__pswp.pswp--one-image .pswp__button--arrow{display:none}.stzh-gallery__pswp .pswp__dynamic-caption{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));color:var(--stzh-base-color);overflow:auto;transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption{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-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-width:initial;max-height:calc(50vh - 2.75rem - 1rem - 0.5rem);padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-height:33.333vh}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-xsmall);background:var(--stzh-color-white60op)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-medium)}}.stzh-gallery__pswp .pswp__caption-wrapper{display:flex;flex-direction:column}.stzh-gallery__pswp .pswp__heading-wrapper{display:flow-root}.stzh-gallery__pswp .pswp__caption-counter{float:left;color:var(--stzh-color-secondary60)}.stzh-gallery__pswp .pswp__caption-counter:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-gallery__pswp .pswp__caption-counter,.stzh-gallery__pswp .pswp__caption-heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-gallery__pswp .pswp__caption-copyright{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-gallery__pswp .pswp__caption-copyright:not(:empty){margin-top:var(--stzh-space-xxsmall)}";
 const CLASS_LIGHTBOX = "stzh-gallery__pswp";
 const CLASS_BODY_OPEN = "stzh-gallery-open";