@salyra-ui/calendar 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Salyra UI contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# Salyra UI / Calendar
+
+Composable calendar controls for React, Svelte, Vue, Angular, Astro and Vanilla.
+
+## Installation
+
+Install with `npm install @salyra-ui/calendar`. npm resolves its declared Salyra dependencies. Import the framework entry your application uses.
+
+```sh
+npm install @salyra-ui/calendar
+```
+
+Import the adapter your app uses, such as `@salyra-ui/calendar/svelte`. Framework peers are optional. The default stylesheet is optional through `@salyra-ui/calendar/styles.css`.
+
+Calendar owns the shared calculations, store and native primitives. DatePicker and TimePicker provide their own roots and defaults. DateTimePicker composes both packages. They share the same context, so their primitive components can be used in one editor.
+
+Values remain in draft until complete and valid. Explicit Apply and Cancel are available. Time intervals use end dates or day offsets rather than guessing the next day.
+
+The generated package contains dist, README and LICENSE, without sourcemaps. Vanilla has readable and minified standalone browser files. Each standalone browser bundle includes its dependencies and needs no additional Salyra script.
+
+The workspace contains versioned API documentation, framework examples, tests and architecture notes.
+
+## Vanilla browser assets
+
+The archive includes readable and minified standalone browser scripts at `dist/browser/calendar.js` and `dist/browser/calendar.min.js`. Each script includes its required Calendar core. Styles are available at `dist/styles.css` and `dist/styles.min.css`, without sourcemaps. Both JavaScript builds expose the same `SalyraCalendar` global.
+
+For a bundled application, import `@salyra-ui/calendar/vanilla` and, when using the default appearance, `@salyra-ui/calendar/styles.min.css`. The `styles.standard.css` entry gives you the readable stylesheet. Custom compositions can omit these default styles.

package/dist/angular/Action.d.ts

@@ -0,0 +1,13 @@
+import { OnInit, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class Action implements OnInit, OnDestroy {
+    spNavigate?: number;
+    spAction?: "apply" | "cancel" | "clear";
+    private el;
+    private root;
+    private stop?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Action, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Action, "button[spNavigate],button[spAction]", never, { "spNavigate": { "alias": "spNavigate"; "required": false; }; "spAction": { "alias": "spAction"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/CalendarNumber.d.ts

@@ -0,0 +1,10 @@
+import { OnChanges } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class CalendarNumber implements OnChanges {
+    date: string;
+    label?: string;
+    private el;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarNumber, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarNumber, "[spNumber]", never, { "date": { "alias": "spNumber"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/CalendarView.d.ts

@@ -0,0 +1,16 @@
+import { OnInit, OnChanges, OnDestroy } from "@angular/core";
+import { type CalendarRenderOptions } from "../core";
+import * as i0 from "@angular/core";
+export declare class CalendarView implements OnInit, OnChanges, OnDestroy {
+    options: CalendarRenderOptions;
+    private el;
+    private root;
+    private stop?;
+    private started;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private bind;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarView, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarView, "[spCalendar]", never, { "options": { "alias": "spCalendar"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/Cell.d.ts

@@ -0,0 +1,15 @@
+import { OnInit, OnChanges, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class Cell implements OnInit, OnChanges, OnDestroy {
+    date: string;
+    outside: boolean;
+    private el;
+    private root;
+    private stop?;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private update;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Cell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Cell, "[spCell]", never, { "date": { "alias": "spCell"; "required": false; }; "outside": { "alias": "outside"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/Continuous.d.ts

@@ -0,0 +1,13 @@
+import { OnInit, OnDestroy } from "@angular/core";
+import { type MonthScrollerOptions } from "../core";
+import * as i0 from "@angular/core";
+export declare class Continuous implements OnInit, OnDestroy {
+    options: MonthScrollerOptions;
+    private el;
+    private root;
+    private stop?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Continuous, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Continuous, "[spContinuous]", never, { "options": { "alias": "spContinuous"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/DateField.d.ts

@@ -0,0 +1,15 @@
+import { OnInit, OnChanges, OnDestroy } from "@angular/core";
+import { type Endpoint } from "../core";
+import * as i0 from "@angular/core";
+export declare class DateField implements OnInit, OnChanges, OnDestroy {
+    endpoint: Endpoint;
+    private el;
+    private root;
+    private stop?;
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    private bind;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateField, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateField, "input[spDateField]", never, { "endpoint": { "alias": "spDateField"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/DayTrigger.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter, OnInit, OnChanges, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class DayTrigger implements OnInit, OnChanges, OnDestroy {
+    date: string;
+    dateSelect: EventEmitter<string>;
+    private el;
+    private root;
+    private stop?;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private bind;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DayTrigger, "button[spDayTrigger]", never, { "date": { "alias": "spDayTrigger"; "required": false; }; }, { "dateSelect": "dateSelect"; }, never, never, true, never>;
+}

package/dist/angular/Grid.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class Grid {
+    private el;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<Grid, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Grid, "[spGrid]", never, {}, {}, never, never, true, never>;
+}

package/dist/angular/Heading.d.ts

@@ -0,0 +1,11 @@
+import { OnInit, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class Heading implements OnInit, OnDestroy {
+    private el;
+    private root;
+    private stop?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Heading, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Heading, "[spHeading]", never, {}, {}, never, never, true, never>;
+}

package/dist/angular/MonthYearSelect.d.ts

@@ -0,0 +1,11 @@
+import { OnInit, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class MonthYearSelect implements OnInit, OnDestroy {
+    private el;
+    private root;
+    private stop?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthYearSelect, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonthYearSelect, "select[spMonthSelect],select[spYearSelect]", never, {}, {}, never, never, true, never>;
+}

package/dist/angular/PickerRoot.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter, OnInit, OnChanges, OnDestroy, InjectionToken } from "@angular/core";
+import { type PickerOptions, type PickerStore } from "../core";
+import * as i0 from "@angular/core";
+export declare const PICKER_CONTEXT: InjectionToken<PickerRoot>;
+export declare class PickerRoot implements OnInit, OnChanges, OnDestroy {
+    options: PickerOptions;
+    store?: PickerStore;
+    valueChange: EventEmitter<any>;
+    private stop?;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PickerRoot, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PickerRoot, "[spRoot]", never, { "options": { "alias": "spRoot"; "required": false; }; "store": { "alias": "store"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+export declare function usePickerStore(): {
+    getSnapshot: () => import(".").PickerSnapshot;
+    subscribe(fn: () => void): () => void;
+    subscribeValue(fn: (v: import(".").PickerValue) => void): () => void;
+    getMonth(offset?: number): import(".").CalendarMonth;
+    getDay(date: string): {
+        selected: boolean;
+        rangeStart: boolean;
+        rangeEnd: boolean;
+        inRange: boolean;
+        preview: boolean;
+        disabled: boolean;
+        today: boolean;
+        weekend: boolean;
+        focused: boolean;
+    };
+    setVisibleMonth(next: import(".").Month): void;
+    navigate(count: number): void;
+    focus(date: string): void;
+    moveFocus(key: string, shift?: boolean): boolean;
+    hover(date: string | null): void;
+    selectDate(date: string): boolean;
+    setDate(date: string, endpoint?: import(".").Endpoint): boolean;
+    setTime(time: string, endpoint?: import(".").Endpoint): boolean;
+    setDayOffset(offset: number, endpoint?: import(".").Endpoint): boolean;
+    setEndpoint(endpoint: import(".").Endpoint): void;
+    setValue(value: import(".").PickerValue): void;
+    apply(): boolean;
+    cancel(): void;
+    clear(): void;
+    setOpen(open: boolean): void;
+    setOptions(patch: Partial<PickerOptions>): void;
+    validate: () => string | null;
+    destroy(): void;
+    readonly cacheSize: number;
+};

package/dist/angular/TimeSegmentField.d.ts

@@ -0,0 +1,16 @@
+import { OnInit, OnChanges, OnDestroy } from "@angular/core";
+import { type Endpoint, type TimeSegment } from "../core";
+import * as i0 from "@angular/core";
+export declare class TimeSegmentField implements OnInit, OnChanges, OnDestroy {
+    part: TimeSegment;
+    endpoint: Endpoint;
+    private el;
+    private root;
+    private stop?;
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    private bind;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeSegmentField, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TimeSegmentField, "input[spTimeSegment],select[spTimeSegment]", never, { "part": { "alias": "spTimeSegment"; "required": false; }; "endpoint": { "alias": "endpoint"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/Week.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class Week {
+    private el;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<Week, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Week, "[spWeek]", never, {}, {}, never, never, true, never>;
+}

package/dist/angular/Weekday.d.ts

@@ -0,0 +1,15 @@
+import { OnInit, OnChanges, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class Weekday implements OnInit, OnChanges, OnDestroy {
+    day: number;
+    label?: string;
+    private el;
+    private root;
+    private stop?;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private update;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Weekday, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Weekday, "[spWeekday]", never, { "day": { "alias": "spWeekday"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/angular/index.d.ts

@@ -0,0 +1,43 @@
+export * from "../core";
+export { PICKER_CONTEXT, usePickerStore } from "./PickerRoot";
+import { PickerRoot } from "./PickerRoot";
+export { PickerRoot } from "./PickerRoot";
+import { CalendarView } from "./CalendarView";
+export { CalendarView } from "./CalendarView";
+import { DayTrigger } from "./DayTrigger";
+export { DayTrigger } from "./DayTrigger";
+export { DateField } from "./DateField";
+export { TimeSegmentField } from "./TimeSegmentField";
+import { CalendarNumber } from "./CalendarNumber";
+export { CalendarNumber } from "./CalendarNumber";
+import { Continuous } from "./Continuous";
+export { Continuous } from "./Continuous";
+import { Grid } from "./Grid";
+export { Grid } from "./Grid";
+import { Week } from "./Week";
+export { Week } from "./Week";
+import { Cell } from "./Cell";
+export { Cell } from "./Cell";
+import { Heading } from "./Heading";
+export { Heading } from "./Heading";
+import { Weekday } from "./Weekday";
+export { Weekday } from "./Weekday";
+import { MonthYearSelect } from "./MonthYearSelect";
+export { MonthYearSelect } from "./MonthYearSelect";
+import { Action } from "./Action";
+export { Action } from "./Action";
+export declare const Calendar: {
+    Root: typeof PickerRoot;
+    Continuous: typeof Continuous;
+    Grid: typeof Grid;
+    Week: typeof Week;
+    Cell: typeof Cell;
+    Heading: typeof Heading;
+    Weekday: typeof Weekday;
+    Navigation: typeof Action;
+    MonthSelect: typeof MonthYearSelect;
+    YearSelect: typeof MonthYearSelect;
+    View: typeof CalendarView;
+    DayTrigger: typeof DayTrigger;
+    Number: typeof CalendarNumber;
+};

package/dist/angular/index.js

@@ -0,0 +1 @@
+export*from"../core/index.js";import{Directive as _,Input as P,Output as tt,EventEmitter as et,inject as it,InjectionToken as rt,forwardRef as j}from"@angular/core";import{createPickerStore as ot}from"../core/index.js";import*as r from"@angular/core";var e=new rt("Salyra calendar"),v=class t{constructor(){this.options={},this.valueChange=new et}ngOnInit(){this.stop||(this.store??=ot(this.options),this.stop=this.store.subscribeValue(i=>this.valueChange.emit(i)))}ngOnChanges(){this.store&&this.store.setOptions(this.options)}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=r.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:r,type:t,deps:[],target:r.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=r.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spRoot]",inputs:{options:["spRoot","options"],store:"store"},outputs:{valueChange:"valueChange"},providers:[{provide:e,useExisting:j(()=>t)}],usesOnChanges:!0,ngImport:r})}};r.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:r,type:v,decorators:[{type:_,args:[{selector:"[spRoot]",standalone:!0,providers:[{provide:e,useExisting:j(()=>v)}]}]}],propDecorators:{options:[{type:P,args:["spRoot"]}],store:[{type:P}],valueChange:[{type:tt}]}});function st(){let t=it(e);return t.ngOnInit(),t.store}import{Directive as nt,ElementRef as at,Input as pt,inject as A}from"@angular/core";import{bindCalendar as ct,calendarMarkup as lt}from"../core/index.js";import*as o from"@angular/core";var I=class t{constructor(){this.options={},this.el=A(at),this.root=A(e),this.started=!1}ngOnInit(){this.root.ngOnInit(),this.started=!0,this.bind()}ngOnChanges(){this.started&&this.bind()}bind(){this.stop?.(),typeof window>"u"?this.el.nativeElement.innerHTML=lt(this.root.store,this.options):this.stop=ct(this.el.nativeElement,this.root.store,this.options)}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=o.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:o,type:t,deps:[],target:o.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=o.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spCalendar]",inputs:{options:["spCalendar","options"]},usesOnChanges:!0,ngImport:o})}};o.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:o,type:I,decorators:[{type:nt,args:[{selector:"[spCalendar]",standalone:!0}]}],propDecorators:{options:[{type:pt,args:["spCalendar"]}]}});import{Directive as mt,ElementRef as ht,Input as gt,Output as dt,EventEmitter as ut,inject as K}from"@angular/core";import{bindDayTrigger as ft}from"../core/index.js";import*as s from"@angular/core";var C=class t{constructor(){this.date="",this.dateSelect=new ut,this.el=K(ht),this.root=K(e)}ngOnInit(){this.bind()}ngOnChanges(){this.root.store&&this.bind()}bind(){this.root.ngOnInit(),this.stop?.(),typeof window<"u"&&(this.stop=ft(this.el.nativeElement,this.root.store,this.date,{onSelect:i=>this.dateSelect.emit(i)}))}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=s.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:s,type:t,deps:[],target:s.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=s.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"button[spDayTrigger]",inputs:{date:["spDayTrigger","date"]},outputs:{dateSelect:"dateSelect"},usesOnChanges:!0,ngImport:s})}};s.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:s,type:C,decorators:[{type:mt,args:[{selector:"button[spDayTrigger]",standalone:!0}]}],propDecorators:{date:[{type:gt,args:["spDayTrigger"]}],dateSelect:[{type:dt}]}});import{Directive as yt,ElementRef as vt,Input as Dt,inject as X}from"@angular/core";import{bindDateField as It,pointFor as Ct}from"../core/index.js";import*as n from"@angular/core";var N=class t{constructor(){this.endpoint="start",this.el=X(vt),this.root=X(e)}ngOnChanges(){this.root.store&&this.bind()}ngOnInit(){this.bind()}bind(){this.root.ngOnInit(),this.stop?.(),typeof window>"u"?this.el.nativeElement.setAttribute("value",Ct(this.root.store.getSnapshot().draft,this.endpoint)?.date??""):this.stop=It(this.el.nativeElement,this.root.store,this.endpoint)}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=n.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:n,type:t,deps:[],target:n.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=n.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"input[spDateField]",inputs:{endpoint:["spDateField","endpoint"]},usesOnChanges:!0,ngImport:n})}};n.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:n,type:N,decorators:[{type:yt,args:[{selector:"input[spDateField]",standalone:!0}]}],propDecorators:{endpoint:[{type:Dt,args:["spDateField"]}]}});import{Directive as bt,ElementRef as Et,Input as W,inject as L}from"@angular/core";import{bindTimeSegment as Ot,pointFor as St,timeSegmentValue as Tt}from"../core/index.js";import*as a from"@angular/core";var k=class t{constructor(){this.part="hour",this.endpoint="start",this.el=L(Et),this.root=L(e)}ngOnChanges(){this.root.store&&this.bind()}ngOnInit(){this.bind()}bind(){this.root.ngOnInit(),this.stop?.(),typeof window>"u"?this.el.nativeElement.setAttribute("value",Tt(St(this.root.store.getSnapshot().draft,this.endpoint)?.time,this.part,this.root.store.getSnapshot().options.hourCycle)):this.stop=Ot(this.el.nativeElement,this.root.store,this.part,this.endpoint)}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=a.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:a,type:t,deps:[],target:a.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=a.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"input[spTimeSegment],select[spTimeSegment]",inputs:{part:["spTimeSegment","part"],endpoint:"endpoint"},usesOnChanges:!0,ngImport:a})}};a.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:a,type:k,decorators:[{type:bt,args:[{selector:"input[spTimeSegment],select[spTimeSegment]",standalone:!0}]}],propDecorators:{part:[{type:W,args:["spTimeSegment"]}],endpoint:[{type:W}]}});import{Directive as Vt,ElementRef as xt,Input as H,inject as Ft}from"@angular/core";import*as p from"@angular/core";var b=class t{constructor(){this.date="",this.el=Ft(xt)}ngOnChanges(){this.el.nativeElement.textContent=this.label??String(Number(this.date.slice(-2)))}static{this.\u0275fac=p.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:p,type:t,deps:[],target:p.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=p.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spNumber]",inputs:{date:["spNumber","date"],label:"label"},usesOnChanges:!0,ngImport:p})}};p.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:p,type:b,decorators:[{type:Vt,args:[{selector:"[spNumber]",standalone:!0}]}],propDecorators:{date:[{type:H,args:["spNumber"]}],label:[{type:H}]}});import{Directive as Rt,ElementRef as Mt,Input as Nt,inject as Y}from"@angular/core";import{bindMonthScroller as kt,monthScrollerMarkup as wt}from"../core/index.js";import*as c from"@angular/core";var E=class t{constructor(){this.options={},this.el=Y(Mt),this.root=Y(e)}ngOnInit(){this.root.ngOnInit(),typeof window<"u"?this.stop=kt(this.el.nativeElement,this.root.store,this.options):this.el.nativeElement.innerHTML=wt(this.root.store,this.options)}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=c.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:c,type:t,deps:[],target:c.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=c.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spContinuous]",inputs:{options:["spContinuous","options"]},ngImport:c})}};c.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:c,type:E,decorators:[{type:Rt,args:[{selector:"[spContinuous]",standalone:!0}]}],propDecorators:{options:[{type:Nt,args:["spContinuous"]}]}});import{Directive as Pt,ElementRef as jt,inject as At}from"@angular/core";import*as l from"@angular/core";var O=class t{constructor(){this.el=At(jt),this.el.nativeElement.setAttribute("role","grid")}static{this.\u0275fac=l.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:l,type:t,deps:[],target:l.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=l.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spGrid]",ngImport:l})}};l.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:l,type:O,decorators:[{type:Pt,args:[{selector:"[spGrid]",standalone:!0}]}],ctorParameters:()=>[]});import{Directive as Kt,ElementRef as Xt,inject as Wt}from"@angular/core";import*as m from"@angular/core";var S=class t{constructor(){this.el=Wt(Xt),this.el.nativeElement.setAttribute("role","row")}static{this.\u0275fac=m.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:m,type:t,deps:[],target:m.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=m.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spWeek]",ngImport:m})}};m.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:m,type:S,decorators:[{type:Kt,args:[{selector:"[spWeek]",standalone:!0}]}],ctorParameters:()=>[]});import{Directive as Lt,ElementRef as Ht,Input as G,inject as q}from"@angular/core";import{attribute as Yt,dayAttributes as Gt}from"../core/index.js";import*as h from"@angular/core";var T=class t{constructor(){this.date="",this.outside=!1,this.el=q(Ht),this.root=q(e)}ngOnInit(){this.root.ngOnInit(),this.update(),this.stop=this.root.store.subscribe(()=>this.update())}ngOnChanges(){this.root.store&&this.update()}update(){this.el.nativeElement.setAttribute("role","gridcell");for(let[i,y]of Object.entries(Gt(this.root.store,this.date,this.outside)))Yt(this.el.nativeElement,i,y)}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=h.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:h,type:t,deps:[],target:h.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=h.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spCell]",inputs:{date:["spCell","date"],outside:"outside"},usesOnChanges:!0,ngImport:h})}};h.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:h,type:T,decorators:[{type:Lt,args:[{selector:"[spCell]",standalone:!0}]}],propDecorators:{date:[{type:G,args:["spCell"]}],outside:[{type:G}]}});import{Directive as qt,ElementRef as zt,inject as z}from"@angular/core";import{formatMonth as Bt}from"../core/index.js";import*as g from"@angular/core";var V=class t{constructor(){this.el=z(zt),this.root=z(e)}ngOnInit(){this.root.ngOnInit();let i=()=>this.el.nativeElement.textContent=Bt(this.root.store.getSnapshot().visibleMonth,this.root.store.getSnapshot().options.locale);i(),this.stop=this.root.store.subscribe(i)}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=g.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:g,type:t,deps:[],target:g.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=g.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spHeading]",ngImport:g})}};g.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:g,type:V,decorators:[{type:qt,args:[{selector:"[spHeading]",standalone:!0}]}]});import{Directive as Jt,ElementRef as Qt,Input as B,inject as J}from"@angular/core";import{attribute as Q,weekdayLabels as Ut}from"../core/index.js";import*as d from"@angular/core";var x=class t{constructor(){this.day=0,this.el=J(Qt),this.root=J(e)}ngOnInit(){this.root.ngOnInit(),this.update(),this.stop=this.root.store.subscribe(()=>this.update())}ngOnChanges(){this.root.store&&this.update()}update(){let i=this.root.store.getSnapshot();this.el.nativeElement.textContent=this.label??Ut(i.options.locale,i.options.weekStartsOn).find(y=>y.weekday===this.day)?.label??"",Q(this.el.nativeElement,"data-weekend",i.options.weekend.includes(this.day)),Q(this.el.nativeElement,"data-weekday",String(this.day))}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=d.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:d,type:t,deps:[],target:d.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=d.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"[spWeekday]",inputs:{day:["spWeekday","day"],label:"label"},usesOnChanges:!0,ngImport:d})}};d.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:d,type:x,decorators:[{type:Jt,args:[{selector:"[spWeekday]",standalone:!0}]}],propDecorators:{day:[{type:B,args:["spWeekday"]}],label:[{type:B}]}});import{Directive as Zt,ElementRef as $t,inject as U}from"@angular/core";import*as u from"@angular/core";var D=class t{constructor(){this.el=U($t),this.root=U(e)}ngOnInit(){this.root.ngOnInit();let i=this.el.nativeElement,y=i.hasAttribute("spMonthSelect")?"month":"year",R=()=>{i.value=String(this.root.store.getSnapshot().visibleMonth[y]),i.disabled=!!this.root.store.getSnapshot().options.disabled},M=()=>{i.disabled||this.root.store.setVisibleMonth({...this.root.store.getSnapshot().visibleMonth,[y]:Number(i.value)})};R();let w=this.root.store.subscribe(R);typeof window<"u"&&i.addEventListener("change",M),this.stop=()=>{w(),i.removeEventListener("change",M)}}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=u.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:u,type:t,deps:[],target:u.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=u.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"select[spMonthSelect],select[spYearSelect]",ngImport:u})}};u.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:u,type:D,decorators:[{type:Zt,args:[{selector:"select[spMonthSelect],select[spYearSelect]",standalone:!0}]}]});import{Directive as _t,ElementRef as te,Input as Z,inject as $}from"@angular/core";import*as f from"@angular/core";var F=class t{constructor(){this.el=$(te),this.root=$(e)}ngOnInit(){this.root.ngOnInit();let i=()=>{this.el.nativeElement.disabled=!!this.root.store.getSnapshot().options.disabled},y=!0,R=w=>queueMicrotask(()=>{!y||w.defaultPrevented||this.el.nativeElement.disabled||(this.spNavigate!==void 0&&this.root.store.navigate(this.spNavigate),this.spAction&&this.root.store[this.spAction]())});i();let M=this.root.store.subscribe(i);typeof window<"u"&&this.el.nativeElement.addEventListener("click",R),this.stop=()=>{y=!1,M(),this.el.nativeElement.removeEventListener("click",R)}}ngOnDestroy(){this.stop?.()}static{this.\u0275fac=f.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"20.3.33",ngImport:f,type:t,deps:[],target:f.\u0275\u0275FactoryTarget.Directive})}static{this.\u0275dir=f.\u0275\u0275ngDeclareDirective({minVersion:"14.0.0",version:"20.3.33",type:t,isStandalone:!0,selector:"button[spNavigate],button[spAction]",inputs:{spNavigate:"spNavigate",spAction:"spAction"},ngImport:f})}};f.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"20.3.33",ngImport:f,type:F,decorators:[{type:_t,args:[{selector:"button[spNavigate],button[spAction]",standalone:!0}]}],propDecorators:{spNavigate:[{type:Z}],spAction:[{type:Z}]}});var ni={Root:v,Continuous:E,Grid:O,Week:S,Cell:T,Heading:V,Weekday:x,Navigation:F,MonthSelect:D,YearSelect:D,View:I,DayTrigger:C,Number:b};export{F as Action,ni as Calendar,b as CalendarNumber,I as CalendarView,T as Cell,E as Continuous,N as DateField,C as DayTrigger,O as Grid,V as Heading,D as MonthYearSelect,e as PICKER_CONTEXT,v as PickerRoot,k as TimeSegmentField,S as Week,x as Weekday,st as usePickerStore};

package/dist/astro/Action.astro

@@ -0,0 +1,7 @@
+---
+const{action,...attributes}=Astro.props;
+---
+
+<button {...attributes} type="button" data-picker-action={action}>
+  <slot>{action}</slot>
+</button>

package/dist/astro/Calendar.astro

@@ -0,0 +1,10 @@
+---
+import{calendarMarkup,createPickerStore,type PickerOptions,type CalendarRenderOptions}from"../core/index.js";interface Props{options:PickerOptions;renderOptions?:Pick<CalendarRenderOptions,"weekdays">;class?:string}const{options,renderOptions={},...attributes}=Astro.props;const html=calendarMarkup(createPickerStore(options),renderOptions);
+---
+
+<div
+  {...attributes}
+  data-calendar
+  data-calendar-options={JSON.stringify(renderOptions)}
+  set:html={html}
+/>

package/dist/astro/Cell.astro

@@ -0,0 +1,13 @@
+---
+import{createPickerStore,dayAttributes,type PickerOptions}from"../core/index.js";import type{HTMLAttributes}from"astro/types";interface Props extends HTMLAttributes<"div">{date:string;outside?:boolean;options?:PickerOptions}const{date,outside=false,options={},...attributes}=Astro.props;const store=createPickerStore(options);const state=dayAttributes(store,date,outside);store.destroy();
+---
+
+<div
+  {...attributes}
+  {...state}
+  role="gridcell"
+  data-part="cell"
+  data-calendar-cell
+>
+  <slot />
+</div>

package/dist/astro/Continuous.astro

@@ -0,0 +1,9 @@
+---
+import{createPickerStore,monthScrollerMarkup,type PickerOptions,type MonthScrollerOptions}from"../core/index.js";interface Props{options?:MonthScrollerOptions;pickerOptions?:PickerOptions;class?:string;style?:string}const{options={},pickerOptions={},...attributes}=Astro.props;const store=createPickerStore(pickerOptions),html=monthScrollerMarkup(store,options);store.destroy();
+---
+
+<div
+  {...attributes}
+  data-continuous={JSON.stringify(options)}
+  set:html={html}
+/>

package/dist/astro/DayTrigger.astro

@@ -0,0 +1,7 @@
+---
+const{date,...attributes}=Astro.props;
+---
+
+<button {...attributes} type="button" data-day-trigger data-date={date}>
+  <slot />
+</button>

package/dist/astro/Field.astro

@@ -0,0 +1,11 @@
+---
+const{endpoint="start",...attributes}=Astro.props;
+---
+
+<input
+  {...attributes}
+  type="text"
+  placeholder="YYYY-MM-DD"
+  data-date-field
+  data-endpoint={endpoint}
+/>

package/dist/astro/Grid.astro

@@ -0,0 +1,3 @@
+<div {...Astro.props} role="grid" data-part="grid">
+  <slot />
+</div>

package/dist/astro/Heading.astro

@@ -0,0 +1,7 @@
+---
+import{createPickerStore,formatMonth,type PickerOptions}from"../core/index.js";interface Props{options?:PickerOptions;class?:string}const{options={},...attributes}=Astro.props;const store=createPickerStore(options),title=formatMonth(store.getSnapshot().visibleMonth,store.getSnapshot().options.locale);store.destroy();
+---
+
+<h3 {...attributes} data-month-heading aria-live="polite">
+  <slot>{title}</slot>
+</h3>

package/dist/astro/MonthSelect.astro

@@ -0,0 +1,13 @@
+---
+const{month=1,...attributes}=Astro.props;
+---
+
+<select {...attributes} data-month-select>
+  <slot>
+    {Array.from({ length: 12 }, (_, i) => (
+      <option value={i + 1} selected={i + 1 === month}>
+        {i + 1}
+      </option>
+    ))}
+  </slot>
+</select>

package/dist/astro/Number.astro

@@ -0,0 +1,7 @@
+---
+const{date,...attributes}=Astro.props;
+---
+
+<span {...attributes} data-part="number">
+  <slot>{Number(date.slice(-2))}</slot>
+</span>

package/dist/astro/Period.astro

@@ -0,0 +1,10 @@
+---
+const{endpoint="start",...attributes}=Astro.props;
+---
+
+<select {...attributes} data-time-segment="period" data-endpoint={endpoint}>
+  <slot>
+    <option>AM</option>
+    <option>PM</option>
+  </slot>
+</select>

package/dist/astro/Root.astro

@@ -0,0 +1,15 @@
+---
+import type{HTMLAttributes}from"astro/types";import type{PickerOptions}from"../core/index.js";interface Props extends HTMLAttributes<"div">{options:Omit<PickerOptions,"isDateUnavailable"|"isTimeUnavailable"|"isRangeUnavailable"|"onValueChange"|"onSelect">;class?:string}const{options,...attributes}=Astro.props;
+---
+
+<sp-picker
+  {...attributes}
+  data-picker-root
+  data-config={JSON.stringify(options)}
+  aria-busy="true"
+>
+  <fieldset disabled data-picker-pending style="display: contents">
+    <slot />
+  </fieldset>
+</sp-picker>
+<script>import{mountPicker}from"../vanilla/index.js";class PickerElement extends HTMLElement{cleanup?:()=>void;connectedCallback(){queueMicrotask(()=>{if(!this.isConnected||this.cleanup)return;const mounted=mountPicker(this,JSON.parse(this.dataset.config??"{}"));this.cleanup=mounted.destroy;const pending=this.querySelector<HTMLFieldSetElement>("fieldset[data-picker-pending]");if(pending)pending.disabled=false;this.setAttribute("aria-busy","false")})}disconnectedCallback(){this.cleanup?.();this.cleanup=undefined}}if(!customElements.get("sp-picker"))customElements.define("sp-picker",PickerElement);</script>

package/dist/astro/Segment.astro

@@ -0,0 +1,10 @@
+---
+const{part="hour",endpoint="start",...attributes}=Astro.props;
+---
+
+<input
+  {...attributes}
+  type="number"
+  data-time-segment={part}
+  data-endpoint={endpoint}
+/>

package/dist/astro/Week.astro

@@ -0,0 +1,3 @@
+<div {...Astro.props} role="row" data-part="week">
+  <slot />
+</div>

package/dist/astro/Weekday.astro

@@ -0,0 +1,13 @@
+---
+import{weekdayLabels,type PickerOptions}from"../core/index.js";interface Props{day:number;options?:PickerOptions;class?:string}const{day,options={},...attributes}=Astro.props;const label=weekdayLabels(options.locale??"en-GB",options.weekStartsOn??1).find(d=>d.weekday===day)?.label;
+---
+
+<span
+  {...attributes}
+  role="columnheader"
+  data-part="weekday"
+  data-weekday={day}
+  data-weekend={(options.weekend ?? [0, 6]).includes(day)}
+>
+  <slot>{label}</slot>
+</span>

package/dist/astro/YearSelect.astro

@@ -0,0 +1,13 @@
+---
+const{year=2026,from=1900,to=2100,...attributes}=Astro.props;
+---
+
+<select {...attributes} data-year-select>
+  <slot>
+    {Array.from({ length: to - from + 1 }, (_, i) => (
+      <option value={from + i} selected={from + i === year}>
+        {from + i}
+      </option>
+    ))}
+  </slot>
+</select>