@designsystem-se/af 34.0.4-beta.3 → 34.2.0

package/dist/esm/digi-calendar_2.entry.js

@@ -1,469 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-8e318bb2.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
-import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
-import { l as logger } from './logger.util-ede3c48a.js';
-import { _ as _t } from './text-ee5498fa.js';
-import { i as isValid } from './index-8685f88d.js';
-import { i as isBefore, a as isAfter } from './index-5b6c95c6.js';
-import './detectClosest.util-58a7504f.js';
-
-const calendarCss = ".digi--util--fs--xs.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-calendar{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-calendar{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-calendar{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-calendar{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-calendar{padding-top:5rem !important}.digi--util--pb--1.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-calendar{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-calendar{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-calendar{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-calendar{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-calendar{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-calendar{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-calendar{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-calendar{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-calendar{padding:2.5rem !important}.digi--util--p--60.sc-digi-calendar{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-calendar{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-calendar{padding:4.5rem !important}.digi--util--p--90.sc-digi-calendar{padding:5rem !important}.digi--util--ptb--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-calendar{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-calendar{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-calendar{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-calendar{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-calendar{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-calendar{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-calendar{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-calendar{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-calendar{display:none}.sc-digi-calendar-h{--digi--calendar--display:inline-block;--digi--calendar--header--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--header--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--header--display:flex;--digi--calendar--header--align-items:center;--digi--calendar--header--justify-content:space-between;--digi--calendar--header--text-align:center;--digi--calendar--header--button--padding:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--calendar--header--button--background:transparent;--digi--calendar--header--button--box-shadow:none;--digi--calendar--header--button--background--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--table--border-spacing:0;--digi--calendar--table--border-collapse:collapse;--digi--calendar--table--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--table--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--table-header--padding:var(--digi--gutter--larger) 0;--digi--calendar--table-header--font-weight-normal:var(--digi--typography--body--font-weight--desktop);--digi--calendar--date--border-color:none;--digi--calendar--date--box-shadow:none;--digi--calendar--date--box-shadow--hover:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--background-color:var(--digi--color--background--primary);--digi--calendar--date--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--padding:var(--digi--gutter--large);--digi--calendar--date--color:var(--digi--color--text--primary);--digi--calendar--date--focused--box-shadow:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--focused--background-color:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--box-shadow:none;--digi--calendar--date--today--background-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--background-color--focused:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--border-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--color:var(--digi--color--text--primary);--digi--calendar--date--today--circle-border:2px solid var(--digi--color--text--secondary);--digi--calendar--date--today--circle-margin:10%;--digi--calendar--date--selected--color:var(--digi--color--text--inverted);--digi--calendar--date--selected--background-color:var(--digi--color--background--complementary-1);--digi--calendar--week--font-style:italic;--digi--calendar--week--font-size:var(--digi--global--typography--font-size--small);--digi--calendar--week--border-color:var(--digi--color--background--neutral-3);--digi--calendar--week--border-width:var(--digi--border-width--primary)}.sc-digi-calendar-h .digi-calendar.sc-digi-calendar{display:var(--digi--calendar--display);background:var(--digi--calendar--header--button--background);padding:0px 1px 3px 1px;overflow:hidden;max-width:23.4375rem}.sc-digi-calendar-h .digi-calendar--hide.sc-digi-calendar{--digi--calendar--display:none}.sc-digi-calendar-h .digi-calendar__header.sc-digi-calendar{display:var(--digi--calendar--header--display);align-items:var(--digi--calendar--header--align-items);justify-content:var(--digi--calendar--header--justify-content);text-align:var(--digi--calendar--header--text-align);font-size:var(--digi--global--typography--font-size--base);font-family:var(--digi--calendar--header--font-family);font-weight:var(--digi--calendar--header--font-weight)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar{display:inherit;justify-content:center;margin:0 auto}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:first-child{margin-right:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:last-child{width:5rem}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar select.sc-digi-calendar{padding-inline-end:2rem}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar{flex:auto;display:inherit;align-items:inherit;justify-content:inherit}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-name.sc-digi-calendar{padding-inline:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar{font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--digi--calendar--date--color);display:flex;align-items:center;background:var(--digi--calendar--header--button--background);border:var(--digi--calendar--date--box-shadow);padding:var(--digi--calendar--header--button--padding)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:last-child{border-radius:0 4px 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:first-child{border-radius:4px 0 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus,.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:hover{--digi--calendar--header--button--background:var(\n    --digi--calendar--header--button--background--hover\n  );text-decoration:underline;cursor:pointer}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__table.sc-digi-calendar{border-collapse:var(--digi--calendar--table--border-collapse);border-spacing:var(--digi--calendar--table--border-spacing);font-family:var(--digi--calendar--table--font-family);table-layout:fixed;margin-bottom:var(--digi--margin--medium)}.sc-digi-calendar-h .digi-calendar__table-header-week.sc-digi-calendar{font-style:italic;padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table-header--font-weight-normal);width:50px}.sc-digi-calendar-h .digi-calendar__table-header.sc-digi-calendar{padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table--font-weight);width:46px}.sc-digi-calendar-h .digi-calendar__td-week.sc-digi-calendar{border-right:var(--digi--calendar--week--border-width) solid var(--digi--calendar--week--border-color)}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar{font-style:var(--digi--calendar--week--font-style);font-size:var(--digi--calendar--week--font-size);display:table-cell;text-align:center}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar:hover{cursor:default}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar{position:relative;padding:var(--digi--calendar--date--padding);color:var(--digi--calendar--date--color);background-color:var(--digi--calendar--date--background-color);border-color:var(--digi--calendar--date--border-color);border-radius:var(--digi--border-radius--secondary);font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;border:none;width:44px;height:44px}.sc-digi-calendar-h .digi-calendar__date--disabled.sc-digi-calendar{--digi--calendar--date--color:transparent;pointer-events:none}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar{position:relative}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar::after{display:block;content:\" \";position:absolute;top:var(--digi--calendar--date--today--circle-margin);bottom:var(--digi--calendar--date--today--circle-margin);left:var(--digi--calendar--date--today--circle-margin);right:var(--digi--calendar--date--today--circle-margin);border:var(--digi--calendar--date--today--circle-border);border-radius:50%}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover{--digi--calendar--date--box-shadow:var(\n    --digi--calendar--date--box-shadow--hover\n  );--digi--calendar--date--background-color:var(\n    --digi--calendar--date--background-color--hover\n  );cursor:pointer}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:underline}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar{--digi--calendar--date--background-color:var(\n    --digi--calendar--date--selected--background-color\n  );--digi--calendar--date--color:var(\n    --digi--calendar--date--selected--color\n  )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover{--digi--calendar--date--background-color:var(\n    --digi--calendar--date--selected--background-color\n  )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:none}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__date--not-selectable.sc-digi-calendar::after{display:block;content:\" \";width:0px;height:100%;border:1px solid #757575;transform:rotate(-45deg);position:absolute;top:0%;left:50%}.sc-digi-calendar-h .digi-calendar__date--focused.sc-digi-calendar:focus-visible:not(.digi-calendar__date--selected){--digi--calendar--date--background-color:var(\n    --digi--calendar--date--focused--background-color\n  );outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-s digi-form-label{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}";
-const DigiCalendarStyle0 = calendarCss;
-
-const Calendar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnDateSelectedChange = createEvent(this, "afOnDateSelectedChange", 7);
-        this.afOnFocusOutside = createEvent(this, "afOnFocusOutside", 7);
-        this.afOnClickOutside = createEvent(this, "afOnClickOutside", 7);
-        this.afOnDirty = createEvent(this, "afOnDirty", 7);
-        this.activeCalendar = [];
-        this.months = [];
-        this.selectedDates = [];
-        this.focusedDate = undefined;
-        this.dirty = false;
-        this.afId = randomIdGenerator('digi-calendar');
-        this.afInitSelectedMonth = new Date().getMonth();
-        this.afInitSelectedDate = new Date();
-        this.afShowWeekNumber = false;
-        this.afSelectedDate = undefined;
-        this.afSelectedDates = [];
-        this.afActive = true;
-        this.afMinDate = undefined;
-        this.afMaxDate = undefined;
-        this.afMultipleDates = false;
-        this.afYearSelect = false;
-    }
-    afSelectedDateChangeHandler() {
-        if (isValid(this.afSelectedDate)) {
-            this.selectedDates = [this.afSelectedDate];
-        }
-        else {
-            this.selectedDates = [];
-        }
-    }
-    afSelectedDatesChangeHandler() {
-        if (this.afSelectedDates.length > 0) {
-            if (this.afMultipleDates) {
-                const invalidDate = this.afSelectedDates.find((date) => !isValid(date));
-                if (invalidDate === undefined) {
-                    this.selectedDates = this.afSelectedDates;
-                }
-            }
-            else if (isValid(this.afSelectedDates[0])) {
-                this.selectedDates = [this.afSelectedDates[0]];
-            }
-        }
-        else {
-            this.selectedDates = [];
-        }
-    }
-    focusoutHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-calendar`;
-        if (detectFocusOutside(target, selector)) {
-            this.afOnFocusOutside.emit(e);
-        }
-    }
-    clickHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-calendar`;
-        if (detectClickOutside(target, selector)) {
-            this.afOnClickOutside.emit(e);
-        }
-    }
-    drawCalendar(focusedDate) {
-        const date = {
-            year: focusedDate.getFullYear(),
-            month: focusedDate.getMonth()
-        };
-        this.lastWeekOfPreviousMonth = this.getWeekDays(this.getLastDayOfPrevMonth(date));
-        this.firstWeekOfNextMonth = this.getWeekDays(this.getFirstDayOfNextMonth(date));
-        this.weeksBetween = this.getWeeksBetween(this.getLastDayOfPrevMonth(date), this.getFirstDayOfNextMonth(date));
-        this.weekDaysbetween = this.getWeekdaysOfMonth(this.weeksBetween);
-        this.months = [
-            'januari',
-            'februari',
-            'mars',
-            'april',
-            'maj',
-            'juni',
-            'juli',
-            'augusti',
-            'september',
-            'oktober',
-            'november',
-            'december'
-        ];
-        this.activeCalendar = this.appendFirstWeekOfNextMonth()
-            ? [
-                this.lastWeekOfPreviousMonth,
-                ...this.weekDaysbetween,
-                this.appendFirstWeekOfNextMonth()
-            ]
-            : [this.lastWeekOfPreviousMonth, ...this.weekDaysbetween];
-        this.appendFirstWeekOfNextMonth();
-        if (this.afShowWeekNumber) {
-            this.activeCalendar.forEach((el, i) => {
-                this.activeCalendar[i].unshift(this.getWeekNumbers(el[0]));
-            });
-        }
-    }
-    appendFirstWeekOfNextMonth() {
-        const lastArray = JSON.stringify(this.weekDaysbetween.slice(-1)[0]);
-        const stringFirstweek = JSON.stringify(this.firstWeekOfNextMonth);
-        if (!this.firstWeekOfNextMonth.some((date) => this.isSameMonth(date, this.focusedDate))) {
-            return;
-        }
-        else if (lastArray !== stringFirstweek) {
-            return this.firstWeekOfNextMonth;
-        }
-    }
-    getLastDayOfPrevMonth(date) {
-        return new Date(date.year, date.month, 0);
-    }
-    getWeekDays(date) {
-        const today = date || new Date();
-        const week = [];
-        for (let i = 1; i <= 7; i++) {
-            const first = today.getDate() - today.getDay() + i;
-            const day = new Date(today.setDate(first));
-            week.push(day);
-        }
-        return week;
-    }
-    getFirstDayOfNextMonth(date) {
-        return new Date(date.year, date.month + 1, 1);
-    }
-    getWeeksBetween(lastDayOfPrevMonth, firstDayOnNextMonth) {
-        const week = 7 * 24 * 60 * 60 * 1000;
-        const d1ms = lastDayOfPrevMonth.getTime();
-        const d2ms = firstDayOnNextMonth.getTime();
-        const diff = Math.abs(d2ms - d1ms);
-        return Math.floor(diff / week);
-    }
-    getWeekdaysOfMonth(weeksBetween) {
-        let weeks = [];
-        for (let i = 1; i <= weeksBetween; i++) {
-            weeks = [...weeks, this.getWeekDays(this.getUpcoming(i))];
-        }
-        return weeks;
-    }
-    getUpcoming(weeks) {
-        return new Date(this.focusedDate.getFullYear(), this.focusedDate.getMonth(), 7 * weeks);
-    }
-    onDirty() {
-        if (!this.dirty) {
-            this.dirty = true;
-            this.afOnDirty.emit(this.dirty);
-        }
-    }
-    selectDateHandler(dateSelected) {
-        this.onDirty();
-        if (!this.isDateSelectable(dateSelected))
-            return;
-        if (this.isDateSelected(dateSelected)) {
-            this.selectedDates = this.afMultipleDates
-                ? this.selectedDates.filter((d) => {
-                    return !this.isSameDate(d, dateSelected);
-                })
-                : [];
-        }
-        else {
-            this.selectedDates = this.afMultipleDates
-                ? [...this.selectedDates, dateSelected]
-                : [dateSelected];
-        }
-        this.focusedDate = new Date(dateSelected);
-        this.afOnDateSelectedChange.emit(this.selectedDates);
-    }
-    getMonthName(monthNumber) {
-        return new Date(1992, monthNumber, 1)
-            .toLocaleDateString('default', {
-            month: 'short'
-        })
-            .replace('.', '');
-    }
-    getFullMonthName(monthNumber) {
-        return new Date(this.focusedDate.getFullYear(), monthNumber, 1).toLocaleDateString('default', {
-            month: 'long',
-            year: 'numeric'
-        });
-    }
-    // Get the week number of a specific date. Taken from https://weeknumber.com/how-to/javascript
-    getWeekNumbers(dateInput) {
-        const date = new Date(dateInput);
-        date.getTime();
-        date.setHours(0, 0, 0, 0);
-        date.setDate(date.getDate() + 3 - ((date.getDay() + 6) % 7));
-        const week1 = new Date(date.getFullYear(), 0, 4);
-        return (1 +
-            Math.round(((date.getTime() - week1.getTime()) / 86400000 -
-                3 +
-                ((week1.getDay() + 6) % 7)) /
-                7));
-    }
-    isSameMonth(date, currentDate) {
-        if (date instanceof Date && date instanceof Date) {
-            return (`${date.getFullYear()}${date.getMonth()}` ===
-                `${currentDate.getFullYear()}${currentDate.getMonth()}`);
-        }
-        return false;
-    }
-    isSameDate(date, newDate) {
-        return this.getDateString(date) === this.getDateString(newDate);
-    }
-    getDateString(date) {
-        return `${date.getDate()}${date.getMonth()}${date.getFullYear()}`;
-    }
-    isDateSelected(date) {
-        return !!this.selectedDates.find((d) => this.isSameDate(date, d));
-    }
-    isDateSelectable(date) {
-        if (this.afMinDate && this.isBefore(date, this.afMinDate))
-            return false;
-        if (this.afMaxDate && this.isAfter(date, this.afMaxDate))
-            return false;
-        return true;
-    }
-    isBefore(a, b) {
-        return isBefore(this.dateWithoutTime(a), this.dateWithoutTime(b));
-    }
-    isAfter(a, b) {
-        return isAfter(this.dateWithoutTime(a), this.dateWithoutTime(b));
-    }
-    dateWithoutTime(date) {
-        return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-    }
-    isDisabledDate(date) {
-        return !this.isSameMonth(date, this.focusedDate);
-    }
-    subtractMonth() {
-        const month = new Date(this.focusedDate);
-        const currentDay = month.getDate();
-        month.setMonth(month.getMonth() - 1, 1);
-        const lastDayOfPrevMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();
-        month.setDate(Math.min(currentDay, lastDayOfPrevMonth));
-        this.afInitSelectedMonth = month.getMonth();
-        this.focusedDate = month;
-    }
-    addMonth() {
-        const month = new Date(this.focusedDate);
-        const currentDay = month.getDate();
-        month.setMonth(month.getMonth() + 1, 1);
-        const lastDayOfNextMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();
-        month.setDate(Math.min(currentDay, lastDayOfNextMonth));
-        this.afInitSelectedMonth = month.getMonth();
-        this.focusedDate = month;
-    }
-    getCurrent(date) {
-        return this.isSameDate(date, new Date()) ? 'date' : null;
-    }
-    setTabIndex(date) {
-        if (this.dirty) {
-            return this.isSameDate(date, this.focusedDate) ? 0 : -1;
-        }
-        else {
-            return this.isSameMonth(date, new Date())
-                ? this.isSameDate(date, new Date()) && !this.isDisabledDate(date)
-                    ? 0
-                    : -1
-                : this.isSameMonth(date, this.focusedDate) && date.getDate() === 1
-                    ? 0
-                    : -1;
-        }
-    }
-    navigateHandler(e, daysToAdd) {
-        !!e.detail && e.detail.preventDefault();
-        if (e.detail.key === 'Tab') {
-            return;
-        }
-        this.onDirty();
-        const date = new Date(e.detail.target.dataset.date);
-        this.focusedDate = new Date(date.setDate(date.getDate() + daysToAdd));
-        this.afInitSelectedMonth = this.focusedDate.getMonth();
-        this.resetFocus();
-    }
-    shiftTabHandler() {
-        this.afYearSelect
-            ? this._yearSelectInputElement.focus()
-            : this._nextButton.focus();
-    }
-    resetFocus() {
-        setTimeout(() => {
-            const dates = this._tbody.querySelectorAll('.digi-calendar__date');
-            if (dates.length <= 0) {
-                logger.warn(`Could not find an element with data-date attribute matching navigated date.`, this._tbody);
-                return;
-            }
-            Array.from(dates).map((date) => {
-                const d = date;
-                d.tabIndex = -1;
-                d.classList.remove('digi-calendar__date--focused');
-                if (d.dataset.date === this.getFullDate(this.focusedDate)) {
-                    d.focus();
-                    d.tabIndex = 0;
-                    d.classList.add('digi-calendar__date--focused');
-                }
-            });
-        }, 100);
-    }
-    getFullDate(date) {
-        return date.toLocaleString('default', {
-            day: 'numeric',
-            month: 'numeric',
-            year: 'numeric'
-        });
-    }
-    getDateName(date) {
-        return date.toLocaleString('default', {
-            weekday: 'long',
-            year: 'numeric',
-            month: 'long',
-            day: 'numeric'
-        });
-    }
-    setFocused(date) {
-        if (this.dirty) {
-            return this.isSameDate(date, this.focusedDate);
-        }
-        else {
-            return this.isSameMonth(date, new Date())
-                ? this.isSameDate(date, new Date()) && !this.isDisabledDate(date)
-                : this.isSameMonth(date, this.focusedDate) && date.getDate() === 1;
-        }
-    }
-    ariaPressed(date) {
-        return this.selectedDates.length > 0 &&
-            !!this.selectedDates.find((d) => this.isSameDate(d, date))
-            ? 'true'
-            : 'false';
-    }
-    selectMonth(evt) {
-        const tempDate = new Date(this.focusedDate);
-        const selectedMonth = parseInt(evt.target.value, 10);
-        const currentDay = tempDate.getDate();
-        tempDate.setMonth(selectedMonth, 1);
-        const lastDayOfSelectedMonth = new Date(tempDate.getFullYear(), selectedMonth + 1, 0).getDate();
-        tempDate.setDate(Math.min(currentDay, lastDayOfSelectedMonth));
-        this.afInitSelectedMonth = selectedMonth;
-        this.focusedDate = tempDate;
-        this.drawCalendar(this.focusedDate);
-    }
-    selectYear(evt) {
-        const tempDate = this.focusedDate;
-        tempDate.setFullYear(evt.target.value);
-        this.afInitSelectedDate = evt.target.value;
-        this.focusedDate = tempDate;
-        this.drawCalendar(this.focusedDate);
-    }
-    earliestSelectableYear() {
-        if (this.afMinDate)
-            return this.afMinDate.getFullYear();
-        return 1900;
-    }
-    latestSelectableYear() {
-        if (this.afMaxDate)
-            return this.afMaxDate.getFullYear();
-        return new Date(Date.now()).getFullYear() + 10;
-    }
-    allSelectableYears() {
-        const allYears = [];
-        let currentYear = this.earliestSelectableYear();
-        while (currentYear <= this.latestSelectableYear()) {
-            allYears.push(currentYear++);
-        }
-        return allYears;
-    }
-    componentWillLoad() {
-        if (this.afInitSelectedDate) {
-            this.afInitSelectedMonth = this.afInitSelectedDate.getMonth();
-            this.focusedDate = this.afInitSelectedDate;
-            this.drawCalendar(this.afInitSelectedDate);
-        }
-        else {
-            const startSelectedMonth = new Date(new Date().getFullYear(), this.afInitSelectedMonth);
-            this.focusedDate = startSelectedMonth;
-            this.drawCalendar(startSelectedMonth);
-        }
-    }
-    componentWillUpdate() {
-        this.drawCalendar(this.focusedDate);
-    }
-    async componentDidLoad() {
-        var _a;
-        if (isValid(this.afSelectedDate))
-            this.selectedDates = [this.afSelectedDate];
-        else
-            this.afSelectedDatesChangeHandler();
-        await customElements.whenDefined('digi-form-select');
-        if (this.afYearSelect)
-            this._yearSelectInputElement =
-                await ((_a = this === null || this === void 0 ? void 0 : this._yearSelect) === null || _a === void 0 ? void 0 : _a.afMGetFormControlElement());
-    }
-    cssDateModifiers(date) {
-        return {
-            'digi-calendar__date--today': this.isSameDate(date, new Date()) && !this.isDisabledDate(date),
-            'digi-calendar__date--disabled': this.isDisabledDate(date),
-            'digi-calendar__date--focused': this.setFocused(date),
-            'digi-calendar__date--selected': this.isDateSelected(date),
-            'digi-calendar__date--not-selectable': !this.isDisabledDate(date) && !this.isDateSelectable(date)
-        };
-    }
-    render() {
-        return (h("div", { key: 'bf40fc1bac26c7a1fd36af8163ca900ad716f2ac', class: {
-                'digi-calendar': true,
-                'digi-calendar--hide': !this.afActive
-            }, id: `${this.afId}-calendar` }, this.afYearSelect && (h("div", { key: '5c5a3d9b92e2cad5d5d0891773245199ff2f270d', class: "digi-calendar__header" }, h("div", { key: 'a8220cc1f247d952d987eebc64b66a85f9b8fa0e', class: "digi-calendar__header--year-select" }, h("digi-form-select", { key: 'e74b195443677f7e7653e159be212dc762721ddf', afLabel: "M\u00E5nad", "af-variation": "small", afValue: this.focusedDate.getMonth().toString(), onAfOnSelect: (evt) => {
-                this.selectMonth(evt);
-            } }, this.months.map((month, index) => {
-            return h("option", { value: index }, month);
-        })), h("digi-form-select", { key: 'f8997fd8f662111f681bfea97fa6c8da4833dbd7', afLabel: "\u00C5r", "af-variation": "small", afValue: this.focusedDate.getFullYear().toString(), onAfOnSelect: (evt) => {
-                this.selectYear(evt);
-            }, ref: (el) => (this._yearSelect = el) }, this.allSelectableYears().map((year) => (h("option", { value: year.toString() }, year))))))), !this.afYearSelect && (h("div", { key: '6357428160019c55994d797d3d17c7155572a11e', class: "digi-calendar__header" }, h("div", { key: '8ba1925cdbf55c492a2fe0793145782ee4c1eb71', class: "digi-calendar__header--month-step" }, h("button", { key: 'c35f9f23abd8560a716e6fd45bbbe32281cdc220', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.afInitSelectedMonth - 1) +
-                ', föregående månad', onClick: () => this.subtractMonth() }, h("digi-icon-chevron-left", { key: 'bb1685a8b70c6ba74d5ff649ac5fe15404f10433', slot: "icon", "aria-hidden": "true" }), h("span", { key: '793236bdad8c199474057adbabf3cc62509c00a2', class: "digi-calendar__month-select-name" }, this.getMonthName(this.afInitSelectedMonth - 1))), h("div", { key: '6e0fcb86956a89bdf7c18d30365b524b1679b952', class: "digi-calendar__month" }, this.getFullMonthName(this.afInitSelectedMonth)), h("button", { key: '155c99f0c5f1aacac09a15733477a5aa470f27bc', class: "digi-calendar__month-select-button", type: "button", "aria-label": this.getFullMonthName(this.afInitSelectedMonth + 1) +
-                ', nästa månad', onClick: () => this.addMonth(), ref: (el) => (this._nextButton = el) }, h("span", { key: 'cb7449a1b1be88b4b9c06d8d483e7ecae59ee42c', class: "digi-calendar__month-select-name" }, this.getMonthName(this.afInitSelectedMonth + 1)), h("digi-icon-chevron-right", { key: 'b698289d59f9f934e5f936958b15d606e72df3b2', slot: "icon", "aria-hidden": "true" }))))), h("digi-util-keydown-handler", { key: 'a6af325d76e3b441eb9dfa75dc7fc39d508d7393', onAfOnDown: (e) => this.navigateHandler(e, 7), onAfOnUp: (e) => this.navigateHandler(e, -7), onAfOnLeft: (e) => this.navigateHandler(e, -1), onAfOnRight: (e) => this.navigateHandler(e, 1), onAfOnShiftTab: () => this.shiftTabHandler() }, h("table", { key: 'aa61779c152a1c13ed768bc84ccc8fc05c826872', role: "grid", class: "digi-calendar__table" }, h("thead", { key: '1e653248ff572c0bcc36823a2a5a5fac0878b3bf' }, h("tr", { key: '4ab2c169027c83cb5dc4b5d1031f0c9f7b965a7f' }, this.afShowWeekNumber && (h("th", { key: 'f9a6bcd38bc852fef8f924cc2faaee108aaabcfa', role: "gridcell", abbr: _t.calendar.week, class: "digi-calendar__table-header-week" }, _t.calendar.week.toLowerCase())), Object.keys(_t.calendar.weekdays).map((day) => (h("th", { role: "gridcell", abbr: _t.calendar.weekdays[day], class: "digi-calendar__table-header" }, _t.calendar.weekdays_short[day].toLowerCase()))))), h("tbody", { key: 'feef4137f6cf96b69c996dfd83631c4086ad4a88', ref: (el) => (this._tbody = el) }, this.activeCalendar.map((week) => {
-            return (h("tr", null, week.map((day, i) => {
-                if (this.afShowWeekNumber && i === 0) {
-                    return (h("td", { role: "gridcell", class: "digi-calendar__td-week digi-calendar__date--week-number", id: 'digi-calendar__week-' + day }, day));
-                }
-                else {
-                    return (h("td", { role: "gridcell", class: "digi-calendar__td" }, h("button", { type: "button", class: Object.assign(Object.assign({}, this.cssDateModifiers(day)), { 'digi-calendar__date': true }), onClick: () => this.selectDateHandler(day), "aria-label": this.getDateName(day), "aria-disabled": this.isDisabledDate(day) ||
-                            !this.isDateSelectable(day), "aria-describedby": this.afShowWeekNumber && i === 1
-                            ? 'digi-calendar__week-' + week[0]
-                            : null, tabindex: this.setTabIndex(day), "data-date": this.getFullDate(day), "aria-pressed": this.ariaPressed(day) }, h("span", { "aria-hidden": "true" }, day.getDate()))));
-                }
-            })));
-        })))), h("slot", { key: '11b292ce91704016dd1a3e214160d8bc84e28b17', name: "calendar-footer" })));
-    }
-    static get watchers() { return {
-        "afSelectedDate": ["afSelectedDateChangeHandler"],
-        "afSelectedDates": ["afSelectedDatesChangeHandler"]
-    }; }
-};
-Calendar.style = DigiCalendarStyle0;
-
-const iconCalendarAltCss = ".sc-digi-icon-calendar-alt-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-calendar-alt-h svg.sc-digi-icon-calendar-alt{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
-const DigiIconCalendarAltStyle0 = iconCalendarAltCss;
-
-const IconCalendarAlt = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '714af6d31a9359fd0d411c68fab9c6699e472581', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'f9c3132f10d66ab110a7e199a6bd0c4807e5d876', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'bbed98ddb781175cc6eb70e14eda8142c8645418' }, this.afDesc), h("path", { key: 'd0c1b4188cc404509f6dc95f261a773736233ab4', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconCalendarAlt.style = DigiIconCalendarAltStyle0;
-
-export { Calendar as digi_calendar, IconCalendarAlt as digi_icon_calendar_alt };