@skdx/web-components 0.27.0 → 0.28.0

package/dist/calendar/Calendar.d.ts

@@ -1,243 +1,356 @@
 import { LitElement, type PropertyValues } from 'lit';
-/** @internal Number of days in the given zero-based `month` of `year`. */
+import { type DateInput } from '../internal/date-value.js';
+/** @internal */
 export declare function getDaysInMonth(year: number, month: number): number;
-/** @internal Midnight on the first day of `date`'s month, in local time. */
+/** @internal */
 export declare function startOfMonth(date: Date): Date;
-/** @internal Adds `amount` calendar months to `date`, clamping the day of month so it never overflows. */
+/** @internal Clamps day-of-month when rolling across February. */
 export declare function addMonths(date: Date, amount: number): Date;
-/** @internal Adds `amount` years to `date` via {@link addMonths}. */
+/** @internal */
 export declare function addYears(date: Date, amount: number): Date;
-/** @internal Adds `amount` days to `date`, rolling over month/year boundaries. */
+/** @internal */
 export declare function addDays(date: Date, amount: number): Date;
-/** @internal Whether `a` and `b` fall on the same calendar day. */
+/** @internal */
 export declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
-/** @internal Whether `a` and `b` fall in the same calendar month of the same year. */
+/** @internal */
 export declare function isSameMonth(a: Date, b: Date): boolean;
-/** @internal Midnight on the first day of the week containing `date`. */
+/** @internal */
 export declare function startOfWeek(date: Date, weekStartsOn: number): Date;
-/** @internal Midnight on the last day of the week containing `date`. */
+/** @internal */
 export declare function endOfWeek(date: Date, weekStartsOn: number): Date;
-/** @internal Copy of `date` with the time component zeroed to local midnight. */
+/** @internal */
 export declare function stripTime(date: Date): Date;
-/** @internal Whether `date` is before `minDate`, after `maxDate`, or rejected by `disabledFn`. */
+/** @internal Clamps `date` into `[minDate, maxDate]`, compared date-only. */
+export declare function clampToDateRange(date: Date, minDate: Date | undefined, maxDate: Date | undefined): Date;
+/** @internal */
 export declare function isDateDisabled(date: Date, minDate: Date | undefined, maxDate: Date | undefined, disabledFn: ((date: Date) => boolean) | undefined): boolean;
-/** @internal Formats `date` as a local-time `YYYY-MM-DD` string. */
+/** The whole-calendar and per-date disabled states. */
+export interface ResolvedCalendarDisabled {
+    disabled: boolean;
+    isDateDisabled?: (date: Date) => boolean;
+}
+/** @internal Resolves disabled and isDateDisabled props. */
+export declare function resolveCalendarDisabled(disabled: boolean | undefined, isDateDisabled: ((date: Date) => boolean) | undefined): ResolvedCalendarDisabled;
+/** @internal */
+export declare function resetInstantDateWarning(): void;
+/**
+ * Warn once per process when a bare `YYYY-MM-DD` string was handed to `new Date()`,
+ * which reads it as UTC midnight (a different day west of Greenwich). Fires only
+ * when `date` is at UTC midnight with a different local date.
+ *
+ * @param date - Date supplied or null/undefined
+ * @param source - Prop name for the message
+ */
+export declare function warnInstantDate(date: Date | null | undefined, source: string): void;
+/**
+ * Which grid is showing: day, month, or year view. Ordered coarsest-last —
+ * heading steps *up* this list, activating a cell steps *down* it.
+ */
+export type CalendarView = 'day' | 'month' | 'year';
+/** The three views, most granular first. */
+export declare const CALENDAR_VIEWS: readonly ["day", "month", "year"];
+/** Years in one page of the year grid. */
+export declare const CALENDAR_YEAR_PAGE = 20;
+/** @internal */
+export declare function clampView(view: CalendarView, minView: CalendarView, maxView: CalendarView): CalendarView;
+/** @internal */
+export declare function yearPageStart(year: number): number;
+/** @internal Checks if any date in the range is selectable. */
+export declare function hasAvailableDate(from: Date, to: Date, minDate: Date | undefined, maxDate: Date | undefined, disabledFn: ((date: Date) => boolean) | undefined): boolean;
+/** @internal */
+export declare function formatViewPageLabel(date: Date, view: CalendarView, locale?: string): string;
+/**
+ * ISO-8601 week number (1-53). Week 1 contains the year's first Thursday.
+ * Independent of `week-starts-on`. Uses local time, not UTC.
+ *
+ * @param date - Any day of the week to number; not mutated
+ * @returns The ISO week number, 1-53
+ */
+export declare function getISOWeek(date: Date): number;
+/** @internal */
 export declare function toISODateString(date: Date): string;
-/** @internal Projects `date`'s day-of-month onto `targetMonth`, clamping to that month's last day. */
+/** @internal */
 export declare function clampToMonth(date: Date, targetMonth: Date): Date;
 /** One cell in a Calendar grid week. */
 export interface CalendarDay {
     date: Date;
     outsideMonth: boolean;
 }
-/** Always returns a 6x7 (weeks x weekdays) grid, including adjacent-month filler days. */
+/** @internal Always returns a 6x7 (weeks x weekdays) grid, including adjacent-month filler days. */
 export declare function getVisibleWeeks(month: Date, weekStartsOn?: number): CalendarDay[][];
-/**
- * How many dates a `<skdx-calendar>` selects at once, and therefore what shape
- * its `value` takes:
- *
- * | `selectionMode` | `value` type          | empty selection |
- * | --------------- | --------------------- | --------------- |
- * | `'single'`      | `Date \| null`        | `null`          |
- * | `'multiple'`    | `Date[]`              | `[]`            |
- * | `'range'`       | `DateRange \| null`   | `null`          |
- */
+/** Selection mode determines `value` shape: single `Date`, `Date[]`, or `DateRange`. */
 export type CalendarSelectionMode = 'single' | 'multiple' | 'range';
 /**
- * A selected date range. `end` is `null` while the range is *anchored* — the
- * user has picked a start date and the next selection will close the range.
+ * A selected date range. `end` is `null` while the range is anchored (start
+ * picked, awaiting end).
  */
 export interface DateRange {
-    /** First date of the range (always the earlier of the two once `end` is set). */
     start: Date;
-    /** Last date of the range, or `null` while only the anchor has been picked. */
     end: Date | null;
 }
+/** Calendar selection: `Date`, `Date[]`, `DateRange`, or `null`. Not discriminated (framework parity). */
+export type CalendarValue = Date | Date[] | DateRange | null;
 /**
- * A calendar's selection, whose concrete shape follows
- * {@link CalendarSelectionMode}. One union rather than a discriminated type,
- * because a Web Component property cannot discriminate on a sibling property —
- * semantic parity across the five frameworks beats a type trick only two of
- * them could express.
+ * Lenient input form of {@link CalendarValue}. Each Date position accepts ISO
+ * strings; the whole selection accepts wire strings ('2026-08-10' single,
+ * '2026-08-10,2026-08-14' set, '2026-08-10/2026-08-14' range, trailing / for
+ * anchored range). Strings read as local-time calendar dates, never UTC.
  */
-export type CalendarValue = Date | Date[] | DateRange | null;
-/** Where a date sits inside a selected range, for the `data-range-*` styling hooks. */
+export type CalendarValueInput = DateInput | ReadonlyArray<DateInput> | {
+    start: DateInput;
+    end?: DateInput | null;
+} | null;
+/** Position within a range, for `data-range-*` styling hooks. */
 export type RangePosition = 'start' | 'middle' | 'end';
-/** Whether `value` is a {@link DateRange} rather than a single date, a date array, or nothing. */
+/** Page behavior: `'visible'` pages by all displayed months, `'single'` always by one month. */
+export type CalendarPageBehavior = 'visible' | 'single';
+/** @internal */
 export declare function isDateRange(value: CalendarValue): value is DateRange;
-/** The empty selection for `mode`: `[]` for `multiple`, `null` for `single` and `range`. */
+/** @internal */
 export declare function emptySelection(mode: CalendarSelectionMode): CalendarValue;
-/**
- * Where `date` sits in `range`: `'start'`, `'end'`, `'middle'`, or `undefined`
- * when it is outside the range. A range still being anchored (`end: null`)
- * only ever reports `'start'`.
- */
+/** @internal Where `date` sits in `range`, or `undefined` if outside. */
 export declare function rangePositionOf(range: DateRange, date: Date): RangePosition | undefined;
-/**
- * Whether `date` is part of `value` — the selected day in `single` mode, a
- * member of the array in `multiple`, or anywhere from `start` to `end`
- * inclusive in `range` (so every cell in a range carries `aria-selected`).
- */
+/** @internal */
 export declare function isDateSelected(value: CalendarValue, date: Date): boolean;
 /**
- * The selection that results from choosing `date` while `current` is selected.
- *
- * - `single` — just `date`.
- * - `multiple` — `date` toggled into/out of the array, kept chronological.
- * - `range` — anchors a new range (`{ start: date, end: null }`) when nothing
- *   is anchored or the previous range was already complete, otherwise closes
- *   the anchored range, ordering `start`/`end` so a backwards drag still
- *   yields `start <= end`.
+ * @internal New selection after choosing `date`: single returns `date`; multiple
+ * toggles it in/out, sorted; range anchors a new range or closes the anchored
+ * one, always ensuring `start <= end`.
  */
 export declare function nextSelection(mode: CalendarSelectionMode, current: CalendarValue, date: Date): CalendarValue;
-/** @internal The live-region message for a selection change, or `''` when there is nothing worth announcing. */
+/** @internal */
 export declare function selectionAnnouncement(value: CalendarValue, locale: string | undefined): string;
-/** @internal The date a fresh calendar should focus and display, given whatever `value` holds. */
+/** @internal */
 export declare function anchorOf(value: CalendarValue): Date | null;
 /**
- * `<skdx-calendar>` — the Web Components implementation of the shared
- * Calendar contract (see `@skdx/shared`'s `calendarContract`). A month-grid
- * date picker (WAI-ARIA `grid` pattern) built on plain native `Date` math and
- * `Intl` for every month/weekday name — no date library, no bundled name
- * table. `selection-mode` decides what `value` holds: a `Date` (`single`, the
- * default), a `Date[]` (`multiple`), or a `{ start, end }` {@link DateRange}
- * (`range`, where `end` stays `null` until the second date closes it).
- * Renders no visible box of its own (`display:
- * contents`) — it only owns selection/displayed-month/roving-focus state
- * and exposes it to descendant `<skdx-calendar-*>` parts, which look it up
- * via `closest('skdx-calendar')` and listen for its internal update event to
- * know when to re-render. Like `<skdx-dialog>`, properties are the single
- * source of truth (no separate controlled/uncontrolled mode) — listen for
- * `value-change`/`month-change` to observe or override changes.
+ * Month-grid date picker (WAI-ARIA grid) built on native `Date` math and
+ * `Intl` for names. Selects single date, multiple dates, or start/end range
+ * over consecutive months. Renders no box; manages state and exposes it to
+ * descendant parts via `closest('skdx-calendar')`. Properties are source of truth.
  *
  * @example
  * ```html
- * <skdx-calendar id="cal">
- *   <skdx-calendar-header>
- *     <skdx-calendar-previous-button>‹</skdx-calendar-previous-button>
- *     <skdx-calendar-heading></skdx-calendar-heading>
- *     <skdx-calendar-next-button>›</skdx-calendar-next-button>
- *   </skdx-calendar-header>
- *   <skdx-calendar-grid></skdx-calendar-grid>
- * </skdx-calendar>
+ * <skdx-calendar></skdx-calendar>
  * ```
  *
- * @fires value-change - Fired with the *whole* new selection (a `Date`, a `Date[]`, or a `{ start, end }` range, per `selection-mode`) whenever a cell is picked.
- * @fires month-change - Fired with the first day of the newly displayed month whenever the calendar is navigated.
+ * @fires value-change - New selection (per `selection-mode`) when a cell is picked
+ * @fires month-change - First day of newly displayed month when navigated
+ * @fires focus-change - Newly focused date when the roving tab stop moves
+ * @fires view-change - View now showing ('day', 'month', 'year') when stepped
  */
 export declare class SkdxCalendar extends LitElement {
     static styles: import("lit").CSSResult;
     /**
-     * How many dates can be selected at once, which also fixes the shape of
-     * `value` — see {@link CalendarSelectionMode}.
+     * Selection mode determines how many dates are selected at once.
      * @default 'single'
      */
     selectionMode: CalendarSelectionMode;
     /**
-     * Current selection; its shape follows `selectionMode`. Property-only —
-     * the array and range shapes have no attribute form. Listen for
-     * `value-change` to observe or override changes.
+     * Current selection shaped by `selectionMode`. Property carries `Date`s;
+     * attribute carries local ISO-8601 wire form. Listen for `value-change`.
+     * @default null
      */
-    value: CalendarValue;
-    /** Displayed month. Listen for `month-change` to observe or override changes. */
-    month: Date;
+    get value(): CalendarValue;
+    set value(next: CalendarValueInput);
+    private _value;
     /**
-     * Initially displayed month, for uncontrolled usage — the seed for
-     * {@link month}, which the calendar then owns. Defaults to the month of
-     * `value`, or the current month
-     * (`packages/react/src/calendar/Calendar.tsx:331`).
-     *
-     * Unlike `month`, this one *does* take an attribute: a seed is the thing
-     * static markup needs to say, and a month has an unambiguous text form.
-     * `default-month="2024-01"` and `default-month="2024-01-01"` are both read
-     * as local time — `new Date('2024-01-01')` is UTC midnight, which is the
-     * *previous* month anywhere west of Greenwich.
-     * @default undefined — the month of `value`, else the current month.
+     * Displayed month. Listen for `month-change` to observe or override.
+     * @default current month
      */
-    defaultMonth?: Date;
+    month: Date;
     /**
-     * The `month` this element was constructed with, held by identity so
-     * {@link defaultMonth} can tell "nobody has set `month`" from "somebody set
-     * it to today's month". Assigning `month` replaces the object, so `===`
-     * against this is the whole test.
+     * Initial month for uncontrolled usage, seeds {@link month}.
+     * @default undefined — value's month or current month
      */
+    defaultMonth?: Date;
     private readonly _constructedMonth;
     private _monthSeeded;
+    private _valueSeeded;
     /**
-     * How many consecutive months to display, starting at `month` — compose one
-     * `<skdx-calendar-grid>` per month with a matching `month-offset`, and one
-     * `<skdx-calendar-heading>` per month.
+     * How many consecutive months to display, starting at `month`.
      * @default 1
      */
     numberOfMonths: number;
     /**
-     * BCP 47 tag used to derive month and weekday names (via `Intl`) and, when
-     * `week-starts-on` is omitted, the first day of the week.
-     * @default undefined — the runtime's own locale.
+     * BCP 47 tag to derive month/weekday names and week-start day via `Intl`.
+     * @default undefined — runtime's locale
      */
     locale?: string;
     /**
-     * Day of week the grid's first column represents (`0` = Sunday … `6` = Saturday).
-     * @default undefined — derived from `locale`, falling back to `0` (Sunday).
+     * Day of week the grid starts on (0=Sunday…6=Saturday). Derived from `locale` when omitted.
+     * @default undefined — derived from locale
      */
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    /** Earliest selectable date; earlier dates render disabled. */
+    /**
+     * Earliest selectable date; earlier dates render disabled.
+     * @default undefined — no minimum.
+     */
     minDate?: Date;
-    /** Latest selectable date; later dates render disabled. */
+    /**
+     * Latest selectable date; later dates render disabled.
+     * @default undefined — no maximum.
+     */
     maxDate?: Date;
-    /** Predicate marking arbitrary dates as disabled, in addition to minDate/maxDate. */
-    disabled?: (date: Date) => boolean;
-    /**
-     * Predicate marking dates as *unavailable* — a booked hotel night, a closed
-     * clinic day. Receives the cell's local `YYYY-MM-DD` string. Property only:
-     * it is a function, so there is no attribute form.
-     *
-     * Distinct from `disabled`: an unavailable cell stays keyboard-reachable and
-     * is announced as `aria-disabled`, so a screen-reader user can arrow onto it
-     * and hear *why* it can't be picked, where a `disabled` cell is skipped
-     * entirely.
-     */
-    isDateUnavailable?: (isoDate: string) => boolean;
-    /**
-     * Words the polite live-region message announced after a selection change in
-     * `multiple` and `range` mode — the state that changed lives across several
-     * cells, so no cell's own `aria-selected` flip carries it. Return `''` to
-     * announce nothing.
-     *
-     * The month and weekday names around it are already localized by `locale`;
-     * this sentence is the one string in the calendar that a `locale` cannot
-     * translate on its own. Property only — it is a function.
-     * @default undefined — the built-in English wording ("Range selected, 1 May to 8 May.").
+    /**
+     * Initial selection for uncontrolled usage, seeds {@link value}. Takes the same wire form as `value`.
+     * @default undefined — nothing selected.
+     */
+    get defaultValue(): CalendarValue | undefined;
+    set defaultValue(next: CalendarValueInput | undefined);
+    private _defaultValue?;
+    /**
+     * Non-editable: cells stay focusable, `value-change` never fires,
+     * grid carries `aria-readonly="true"`. Distinct from `disabled`.
+     * @default false
+     */
+    readOnly: boolean;
+    /**
+     * Allow selecting adjacent-month days. Enabled cells stay focusable
+     * and page the calendar on selection.
+     * @default false
+     */
+    outsideDaySelectable: boolean;
+    /**
+     * Disables the whole calendar: cells carry the native `disabled`
+     * attribute, grid leaves the tab order, carries `aria-disabled="true"`.
+     * Use `isDateDisabled` for per-date disabling.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Mark dates as disabled beyond `min-date`/`max-date`. Disabled cells
+     * are not focusable or clickable. Property only (is a function).
+     */
+    isDateDisabled?: (date: Date) => boolean;
+    /**
+     * Mark dates as unavailable. Unlike `isDateDisabled`, unavailable cells
+     * stay keyboard-reachable and are announced via `aria-disabled`. Property only.
+     */
+    isDateUnavailable?: (date: Date) => boolean;
+    /** @internal */
+    get resolvedDisabled(): ResolvedCalendarDisabled;
+    /**
+     * Announce selection changes in `multiple` and `range` mode. Return empty
+     * string to announce nothing. This is the one string a `locale` cannot
+     * translate on its own. Property only (is a function).
+     * @default undefined — built-in English wording
      */
     getSelectionAnnouncement?: (value: CalendarValue, locale: string | undefined) => string;
-    /** The currently roving-focused date (tabindex=0 cell). */
-    focusedDate: Date;
-    /** The first day of the week actually in effect: `weekStartsOn`, else whatever `locale` implies. */
+    /**
+     * Announce navigation button paging. Return empty string to announce
+     * nothing. Paging replaces all cells and moves no focus a screen reader reports.
+     * Property only (is a function).
+     * @default undefined — `formatMonthLabel`
+     */
+    getMonthAnnouncement?: (month: Date, locale: string | undefined) => string;
+    /**
+     * Navigation step size: 'visible' pages by the whole displayed span,
+     * 'single' always moves one month. Only observable with `number-of-months` > 1.
+     * @default 'visible'
+     */
+    pageBehavior: CalendarPageBehavior;
+    /**
+     * Date treated as today: carries `data-today` and `aria-current="date"`.
+     * Read once at construction. Pass it explicitly to prevent SSR/client
+     * time-zone disagreements.
+     * @default undefined — `new Date()` read once at construction
+     */
+    today?: Date;
+    /** @internal */
+    get todayDate(): Date;
+    private readonly _constructedToday;
+    /**
+     * Roving tab stop date. Listen for `focus-change` to observe or override.
+     * Moves with arrow keys and selects nothing, distinct from {@link value}.
+     * @default selection's anchor or displayed month
+     */
+    get focusedDate(): Date;
+    set focusedDate(next: Date);
+    private _focusedDate;
+    private _focusAuto;
+    /** @internal */
+    private moveFocusedDate;
+    /**
+     * Initial focused date for uncontrolled usage, seeds {@link focusedDate}.
+     * @default undefined — value's anchor or displayed month
+     */
+    defaultFocusedDate?: Date;
+    private _focusSeeded;
+    /**
+     * Grid showing: day, month, or year view. Non-day grids navigate only;
+     * activating a cell steps the view down, leaving `value` untouched.
+     * Clamped into `min-view`/`max-view`.
+     * @default 'day'
+     */
+    get view(): CalendarView;
+    set view(next: CalendarView);
+    private _view;
+    private _viewAuto;
+    /** @internal */
+    private moveView;
+    /**
+     * Grid shown first for uncontrolled usage, seeds {@link view}.
+     * Clamped to `min-view`/`max-view`.
+     * @default undefined — day grid
+     */
+    defaultView?: CalendarView;
+    private _viewSeeded;
+    /**
+     * Most granular view the calendar can step to. Raising it restricts
+     * navigation.
+     * @default 'day'
+     */
+    minView: CalendarView;
+    /**
+     * Least granular view the calendar can step to and extent of heading button.
+     * @default 'year'
+     */
+    maxView: CalendarView;
+    /**
+     * Label each week with its ISO-8601 number. ISO numbering runs from Monday
+     * independently of `week-starts-on`.
+     * @default false
+     */
+    weekNumbers: boolean;
+    /**
+     * Current selection in wire form (same as `value` attribute). Read half of
+     * the attribute for persisting; kept off event detail for framework parity.
+     */
+    get valueAsString(): string | null;
+    /** @internal */
     get resolvedWeekStartsOn(): 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    /** Every displayed month, `numberOfMonths` long, starting at `month`. @internal */
+    /** @internal */
     get months(): Date[];
-    /** Weekday names for `locale`, rotated to start at the resolved week start, as short/long pairs. @internal */
+    /** @internal */
     get weekDayNames(): Array<{
         short: string;
         long: string;
     }>;
     connectedCallback(): void;
+    private _anatomyFilledFor;
+    /** @internal Draws auto anatomy when no consumer children present. */
+    private readonly fillAnatomy;
     /**
-     * Folds `date` into the current selection per `selectionMode`, moves roving
-     * focus to it, and dispatches `value-change` with the *whole* new selection.
-     *
-     * Range and multi-select changes are also pushed through the shared
-     * LiveAnnouncer: that state lives across several cells, so no single
-     * `aria-selected` flip conveys it (a single-date pick needs no announcement).
+     * Folds `date` into current selection per `selectionMode`, moves focus to it,
+     * and dispatches `value-change`. Range/multi changes go through LiveAnnouncer.
      */
     setValue(date: Date): void;
-    /** Sets `month` (normalized to its first day) and dispatches `month-change`. The month already displayed is a no-op. */
+    /** @internal */
     setMonth(date: Date): void;
-    /** Sets the roving-focus date without changing selection. */
+    /** @internal Moves one page back (`-1`) or forward (`1`), owned by the root so step size and focus clamp cannot drift apart. */
+    pageMonths(direction: -1 | 1): void;
+    /** @internal */
     setFocusedDate(date: Date): void;
+    /** @internal Sets the view, clamped into `min-view`/`max-view`; clamp refusals report nothing. */
+    setView(next: CalendarView): void;
+    /** @internal Navigating to a month/year cell: moves cursor, paces displayed month, steps view down. Never touches `value`. */
+    navigateToUnit(date: Date): void;
+    /** @internal */
     private emit;
+    /** @internal */
     private notify;
     protected willUpdate(changed: PropertyValues): void;
+    protected update(changed: PropertyValues): void;
     protected updated(changed: Map<string, unknown>): void;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/calendar/Calendar.js

@@ -1,5 +1,5 @@
-var v=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var i=(e,n,t,r)=>{for(var a=r>1?void 0:r?T(n,t):n,l=e.length-1,s;l>=0;l--)(s=e[l])&&(a=(r?s(n,t,a):s(a))||a);return r&&a&&v(n,t,a),a};import{css as A,html as S,LitElement as V}from"lit";import{property as u}from"lit/decorators.js";import{customElement as F}from"../internal/define.js";import{announce as O}from"../utils/live-announcer.js";import{formatDateLabel as D,getLocaleWeekStartsOn as Y,getWeekDayNames as p}from"./locale.js";function b(e,n){return new Date(e,n+1,0).getDate()}function c(e){return new Date(e.getFullYear(),e.getMonth(),1)}function y(e,n){let t=e.getDate(),r=new Date(e.getFullYear(),e.getMonth(),1);r.setMonth(r.getMonth()+n);let a=b(r.getFullYear(),r.getMonth());return r.setDate(Math.min(t,a)),r}function L(e,n){return y(e,n*12)}function M(e,n){let t=new Date(e);return t.setDate(t.getDate()+n),t}function g(e,n){return!e||!n?!1:e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()&&e.getDate()===n.getDate()}function w(e,n){return e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()}function x(e,n){let t=new Date(e.getFullYear(),e.getMonth(),e.getDate()),r=(t.getDay()-n+7)%7;return t.setDate(t.getDate()-r),t}function U(e,n){return M(x(e,n),6)}function d(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function q(e,n,t,r){let a=d(e).getTime();return!!(n&&a<d(n).getTime()||t&&a>d(t).getTime()||r?.(e))}function z(e){let n=e.getFullYear(),t=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0");return`${n}-${t}-${r}`}function H(e,n){if(w(e,n))return e;let t=b(n.getFullYear(),n.getMonth());return new Date(n.getFullYear(),n.getMonth(),Math.min(e.getDate(),t))}function j(e,n=0){let t=x(c(e),n),r=[],a=t;for(let l=0;l<6;l++){let s=[];for(let f=0;f<7;f++)s.push({date:a,outsideMonth:!w(a,e)}),a=M(a,1);r.push(s)}return r}function m(e){return e!==null&&!Array.isArray(e)&&!(e instanceof Date)}function B(e){return e==="multiple"?[]:null}function N(e,n){let t=d(n).getTime(),r=d(e.start).getTime();if(e.end===null)return t===r?"start":void 0;let a=d(e.end).getTime();if(!(t<r||t>a))return t===r?"start":t===a?"end":"middle"}function G(e,n){return e===null?!1:Array.isArray(e)?e.some(t=>g(t,n)):m(e)?N(e,n)!==void 0:g(e,n)}function C(e,n,t){if(e==="single")return t;if(e==="multiple"){let a=Array.isArray(n)?n:[],l=a.filter(s=>!g(s,t));return l.length!==a.length?l:[...a,t].sort((s,f)=>s.getTime()-f.getTime())}let r=m(n)&&n.end===null?n:void 0;return r?d(t).getTime()<d(r.start).getTime()?{start:t,end:r.start}:{start:r.start,end:t}:{start:t,end:null}}function E(e,n){return m(e)?e.end===null?`${D(e.start,n)} selected as the range start. Select an end date.`:`Range selected, ${D(e.start,n)} to ${D(e.end,n)}.`:Array.isArray(e)?`${e.length} ${e.length===1?"date":"dates"} selected.`:""}var $={fromAttribute(e){if(e==null)return;let n=/^(\d{4})-(\d{2})(?:-(\d{2}))?$/.exec(e.trim()),t=n?new Date(Number(n[1]),Number(n[2])-1,Number(n[3]??"1")):new Date(e);return Number.isNaN(t.getTime())?void 0:t},toAttribute(){}};function h(e){return e===null?null:Array.isArray(e)?e[0]??null:m(e)?e.start:e}var o=class extends V{constructor(){super(...arguments);this.selectionMode="single";this.value=null;this.month=c(new Date);this._constructedMonth=this.month;this._monthSeeded=!1;this.numberOfMonths=1;this.focusedDate=h(this.value)??this.month}get resolvedWeekStartsOn(){return this.weekStartsOn??Y(this.locale)}get months(){return Array.from({length:Math.max(1,this.numberOfMonths)},(t,r)=>y(this.month,r))}get weekDayNames(){let t=this.resolvedWeekStartsOn,r=p(this.locale,t,"short"),a=p(this.locale,t,"long");return r.map((l,s)=>({short:l,long:a[s]}))}connectedCallback(){super.connectedCallback(),this.focusedDate=h(this.value)??this.month}setValue(t){let r=C(this.selectionMode,this.value,t);this.value=r,this.focusedDate=t,this.emit("value-change",r);let a=(this.getSelectionAnnouncement??E)(r,this.locale);a&&O(a)}setMonth(t){let r=c(t);r.getTime()!==c(this.month).getTime()&&(this.month=r,this.emit("month-change",this.month))}setFocusedDate(t){this.focusedDate=t,this.notify()}emit(t,r){this.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0})),this.notify()}notify(){this.dispatchEvent(new CustomEvent("skdx-calendar-internal-update",{bubbles:!0,composed:!0})),this.requestUpdate()}willUpdate(t){if(this._monthSeeded||!(t.has("defaultMonth")||t.has("value")))return;if(this.month!==this._constructedMonth){this._monthSeeded=!0;return}let r=this.defaultMonth??h(this.value);r&&(this._monthSeeded=!0,this.month=c(r),this.focusedDate=h(this.value)??this.month)}updated(t){t.size>0&&this.dispatchEvent(new CustomEvent("skdx-calendar-internal-update",{bubbles:!0,composed:!0}))}render(){return S`<slot></slot>`}};o.styles=A`
+var R=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var s=(e,a,t,n)=>{for(var i=n>1?void 0:n?E(a,t):a,u=e.length-1,d;u>=0;u--)(d=e[u])&&(i=(n?d(a,t,i):d(i))||i);return n&&i&&R(a,t,i),i};import{css as U,html as $,LitElement as N}from"lit";import{property as o}from"lit/decorators.js";import{hasAuthoredContent as P,removeGeneratedContent as W}from"../internal/authored.js";import{toCalendarString as L,toCalendarValue as M,toDate as B}from"../internal/date-value.js";import{customElement as q}from"../internal/define.js";import{isDevMode as G}from"../utils/is-dev-mode.js";import{announce as w}from"../utils/live-announcer.js";import{CALENDAR_ANATOMY_GENERATED as F,fillCalendarAnatomy as z}from"./CalendarAnatomy.js";import{formatDateLabel as V,formatMonthLabel as Y,formatYear as H,formatYearRange as j,getLocaleWeekStartsOn as J,getWeekDayNames as T}from"./locale.js";function O(e,a){return new Date(e,a+1,0).getDate()}function D(e){return new Date(e.getFullYear(),e.getMonth(),1)}function g(e,a){let t=e.getDate(),n=new Date(e.getFullYear(),e.getMonth(),1);n.setMonth(n.getMonth()+a);let i=O(n.getFullYear(),n.getMonth());return n.setDate(Math.min(t,i)),n}function De(e,a){return g(e,a*12)}function A(e,a){let t=new Date(e);return t.setDate(t.getDate()+a),t}function p(e,a){return!e||!a?!1:e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()&&e.getDate()===a.getDate()}function v(e,a){return e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()}function I(e,a){let t=new Date(e.getFullYear(),e.getMonth(),e.getDate()),n=(t.getDay()-a+7)%7;return t.setDate(t.getDate()-n),t}function me(e,a){return A(I(e,a),6)}function l(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function K(e,a,t){return a&&l(e).getTime()<l(a).getTime()?a:t&&l(e).getTime()>l(t).getTime()?t:e}function ge(e,a,t,n){let i=l(e).getTime();return!!(a&&i<l(a).getTime()||t&&i>l(t).getTime()||n?.(e))}function Q(e,a){return{disabled:e??!1,isDateDisabled:a}}var _=!1;function pe(){_=!1}function X(e,a){!e||_||!(e.getUTCHours()===0&&e.getUTCMinutes()===0&&e.getUTCSeconds()===0&&e.getUTCMilliseconds()===0)||e.getDate()===e.getUTCDate()&&e.getMonth()===e.getUTCMonth()||(_=!0,G()&&console.warn(`[skdx] Calendar: \`${a}\` was given ${e.toISOString()}, which is midnight UTC and therefore ${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")} in this time zone \u2014 a different day from the one the string says. A selection here is a local wall-clock date, never an instant: build it as \`new Date(year, monthIndex, day)\` rather than \`new Date('YYYY-MM-DD')\`, which the platform reads as UTC.`))}var m=["day","month","year"],y=20;function x(e,a,t){let n=m.indexOf(a),i=Math.max(n,m.indexOf(t));return m[Math.min(Math.max(m.indexOf(e),n),i)]}function Z(e){return Math.floor(e/y)*y}function ve(e,a,t,n,i){let u=t&&l(t)>l(e)?l(t):l(e),d=n&&l(n)<l(a)?l(n):l(a);if(u.getTime()>d.getTime())return!1;if(!i)return!0;for(let h=u;h.getTime()<=d.getTime();h=A(h,1))if(!i(h))return!0;return!1}function k(e,a,t){if(a==="day")return Y(e,t);if(a==="month")return H(e.getFullYear(),t);let n=Z(e.getFullYear());return j(n,n+y-1,t)}function ye(e){let a=new Date(e.getFullYear(),e.getMonth(),e.getDate());a.setDate(a.getDate()-(a.getDay()+6)%7+3);let t=new Date(a.getFullYear(),0,4);return t.setDate(t.getDate()-(t.getDay()+6)%7+3),1+Math.round((a.getTime()-t.getTime())/(10080*60*1e3))}function be(e){let a=e.getFullYear(),t=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${a}-${t}-${n}`}function ee(e,a){if(v(e,a))return e;let t=O(a.getFullYear(),a.getMonth());return new Date(a.getFullYear(),a.getMonth(),Math.min(e.getDate(),t))}function we(e,a=0){let t=I(D(e),a),n=[],i=t;for(let u=0;u<6;u++){let d=[];for(let h=0;h<7;h++)d.push({date:i,outsideMonth:!v(i,e)}),i=A(i,1);n.push(d)}return n}function b(e){return e!==null&&!Array.isArray(e)&&!(e instanceof Date)}function Ve(e){return e==="multiple"?[]:null}function te(e,a){let t=l(a).getTime(),n=l(e.start).getTime();if(e.end===null)return t===n?"start":void 0;let i=l(e.end).getTime();if(!(t<n||t>i))return t===n?"start":t===i?"end":"middle"}function Me(e,a){return e===null?!1:Array.isArray(e)?e.some(t=>p(t,a)):b(e)?te(e,a)!==void 0:p(e,a)}function ne(e,a,t){if(e==="single")return t;if(e==="multiple"){let i=Array.isArray(a)?a:[],u=i.filter(d=>!p(d,t));return u.length!==i.length?u:[...i,t].sort((d,h)=>d.getTime()-h.getTime())}let n=b(a)&&a.end===null?a:void 0;return n?l(t).getTime()<l(n.start).getTime()?{start:t,end:n.start}:{start:n.start,end:t}:{start:t,end:null}}function ae(e,a){return b(e)?e.end===null?`${V(e.start,a)} selected as the range start. Select an end date.`:`Range selected, ${V(e.start,a)} to ${V(e.end,a)}.`:Array.isArray(e)?`${e.length} ${e.length===1?"date":"dates"} selected.`:""}var f={fromAttribute(e){if(e!=null)return B(e,"a date attribute")??void 0},toAttribute(){}},S={fromAttribute(e){return e==null?null:M(e,"single","value")??null},toAttribute(){}};function c(e){return e===null?null:Array.isArray(e)?e[0]??null:b(e)?e.start:e}var r=class extends N{constructor(){super(...arguments);this.selectionMode="single";this._value=null;this.month=D(new Date);this._constructedMonth=this.month;this._monthSeeded=!1;this._valueSeeded=!1;this.numberOfMonths=1;this.readOnly=!1;this.outsideDaySelectable=!1;this.disabled=!1;this.pageBehavior="visible";this._constructedToday=new Date;this._focusedDate=c(this.value)??this.month;this._focusAuto=!0;this._focusSeeded=!1;this._view="day";this._viewAuto=!0;this._viewSeeded=!1;this.minView="day";this.maxView="year";this.weekNumbers=!1;this._anatomyFilledFor="";this.fillAnatomy=()=>{if(P(this,F)){W(this,F),this._anatomyFilledFor="";return}let t=String(this.numberOfMonths);t===this._anatomyFilledFor&&this.children.length>0||(this._anatomyFilledFor=t,z(this))}}get value(){return this._value}set value(t){let n=this._value;this._value=M(t,"single","value")??null,this.requestUpdate("value",n)}get defaultValue(){return this._defaultValue}set defaultValue(t){let n=this._defaultValue;this._defaultValue=M(t,"single","defaultValue"),this.requestUpdate("defaultValue",n)}get resolvedDisabled(){return Q(this.disabled,this.isDateDisabled)}get todayDate(){return this.today??this._constructedToday}get focusedDate(){return this._focusedDate}set focusedDate(t){this._focusAuto=!1,this.moveFocusedDate(t)}moveFocusedDate(t){let n=this._focusedDate;this._focusedDate=t,this.requestUpdate("focusedDate",n)}get view(){return x(this._view,this.minView,this.maxView)}set view(t){this._viewAuto=!1,this.moveView(t)}moveView(t){let n=this._view;this._view=t,this.requestUpdate("view",n)}get valueAsString(){return L(this.value)}get resolvedWeekStartsOn(){return this.weekStartsOn??J(this.locale)}get months(){return Array.from({length:Math.max(1,this.numberOfMonths)},(t,n)=>g(this.month,n))}get weekDayNames(){let t=this.resolvedWeekStartsOn,n=T(this.locale,t,"short"),i=T(this.locale,t,"long");return n.map((u,d)=>({short:u,long:i[d]}))}connectedCallback(){super.connectedCallback(),this._focusAuto&&this.moveFocusedDate(c(this.value)??this.month),queueMicrotask(this.fillAnatomy)}setValue(t){if(this.readOnly||this.resolvedDisabled.disabled)return;let n=ne(this.selectionMode,this.value,t);this.value=n,this.setFocusedDate(t),this.emit("value-change",n);let i=(this.getSelectionAnnouncement??ae)(n,this.locale);i&&w(i)}setMonth(t){let n=D(t);n.getTime()!==D(this.month).getTime()&&(this.month=n,this.emit("month-change",this.month))}pageMonths(t){let n=this.view;if(n!=="day"){let h=n==="month"?12:12*y,C=g(this.focusedDate,t*h);this.setFocusedDate(C),w(k(C,n,this.locale));return}let i=this.pageBehavior==="single"?1:Math.max(1,this.numberOfMonths),u=g(this.month,t*i);this.setMonth(u),this.setFocusedDate(ee(this.focusedDate,u));let d=(this.getMonthAnnouncement??Y)(D(u),this.locale);d&&w(d)}setFocusedDate(t){let n=K(t,this.minDate,this.maxDate);p(n,this._focusedDate)||(this.moveFocusedDate(n),this.emit("focus-change",n))}setView(t){let n=x(t,this.minView,this.maxView);n!==this.view&&(this.moveView(n),this.emit("view-change",n))}navigateToUnit(t){this.setFocusedDate(t),this.months.some(n=>v(t,n))||this.setMonth(t),this.setView(m[m.indexOf(this.view)-1]??"day")}emit(t,n){this.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0})),this.notify()}notify(){this.dispatchEvent(new CustomEvent("skdx-calendar-internal-update",{bubbles:!0,composed:!0})),this.requestUpdate()}willUpdate(t){if(this.selectionMode==="multiple"&&(this.value instanceof Date&&(this.value=[this.value]),this.defaultValue instanceof Date&&(this.defaultValue=[this.defaultValue])),!this._viewSeeded&&t.has("defaultView")&&(this._viewSeeded=!0,this.defaultView&&this._viewAuto&&this.moveView(this.defaultView)),!this._focusSeeded&&t.has("defaultFocusedDate")&&(this._focusSeeded=!0,this.defaultFocusedDate&&this._focusAuto&&this.moveFocusedDate(this.defaultFocusedDate)),!this._valueSeeded&&t.has("defaultValue")){this._valueSeeded=!0;let i=this.defaultValue??null,u=this.value===null||Array.isArray(this.value)&&this.value.length===0;i!==null&&u&&(this.value=i,this.moveFocusedDate(c(i)??this._focusedDate))}if(this._monthSeeded||!(t.has("defaultMonth")||t.has("value")))return;if(this.month!==this._constructedMonth){this._monthSeeded=!0;return}let n=this.defaultMonth??c(this.value);n&&(this._monthSeeded=!0,this.month=D(n),this._focusAuto&&this.moveFocusedDate(c(this.value)??this.month))}update(t){if(super.update(t),t.has("value")&&X(c(this.value),"value"),!t.has("value")||!this._monthSeeded)return;let n=c(this.value);n&&(this.months.some(i=>v(n,i))||(this.setFocusedDate(n),this.setMonth(n)))}updated(t){this.fillAnatomy(),t.size>0&&this.dispatchEvent(new CustomEvent("skdx-calendar-internal-update",{bubbles:!0,composed:!0}))}render(){return $`<slot @slotchange=${this.fillAnatomy}></slot>`}};r.styles=U`
     :host {
       display: block;
     }
-  `,i([u({type:String,reflect:!0,attribute:"selection-mode"})],o.prototype,"selectionMode",2),i([u({attribute:!1})],o.prototype,"value",2),i([u({attribute:!1})],o.prototype,"month",2),i([u({converter:$,attribute:"default-month"})],o.prototype,"defaultMonth",2),i([u({type:Number,attribute:"number-of-months"})],o.prototype,"numberOfMonths",2),i([u({type:String})],o.prototype,"locale",2),i([u({type:Number,attribute:"week-starts-on"})],o.prototype,"weekStartsOn",2),i([u({attribute:!1})],o.prototype,"minDate",2),i([u({attribute:!1})],o.prototype,"maxDate",2),i([u({attribute:!1})],o.prototype,"disabled",2),i([u({attribute:!1})],o.prototype,"isDateUnavailable",2),i([u({attribute:!1})],o.prototype,"getSelectionAnnouncement",2),o=i([F("skdx-calendar","calendar","root")],o);export{o as SkdxCalendar,M as addDays,y as addMonths,L as addYears,h as anchorOf,H as clampToMonth,B as emptySelection,U as endOfWeek,b as getDaysInMonth,j as getVisibleWeeks,q as isDateDisabled,m as isDateRange,G as isDateSelected,g as isSameDay,w as isSameMonth,C as nextSelection,N as rangePositionOf,E as selectionAnnouncement,c as startOfMonth,x as startOfWeek,d as stripTime,z as toISODateString};
+  `,s([o({type:String,reflect:!0,attribute:"selection-mode"})],r.prototype,"selectionMode",2),s([o({converter:S})],r.prototype,"value",1),s([o({converter:f})],r.prototype,"month",2),s([o({converter:f,attribute:"default-month"})],r.prototype,"defaultMonth",2),s([o({type:Number,attribute:"number-of-months"})],r.prototype,"numberOfMonths",2),s([o({type:String})],r.prototype,"locale",2),s([o({type:Number,attribute:"week-starts-on"})],r.prototype,"weekStartsOn",2),s([o({converter:f,attribute:"min-date"})],r.prototype,"minDate",2),s([o({converter:f,attribute:"max-date"})],r.prototype,"maxDate",2),s([o({converter:S,attribute:"default-value"})],r.prototype,"defaultValue",1),s([o({type:Boolean,reflect:!0,attribute:"read-only"})],r.prototype,"readOnly",2),s([o({type:Boolean,reflect:!0,attribute:"outside-day-selectable"})],r.prototype,"outsideDaySelectable",2),s([o({type:Boolean})],r.prototype,"disabled",2),s([o({attribute:!1})],r.prototype,"isDateDisabled",2),s([o({attribute:!1})],r.prototype,"isDateUnavailable",2),s([o({attribute:!1})],r.prototype,"getSelectionAnnouncement",2),s([o({attribute:!1})],r.prototype,"getMonthAnnouncement",2),s([o({type:String,attribute:"page-behavior"})],r.prototype,"pageBehavior",2),s([o({converter:f})],r.prototype,"today",2),s([o({converter:f,attribute:"focused-date"})],r.prototype,"focusedDate",1),s([o({converter:f,attribute:"default-focused-date"})],r.prototype,"defaultFocusedDate",2),s([o({type:String,reflect:!0})],r.prototype,"view",1),s([o({type:String,attribute:"default-view"})],r.prototype,"defaultView",2),s([o({type:String,attribute:"min-view"})],r.prototype,"minView",2),s([o({type:String,attribute:"max-view"})],r.prototype,"maxView",2),s([o({type:Boolean,reflect:!0,attribute:"week-numbers"})],r.prototype,"weekNumbers",2),r=s([q("skdx-calendar","calendar","root")],r);export{m as CALENDAR_VIEWS,y as CALENDAR_YEAR_PAGE,r as SkdxCalendar,A as addDays,g as addMonths,De as addYears,c as anchorOf,K as clampToDateRange,ee as clampToMonth,x as clampView,Ve as emptySelection,me as endOfWeek,k as formatViewPageLabel,O as getDaysInMonth,ye as getISOWeek,we as getVisibleWeeks,ve as hasAvailableDate,ge as isDateDisabled,b as isDateRange,Me as isDateSelected,p as isSameDay,v as isSameMonth,ne as nextSelection,te as rangePositionOf,pe as resetInstantDateWarning,Q as resolveCalendarDisabled,ae as selectionAnnouncement,D as startOfMonth,I as startOfWeek,l as stripTime,be as toISODateString,X as warnInstantDate,Z as yearPageStart};

package/dist/calendar/CalendarAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var E=(n,t)=>{for(var e in t)c(n,e,{get:t[e],enumerable:!0})},k=(n,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of g(t))!x.call(n,r)&&r!==e&&c(n,r,{get:()=>t[r],enumerable:!(a=b(t,r))||a.enumerable});return n};var f=n=>k(c({},"__esModule",{value:!0}),n);var v={};E(v,{CALENDAR_ANATOMY_GENERATED:()=>d,fillCalendarAnatomy:()=>S});module.exports=f(v);var N=require("./CalendarHeader.cjs"),G=require("./CalendarHeading.cjs"),y=require("./CalendarPreviousButton.cjs"),M=require("./CalendarNextButton.cjs"),_=require("./CalendarGrid.cjs"),T=require("./CalendarGridHead.cjs"),V=require("./CalendarGridBody.cjs"),D=require("./CalendarViewGrid.cjs"),d="data-skdx-calendar-generated",p="http://www.w3.org/2000/svg";function h(n){let t=document.createElementNS(p,"svg");t.setAttribute("viewBox","0 0 16 16"),t.setAttribute("width","1em"),t.setAttribute("height","1em"),t.setAttribute("fill","none"),t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false");let e=document.createElementNS(p,"path");return e.setAttribute("d",n),e.setAttribute("stroke","currentColor"),e.setAttribute("stroke-width","1.5"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-linejoin","round"),t.append(e),t}function S(n){let t=n.months.length>1,e=document.createElement("skdx-calendar-header");e.setAttribute(d,"");let a=document.createElement("skdx-calendar-previous-button");a.append(h("M10 3 5 8l5 5")),e.append(a),t||e.append(document.createElement("skdx-calendar-heading"));let r=document.createElement("skdx-calendar-next-button");r.append(h("M6 3l5 5-5 5")),e.append(r);let A=n.months.flatMap((w,l)=>{let s=[];if(t){let i=document.createElement("skdx-calendar-heading");i.setAttribute("month-offset",String(l)),i.setAttribute(d,""),s.push(i)}let o=document.createElement("skdx-calendar-grid");return o.setAttribute("month-offset",String(l)),o.setAttribute(d,""),o.append(document.createElement("skdx-calendar-grid-head"),document.createElement("skdx-calendar-grid-body")),s.push(o),s}),m=document.createElement("skdx-calendar-month-grid");m.setAttribute(d,"");let u=document.createElement("skdx-calendar-year-grid");u.setAttribute(d,""),n.replaceChildren(e,...A,m,u)}0&&(module.exports={CALENDAR_ANATOMY_GENERATED,fillCalendarAnatomy});

package/dist/calendar/CalendarAnatomy.d.cts

@@ -0,0 +1,16 @@
+import type { SkdxCalendar } from './Calendar.cjs';
+import './CalendarHeader.cjs';
+import './CalendarHeading.cjs';
+import './CalendarPreviousButton.cjs';
+import './CalendarNextButton.cjs';
+import './CalendarGrid.cjs';
+import './CalendarGridHead.cjs';
+import './CalendarGridBody.cjs';
+import './CalendarViewGrid.cjs';
+/** @internal Marks generated direct children of `<skdx-calendar>`. */
+export declare const CALENDAR_ANATOMY_GENERATED = "data-skdx-calendar-generated";
+/**
+ * Builds canonical anatomy: paging header, day grids, month/year view grids in light DOM (not shadow DOM). Light DOM needed because `closest()` can't cross boundaries and stylesheets can't reach shadow cells. Not exported; consumers get it from empty `<skdx-calendar></skdx-calendar>` or compose.
+ * @internal
+ */
+export declare function fillCalendarAnatomy(root: SkdxCalendar): void;

package/dist/calendar/CalendarAnatomy.d.ts

@@ -0,0 +1,16 @@
+import type { SkdxCalendar } from './Calendar.js';
+import './CalendarHeader.js';
+import './CalendarHeading.js';
+import './CalendarPreviousButton.js';
+import './CalendarNextButton.js';
+import './CalendarGrid.js';
+import './CalendarGridHead.js';
+import './CalendarGridBody.js';
+import './CalendarViewGrid.js';
+/** @internal Marks generated direct children of `<skdx-calendar>`. */
+export declare const CALENDAR_ANATOMY_GENERATED = "data-skdx-calendar-generated";
+/**
+ * Builds canonical anatomy: paging header, day grids, month/year view grids in light DOM (not shadow DOM). Light DOM needed because `closest()` can't cross boundaries and stylesheets can't reach shadow cells. Not exported; consumers get it from empty `<skdx-calendar></skdx-calendar>` or compose.
+ * @internal
+ */
+export declare function fillCalendarAnatomy(root: SkdxCalendar): void;

package/dist/calendar/CalendarAnatomy.js

@@ -0,0 +1 @@
+import"./CalendarHeader.js";import"./CalendarHeading.js";import"./CalendarPreviousButton.js";import"./CalendarNextButton.js";import"./CalendarGrid.js";import"./CalendarGridHead.js";import"./CalendarGridBody.js";import"./CalendarViewGrid.js";var r="data-skdx-calendar-generated",l="http://www.w3.org/2000/svg";function p(n){let e=document.createElementNS(l,"svg");e.setAttribute("viewBox","0 0 16 16"),e.setAttribute("width","1em"),e.setAttribute("height","1em"),e.setAttribute("fill","none"),e.setAttribute("aria-hidden","true"),e.setAttribute("focusable","false");let t=document.createElementNS(l,"path");return t.setAttribute("d",n),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","1.5"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),e.append(t),e}function w(n){let e=n.months.length>1,t=document.createElement("skdx-calendar-header");t.setAttribute(r,"");let s=document.createElement("skdx-calendar-previous-button");s.append(p("M10 3 5 8l5 5")),t.append(s),e||t.append(document.createElement("skdx-calendar-heading"));let i=document.createElement("skdx-calendar-next-button");i.append(p("M6 3l5 5-5 5")),t.append(i);let h=n.months.flatMap((A,u)=>{let a=[];if(e){let o=document.createElement("skdx-calendar-heading");o.setAttribute("month-offset",String(u)),o.setAttribute(r,""),a.push(o)}let d=document.createElement("skdx-calendar-grid");return d.setAttribute("month-offset",String(u)),d.setAttribute(r,""),d.append(document.createElement("skdx-calendar-grid-head"),document.createElement("skdx-calendar-grid-body")),a.push(d),a}),c=document.createElement("skdx-calendar-month-grid");c.setAttribute(r,"");let m=document.createElement("skdx-calendar-year-grid");m.setAttribute(r,""),n.replaceChildren(t,...h,c,m)}export{r as CALENDAR_ANATOMY_GENERATED,w as fillCalendarAnatomy};