@oiz/stzh-components 4.9.0-beta3 → 4.9.0-beta4

package/dist/components/p-DWz6E51A.js

@@ -1,100 +0,0 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-ptAFQZzh.js';
-import { a as api } from './p-Cpg2gH_9.js';
-
-const stzhShowCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--show-display:contents;--hide-display:none;--current-display:var(--hide-display);display:var(--current-display)}:host([mikro]){--current-display:var(--show-display)}:host([mikro=false]){--current-display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){--current-display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 900px){:host([medium]){--current-display:var(--show-display)}}@media screen and (min-width: 900px){:host([medium=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){--current-display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1600px){:host([ultra]){--current-display:var(--show-display)}}@media screen and (min-width: 1600px){:host([ultra=false]){--current-display:var(--hide-display)}}`;
-
-const KEY_PREFIX_CLOSE = "stzh-components-show-close";
-const StzhShow = /*@__PURE__*/ proxyCustomElement(class StzhShow extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Close cookie name key.
-         * Component will check for the cookie (stzh-components-show-close-{name})
-         * and if not empty (component inside already closed before) will hide show.
-         * Will also compare with showFromDate if given, to make sure cookie was set after showFromDate (otherwise will show again).
-         */
-        this.closeKey = "";
-        this.closedByCookie = false;
-    }
-    closeWatcher(event) {
-        if (["stzh-banner", "stzh-message", "stzh-ghettobox"].includes(event.detail.component)) {
-            if (this.closeKey) {
-                api.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());
-            }
-        }
-    }
-    showFromDateWatcher(newValue) {
-        if (typeof newValue === "string") {
-            this._showFromDate = newValue ? new Date(newValue) : null;
-        }
-        else {
-            this._showFromDate = newValue;
-        }
-        let closedByCookie = false;
-        if (this.closeKey) {
-            const timeClosed = api.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);
-            if (timeClosed && (!this._showFromDate || Number(timeClosed) >= this._showFromDate.getTime())) {
-                closedByCookie = true;
-            }
-        }
-        this.closedByCookie = closedByCookie;
-    }
-    hideFromDateWatcher(newValue) {
-        if (typeof newValue === "string") {
-            this._hideFromDate = newValue ? new Date(newValue) : null;
-        }
-        else {
-            this._hideFromDate = newValue;
-        }
-    }
-    componentWillLoad() {
-        this.showFromDateWatcher(this.showFromDate);
-        this.hideFromDateWatcher(this.hideFromDate);
-    }
-    render() {
-        const timeNow = Date.now();
-        return (h(Host, { key: '95863d44444ce6ec7c22af7758e3beda645f54dd', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
-                (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||
-                this.closedByCookie }, h("slot", { key: '5de68cb64563e470ed611adac04814c6676ad220' })));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "showFromDate": ["showFromDateWatcher"],
-        "hideFromDate": ["hideFromDateWatcher"]
-    }; }
-    static get style() { return stzhShowCss(); }
-}, [257, "stzh-show", {
-        "mikro": [516],
-        "small": [516],
-        "medium": [516],
-        "large": [516],
-        "ultra": [516],
-        "showFromDate": [1, "show-from-date"],
-        "hideFromDate": [1, "hide-from-date"],
-        "closeKey": [1, "close-key"]
-    }, [[0, "stzhClose", "closeWatcher"]], {
-        "showFromDate": ["showFromDateWatcher"],
-        "hideFromDate": ["hideFromDateWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-show"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-show":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhShow);
-            }
-            break;
-    } });
-}
-
-export { StzhShow as S, defineCustomElement as d };
-//# sourceMappingURL=p-DWz6E51A.js.map
-
-//# sourceMappingURL=p-DWz6E51A.js.map

package/dist/components/p-DWz6E51A.js.map

@@ -1 +0,0 @@
-{"file":"p-DWz6E51A.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,k3DAAk3D,CAAC;;ACM94D,MAAM,gBAAgB,GAAG,4BAA4B;MAUxC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AA6BE;;;;;AAKG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AA2CrB,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAsBxC;AA9DC,IAAA,YAAY,CAAC,KAA0F,EAAA;AACrG,QAAA,IAAI,CAAC,aAAa,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AACtF,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAAC,GAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;;;;AAM/E,IAAA,mBAAmB,CAAC,QAAuB,EAAA;AACzC,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI;;aACpD;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;QAG/B,IAAI,cAAc,GAAG,KAAK;AAE1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,MAAM,UAAU,GAAGA,GAAM,CAAC,GAAG,CAAC,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,CAAA,CAAE,CAAC;YAErE,IAAI,UAAU,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;gBAC7F,cAAc,GAAG,IAAI;;;AAIzB,QAAA,IAAI,CAAC,cAAc,GAAG,cAAc;;AAItC,IAAA,mBAAmB,CAAC,QAAuB,EAAA;AACzC,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI;;aACpD;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;;IAQjC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC3C,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;;IAG7C,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE;QAE1B,QACE,CAAC,CAAA,IAAI,qDACH,MAAM,EACJ,CAAC,IAAI,CAAC,aAAa,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAC9D,iBAAC,IAAI,CAAC,aAAa,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;AAC/D,gBAAA,IAAI,CAAC,cAAc,EAAA,EAGrB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","Cookie"],"sources":["src/components/stzh-show/stzh-show.scss?tag=stzh-show&encapsulation=shadow","src/components/stzh-show/stzh-show.tsx"],"sourcesContent":["/**\n * @prop --show-display: Display value that is used when content is shown (default `block`)\n * @prop --hide-display: Display value that is used when content is hidden (default `none`)\n * @prop --current-display: Current display value (readonly)\n */\n\n:host {\n  --show-display: contents;\n  --hide-display: none;\n  --current-display: var(--hide-display);\n\n  display: var(--current-display);\n}\n\n/* Mikro */\n\n:host([mikro]) {\n  --current-display: var(--show-display);\n}\n\n:host([mikro=\"false\"]) {\n  --current-display: var(--hide-display);\n}\n\n/* Small */\n\n:host([small]) {\n  @include mq($from: small) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([small=\"false\"]) {\n  @include mq($from: small) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Medium */\n\n:host([medium]) {\n  @include mq($from: medium) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([medium=\"false\"]) {\n  @include mq($from: medium) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Large */\n\n:host([large]) {\n  @include mq($from: large) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([large=\"false\"]) {\n  @include mq($from: large) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Ultra */\n\n:host([ultra]) {\n  @include mq($from: ultra) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([ultra=\"false\"]) {\n  @include mq($from: ultra) {\n    --current-display: var(--hide-display);\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Listen } from \"@stencil/core\";\n\nimport { StzhBannerCloseEvent, StzhGhettoboxCloseEvent, StzhMessageCloseEvent } from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-show-close\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-show\",\n  styleUrl: \"stzh-show.scss\",\n  shadow: true,\n})\nexport class StzhShow {\n  /** Mikro */\n  @Prop({ reflect: true }) mikro: boolean;\n\n  /** Small */\n  @Prop({ reflect: true }) small: boolean;\n\n  /** Medium */\n  @Prop({ reflect: true }) medium: boolean;\n\n  /** Large */\n  @Prop({ reflect: true }) large: boolean;\n\n  /** Ultra */\n  @Prop({ reflect: true }) ultra: boolean;\n\n  /** Show from date */\n  @Prop() showFromDate: Date | string;\n  private _showFromDate: Date;\n\n  /** Hide from date */\n  @Prop() hideFromDate: Date | string;\n  private _hideFromDate: Date;\n\n  /**\n   * Close cookie name key.\n   * Component will check for the cookie (stzh-components-show-close-{name})\n   * and if not empty (component inside already closed before) will hide show.\n   * Will also compare with showFromDate if given, to make sure cookie was set after showFromDate (otherwise will show again).\n   */\n  @Prop() closeKey: string = \"\";\n\n  @Listen(\"stzhClose\")\n  closeWatcher(event: CustomEvent<StzhBannerCloseEvent | StzhMessageCloseEvent | StzhGhettoboxCloseEvent>) {\n    if ([\"stzh-banner\", \"stzh-message\", \"stzh-ghettobox\"].includes(event.detail.component)) {\n      if (this.closeKey) {\n        Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n      }\n    }\n  }\n\n  @Watch(\"showFromDate\")\n  showFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._showFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._showFromDate = newValue;\n    }\n\n    let closedByCookie = false;\n\n    if (this.closeKey) {\n      const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n\n      if (timeClosed && (!this._showFromDate || Number(timeClosed) >= this._showFromDate.getTime())) {\n        closedByCookie = true;\n      }\n    }\n\n    this.closedByCookie = closedByCookie;\n  }\n\n  @Watch(\"hideFromDate\")\n  hideFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._hideFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._hideFromDate = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShowElement;\n\n  private closedByCookie: boolean = false;\n\n  componentWillLoad() {\n    this.showFromDateWatcher(this.showFromDate);\n    this.hideFromDateWatcher(this.hideFromDate);\n  }\n\n  render() {\n    const timeNow = Date.now();\n\n    return (\n      <Host\n        hidden={\n          (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||\n          (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||\n          this.closedByCookie\n        }\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-DaP2plZo.js

@@ -1,535 +0,0 @@
-import { h, p as proxyCustomElement, H, d as createEvent, e as Host, t as transformTag } from './p-ptAFQZzh.js';
-import { d as defineCustomElement$6 } from './p-BaC_gScF.js';
-import { d as defineCustomElement$5 } from './p-ka1rmhv9.js';
-import { d as defineCustomElement$4 } from './p-BXtqxo59.js';
-import { d as defineCustomElement$3 } from './p-B8VeEjIy.js';
-import { d as defineCustomElement$2 } from './p-BIFNWpLw.js';
-import { d as defineCustomElement$1 } from './p-BxhXhWgp.js';
-
-const ISO_DATE_FORMAT = /^(\d{4})-(\d{2})-(\d{2})$/;
-var DaysOfWeek;
-(function (DaysOfWeek) {
-    DaysOfWeek[DaysOfWeek["Sunday"] = 0] = "Sunday";
-    DaysOfWeek[DaysOfWeek["Monday"] = 1] = "Monday";
-    DaysOfWeek[DaysOfWeek["Tuesday"] = 2] = "Tuesday";
-    DaysOfWeek[DaysOfWeek["Wednesday"] = 3] = "Wednesday";
-    DaysOfWeek[DaysOfWeek["Thursday"] = 4] = "Thursday";
-    DaysOfWeek[DaysOfWeek["Friday"] = 5] = "Friday";
-    DaysOfWeek[DaysOfWeek["Saturday"] = 6] = "Saturday";
-})(DaysOfWeek || (DaysOfWeek = {}));
-function createDate(year, month, day) {
-    var dayInt = parseInt(day, 10);
-    var monthInt = parseInt(month, 10);
-    var yearInt = parseInt(year, 10);
-    const isValid = Number.isInteger(yearInt) && // all parts should be integers
-        Number.isInteger(monthInt) &&
-        Number.isInteger(dayInt) &&
-        monthInt > 0 && // month must be 1-12
-        monthInt <= 12 &&
-        dayInt > 0 && // day must be 1-31
-        dayInt <= 31 &&
-        yearInt > 0;
-    if (isValid) {
-        return new Date(yearInt, monthInt - 1, dayInt);
-    }
-}
-/**
- * @param value date string in ISO format YYYY-MM-DD
- */
-function parseISODate(value) {
-    if (!value) {
-        return;
-    }
-    const matches = value.match(ISO_DATE_FORMAT);
-    if (matches) {
-        return createDate(matches[1], matches[2], matches[3]);
-    }
-}
-/**
- * print date in format YYYY-MM-DD
- * @param date
- */
-function printISODate(date) {
-    if (!date) {
-        return "";
-    }
-    var d = date.getDate().toString(10);
-    var m = (date.getMonth() + 1).toString(10);
-    var y = date.getFullYear().toString(10);
-    // days are not zero-indexed, so pad if less than 10
-    if (date.getDate() < 10) {
-        d = `0${d}`;
-    }
-    // months *are* zero-indexed, pad if less than 9!
-    if (date.getMonth() < 9) {
-        m = `0${m}`;
-    }
-    return `${y}-${m}-${d}`;
-}
-/**
- * Compare if two dates are equal in terms of day, month, and year
- */
-function isEqual(a, b) {
-    if (a == null || b == null) {
-        return false;
-    }
-    return isEqualMonth(a, b) && a.getDate() === b.getDate();
-}
-/**
- * Compare if two dates are in the same month of the same year.
- */
-function isEqualMonth(a, b) {
-    if (a == null || b == null) {
-        return false;
-    }
-    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
-}
-function addDays(date, days) {
-    var d = new Date(date);
-    d.setDate(d.getDate() + days);
-    return d;
-}
-function startOfWeek(date, firstDayOfWeek = DaysOfWeek.Monday) {
-    var d = new Date(date);
-    var day = d.getDay();
-    var diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;
-    d.setDate(d.getDate() - diff);
-    return d;
-}
-function endOfWeek(date, firstDayOfWeek = DaysOfWeek.Monday) {
-    var d = new Date(date);
-    var day = d.getDay();
-    var diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);
-    d.setDate(d.getDate() + diff);
-    return d;
-}
-function startOfMonth(date) {
-    return new Date(date.getFullYear(), date.getMonth(), 1);
-}
-function endOfMonth(date) {
-    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-}
-function setMonth(date, month) {
-    const d = new Date(date);
-    d.setMonth(month);
-    return d;
-}
-function setYear(date, year) {
-    const d = new Date(date);
-    d.setFullYear(year);
-    return d;
-}
-/**
- * Check if date is within a min and max
- */
-function inRange(date, min, max) {
-    return clamp(date, min, max) === date;
-}
-/**
- * Ensures date is within range, returns min or max if out of bounds
- */
-function clamp(date, min, max) {
-    const time = date.getTime();
-    if (min && min instanceof Date && time < min.getTime()) {
-        return min;
-    }
-    if (max && max instanceof Date && time > max.getTime()) {
-        return max;
-    }
-    return date;
-}
-/**
- * given start and end date, return an (inclusive) array of all dates in between
- * @param start
- * @param end
- */
-function getDaysInRange(start, end) {
-    const days = [];
-    let current = start;
-    while (!isEqual(current, end)) {
-        days.push(current);
-        current = addDays(current, 1);
-    }
-    days.push(current);
-    return days;
-}
-/**
- * given a date, return an array of dates from a calendar perspective
- * @param date
- * @param firstDayOfWeek
- */
-function getViewOfMonth(date, firstDayOfWeek = DaysOfWeek.Monday) {
-    const start = startOfWeek(startOfMonth(date), firstDayOfWeek);
-    const end = endOfWeek(endOfMonth(date), firstDayOfWeek);
-    return getDaysInRange(start, end);
-}
-
-const StzhCalendarDay = ({ focusedDay, today, day, onDaySelect, onKeyboardNavigation, focusedDayRef, disabled, inRange, isSelected, dateFormatter, }) => {
-    const isToday = isEqual(day, today);
-    const isMonth = isEqualMonth(day, focusedDay);
-    const isFocused = isEqual(day, focusedDay);
-    const isOutsideRange = !inRange;
-    function handleClick(e) {
-        onDaySelect(e, day);
-    }
-    return (h("button", { class: {
-            "stzh-calendar__day": true,
-            "is-outside": isOutsideRange,
-            "is-today": isToday,
-            "is-month": isMonth,
-            "is-disabled": disabled,
-        }, tabIndex: isFocused ? 0 : -1, onClick: handleClick, onKeyDown: onKeyboardNavigation, "aria-disabled": disabled ? "true" : undefined, disabled: isOutsideRange, type: "button", "aria-pressed": isSelected ? "true" : "false", "aria-current": isToday ? "date" : undefined, "s-object-id": dateFormatter.format(day), ref: el => {
-            if (isFocused && el && focusedDayRef) {
-                focusedDayRef(el);
-            }
-        } }, h("span", { "aria-hidden": "true" }, day.getDate()), h("span", { class: "stzh-calendar__vhidden" }, dateFormatter.format(day))));
-};
-
-function chunk(array, chunkSize) {
-    const result = [];
-    for (let i = 0; i < array.length; i += chunkSize) {
-        result.push(array.slice(i, i + chunkSize));
-    }
-    return result;
-}
-function mapWithOffset(array, startingOffset, mapFn) {
-    return array.map((_, i) => {
-        const adjustedIndex = (i + startingOffset) % array.length;
-        return mapFn(array[adjustedIndex]);
-    });
-}
-const StzhCalendarMonth = ({ selectedDate, focusedDate, labelledById, localization, firstDayOfWeek, min, max, dateFormatter, isDateDisabled, onDateSelect, onKeyboardNavigation, focusedDayRef, }) => {
-    const today = new Date();
-    const days = getViewOfMonth(focusedDate, firstDayOfWeek);
-    return (h("table", { class: "stzh-calendar__table", "aria-labelledby": labelledById }, h("thead", null, h("tr", null, mapWithOffset(localization.$globals.dayNames, firstDayOfWeek, dayName => (h("th", { class: "stzh-calendar__table-header", scope: "col" }, h("span", { "aria-hidden": "true" }, dayName.substring(0, 2)), h("span", { class: "stzh-calendar__vhidden" }, dayName)))))), h("tbody", null, chunk(days, 7).map(week => (h("tr", { class: "stzh-calendar__row" }, week.map(day => (h("td", { class: "stzh-calendar__cell" }, h(StzhCalendarDay, { day: day, today: today, focusedDay: focusedDate, isSelected: isEqual(day, selectedDate), disabled: isDateDisabled(day), inRange: inRange(day, min, max), onDaySelect: onDateSelect, dateFormatter: dateFormatter, onKeyboardNavigation: onKeyboardNavigation, focusedDayRef: focusedDayRef }))))))))));
-};
-
-const stzhCalendarCss = () => `.sc-stzh-calendar-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-calendar-h,[stzh-hidden].sc-stzh-calendar-h{display:none}.sc-stzh-calendar-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::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-calendar-h .has-focus.sc-stzh-calendar{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-calendar-h .stzh-fylingfocus-focused.sc-stzh-calendar{outline-style:none !important}.sc-stzh-calendar-h .stzh-fylingfocus-focused.sc-stzh-calendar::-moz-focus-inner{border:0 !important}.sc-stzh-calendar-h{--padding-top:var(--stzh-space-small);--padding-bottom:var(--stzh-space-small);--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);width:var(--stzh-calendar-width)}.stzh-calendar.sc-stzh-calendar{--stzh-description-min-height:initial;display:flex;position:relative;text-align:left;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden;overflow:clip;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right)}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}.stzh-calendar__table.sc-stzh-calendar{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border-collapse:collapse;border-spacing:0;text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{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-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);-webkit-text-decoration-line:none;text-decoration-line:none;padding-top:0;padding-bottom:0;width:2.75rem;height:2.5rem}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;width:2.5rem;height:2.5rem;text-align:center;vertical-align:middle;transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-calendar__day.is-today.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:hover{background:var(--stzh-color-grey20)}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar{background:var(--stzh-color-secondary30);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-secondary30);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey60);cursor:default}.stzh-calendar__day.is-disabled.sc-stzh-calendar{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{color:var(--stzh-color-grey60);background:var(--stzh-color-grey20);cursor:default;pointer-events:none;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-calendar__header.sc-stzh-calendar{align-items:center;display:flex;justify-content:space-between;width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:flex;align-items:center}.stzh-calendar__nav.is-dropdowns.sc-stzh-calendar{gap:calc(var(--stzh-space-xsmall) + var(--stzh-space-small));margin-left:var(--stzh-space-small)}.stzh-calendar.sc-stzh-calendar stzh-dropdown.stzh-calendar__dropdown.sc-stzh-calendar{--popover-width:100%;--popover-height:calc(
-    100% - var(--stzh-form-input-small-height) - var(--padding-top)
-  );--popover-max-height:initial;position:static}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0px}.stzh-calendar__select.sc-stzh-calendar{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);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{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);appearance:none;border:none;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-primary70);display:flex;gap:var(--stzh-space-xsmall);padding:0;padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-xsmall);position:relative;width:100%;min-height:2.5rem;z-index:1}.stzh-calendar__select-icon.sc-stzh-calendar{--size:var(--stzh-icon-size-xsmall)}.stzh-calendar__vhidden.sc-stzh-calendar{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;
-
-function range(from, to) {
-    var result = [];
-    for (var i = from; i <= to; i++) {
-        result.push(i);
-    }
-    return result;
-}
-const keyCode = {
-    PAGE_UP: 33,
-    PAGE_DOWN: 34,
-    END: 35,
-    HOME: 36,
-    LEFT: 37,
-    UP: 38,
-    RIGHT: 39,
-    DOWN: 40,
-};
-let calendarCounter = 0;
-const StzhCalendar = /*@__PURE__*/ proxyCustomElement(class StzhCalendar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.stzhChange = createEvent(this, "stzhChange");
-        /** Date value. Must be in IS0-8601 format: YYYY-MM-DD. */
-        this.value = "";
-        /**
-         * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
-         * This setting can be used alone or together with the max property.
-         */
-        this.min = "";
-        /**
-         * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
-         * This setting can be used alone or together with the min property.
-         */
-        this.max = "";
-        /**
-         * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.
-         * Default is Monday.
-         */
-        this.firstDayOfWeek = DaysOfWeek.Monday;
-        /**
-         * Controls which days are disabled and therefore disallowed.
-         * For example, this can be used to disallow selection of weekends.
-         */
-        this.isDateDisabled = () => false;
-        this.activeFocus = false;
-        this.focusedDay = new Date();
-        // private focusedDayNode: HTMLButtonElement
-        this.initialTouchX = null;
-        this.initialTouchY = null;
-        this.enableActiveFocus = () => {
-            this.activeFocus = true;
-        };
-        this.disableActiveFocus = () => {
-            this.activeFocus = false;
-        };
-        this.handleTouchStart = (event) => {
-            const touch = event.changedTouches[0];
-            this.initialTouchX = touch.pageX;
-            this.initialTouchY = touch.pageY;
-        };
-        // private handleTouchMove = (event: TouchEvent) => {
-        //   event.preventDefault()
-        // }
-        this.handleTouchEnd = (event) => {
-            const touch = event.changedTouches[0];
-            const distX = touch.pageX - this.initialTouchX; // get horizontal dist traveled
-            const distY = touch.pageY - this.initialTouchY; // get vertical dist traveled
-            const threshold = 70;
-            const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;
-            if (isHorizontalSwipe) {
-                this.addMonths(distX < 0 ? 1 : -1);
-            }
-            this.initialTouchY = null;
-            this.initialTouchX = null;
-        };
-        this.handleNextMonthClick = (event) => {
-            event.preventDefault();
-            this.addMonths(1);
-        };
-        this.handlePreviousMonthClick = (event) => {
-            event.preventDefault();
-            this.addMonths(-1);
-        };
-        this.handleKeyboardNavigation = (event) => {
-            var handled = true;
-            switch (event.keyCode) {
-                case keyCode.RIGHT:
-                    this.addDays(1);
-                    break;
-                case keyCode.LEFT:
-                    this.addDays(-1);
-                    break;
-                case keyCode.DOWN:
-                    this.addDays(7);
-                    break;
-                case keyCode.UP:
-                    this.addDays(-7);
-                    break;
-                case keyCode.PAGE_UP:
-                    if (event.shiftKey) {
-                        this.addYears(-1);
-                    }
-                    else {
-                        this.addMonths(-1);
-                    }
-                    break;
-                case keyCode.PAGE_DOWN:
-                    if (event.shiftKey) {
-                        this.addYears(1);
-                    }
-                    else {
-                        this.addMonths(1);
-                    }
-                    break;
-                case keyCode.HOME:
-                    this.startOfWeek();
-                    break;
-                case keyCode.END:
-                    this.endOfWeek();
-                    break;
-                default:
-                    handled = false;
-            }
-            if (handled) {
-                event.preventDefault();
-                this.enableActiveFocus();
-            }
-        };
-        this.handleDaySelect = (_event, day) => {
-            const isInRange = inRange(day, parseISODate(this.min), parseISODate(this.max));
-            const isAllowed = !this.isDateDisabled(day);
-            if (isInRange && isAllowed) {
-                this.setDate(day);
-                this.stzhChange.emit({
-                    component: "stzh-calendar",
-                    value: this.value,
-                    valueAsDate: day,
-                });
-            }
-            else {
-                // for consistency we should set the focused day in cases where
-                // user has selected a day that has been specifically disallowed
-                this.setFocusedDay(day);
-            }
-        };
-        this.handleMonthSelect = (event) => {
-            const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;
-            this.setMonth(parseInt(value, 10));
-        };
-        this.handleYearSelect = (event) => {
-            const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;
-            this.setYear(parseInt(value, 10));
-        };
-        this.processFocusedDayNode = (element) => {
-            // this.focusedDayNode = element
-            if (this.activeFocus) {
-                setTimeout(() => element.focus(), 0);
-            }
-        };
-    }
-    createDateFormatters() {
-        if (this.localization) {
-            this.dateFormatShort = new Intl.DateTimeFormat(this.localization.$locale, { day: "numeric", month: "long" });
-        }
-    }
-    valueWatcher(newValue) {
-        if (newValue) {
-            this.setFocusedDay(parseISODate(this.value));
-        }
-        else {
-            this.setFocusedDay(new Date());
-        }
-    }
-    /** Set focused day element by a JS Date object */
-    async setFocusedDay(day) {
-        this.focusedDay = clamp(day, parseISODate(this.min), parseISODate(this.max));
-    }
-    /** Set value by a JS Date object */
-    async setDate(date) {
-        this.value = printISODate(date);
-    }
-    addDays(days) {
-        this.setFocusedDay(addDays(this.focusedDay, days));
-    }
-    addMonths(months) {
-        this.setMonth(this.focusedDay.getMonth() + months);
-    }
-    addYears(years) {
-        this.setYear(this.focusedDay.getFullYear() + years);
-    }
-    startOfWeek() {
-        this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek));
-    }
-    endOfWeek() {
-        this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek));
-    }
-    setMonth(month) {
-        const min = setMonth(startOfMonth(this.focusedDay), month);
-        const max = endOfMonth(min);
-        const date = setMonth(this.focusedDay, month);
-        this.setFocusedDay(clamp(date, min, max));
-    }
-    setYear(year) {
-        const min = setYear(startOfMonth(this.focusedDay), year);
-        const max = endOfMonth(min);
-        const date = setYear(this.focusedDay, year);
-        this.setFocusedDay(clamp(date, min, max));
-    }
-    async componentWillLoad() {
-        // this.monthSelectId = `stzh-calendar-month-${calendarCounter}`;
-        // this.yearSelectId = `stzh-calendar-year-${calendarCounter}`;
-        this.dialogLabelId = `stzh-calendar-dialog-${calendarCounter}`;
-        calendarCounter++;
-        this.valueWatcher(this.value);
-        if (!this.localization) {
-            this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, "calendar");
-        }
-    }
-    connectedCallback() {
-        this.createDateFormatters();
-    }
-    render() {
-        const valueAsDate = parseISODate(this.value);
-        const selectedYear = (valueAsDate || this.focusedDay).getFullYear();
-        const focusedMonth = this.focusedDay.getMonth();
-        const focusedYear = this.focusedDay.getFullYear();
-        const minDate = parseISODate(this.min);
-        const maxDate = parseISODate(this.max);
-        const prevMonthDisabled = minDate != null && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear;
-        const nextMonthDisabled = maxDate != null && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear;
-        const minYear = minDate ? minDate.getFullYear() : selectedYear - 10;
-        const maxYear = maxDate ? maxDate.getFullYear() : selectedYear + 10;
-        const monthDropdownOptions = this.localization.$globals.monthNames.map((month, i) => {
-            return {
-                value: i.toString(),
-                text: month,
-                disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null),
-            };
-        });
-        const yearDropdownOptions = range(minYear, maxYear).map(year => {
-            return {
-                value: year.toString(),
-                text: year.toString(),
-            };
-        });
-        return (h(Host, null, h("div", { class: {
-                "stzh-calendar": true,
-            },
-            /* onTouchMove={this.handleTouchMove} */
-            onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("div", { class: "stzh-calendar__wrapper" }, h("div", { class: "stzh-calendar__header", onFocusin: this.disableActiveFocus }, h("div", { class: "stzh-calendar__nav is-dropdowns" }, h("h2", { id: this.dialogLabelId, class: "stzh-calendar__vhidden", "aria-live": "polite", "aria-atomic": "true" }, this.localization.$globals.monthNames[focusedMonth], this.focusedDay.getFullYear()), h("stzh-dropdown", { class: "stzh-calendar__dropdown", variant: "plain", size: "small", inline: true, "popover-fullwidth": "horizontal", noSearch: true, openOnFocus: false, items: [focusedMonth.toString()], options: monthDropdownOptions, label: this.localization.monthSelectLabel, labelHidden: true, onStzhChange: this.handleMonthSelect }), h("stzh-dropdown", { class: "stzh-calendar__dropdown", variant: "plain", size: "small", inline: true, "popover-fullwidth": "horizontal", noSearch: true, openOnFocus: false, items: [focusedYear.toString()], options: yearDropdownOptions, label: this.localization.yearSelectLabel, labelHidden: true, onStzhChange: this.handleYearSelect })), h("div", { class: "stzh-calendar__nav" }, h("stzh-button", { class: "stzh-calendar__prev", variant: "tertiary", size: "small", icon: "arrow-left", iconOnly: true, onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button", a11yLabel: this.localization.prevMonthLabel, analyticsId: this.prevMonthAnalyticsId || this.localization.prevMonthLabel }), h("stzh-button", { class: "stzh-calendar__next", variant: "tertiary", size: "small", icon: "arrow-right", iconOnly: true, onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button", a11yLabel: this.localization.nextMonthLabel, analyticsId: this.nextMonthAnalyticsId || this.localization.nextMonthLabel }))), h(StzhCalendarMonth, { dateFormatter: this.dateFormatShort, selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate, isDateDisabled: this.isDateDisabled })))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "localization": ["createDateFormatters"],
-        "value": ["valueWatcher"]
-    }; }
-    static get style() { return stzhCalendarCss(); }
-}, [258, "stzh-calendar", {
-        "value": [1025],
-        "min": [1],
-        "max": [1],
-        "firstDayOfWeek": [2, "first-day-of-week"],
-        "localization": [16],
-        "isDateDisabled": [16],
-        "prevMonthAnalyticsId": [1, "prev-month-analytics-id"],
-        "nextMonthAnalyticsId": [1, "next-month-analytics-id"],
-        "activeFocus": [32],
-        "focusedDay": [32],
-        "setFocusedDay": [64],
-        "setDate": [64]
-    }, undefined, {
-        "localization": ["createDateFormatters"],
-        "value": ["valueWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-calendar", "stzh-badge", "stzh-button", "stzh-dropdown", "stzh-icon", "stzh-popover", "stzh-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-calendar":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhCalendar);
-            }
-            break;
-        case "stzh-badge":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "stzh-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "stzh-dropdown":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "stzh-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "stzh-popover":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "stzh-text":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { StzhCalendar as S, printISODate as a, defineCustomElement as d, parseISODate as p };
-//# sourceMappingURL=p-DaP2plZo.js.map
-
-//# sourceMappingURL=p-DaP2plZo.js.map