@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/esm/wc-datepicker.entry.js

@@ -0,0 +1,611 @@
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-Dj_4Fda9.js';
+
+function addDays(date, days) {
+  const newDate = new Date(date);
+  newDate.setDate(newDate.getDate() + days);
+  return newDate;
+}
+function getDaysOfMonth(date, padded, firstDayOfWeek) {
+  const days = [];
+  const firstOfMonth = getFirstOfMonth(date);
+  const firstDayMonth = firstOfMonth.getDay() === 0 ? 7 : firstOfMonth.getDay();
+  const lastOfMonth = getLastOfMonth(date);
+  const lastDayOfMonth = lastOfMonth.getDay() === 0 ? 7 : lastOfMonth.getDay();
+  const lastDayOfWeek = firstDayOfWeek === 1 ? 7 : firstDayOfWeek - 1;
+  const leftPaddingDays = [];
+  const rightPaddingDays = [];
+  {
+    const leftPadding = (7 - firstDayOfWeek + firstDayMonth) % 7;
+    let leftPaddingAmount = leftPadding;
+    let leftPaddingDay = getPreviousDay(firstOfMonth);
+    while (leftPaddingAmount > 0) {
+      leftPaddingDays.push(leftPaddingDay);
+      leftPaddingDay = getPreviousDay(leftPaddingDay);
+      leftPaddingAmount -= 1;
+    }
+    leftPaddingDays.reverse();
+    const rightPadding = (7 - lastDayOfMonth + lastDayOfWeek) % 7;
+    let rightPaddingAmount = rightPadding;
+    let rightPaddingDay = getNextDay(lastOfMonth);
+    while (rightPaddingAmount > 0) {
+      rightPaddingDays.push(rightPaddingDay);
+      rightPaddingDay = getNextDay(rightPaddingDay);
+      rightPaddingAmount -= 1;
+    }
+  }
+  let currentDay = firstOfMonth;
+  while (currentDay.getMonth() === date.getMonth()) {
+    days.push(currentDay);
+    currentDay = getNextDay(currentDay);
+  }
+  return [...leftPaddingDays, ...days, ...rightPaddingDays];
+}
+function getFirstOfMonth(date) {
+  const firstOfMonth = removeTimezoneOffset(new Date(`${String(getYear(date)).padStart(4, '0')}-${String(getMonth(date)).padStart(2, '0')}-01`));
+  return firstOfMonth;
+}
+function getISODateString(date) {
+  if (!(date instanceof Date)) {
+    return;
+  }
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
+}
+function getLastOfMonth(date) {
+  const newDate = getFirstOfMonth(date);
+  newDate.setMonth(newDate.getMonth() + 1);
+  newDate.setDate(newDate.getDate() - 1);
+  return newDate;
+}
+function getMonth(date) {
+  return date.getMonth() + 1;
+}
+function getMonths(locale) {
+  return new Array(12).fill(undefined).map((_, month) => {
+    const date = removeTimezoneOffset(new Date(`2006-${String(month + 1).padStart(2, '0')}-01`));
+    return Intl.DateTimeFormat(locale, {
+      month: 'long'
+    }).format(date);
+  });
+}
+function getNextDay(date) {
+  return addDays(date, 1);
+}
+function getNextMonth(date) {
+  const newDate = new Date(date);
+  newDate.setDate(1);
+  newDate.setMonth(newDate.getMonth() + 1);
+  return newDate;
+}
+function getNextYear(date) {
+  const newDate = new Date(date);
+  newDate.setFullYear(newDate.getFullYear() + 1);
+  return newDate;
+}
+function getPreviousDay(date) {
+  return subDays(date, 1);
+}
+function getPreviousMonth(date) {
+  const newDate = new Date(date);
+  newDate.setDate(1);
+  newDate.setMonth(newDate.getMonth() - 1);
+  return newDate;
+}
+function getPreviousYear(date) {
+  const newDate = new Date(date);
+  newDate.setFullYear(newDate.getFullYear() - 1);
+  return newDate;
+}
+function getWeekDays(firstDayOfWeek, locale) {
+  return new Array(7)
+    .fill(undefined)
+    .map((_, index) => ((firstDayOfWeek + index) % 7) + 1)
+    .map((day) => {
+    const date = removeTimezoneOffset(new Date(`2006-01-0${day}`));
+    return [
+      Intl.DateTimeFormat(locale, {
+        weekday: 'short'
+      })
+        .format(date)
+        .slice(0, 3),
+      Intl.DateTimeFormat(locale, {
+        weekday: 'long'
+      }).format(date)
+    ];
+  });
+}
+function getYear(date) {
+  return date.getFullYear();
+}
+function isDateInRange(date, range) {
+  if (!date || !range || !range.from || !range.to) {
+    return false;
+  }
+  const earlyDate = range.from < range.to ? range.from : range.to;
+  const laterDate = range.from < range.to ? range.to : range.from;
+  return date >= earlyDate && date <= laterDate;
+}
+function isSameDay(date1, date2) {
+  if (!date1 || !date2) {
+    return false;
+  }
+  return (date1.getFullYear() === date2.getFullYear() &&
+    date1.getMonth() === date2.getMonth() &&
+    date1.getDate() === date2.getDate());
+}
+function removeTimezoneOffset(date) {
+  const newDate = new Date(date);
+  newDate.setMinutes(newDate.getMinutes() + newDate.getTimezoneOffset());
+  return newDate;
+}
+function subDays(date, days) {
+  const newDate = new Date(date);
+  newDate.setDate(newDate.getDate() - days);
+  return newDate;
+}
+
+const wcDatepickerCss = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
+
+const defaultLabels = {
+    clearButton: 'Clear value',
+    monthSelect: 'Select month',
+    nextMonthButton: 'Next month',
+    nextYearButton: 'Next year',
+    picker: 'Choose date',
+    previousMonthButton: 'Previous month',
+    previousYearButton: 'Previous year',
+    todayButton: 'Show today',
+    yearSelect: 'Select year'
+};
+const WCDatepicker = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.selectDate = createEvent(this, "selectDate", 7);
+        this.changeMonth = createEvent(this, "changeMonth", 7);
+        this.disabled = false;
+        this.disableDate = () => false;
+        this.elementClassName = 'wc-datepicker';
+        this.firstDayOfWeek = 0;
+        this.labels = defaultLabels;
+        this.locale = (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en-US';
+        this.showClearButton = false;
+        this.showMonthStepper = true;
+        this.showTodayButton = false;
+        this.showYearStepper = false;
+        this.startDate = getISODateString(new Date());
+        this.maxSearchDays = 365;
+        this.goToRangeStartOnSelect = true;
+        this.init = () => {
+            this.currentDate = this.startDate
+                ? removeTimezoneOffset(new Date(this.startDate))
+                : new Date();
+            this.updateWeekdays();
+        };
+        this.getAvailableDate = (date, direction) => {
+            let potentialDate;
+            let outOfRange = false;
+            switch (direction) {
+                case 'previousDay':
+                    potentialDate = getPreviousDay(date);
+                    break;
+                case 'nextDay':
+                    potentialDate = getNextDay(date);
+                    break;
+                case 'previousSameWeekDay':
+                    potentialDate = subDays(date, 7);
+                    break;
+                case 'nextSameWeekDay':
+                    potentialDate = addDays(date, 7);
+                    break;
+                case 'firstOfMonth':
+                    potentialDate = getFirstOfMonth(date);
+                    break;
+                case 'lastOfMonth':
+                    potentialDate = getLastOfMonth(date);
+                    break;
+                case 'previousMonth':
+                    potentialDate = getPreviousMonth(date);
+                    break;
+                case 'nextMonth':
+                    potentialDate = getNextMonth(date);
+                    break;
+                case 'previousYear':
+                    potentialDate = getPreviousYear(date);
+                    break;
+                case 'nextYear':
+                    potentialDate = getNextYear(date);
+                    break;
+            }
+            while (this.disableDate(potentialDate) && !outOfRange) {
+                switch (direction) {
+                    case 'previousDay':
+                    case 'lastOfMonth':
+                        potentialDate = getPreviousDay(potentialDate);
+                        break;
+                    case 'nextDay':
+                    case 'firstOfMonth':
+                    case 'previousMonth':
+                    case 'nextMonth':
+                    case 'previousYear':
+                    case 'nextYear':
+                        potentialDate = getNextDay(potentialDate);
+                        break;
+                    case 'previousSameWeekDay':
+                        potentialDate = subDays(potentialDate, 7);
+                        break;
+                    case 'nextSameWeekDay':
+                        potentialDate = addDays(potentialDate, 7);
+                        break;
+                }
+                switch (direction) {
+                    case 'firstOfMonth':
+                    case 'lastOfMonth':
+                    case 'previousYear':
+                    case 'nextYear':
+                        outOfRange = potentialDate.getMonth() !== date.getMonth();
+                        break;
+                    case 'previousMonth':
+                        outOfRange = potentialDate.getMonth() !== date.getMonth() - 1;
+                        break;
+                    case 'nextMonth':
+                        outOfRange = potentialDate.getMonth() !== date.getMonth() + 1;
+                        break;
+                    default:
+                        outOfRange = !isDateInRange(potentialDate, {
+                            from: subDays(date, this.maxSearchDays),
+                            to: addDays(date, this.maxSearchDays)
+                        });
+                        break;
+                }
+            }
+            if (outOfRange) {
+                return date;
+            }
+            return potentialDate;
+        };
+        this.nextMonth = () => {
+            this.updateCurrentDate(getNextMonth(this.currentDate));
+        };
+        this.nextYear = () => {
+            this.updateCurrentDate(getNextYear(this.currentDate));
+        };
+        this.previousMonth = () => {
+            this.updateCurrentDate(getPreviousMonth(this.currentDate));
+        };
+        this.previousYear = () => {
+            this.updateCurrentDate(getPreviousYear(this.currentDate));
+        };
+        this.showToday = () => {
+            this.updateCurrentDate(new Date());
+        };
+        this.clear = () => {
+            this.value = undefined;
+            this.selectDate.emit(undefined);
+        };
+        this.onClick = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            const target = event.target.closest('[data-date]');
+            if (!Boolean(target)) {
+                return;
+            }
+            const date = removeTimezoneOffset(new Date(target.dataset.date));
+            this.updateCurrentDate(date);
+            this.onSelectDate(date);
+        };
+        this.onMonthSelect = (event) => {
+            const month = +event.target.value - 1;
+            const currentDay = this.currentDate.getDate();
+            const targetDate = new Date(this.currentDate.getFullYear(), month, 1);
+            const lastDayOfTargetMonth = getLastOfMonth(targetDate).getDate();
+            const clampedDay = Math.min(currentDay, lastDayOfTargetMonth);
+            const updatedDate = new Date(this.currentDate.getFullYear(), month, clampedDay);
+            this.updateCurrentDate(updatedDate);
+        };
+        this.onYearSelect = (event) => {
+            let year = +event.target.value;
+            const input = event.target;
+            if (isNaN(year)) {
+                year = new Date().getFullYear();
+                input.value = String(year);
+            }
+            else if (year < 0) {
+                year = 0;
+                input.value = String(year);
+            }
+            else if (year > 9999) {
+                year = 9999;
+                input.value = String(year);
+            }
+            const currentDay = this.currentDate.getDate();
+            const currentMonth = this.currentDate.getMonth();
+            const targetDate = new Date();
+            targetDate.setFullYear(year, currentMonth, 1);
+            const lastDayOfTargetMonth = getLastOfMonth(targetDate).getDate();
+            const clampedDay = Math.min(currentDay, lastDayOfTargetMonth);
+            const updatedDate = new Date();
+            updatedDate.setFullYear(year, currentMonth, clampedDay);
+            this.updateCurrentDate(updatedDate);
+        };
+        this.onKeyDown = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            if (event.code === 'ArrowLeft') {
+                event.preventDefault();
+                this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'previousDay'), true);
+            }
+            else if (event.code === 'ArrowRight') {
+                event.preventDefault();
+                this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'nextDay'), true);
+            }
+            else if (event.code === 'ArrowUp') {
+                event.preventDefault();
+                this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'previousSameWeekDay'), true);
+            }
+            else if (event.code === 'ArrowDown') {
+                event.preventDefault();
+                this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'nextSameWeekDay'), true);
+            }
+            else if (event.code === 'PageUp') {
+                event.preventDefault();
+                if (event.shiftKey) {
+                    this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'previousYear'), true);
+                }
+                else {
+                    this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'previousMonth'), true);
+                }
+            }
+            else if (event.code === 'PageDown') {
+                event.preventDefault();
+                if (event.shiftKey) {
+                    this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'nextYear'), true);
+                }
+                else {
+                    this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'nextMonth'), true);
+                }
+            }
+            else if (event.code === 'Home') {
+                event.preventDefault();
+                this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'firstOfMonth'), true);
+            }
+            else if (event.code === 'End') {
+                event.preventDefault();
+                this.updateCurrentDate(this.getAvailableDate(this.currentDate, 'lastOfMonth'), true);
+            }
+            else if (event.code === 'Space' || event.code === 'Enter') {
+                event.preventDefault();
+                this.onSelectDate(this.currentDate);
+            }
+        };
+        this.onMouseEnter = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            const date = removeTimezoneOffset(new Date(event.target.closest('td').dataset.date));
+            this.hoveredDate = date;
+        };
+        this.onMouseLeave = () => {
+            this.hoveredDate = undefined;
+        };
+    }
+    componentWillLoad() {
+        this.init();
+    }
+    watchFirstDayOfWeek() {
+        this.updateWeekdays();
+    }
+    watchLocale() {
+        if (!Boolean(this.locale)) {
+            this.locale = (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en-US';
+        }
+        this.updateWeekdays();
+    }
+    watchRange() {
+        this.value = undefined;
+        this.selectDate.emit(undefined);
+    }
+    watchStartDate() {
+        this.currentDate = this.startDate
+            ? removeTimezoneOffset(new Date(this.startDate))
+            : new Date();
+    }
+    watchValue() {
+        if (!Boolean(this.value)) {
+            return;
+        }
+        if (Array.isArray(this.value)) {
+            this.currentDate =
+                this.value.length > 1 && !this.goToRangeStartOnSelect
+                    ? this.value[1]
+                    : this.value[0];
+        }
+        else if (this.value instanceof Date) {
+            this.currentDate = this.value;
+        }
+    }
+    componentDidRender() {
+        if (this.moveFocusAfterMonthChanged) {
+            this.focusDate(this.currentDate);
+            this.moveFocusAfterMonthChanged = false;
+        }
+    }
+    updateWeekdays() {
+        this.weekdays = getWeekDays(this.firstDayOfWeek === 0 ? 7 : this.firstDayOfWeek, this.locale);
+    }
+    getClassName(element) {
+        return Boolean(element)
+            ? `${this.elementClassName}__${element}`
+            : this.elementClassName;
+    }
+    getCalendarRows() {
+        const daysOfMonth = getDaysOfMonth(this.currentDate, true, this.firstDayOfWeek === 0 ? 7 : this.firstDayOfWeek);
+        const calendarRows = [];
+        for (let i = 0; i < daysOfMonth.length; i += 7) {
+            const row = daysOfMonth.slice(i, i + 7);
+            calendarRows.push(row);
+        }
+        return calendarRows;
+    }
+    getTitle() {
+        if (!Boolean(this.value)) {
+            return;
+        }
+        if (this.isRangeValue(this.value)) {
+            const startDate = Intl.DateTimeFormat(this.locale, {
+                day: 'numeric',
+                month: 'long',
+                year: 'numeric'
+            }).format(this.value[0]);
+            const endDate = this.value[1]
+                ? Intl.DateTimeFormat(this.locale, {
+                    day: 'numeric',
+                    month: 'long',
+                    year: 'numeric'
+                }).format(this.value[1])
+                : undefined;
+            if (Boolean(endDate)) {
+                return `${startDate} - ${endDate}`;
+            }
+            else {
+                return startDate;
+            }
+        }
+        else {
+            return Intl.DateTimeFormat(this.locale, {
+                day: 'numeric',
+                month: 'long',
+                year: 'numeric'
+            }).format(this.value);
+        }
+    }
+    focusDate(date) {
+        var _a;
+        (_a = this.el
+            .querySelector(`[data-date="${getISODateString(date)}"]`)) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    updateCurrentDate(date, moveFocus) {
+        const month = date.getMonth();
+        const year = date.getFullYear();
+        if (year > 9999 || year < 0) {
+            return;
+        }
+        const monthChanged = month !== this.currentDate.getMonth() ||
+            year !== this.currentDate.getFullYear();
+        if (monthChanged) {
+            this.changeMonth.emit({
+                month: getMonth(date),
+                year: getYear(date),
+                day: date.getDate()
+            });
+            if (moveFocus) {
+                this.moveFocusAfterMonthChanged = true;
+            }
+        }
+        this.currentDate = date;
+        if (moveFocus) {
+            this.focusDate(this.currentDate);
+        }
+    }
+    onSelectDate(date) {
+        var _a, _b;
+        if (this.disableDate(date)) {
+            return;
+        }
+        if (this.isRangeValue(this.value)) {
+            const newValue = ((_a = this.value) === null || _a === void 0 ? void 0 : _a[0]) === undefined || this.value.length === 2
+                ? [date]
+                : [this.value[0], date];
+            if (newValue.length === 2 && newValue[0] > newValue[1]) {
+                newValue.reverse();
+            }
+            const isoValue = newValue[1] === undefined
+                ? [getISODateString(newValue[0])]
+                : [getISODateString(newValue[0]), getISODateString(newValue[1])];
+            this.value = newValue;
+            this.selectDate.emit(isoValue);
+        }
+        else {
+            if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.getTime()) === date.getTime()) {
+                return;
+            }
+            this.value = date;
+            this.selectDate.emit(getISODateString(date));
+        }
+    }
+    // @ts-ignore
+    isRangeValue(value) {
+        return this.range;
+    }
+    render() {
+        const showFooter = this.showTodayButton || this.showClearButton;
+        return (h(Host, null, h("div", { "aria-disabled": String(this.disabled), "aria-label": this.labels.picker, class: {
+                [this.getClassName()]: true,
+                [`${this.getClassName()}--disabled`]: this.disabled
+            }, role: "group" }, h("div", { class: this.getClassName('header') }, h("span", { "aria-atomic": "true", "aria-live": "polite", class: "visually-hidden" }, this.getTitle()), this.showYearStepper && (h("button", { "aria-label": this.labels.previousYearButton, class: this.getClassName('previous-year-button'), disabled: this.disabled, innerHTML: this.previousYearButtonContent || undefined, onClick: this.previousYear, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "11 17 6 12 11 7" }), h("polyline", { points: "18 17 13 12 18 7" })))), this.showMonthStepper && (h("button", { "aria-label": this.labels.previousMonthButton, class: this.getClassName('previous-month-button'), disabled: this.disabled, innerHTML: this.previousMonthButtonContent || undefined, onClick: this.previousMonth, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "15 18 9 12 15 6" })))), h("span", { class: this.getClassName('current-month') }, h("select", { title: this.labels.monthSelect, "aria-label": this.labels.monthSelect, class: this.getClassName('month-select'), disabled: this.disabled, name: "month", onChange: this.onMonthSelect }, getMonths(this.locale).map((month, index) => (h("option", { key: month, selected: this.currentDate.getMonth() === index, value: index + 1 }, month)))), h("input", { title: this.labels.yearSelect, "aria-label": this.labels.yearSelect, class: this.getClassName('year-select'), disabled: this.disabled, max: 9999, maxLength: 4, min: 1, name: "year", onChange: this.onYearSelect, type: "number", value: this.currentDate.getFullYear() })), this.showMonthStepper && (h("button", { "aria-label": this.labels.nextMonthButton, class: this.getClassName('next-month-button'), disabled: this.disabled, innerHTML: this.nextMonthButtonContent || undefined, onClick: this.nextMonth, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "9 18 15 12 9 6" })))), this.showYearStepper && (h("button", { "aria-label": this.labels.nextYearButton, class: this.getClassName('next-year-button'), disabled: this.disabled, innerHTML: this.nextYearButtonContent || undefined, onClick: this.nextYear, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "13 17 18 12 13 7" }), h("polyline", { points: "6 17 11 12 6 7" }))))), h("div", { class: this.getClassName('body') }, h("table", { class: this.getClassName('calendar'), onKeyDown: this.onKeyDown, role: "grid" }, h("thead", { class: this.getClassName('calendar-header') }, h("tr", { class: this.getClassName('weekday-row') }, this.weekdays.map((weekday) => (h("th", { "aria-label": weekday[1], abbr: weekday[1], class: this.getClassName('weekday'), key: weekday[0], scope: "col" }, h("span", null, weekday[0])))))), h("tbody", null, this.getCalendarRows().map((calendarRow) => {
+            const rowKey = `row-${calendarRow[0].getMonth()}-${calendarRow[0].getDate()}`;
+            return (h("tr", { class: this.getClassName('calendar-row'), key: rowKey }, calendarRow.map((day) => {
+                var _a, _b, _c, _d, _e;
+                const isCurrent = isSameDay(day, this.currentDate);
+                const isOverflowing = day.getMonth() !== this.currentDate.getMonth();
+                const isSelected = Array.isArray(this.value)
+                    ? isSameDay(day, this.value[0]) ||
+                        isSameDay(day, this.value[1])
+                    : isSameDay(day, this.value);
+                const isInRange = !this.isRangeValue
+                    ? false
+                    : isDateInRange(day, {
+                        from: (_a = this.value) === null || _a === void 0 ? void 0 : _a[0],
+                        to: ((_b = this.value) === null || _b === void 0 ? void 0 : _b[1]) ||
+                            this.hoveredDate ||
+                            this.currentDate
+                    });
+                const orderedValues = Boolean((_c = this.value) === null || _c === void 0 ? void 0 : _c[0])
+                    ? [
+                        (_d = this.value) === null || _d === void 0 ? void 0 : _d[0],
+                        ((_e = this.value) === null || _e === void 0 ? void 0 : _e[1]) || this.hoveredDate
+                    ].sort((a, b) => a - b)
+                    : [];
+                const isStart = this.range && isSameDay(orderedValues[0], day);
+                const isEnd = this.range && isSameDay(orderedValues[1], day);
+                const isToday = isSameDay(day, new Date());
+                const isDisabled = this.disableDate(day);
+                const cellKey = `cell-${day.getMonth()}-${day.getDate()}`;
+                const className = {
+                    [this.getClassName('date')]: true,
+                    [this.getClassName('date--current')]: isCurrent,
+                    [this.getClassName('date--disabled')]: isDisabled,
+                    [this.getClassName('date--overflowing')]: isOverflowing,
+                    [this.getClassName('date--today')]: isToday,
+                    [this.getClassName('date--selected')]: isSelected,
+                    [this.getClassName('date--in-range')]: isInRange,
+                    [this.getClassName('date--start')]: isStart,
+                    [this.getClassName('date--end')]: isEnd
+                };
+                const Tag = isSelected
+                    ? 'strong'
+                    : isToday
+                        ? 'em'
+                        : 'span';
+                return (h("td", { "aria-disabled": String(isDisabled), "aria-selected": isSelected ? 'true' : undefined, "aria-current": isToday ? 'date' : isSelected ? 'true' : undefined, class: className, "data-date": getISODateString(day), key: cellKey, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "gridcell", tabIndex: isSameDay(day, this.currentDate) && !this.disabled
+                        ? 0
+                        : -1 }, h(Tag, { "aria-hidden": "true" }, day.getDate()), h("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
+                    day: 'numeric',
+                    month: 'long',
+                    year: 'numeric'
+                }).format(day))));
+            })));
+        })))), showFooter && (h("div", { class: this.getClassName('footer') }, this.showTodayButton && (h("button", { class: this.getClassName('today-button'), disabled: this.disabled, innerHTML: this.todayButtonContent || undefined, onClick: this.showToday, type: "button" }, this.labels.todayButton)), this.showClearButton && (h("button", { class: this.getClassName('clear-button'), disabled: this.disabled, innerHTML: this.clearButtonContent || undefined, onClick: this.clear, type: "button" }, this.labels.clearButton)))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "firstDayOfWeek": ["watchFirstDayOfWeek"],
+        "locale": ["watchLocale"],
+        "range": ["watchRange"],
+        "startDate": ["watchStartDate"],
+        "value": ["watchValue"]
+    }; }
+};
+WCDatepicker.style = wcDatepickerCss;
+
+export { WCDatepicker as wc_datepicker };

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/swirl-components/p-0131fa16.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as e,d as o}from"./p-Dj_4Fda9.js";import{c as r}from"./p-orsBiyT_.js";const i=class{constructor(e){t(this,e),this.selectedToggleChange=s(this,"selectedToggleChange",7),this.variant="flat",this.toggleButtons=[],this.onSlotChange=()=>{this.toggleButtons=Array.from(this.el.querySelectorAll("swirl-toggle-button")),this.setTogglePressedStates()}}watchSelectedToggleId(t,s){t!==s&&(this.selectedToggleChange.emit(t),this.setTogglePressedStates())}onClick(t){const s=t.target;"SWIRL-TOGGLE-BUTTON"===s?.tagName&&(t.stopPropagation(),this.selectedToggleId=s.identifier)}setTogglePressedStates(){this.toggleButtons?.length&&(this.selectedToggleId&&this.toggleButtons.some((t=>t.identifier===this.selectedToggleId))?this.toggleButtonWithId(this.selectedToggleId):this.toggleButtonWithId(this.toggleButtons[0].identifier))}toggleButtonWithId(t){this.toggleButtons?.length&&this.toggleButtons.forEach((s=>{s.isPressed=s.identifier===t}))}render(){const t=r("toggle-group",`toggle-group--variant-${this.variant}`,{"toggle-group--elevated":this.elevated});return e("swirl-stack",{key:"53d1ed77435d8b176d2ecd9f17a91d7ce898089c",class:t,"aria-label":this.swirlAriaLabel,spacing:"4",orientation:"horizontal",align:"center",role:"group"},e("slot",{key:"86d94274de5474cd95c7a8e9bc00470a769f0338",onSlotchange:this.onSlotChange}))}get el(){return o(this)}static get watchers(){return{selectedToggleId:["watchSelectedToggleId"]}}};i.style=":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}";export{i as swirl_toggle_group}

package/dist/swirl-components/p-01584f24.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,F as C}from"./p-Dj_4Fda9.js";import{c as i}from"./p-orsBiyT_.js";const l=class{constructor(e){s(this,e),this.size=24}render(){const s=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"e9a4bc693d6656e3614c04c3b501a067299f1e65",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(C,{key:"cbffc6d7b17c8918f215a4b64af66314b2ba47a6"},e("path",{key:"bd9e20a62d66433867e72d183b36c9ffedcc250a","fill-rule":"evenodd","clip-rule":"evenodd",d:"M19 12.87C18.9928 12.6415 18.9105 12.4217 18.7659 12.2445C18.6213 12.0674 18.4225 11.9428 18.2 11.89C17.5678 11.7151 17.0103 11.3377 16.6129 10.8158C16.2156 10.2938 16.0003 9.65599 16 9V4H17C17.2652 4 17.5196 3.89464 17.7071 3.70711C17.8946 3.51957 18 3.26522 18 3C18 2.73478 17.8946 2.48043 17.7071 2.29289C17.5196 2.10536 17.2652 2 17 2H7C6.73478 2 6.48043 2.10536 6.29289 2.29289C6.10536 2.48043 6 2.73478 6 3C6 3.26522 6.10536 3.51957 6.29289 3.70711C6.48043 3.89464 6.73478 4 7 4H8V9C7.9997 9.65599 7.7844 10.2938 7.38705 10.8158C6.98971 11.3377 6.43224 11.7151 5.8 11.89C5.57754 11.9428 5.37865 12.0674 5.23406 12.2445C5.08947 12.4217 5.00721 12.6415 5 12.87V13C5 13.2652 5.10536 13.5196 5.29289 13.7071C5.48043 13.8946 5.73478 14 6 14H10.98L11 21C11 21.2652 11.1054 21.5196 11.2929 21.7071C11.4804 21.8946 11.7348 22 12 22C12.2652 22 12.5196 21.8946 12.7071 21.7071C12.8946 21.5196 13 21.2652 13 21L12.98 14H18C18.2652 14 18.5196 13.8946 18.7071 13.7071C18.8946 13.5196 19 13.2652 19 13V12.87Z",fill:"currentColor"})))}};l.style=":host{display:inline-flex}";export{l as swirl_symbol_push_pin}

package/dist/swirl-components/p-01723682.entry.js

@@ -0,0 +1 @@
+import{r as s,h as C,F as t}from"./p-Dj_4Fda9.js";import{c as r}from"./p-orsBiyT_.js";const e=class{constructor(C){s(this,C),this.size=24}render(){const s=r("swirl-symbol",`swirl-symbol--size-${this.size}`);return C("svg",{key:"58b3b2bdf0a8c5839f07eedf5703c5f011acffb0",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},C(t,{key:"c8901b36f4162e1451694e5037c0d0beaf821d22"},C("path",{key:"c0ff2f8c904ff77dc9ecd3b2dc69550c399219d0",d:"M21.961 5.937C21.2123 6.26672 20.4191 6.48439 19.607 6.583C20.4611 6.06861 21.1004 5.26273 21.407 4.314C20.5988 4.78464 19.7182 5.11815 18.801 5.301C18.1839 4.64289 17.3669 4.20671 16.4767 4.06007C15.5865 3.91342 14.6728 4.0645 13.8771 4.48988C13.0815 4.91526 12.4484 5.59119 12.076 6.41292C11.7035 7.23465 11.6125 8.15629 11.817 9.035C10.1875 8.95629 8.59285 8.53519 7.13693 7.79913C5.68101 7.06308 4.39647 6.02857 3.367 4.763C2.99923 5.38799 2.80745 6.10085 2.812 6.826C2.81144 7.501 2.97754 8.16569 3.29555 8.76108C3.61357 9.35647 4.07367 9.86413 4.635 10.239C3.98396 10.2184 3.34728 10.0425 2.778 9.726V9.776C2.77726 10.723 3.10435 11.641 3.70372 12.3742C4.30309 13.1074 5.13777 13.6105 6.066 13.798C5.4647 13.9592 4.83491 13.9834 4.223 13.869C4.48632 14.6842 4.99761 15.3968 5.68549 15.9074C6.37336 16.4179 7.20349 16.701 8.06 16.717C6.6096 17.8553 4.81872 18.473 2.975 18.471C2.64921 18.4706 2.3237 18.4519 2 18.415C3.88066 19.6184 6.06726 20.2567 8.3 20.254C9.83363 20.2648 11.3541 19.9708 12.7732 19.3892C14.1923 18.8075 15.4818 17.9498 16.5667 16.8658C17.6516 15.7818 18.5105 14.4931 19.0933 13.0745C19.6762 11.6559 19.9714 10.1356 19.962 8.602C19.962 8.427 19.962 8.252 19.95 8.077C20.755 7.49782 21.4493 6.77873 22 5.954L21.961 5.937Z",fill:"currentColor"})))}};e.style=":host{display:inline-flex}";export{e as swirl_symbol_twitter}

package/dist/swirl-components/p-02b5276f.entry.js

@@ -0,0 +1 @@
+import{r as C,h as s,F as L}from"./p-Dj_4Fda9.js";import{c as e}from"./p-orsBiyT_.js";const i=class{constructor(s){C(this,s),this.size=24}render(){const C=e("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"ee5a436d30b0463a90bf654ec17fe5af787e71d9",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(L,{key:"fa0ab0977edafb47a1e5452e912ae82100cc31b5"},s("path",{key:"f583164ec7c75914a878ed33fa2645f350802f28",d:"M1.04999 20V18.2C1.04999 17.65 1.19165 17.1333 1.47499 16.65C1.75832 16.1667 2.14999 15.8 2.64999 15.55C3.49999 15.1167 4.45832 14.75 5.52499 14.45C6.59165 14.15 7.76665 14 9.04999 14C10.3333 14 11.5083 14.15 12.575 14.45C13.6417 14.75 14.6 15.1167 15.45 15.55C15.95 15.8 16.3417 16.1667 16.625 16.65C16.9083 17.1333 17.05 17.65 17.05 18.2V20C17.05 20.2833 16.9542 20.5208 16.7625 20.7125C16.5708 20.9042 16.3333 21 16.05 21H2.04999C1.76665 21 1.52915 20.9042 1.33749 20.7125C1.14582 20.5208 1.04999 20.2833 1.04999 20ZM9.04999 13C7.94999 13 7.00832 12.6083 6.22499 11.825C5.44165 11.0417 5.04999 10.1 5.04999 9H4.79999C4.64999 9 4.52915 8.95417 4.43749 8.8625C4.34582 8.77083 4.29999 8.65 4.29999 8.5C4.29999 8.35 4.34582 8.22917 4.43749 8.1375C4.52915 8.04583 4.64999 8 4.79999 8H5.04999C5.04999 7.25 5.23332 6.575 5.59999 5.975C5.96665 5.375 6.44999 4.9 7.04999 4.55V5.5C7.04999 5.65 7.09582 5.77083 7.18749 5.8625C7.27915 5.95417 7.39999 6 7.54999 6C7.69999 6 7.82082 5.95417 7.91249 5.8625C8.00415 5.77083 8.04999 5.65 8.04999 5.5V4.15C8.19999 4.1 8.35832 4.0625 8.52499 4.0375C8.69165 4.0125 8.86665 4 9.04999 4C9.23332 4 9.40832 4.0125 9.57499 4.0375C9.74165 4.0625 9.89999 4.1 10.05 4.15V5.5C10.05 5.65 10.0958 5.77083 10.1875 5.8625C10.2792 5.95417 10.4 6 10.55 6C10.7 6 10.8208 5.95417 10.9125 5.8625C11.0042 5.77083 11.05 5.65 11.05 5.5V4.55C11.65 4.9 12.1333 5.375 12.5 5.975C12.8667 6.575 13.05 7.25 13.05 8H13.3C13.45 8 13.5708 8.04583 13.6625 8.1375C13.7542 8.22917 13.8 8.35 13.8 8.5C13.8 8.65 13.7542 8.77083 13.6625 8.8625C13.5708 8.95417 13.45 9 13.3 9H13.05C13.05 10.1 12.6583 11.0417 11.875 11.825C11.0917 12.6083 10.15 13 9.04999 13ZM9.04999 11C9.59999 11 10.0708 10.8042 10.4625 10.4125C10.8542 10.0208 11.05 9.55 11.05 9H7.04999C7.04999 9.55 7.24582 10.0208 7.63749 10.4125C8.02915 10.8042 8.49999 11 9.04999 11ZM16.475 14.6L16.4 14.25C16.3 14.2167 16.2042 14.1792 16.1125 14.1375C16.0208 14.0958 15.9333 14.0333 15.85 13.95L15.55 14.05C15.4333 14.0833 15.3208 14.0833 15.2125 14.05C15.1042 14.0167 15.0167 13.9417 14.95 13.825L14.85 13.65C14.7833 13.55 14.7625 13.4417 14.7875 13.325C14.8125 13.2083 14.8667 13.1083 14.95 13.025L15.2 12.8V12.2L14.95 11.975C14.8667 11.8917 14.8125 11.7917 14.7875 11.675C14.7625 11.5583 14.7833 11.45 14.85 11.35L14.95 11.175C15.0167 11.0583 15.1042 10.9833 15.2125 10.95C15.3208 10.9167 15.4333 10.9167 15.55 10.95L15.85 11.05C15.9167 10.9833 16 10.925 16.1 10.875C16.2 10.825 16.3 10.7833 16.4 10.75L16.475 10.4C16.5083 10.2833 16.5667 10.1875 16.65 10.1125C16.7333 10.0375 16.8333 10 16.95 10H17.15C17.2667 10 17.3667 10.0375 17.45 10.1125C17.5333 10.1875 17.5917 10.2833 17.625 10.4L17.7 10.75C17.8 10.7833 17.9 10.825 18 10.875C18.1 10.925 18.1833 10.9833 18.25 11.05L18.55 10.95C18.6667 10.9167 18.7792 10.9167 18.8875 10.95C18.9958 10.9833 19.0833 11.0583 19.15 11.175L19.25 11.35C19.3167 11.45 19.3375 11.5583 19.3125 11.675C19.2875 11.7917 19.2333 11.8917 19.15 11.975L18.9 12.2V12.8L19.15 13.025C19.2333 13.1083 19.2875 13.2083 19.3125 13.325C19.3375 13.4417 19.3167 13.55 19.25 13.65L19.15 13.825C19.0833 13.9417 18.9958 14.0167 18.8875 14.05C18.7792 14.0833 18.6667 14.0833 18.55 14.05L18.25 13.95C18.1667 14.0333 18.0792 14.0958 17.9875 14.1375C17.8958 14.1792 17.8 14.2167 17.7 14.25L17.625 14.6C17.5917 14.7167 17.5333 14.8125 17.45 14.8875C17.3667 14.9625 17.2667 15 17.15 15H16.95C16.8333 15 16.7333 14.9625 16.65 14.8875C16.5667 14.8125 16.5083 14.7167 16.475 14.6ZM17.05 13.25C17.25 13.25 17.425 13.175 17.575 13.025C17.725 12.875 17.8 12.7 17.8 12.5C17.8 12.3 17.725 12.125 17.575 11.975C17.425 11.825 17.25 11.75 17.05 11.75C16.85 11.75 16.675 11.825 16.525 11.975C16.375 12.125 16.3 12.3 16.3 12.5C16.3 12.7 16.375 12.875 16.525 13.025C16.675 13.175 16.85 13.25 17.05 13.25ZM18.75 9.45L18.65 8.95C18.5 8.9 18.3625 8.8375 18.2375 8.7625C18.1125 8.6875 18 8.6 17.9 8.5L17.375 8.675C17.225 8.725 17.075 8.72083 16.925 8.6625C16.775 8.60417 16.6583 8.50833 16.575 8.375L16.425 8.125C16.3417 7.99167 16.3125 7.84583 16.3375 7.6875C16.3625 7.52917 16.4417 7.39167 16.575 7.275L17 6.9C16.9667 6.81667 16.95 6.75 16.95 6.7V6.3C16.95 6.25 16.9667 6.18333 17 6.1L16.575 5.725C16.4417 5.60833 16.3625 5.47083 16.3375 5.3125C16.3125 5.15417 16.3417 5.00833 16.425 4.875L16.575 4.625C16.6583 4.49167 16.775 4.39583 16.925 4.3375C17.075 4.27917 17.225 4.275 17.375 4.325L17.9 4.5C18 4.4 18.1125 4.3125 18.2375 4.2375C18.3625 4.1625 18.5 4.1 18.65 4.05L18.75 3.55C18.7833 3.38333 18.8625 3.25 18.9875 3.15C19.1125 3.05 19.2583 3 19.425 3H19.675C19.8417 3 19.9875 3.05 20.1125 3.15C20.2375 3.25 20.3167 3.38333 20.35 3.55L20.45 4.05C20.6 4.1 20.7375 4.1625 20.8625 4.2375C20.9875 4.3125 21.1 4.4 21.2 4.5L21.725 4.325C21.875 4.275 22.025 4.27917 22.175 4.3375C22.325 4.39583 22.4417 4.49167 22.525 4.625L22.675 4.875C22.7583 5.00833 22.7875 5.15417 22.7625 5.3125C22.7375 5.47083 22.6583 5.60833 22.525 5.725L22.1 6.1C22.1333 6.18333 22.15 6.25 22.15 6.3V6.7C22.15 6.75 22.1333 6.81667 22.1 6.9L22.525 7.275C22.6583 7.39167 22.7375 7.52917 22.7625 7.6875C22.7875 7.84583 22.7583 7.99167 22.675 8.125L22.525 8.375C22.4417 8.50833 22.325 8.60417 22.175 8.6625C22.025 8.72083 21.875 8.725 21.725 8.675L21.2 8.5C21.1 8.6 20.9875 8.6875 20.8625 8.7625C20.7375 8.8375 20.6 8.9 20.45 8.95L20.35 9.45C20.3167 9.61667 20.2375 9.75 20.1125 9.85C19.9875 9.95 19.8417 10 19.675 10H19.425C19.2583 10 19.1125 9.95 18.9875 9.85C18.8625 9.75 18.7833 9.61667 18.75 9.45ZM19.55 7.75C19.9 7.75 20.1958 7.62917 20.4375 7.3875C20.6792 7.14583 20.8 6.85 20.8 6.5C20.8 6.15 20.6792 5.85417 20.4375 5.6125C20.1958 5.37083 19.9 5.25 19.55 5.25C19.2 5.25 18.9042 5.37083 18.6625 5.6125C18.4208 5.85417 18.3 6.15 18.3 6.5C18.3 6.85 18.4208 7.14583 18.6625 7.3875C18.9042 7.62917 19.2 7.75 19.55 7.75Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_engineering}

package/dist/swirl-components/p-048dad72.entry.js

@@ -0,0 +1 @@
+import{r as s,h as C,F as e}from"./p-Dj_4Fda9.js";import{c as t}from"./p-orsBiyT_.js";const r=class{constructor(C){s(this,C),this.size=24}render(){const s=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return C("svg",{key:"b6e2a2e2c3fca2bacd1d7812eed957d64e8fb9bf",class:s,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},C(e,{key:"dbb0ff7ab0fa2de9325d96fb47773ab94964b814"},C("path",{key:"f1768b93cd6db80b22ec4da736f0585e6de7ac40",d:"M10.6 13.8L8.45 11.65C8.26667 11.4667 8.03333 11.375 7.75 11.375C7.46667 11.375 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.1 16.1 10.3333 16.2 10.6 16.2C10.8667 16.2 11.1 16.1 11.3 15.9L16.95 10.25C17.1333 10.0667 17.225 9.83333 17.225 9.55C17.225 9.26667 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex}";export{r as swirl_symbol_tasks}