@sectile/vue 0.18.2 → 0.19.0

package/dist/temporal/range-calendar.d.ts

@@ -1,6 +1,6 @@
 import type { DateRangePickerOptions } from '@sectile/dom/temporal/date-range-picker';
 import type { DateRange, DateValue } from '@sectile/dom/temporal/date-field';
-import { type PickerCellSlotProps, type PickerPartProps, type PickerRootSlotProps } from './picker.js';
+import { type PickerRootPartComponent, type PickerCellSlotProps, type PickerMonthCellSlotProps, type PickerPartProps, type PickerRootSlotProps } from './picker.js';
 export interface RangeCalendarRootProps extends PickerPartProps {
     readonly modelValue?: DateRange | null;
     readonly defaultValue?: DateRange | null;
@@ -21,8 +21,8 @@ export type RangeCalendarRootSlotProps = PickerRootSlotProps<DateRange | null>;
 export type RangeCalendarValueChangeHandler = NonNullable<InstanceType<typeof RangeCalendarRoot>['$props']['onUpdate:modelValue']>;
 export type RangeCalendarOpenChangeHandler = NonNullable<InstanceType<typeof RangeCalendarRoot>['$props']['onUpdate:open']>;
 export type RangeCalendarHighlightedValueChangeHandler = NonNullable<InstanceType<typeof RangeCalendarRoot>['$props']['onUpdate:highlightedValue']>;
-export declare const RangeCalendarContent: import("./picker.js").PickerRootPartComponent<"date-range">;
-export declare const RangeCalendarGrid: import("./picker.js").PickerRootPartComponent<"date-range">;
+export declare const RangeCalendarContent: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarGrid: PickerRootPartComponent<'date-range'>;
 export declare const RangeCalendarCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: import("vue").PropType<DateValue>;
@@ -55,8 +55,125 @@ export declare const RangeCalendarCell: import("vue").DefineComponent<import("vu
 }, import("vue").SlotsType<{
     default: (props: PickerCellSlotProps) => import("vue").VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export declare const RangeCalendarPreviousMonth: import("./picker.js").PickerRootPartComponent<"date-range">;
-export declare const RangeCalendarNextMonth: import("./picker.js").PickerRootPartComponent<"date-range">;
-export declare const RangeCalendarPreviousYear: import("./picker.js").PickerRootPartComponent<"date-range">;
-export declare const RangeCalendarNextYear: import("./picker.js").PickerRootPartComponent<"date-range">;
-export type { DateRange, DateValue, PickerCellSlotProps as RangeCalendarCellSlotProps, PickerPartProps as RangeCalendarPartProps, };
+export declare const RangeCalendarMonthCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<import("@sectile/temporal").CalendarMonthValue>;
+        required: true;
+    };
+    as: {
+        type: import("vue").PropType<import("../primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<import("@sectile/temporal").CalendarMonthValue>;
+        required: true;
+    };
+    as: {
+        type: import("vue").PropType<import("../primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("../primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerMonthCellSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const RangeCalendarStartInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("../primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("../primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    form: string;
+    as: import("../primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const RangeCalendarEndInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("../primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("../primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    form: string;
+    as: import("../primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const RangeCalendarPreviousWeek: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarNextWeek: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarPreviousMonth: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarNextMonth: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarPreviousYear: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarNextYear: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarWeekViewTrigger: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarMonthViewTrigger: PickerRootPartComponent<'date-range'>;
+export declare const RangeCalendarYearViewTrigger: PickerRootPartComponent<'date-range'>;
+export type { DateRange, DateValue, PickerCellSlotProps as RangeCalendarCellSlotProps, PickerMonthCellSlotProps as RangeCalendarMonthCellSlotProps, PickerPartProps as RangeCalendarPartProps, };

package/dist/temporal/range-calendar.js

@@ -1,2 +1,2 @@
-import{PickerCell,PickerContent,PickerGrid,createPickerMove,createPickerRoot,specializePickerRootPart}from'./picker.js';import{rangeCalendarCapability}from'./capabilities/range-calendar.js';export const RangeCalendarRoot=createPickerRoot(rangeCalendarCapability,'SectileRangeCalendarRoot',{scope:'range-calendar',defaultOpen:true,defaultView:'month',inline:true});export const RangeCalendarContent=/* @__PURE__ */specializePickerRootPart('date-range',PickerContent);export const RangeCalendarGrid=/* @__PURE__ */specializePickerRootPart('date-range',PickerGrid);export const RangeCalendarCell=PickerCell;export const RangeCalendarPreviousMonth=/* @__PURE__ */specializePickerRootPart('date-range',createPickerMove('month',-1,'SectileRangeCalendarPreviousMonth'));export const RangeCalendarNextMonth=/* @__PURE__ */specializePickerRootPart('date-range',createPickerMove('month',1,'SectileRangeCalendarNextMonth'));export const RangeCalendarPreviousYear=/* @__PURE__ */specializePickerRootPart('date-range',createPickerMove('year',-1,'SectileRangeCalendarPreviousYear'));export const RangeCalendarNextYear=/* @__PURE__ */specializePickerRootPart('date-range',createPickerMove('year',1,'SectileRangeCalendarNextYear'));
+import{PickerCell,PickerMonthCell,PickerContent,PickerGrid,createPickerInput,createPickerMove,createPickerRoot,createPickerViewTrigger}from'./picker.js';import{rangeCalendarCapability}from'./capabilities/range-calendar.js';export const RangeCalendarRoot=/* @__PURE__ */createPickerRoot(rangeCalendarCapability,'SectileRangeCalendarRoot',{scope:'range-calendar',defaultOpen:true,defaultView:'month',inline:true});export const RangeCalendarContent=PickerContent;export const RangeCalendarGrid=PickerGrid;export const RangeCalendarCell=PickerCell;export const RangeCalendarMonthCell=PickerMonthCell;export const RangeCalendarStartInput=/* @__PURE__ */createPickerInput('start-input','SectileRangeCalendarStartInput','hidden');export const RangeCalendarEndInput=/* @__PURE__ */createPickerInput('end-input','SectileRangeCalendarEndInput','hidden');export const RangeCalendarPreviousWeek=/* @__PURE__ */createPickerMove('week',-1,'SectileRangeCalendarPreviousWeek');export const RangeCalendarNextWeek=/* @__PURE__ */createPickerMove('week',1,'SectileRangeCalendarNextWeek');export const RangeCalendarPreviousMonth=/* @__PURE__ */createPickerMove('month',-1,'SectileRangeCalendarPreviousMonth');export const RangeCalendarNextMonth=/* @__PURE__ */createPickerMove('month',1,'SectileRangeCalendarNextMonth');export const RangeCalendarPreviousYear=/* @__PURE__ */createPickerMove('year',-1,'SectileRangeCalendarPreviousYear');export const RangeCalendarNextYear=/* @__PURE__ */createPickerMove('year',1,'SectileRangeCalendarNextYear');export const RangeCalendarWeekViewTrigger=/* @__PURE__ */createPickerViewTrigger('week','SectileRangeCalendarWeekViewTrigger');export const RangeCalendarMonthViewTrigger=/* @__PURE__ */createPickerViewTrigger('month','SectileRangeCalendarMonthViewTrigger');export const RangeCalendarYearViewTrigger=/* @__PURE__ */createPickerViewTrigger('year','SectileRangeCalendarYearViewTrigger');
 //# sourceMappingURL=range-calendar.js.map

package/dist/temporal/range-calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-calendar.js","names":["PickerCell","PickerContent","PickerGrid","createPickerMove","createPickerRoot","specializePickerRootPart","rangeCalendarCapability","RangeCalendarRoot","scope","defaultOpen","defaultView","inline","RangeCalendarContent","RangeCalendarGrid","RangeCalendarCell","RangeCalendarPreviousMonth","RangeCalendarNextMonth","RangeCalendarPreviousYear","RangeCalendarNextYear"],"sources":["../../src/temporal/range-calendar.ts"],"mappings":"OAGEA,WAAYC,cAAeC,WAAYC,iBAAkBC,iBAAkBC,6BAEtE,qBACEC,4BAA+B,0CAiBjC,MAAMC,kBAAoBH,iBAAiBE,wBAAyB,2BAA4B,CACrGE,MAAO,iBACPC,YAAa,KACbC,YAAa,QACbC,OAAQ,cAMH,MAAMC,oCAAuCP,yBAAyB,aAAcJ,sBACpF,MAAMY,iCAAoCR,yBAAyB,aAAcH,mBACjF,MAAMY,kBAAoBd,kBAC1B,MAAMe,0CAA6CV,yBAAyB,aAAcF,iBAAiB,SAAU,EAAG,6CACxH,MAAMa,sCAAyCX,yBAAyB,aAAcF,iBAAiB,QAAS,EAAG,yCACnH,MAAMc,yCAA4CZ,yBAAyB,aAAcF,iBAAiB,QAAS,EAAG,4CACtH,MAAMe,qCAAwCb,yBAAyB,aAAcF,iBAAiB,OAAQ,EAAG","ignoreList":[]}
+{"version":3,"file":"range-calendar.js","names":["PickerCell","PickerMonthCell","PickerContent","PickerGrid","createPickerInput","createPickerMove","createPickerRoot","createPickerViewTrigger","rangeCalendarCapability","RangeCalendarRoot","scope","defaultOpen","defaultView","inline","RangeCalendarContent","RangeCalendarGrid","RangeCalendarCell","RangeCalendarMonthCell","RangeCalendarStartInput","RangeCalendarEndInput","RangeCalendarPreviousWeek","RangeCalendarNextWeek","RangeCalendarPreviousMonth","RangeCalendarNextMonth","RangeCalendarPreviousYear","RangeCalendarNextYear","RangeCalendarWeekViewTrigger","RangeCalendarMonthViewTrigger","RangeCalendarYearViewTrigger"],"sources":["../../src/temporal/range-calendar.ts"],"mappings":"OAGEA,WAAYC,gBAAiBC,cAAeC,WAAYC,kBAAmBC,iBAAkBC,iBAAkBC,4BAE1G,qBACEC,4BAA+B,0CAiBjC,MAAMC,iCAAoCH,iBAAiBE,wBAAyB,2BAA4B,CACrHE,MAAO,iBACPC,YAAa,KACbC,YAAa,QACbC,OAAQ,cAMH,MAAMC,qBAAuBZ,qBAC7B,MAAMa,kBAAoBZ,kBAC1B,MAAMa,kBAAoBhB,kBAC1B,MAAMiB,uBAAyBhB,uBAC/B,MAAMiB,uCAA0Cd,kBAAkB,cAAe,iCAAkC,iBACnH,MAAMe,qCAAwCf,kBAAkB,YAAa,+BAAgC,iBAC7G,MAAMgB,yCAA4Cf,iBAAiB,QAAS,EAAG,2CAC/E,MAAMgB,qCAAwChB,iBAAiB,OAAQ,EAAG,uCAC1E,MAAMiB,0CAA6CjB,iBAAiB,SAAU,EAAG,4CACjF,MAAMkB,sCAAyClB,iBAAiB,QAAS,EAAG,wCAC5E,MAAMmB,yCAA4CnB,iBAAiB,QAAS,EAAG,2CAC/E,MAAMoB,qCAAwCpB,iBAAiB,OAAQ,EAAG,uCAC1E,MAAMqB,4CAA+CnB,wBAAwB,OAAQ,8CACrF,MAAMoB,6CAAgDpB,wBAAwB,QAAS,+CACvF,MAAMqB,4CAA+CrB,wBAAwB,OAAQ","ignoreList":[]}

package/dist/temporal/temporal-provider.d.ts

@@ -1,21 +1,44 @@
 import { type ComputedRef, type PropType, type SlotsType, type VNodeChild } from 'vue';
 import type { DateValue } from '@sectile/dom/temporal/date-field';
+import { type TemporalFormatter, type TemporalFormatterOptions } from '@sectile/dom/temporal/format';
+export type { TemporalFormatter, TemporalFormatterOptions } from '@sectile/dom/temporal/format';
 export interface TemporalProviderProps {
     readonly referenceDate?: DateValue;
+    readonly referenceInstant?: number;
+    readonly formatting?: TemporalFormatterOptions;
 }
 export declare const TemporalProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     referenceDate: {
         type: PropType<DateValue>;
         default: undefined;
     };
+    referenceInstant: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    formatting: {
+        type: PropType<TemporalFormatterOptions>;
+        default: undefined;
+    };
 }>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     referenceDate: {
         type: PropType<DateValue>;
         default: undefined;
     };
+    referenceInstant: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    formatting: {
+        type: PropType<TemporalFormatterOptions>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     referenceDate: DateValue;
+    referenceInstant: number;
+    formatting: TemporalFormatterOptions;
 }, SlotsType<{
     default: () => VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare function useTemporalReferenceDate(): ComputedRef<DateValue>;
+export declare function useTemporalFormatter(): ComputedRef<TemporalFormatter | undefined>;

package/dist/temporal/temporal-provider.js

@@ -1,2 +1,2 @@
-import{Fragment,computed,defineComponent,h,inject,provide}from"vue";const temporalContextKey=Symbol("SectileTemporal");const TemporalProvider=defineComponent({name:"SectileTemporalProvider",inheritAttrs:false,props:{referenceDate:{type:Object,default:void 0}},slots:Object,setup(props,{slots}){const parent=inject(temporalContextKey,void 0);const fallbackReferenceDate=currentReferenceDate();const referenceDate=computed(()=>props.referenceDate??parent?.referenceDate.value??fallbackReferenceDate);provide(temporalContextKey,{referenceDate});return()=>h(Fragment,null,slots["default"]?.()??[])}});function useTemporalReferenceDate(){const context=inject(temporalContextKey,void 0);const fallback=currentReferenceDate();return context?.referenceDate??computed(()=>fallback)}function currentReferenceDate(now=new Date){return Object.freeze({year:now.getFullYear(),month:now.getMonth()+1,day:now.getDate()})}export{TemporalProvider,useTemporalReferenceDate};
+import{Fragment,computed,defineComponent,h,inject,provide}from'vue';import{unwrap}from'@sectile/core/result';import{createTemporalFormatter}from'@sectile/dom/temporal/format';const temporalContextKey=Symbol('SectileTemporal');export const TemporalProvider=/* @__PURE__ */defineComponent({name:'SectileTemporalProvider',inheritAttrs:false,props:{referenceDate:{type:Object,default:undefined},referenceInstant:{type:Number,default:undefined},formatting:{type:Object,default:undefined}},slots:Object,setup(props,{slots}){const parent=inject(temporalContextKey,undefined);let fallbackInstant=props.referenceDate===undefined&&props.referenceInstant===undefined&&parent===undefined?Date.now():undefined;const formatter=computed(()=>props.formatting===undefined?parent?.formatter.value:createTemporalFormatter(props.formatting));const referenceInstant=computed(()=>props.referenceDate!==undefined?undefined:props.referenceInstant??parent?.referenceInstant.value);const referenceDate=computed(()=>{if(props.referenceDate!==undefined)return props.referenceDate;const instant=referenceInstant.value;const format=formatter.value;if(instant!==undefined){if(format===undefined)throw new TypeError('TemporalProvider referenceInstant requires formatting in this provider or an ancestor.');return unwrap(format.dateAt(instant))}if(parent!==undefined)return parent.referenceDate.value;fallbackInstant??=Date.now();return format===undefined?currentReferenceDate(new Date(fallbackInstant)):unwrap(format.dateAt(fallbackInstant))});void formatter.value;void referenceDate.value;provide(temporalContextKey,{referenceDate,referenceInstant,formatter});return()=>h(Fragment,null,slots['default']?.()??[])}});export function useTemporalReferenceDate(){const context=inject(temporalContextKey,undefined);if(context!==undefined)return context.referenceDate;const fallback=currentReferenceDate();return computed(()=>fallback)}export function useTemporalFormatter(){const context=inject(temporalContextKey,undefined);return context?.formatter??computed(()=>undefined)}function currentReferenceDate(now=new Date){return Object.freeze({year:now.getFullYear(),month:now.getMonth()+1,day:now.getDate()})}
 //# sourceMappingURL=temporal-provider.js.map

package/dist/temporal/temporal-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/temporal/temporal-provider.ts"],"mappings":"AAAA,OACE,SACA,SACA,gBACA,EACA,OACA,YAMK,MAWP,MAAM,mBAAqB,OAAO,iBAAiB,EAE5C,MAAM,iBAAmB,gBAAgB,CAC9C,KAAM,0BACN,aAAc,MACd,MAAO,CACL,cAAe,CAAE,KAAM,OAA+B,QAAS,MAAS,GAE1E,MAAO,OACP,MAAM,MAAO,CAAE,KAAK,EAAE,CACpB,MAAM,OAAS,OAAoC,mBAAoB,MAAS,EAChF,MAAM,sBAAwB,qBAAoB,EAClD,MAAM,cAAgB,SACpB,IAAM,MAAM,eAAiB,QAAQ,cAAc,OAAS,qBAAqB,EAEnF,QAAyB,mBAAoB,CAAE,aAAa,CAAE,EAC9D,MAAO,IAAkB,EAAE,SAAuB,KAAM,MAAM,SAAS,IAAG,GAAM,CAAA,CAAE,CACpF,EACD,EAEK,SAAU,0BAAwB,CACtC,MAAM,QAAU,OAAoC,mBAAoB,MAAS,EACjF,MAAM,SAAW,qBAAoB,EACrC,OAAO,SAAS,eAAiB,SAAS,IAAM,QAAQ,CAC1D,CAEA,SAAS,qBAAqB,IAAY,IAAI,KAAM,CAClD,OAAO,OAAO,OAAO,CACnB,KAAM,IAAI,YAAW,EACrB,MAAO,IAAI,SAAQ,EAAK,EACxB,IAAK,IAAI,QAAO,EACjB,CACH","names":[],"file":"temporal-provider.js"}
+{"version":3,"file":"temporal-provider.js","names":["Fragment","computed","defineComponent","h","inject","provide","unwrap","createTemporalFormatter","temporalContextKey","Symbol","TemporalProvider","name","inheritAttrs","props","referenceDate","type","Object","default","undefined","referenceInstant","Number","formatting","slots","setup","parent","fallbackInstant","Date","now","formatter","value","instant","format","TypeError","dateAt","currentReferenceDate","useTemporalReferenceDate","context","fallback","useTemporalFormatter","freeze","year","getFullYear","month","getMonth","day","getDate"],"sources":["../../src/temporal/temporal-provider.ts"],"mappings":"OACEA,SACAC,SACAC,gBACAC,EACAC,OACAC,YAMK,aAEEC,WAAc,8BACdC,4BAAsF,+BAgB/F,MAAMC,mBAAqBC,OAAO,0BAE3B,MAAMC,gCAAmCR,gBAAgB,CAC9DS,KAAM,0BACNC,aAAc,MACdC,MAAO,CACLC,cAAe,CAAEC,KAAMC,OAA+BC,QAASC,WAC/DC,iBAAkB,CAAEJ,KAAMK,OAAQH,QAASC,WAC3CG,WAAY,CAAEN,KAAMC,OAA8CC,QAASC,YAE7EI,MAAON,OACP,KAAAO,CAAMV,OAAOS,QACX,MAAME,OAASpB,OAAoCI,mBAAoBU,WACvE,IAAIO,gBAAkBZ,MAAMC,gBAAkBI,WAAaL,MAAMM,mBAAqBD,WAAaM,SAAWN,UAAYQ,KAAKC,MAAQT,UACvI,MAAMU,UAAY3B,SAAS,IAAMY,MAAMQ,aAAeH,UAAYM,QAAQI,UAAUC,MAAQtB,wBAAwBM,MAAMQ,aAC1H,MAAMF,iBAAmBlB,SAAS,IAAMY,MAAMC,gBAAkBI,UAAYA,UAAYL,MAAMM,kBAAoBK,QAAQL,iBAAiBU,OAC3I,MAAMf,cAAgBb,SAAS,KAC7B,GAAIY,MAAMC,gBAAkBI,UAAW,OAAOL,MAAMC,cACpD,MAAMgB,QAAUX,iBAAiBU,MACjC,MAAME,OAASH,UAAUC,MACzB,GAAIC,UAAYZ,UAAW,CACzB,GAAIa,SAAWb,UAAW,MAAM,IAAIc,UAAU,0FAC9C,OAAO1B,OAAOyB,OAAOE,OAAOH,SAC9B,CACA,GAAIN,SAAWN,UAAW,OAAOM,OAAOV,cAAce,MACtDJ,kBAAoBC,KAAKC,MACzB,OAAOI,SAAWb,UAAYgB,qBAAqB,IAAIR,KAAKD,kBAAoBnB,OAAOyB,OAAOE,OAAOR,yBAGlGG,UAAUC,WACVf,cAAce,MACnBxB,QAAyBG,mBAAoB,CAAEM,cAAeK,iBAAkBS,YAChF,MAAO,IAAkBzB,EAAEH,SAAuB,KAAMsB,MAAM,gBAAkB,GAClF,WAGI,SAAUa,2BACd,MAAMC,QAAUhC,OAAoCI,mBAAoBU,WACxE,GAAIkB,UAAYlB,UAAW,OAAOkB,QAAQtB,cAC1C,MAAMuB,SAAWH,uBACjB,OAAOjC,SAAS,IAAMoC,SACxB,QAEM,SAAUC,uBACd,MAAMF,QAAUhC,OAAoCI,mBAAoBU,WACxE,OAAOkB,SAASR,WAAa3B,SAAS,IAAMiB,UAC9C,CAEA,SAASgB,qBAAqBP,IAAY,IAAID,MAC5C,OAAOV,OAAOuB,OAAO,CACnBC,KAAMb,IAAIc,cACVC,MAAOf,IAAIgB,WAAa,EACxBC,IAAKjB,IAAIkB,WAEb","ignoreList":[]}

package/dist/temporal/time-field.d.ts

@@ -1,3 +1,4 @@
+import { type TimeFieldPrecision } from '@sectile/temporal/time-field';
 import { type TimeFieldOptions } from '@sectile/dom/temporal/time-field';
 export type TimeValue = NonNullable<TimeFieldOptions['value']>;
 export interface TimeFieldProps {
@@ -9,6 +10,8 @@ export interface TimeFieldProps {
     readonly required?: boolean;
     readonly label?: string;
     readonly native?: boolean;
+    /** Custom editing precision; Provider defaults to lossless milliseconds. Native mode retains ISO behavior. */
+    readonly precision?: TimeFieldPrecision;
 }
-export declare const TimeField: import("vue").DefineComponent<import("../input/native-field.js").NativeFieldPublicProps<import("@sectile/dom/temporal/time-field").TimeValue, import("@sectile/temporal").TimeFieldPolicies>>;
+export declare const TimeField: import("vue").DefineComponent<import("../input/native-field.js").NativeFieldPublicProps<import("@sectile/temporal/time-field").TimeValue, import("@sectile/temporal/time-field").TimeFieldPolicies> & Pick<TimeFieldProps, "precision">>;
 export type TimeFieldValueChangeHandler = (value: TimeValue | null) => void;

package/dist/temporal/time-field.js

@@ -1,2 +1,2 @@
-import{}from"vue";import{createTimeField,formatTimeValue}from"@sectile/dom/temporal/time-field";import{createNativeFieldComponent}from"../input/native-field.js";const TimeField=createNativeFieldComponent({name:"SectileTimeField",scope:"time-field",inputMode:"numeric",nativeInputType:"time",placeholder:"HH:mm",formatValue:formatTimeValue,valueType:Object,create:options=>createTimeField({...options,...options.policies===void 0?{}:{policies:options.policies}})});export{TimeField};
+import{}from'vue';import{unwrap}from'@sectile/core/result';import{createTimeFieldState,formatTimeFieldValue,reformatTimeFieldState}from'@sectile/temporal/time-field';import{createTimeField,formatTimeValue,getTimeFieldPlaceholder}from'@sectile/dom/temporal/time-field';import{createNativeFieldComponent}from'../input/native-field.js';import{useTimePresentation}from'./internal/time-presentation.js';function rebase(value,inputState,previousFormat,format){return unwrap(reformatTimeFieldState(createTimeFieldState(value,inputState,previousFormat),format)).inputState}export const TimeField=/* @__PURE__ */createNativeFieldComponent({name:'SectileTimeField',scope:'time-field',inputMode:'numeric',nativeInputType:'time',placeholder:'HH:mm',formatValue:formatTimeValue,valueType:Object,create:createTimeField,commitValue:(connection,value)=>connection.handleEvent({type:'set-value',value}),presentationProps:{precision:{type:String,default:undefined}},rebase:(value,inputState,previousFormat)=>rebase(value,inputState,previousFormat),usePresentation(props){return useTimePresentation(props,format=>({format,inputMode:format.dayPeriods===undefined?'numeric':'text',placeholder:getTimeFieldPlaceholder(format),formatValue:value=>formatTimeFieldValue(value,format),create:options=>createTimeField({...options,format}),rebase:(value,inputState,previousFormat)=>rebase(value,inputState,previousFormat,format)}))}});
 //# sourceMappingURL=time-field.js.map

package/dist/temporal/time-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/temporal/time-field.ts"],"mappings":"AAAA,YAA8B,MAC9B,OACE,gBACA,oBAGK,mCACP,OAAS,+BAAkE,2BAgBpE,MAAM,UAAY,2BAAyD,CAChF,KAAM,mBACN,MAAO,aACP,UAAW,UACX,gBAAiB,OACjB,YAAa,QACb,YAAa,gBACb,UAAW,OACX,OAAS,SAA0F,gBAAgB,CACjH,GAAG,QACH,GAAI,QAAQ,WAAa,OACrB,CAAA,EACA,CAAE,SAAU,QAAQ,QAAQ,EACjC,EACF","names":[],"file":"time-field.js"}
+{"version":3,"file":"time-field.js","names":["unwrap","createTimeFieldState","formatTimeFieldValue","reformatTimeFieldState","createTimeField","formatTimeValue","getTimeFieldPlaceholder","createNativeFieldComponent","useTimePresentation","rebase","value","inputState","previousFormat","format","TimeField","name","scope","inputMode","nativeInputType","placeholder","formatValue","valueType","Object","create","commitValue","connection","handleEvent","type","presentationProps","precision","String","default","undefined","usePresentation","props","dayPeriods","options"],"sources":["../../src/temporal/time-field.ts"],"mappings":"YAA8B,aACrBA,WAAc,8BACdC,qBAAsBC,qBAAsBC,2BAA6E,sCAEhIC,gBACAC,gBACAC,4BAGK,0CACEC,+BAAgE,kCAChEC,wBAA2B,kCAkBpC,SAASC,OAAOC,MAAyBC,WAAwDC,eAA6CC,QAC5I,OAAOb,OAAOG,uBAAuBF,qBAAqBS,MAAOC,WAAYC,gBAAiBC,SAASF,UACzG,QAEO,MAAMG,yBAA4BP,2BAA6G,CACpJQ,KAAM,mBACNC,MAAO,aACPC,UAAW,UACXC,gBAAiB,OACjBC,YAAa,QACbC,YAAaf,gBACbgB,UAAWC,OACXC,OAAQnB,gBACRoB,YAAa,CAACC,WAAYf,QAAWe,WAAmCC,YAAY,CAAEC,KAAM,YAAajB,QACzGkB,kBAAmB,CAAEC,UAAW,CAAEF,KAAMG,OAAwCC,QAASC,YACzFvB,OAAQ,CAACC,MAAOC,WAAYC,iBAAmBH,OAAOC,MAAOC,WAAYC,gBACzE,eAAAqB,CAAgBC,OACd,OAAO1B,oBAA4F0B,MAAOrB,SACjG,CAAEA,OAAQI,UAAWJ,OAAOsB,aAAeH,UAAY,UAAY,OAAQb,YAAab,wBAAwBO,QACrHO,YAAcV,OAAqBR,qBAAqBQ,MAAOG,QAASU,OAAQa,SAAWhC,gBAAgB,IAAKgC,QAASvB,SACzHJ,OAAQ,CAACC,MAAOC,WAAYC,iBAAmBH,OAAOC,MAAOC,WAAYC,eAAgBC,UAE/F","ignoreList":[]}

package/dist/temporal/time-picker.d.ts

@@ -0,0 +1,112 @@
+import { type DefineSetupFnComponent, type EmitsToProps, type PublicProps, type SlotsType, type VNodeChild } from 'vue';
+import { type TimePickerChoice, type TimePickerColumn as ChoiceColumn } from '@sectile/temporal/time-picker';
+import { type TimeFieldFormatPart, type TimeFieldPolicies, type TimeFieldPrecision, type TimeValue } from '@sectile/temporal/time-field';
+import type { InteractOutsideEvent, PopupCloseReason } from '@sectile/dom/popover';
+import { type PopoverRootProps, type PopoverRootSlotProps, type PopoverPartProps } from '../overlay/popover.js';
+import { type PrimitiveAs } from '../primitive.js';
+export type TimePickerPart = TimeFieldFormatPart;
+export type TimePickerColumnState = ChoiceColumn;
+export type { TimeValue, TimePickerChoice };
+export interface TimePickerRootProps extends Omit<PopoverRootProps, 'disabled'> {
+    readonly modelValue?: TimeValue | null;
+    readonly defaultValue?: TimeValue | null;
+    readonly policies?: TimeFieldPolicies;
+    readonly precision?: TimeFieldPrecision;
+    readonly name?: string | undefined;
+    readonly form?: string | undefined;
+    readonly disabled?: boolean | undefined;
+    readonly readonly?: boolean | undefined;
+    readonly required?: boolean | undefined;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface TimePickerExpose {
+    readonly element: HTMLInputElement | null;
+    focus(options?: FocusOptions): void;
+    select(): void;
+    requestClose(): void;
+    selectChoice(part: TimePickerPart, choice: number): boolean;
+}
+export interface TimePickerRootSlotProps extends Omit<PopoverRootSlotProps, 'disabled'> {
+    readonly value: TimeValue | null;
+    readonly parts: readonly TimePickerPart[];
+    readonly disabled: boolean;
+    readonly readonly: boolean;
+    readonly required: boolean;
+    readonly composing: boolean;
+    readonly selectChoice: TimePickerExpose['selectChoice'];
+}
+export type TimePickerRootSlots = {
+    default: (state: TimePickerRootSlotProps) => VNodeChild;
+};
+export type TimePickerRootEmits = {
+    'update:modelValue': [value: TimeValue | null];
+    'update:open': [open: boolean];
+    closeRequest: [reason: PopupCloseReason];
+    afterClose: [];
+    interactOutside: [event: InteractOutsideEvent];
+};
+export interface TimePickerInputProps {
+    readonly label?: string;
+}
+export type TimePickerInputExpose = Pick<TimePickerExpose, 'element' | 'focus' | 'select'>;
+export interface TimePickerContentSlotProps {
+    readonly value: TimeValue | null;
+    readonly columns: readonly TimePickerColumnState[];
+    readonly disabled: boolean;
+    readonly readonly: boolean;
+    readonly composing: boolean;
+}
+export type TimePickerContentSlots = {
+    default: (state: TimePickerContentSlotProps) => VNodeChild;
+};
+export interface TimePickerColumnProps extends PopoverPartProps {
+    readonly part: TimePickerPart;
+    readonly label: string;
+    /** IDs of currently rendered choices; selection still uses the full column. */
+    readonly renderedChoices?: readonly number[] | undefined;
+}
+export interface TimePickerColumnSlotProps {
+    readonly part: TimePickerPart;
+    readonly choices: readonly TimePickerChoice[];
+    readonly selected: number | null;
+    readonly highlighted: number | null;
+    readonly disabled: boolean;
+    readonly readonly: boolean;
+}
+export type TimePickerColumnSlots = {
+    default: (state: TimePickerColumnSlotProps) => VNodeChild;
+};
+export type TimePickerColumnEmits = {
+    highlight: [choice: number | null];
+    activate: [choice: number];
+};
+export interface TimePickerItemProps extends PopoverPartProps {
+    readonly value: number;
+}
+export interface TimePickerItemSlotProps {
+    readonly choice: TimePickerChoice;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
+    readonly disabled: boolean;
+}
+export type TimePickerItemSlots = {
+    default: (state: TimePickerItemSlotProps) => VNodeChild;
+};
+type RootProps = TimePickerRootProps & PublicProps & EmitsToProps<TimePickerRootEmits>;
+type RootInstance = InstanceType<DefineSetupFnComponent<TimePickerRootProps, TimePickerRootEmits, SlotsType<TimePickerRootSlots>>> & TimePickerExpose;
+export declare const TimePickerRoot: new (props: RootProps) => Omit<RootInstance, '$props'> & {
+    readonly $props: RootProps;
+};
+type InputInstance = InstanceType<DefineSetupFnComponent<TimePickerInputProps>> & TimePickerInputExpose;
+export declare const TimePickerInput: new (props: TimePickerInputProps & PublicProps) => Omit<InputInstance, '$props'> & {
+    readonly $props: TimePickerInputProps & PublicProps;
+};
+export declare const TimePickerContent: DefineSetupFnComponent<import("../overlay/popup.js").PopupPartProps, {}, SlotsType<TimePickerContentSlots>, import("../overlay/popup.js").PopupPartProps & {}, PublicProps>;
+export declare const TimePickerColumn: DefineSetupFnComponent<TimePickerColumnProps, TimePickerColumnEmits, SlotsType<TimePickerColumnSlots>, TimePickerColumnProps & {
+    onActivate?: (choice: number) => any;
+    onHighlight?: (choice: number | null) => any;
+}, PublicProps>;
+export declare const TimePickerItem: DefineSetupFnComponent<TimePickerItemProps, {}, SlotsType<TimePickerItemSlots>, TimePickerItemProps & {}, PublicProps>;
+export { PopoverTrigger as TimePickerTrigger, PopoverAnchor as TimePickerAnchor, PopoverPortal as TimePickerPortal, PopoverTitle as TimePickerTitle, PopoverDescription as TimePickerDescription, PopoverClose as TimePickerClose, } from '../overlay/popover.js';
+export type { PopoverPartProps as TimePickerPartProps, PopoverPortalProps as TimePickerPortalProps } from '../overlay/popover.js';

package/dist/temporal/time-picker.js

@@ -0,0 +1,2 @@
+import{computed,defineComponent,h,inject,mergeProps,onBeforeUnmount,provide,shallowRef}from'vue';import{unwrap}from'@sectile/core/result';import{createTimePicker}from'@sectile/temporal/time-picker';import{tryCreateTimeFieldState}from'@sectile/temporal/time-field';import{createComponentHandle}from'../component-handle.js';import{provideFormBoundary}from'../form/context.js';import{hiddenInputSubmissionCapabilities,provideFormControlReset,useFormFieldDefaults,useFormMetadataPresence,useFormSubmissionProps}from'../form/control.js';import{useHostActive}from'../host-provider.js';import{provideNativeFieldValueControl}from'../input/native-field.js';import{sameIDs}from'../internal/collection.js';import{useControlledStateInvariant}from'../internal/controlled-state.js';import{ListboxRoot,ListboxItem}from'../listbox.js';import{PopoverRoot,PopoverContent}from'../overlay/popover.js';import{Primitive}from'../primitive.js';import{TimeField}from'./time-field.js';import{useTimePresentation}from'./internal/time-presentation.js';const pickerKey=Symbol('SectileTimePicker');const columnKey=Symbol('SectileTimePickerColumn');const emptyIDs=Object.freeze([]);function usePicker(){const context=inject(pickerKey,undefined);if(context===undefined)throw new TypeError('TimePicker parts require TimePickerRoot.');return context}function projectView(current){return{get element(){return current()?.input?.element??null},focus(options){current()?.input?.element?.focus(options)},select(){current()?.input?.element?.select()},requestClose(){current()?.popup?.requestClose()},selectChoice(part,choice){return current()?.selectChoice(part,choice)??false}}}function inputView(view){return{get element(){return view.element},focus:view.focus,select:view.select}}function columnMetadata(model){return Object.freeze(unwrap(model.resolve(null)).columns.map(column=>{const labels=column.choices.map(choice=>choice.label);return Object.freeze({part:column.part,items:Object.freeze(column.choices.map(choice=>String(choice.id))),textValue:id=>labels[Number(id)]??id})}))}function createTimePickerRoot(){const popupProps=PopoverRoot.props;const popupKeys=Object.keys(popupProps);return defineComponent((props,{attrs,slots,emit,expose})=>{const controlled=useControlledStateInvariant('TimePickerRoot','modelValue',()=>props.modelValue);const active=useHostActive(),inherited=useFormFieldDefaults(),explicit=useFormMetadataPresence();const presentation=useTimePresentation(props,format=>format);const minimum=computed(()=>props.policies?.min),maximum=computed(()=>props.policies?.max);const model=computed(()=>createTimePicker({...presentation.value===undefined?{}:{format:presentation.value},...minimum.value===undefined?{}:{min:minimum.value},...maximum.value===undefined?{}:{max:maximum.value}}));const initial=unwrap(tryCreateTimeFieldState((controlled?props.modelValue:props.defaultValue)??null,undefined,model.value.format)).value;const local=shallowRef(initial);const value=computed(()=>unwrap(tryCreateTimeFieldState((controlled?props.modelValue:local.value)??null,undefined,model.value.format)).value);const effective=key=>explicit.value.includes(key)?props[key]===true:inherited?.value[key]??props[key]===true;const disabled=computed(()=>!active.value||effective('disabled'));const readonly=computed(()=>effective('readonly')),required=computed(()=>effective('required'));const input=shallowRef(null);const composing=computed(()=>input.value?.composing.value??false);const state=computed(()=>unwrap(model.value.resolve(value.value)));const metadata=computed(()=>columnMetadata(model.value));let popup=null,inputs=0,disposed=false;const handle=createComponentHandle(projectView);const publish=next=>{if(disposed||disabled.value||readonly.value||composing.value)return false;if(!controlled)local.value=next;emit('update:modelValue',next);return true};handle.set({get input(){return input.value},get popup(){return popup},selectChoice(part,choice){if(disposed||disabled.value||readonly.value||composing.value)return false;const selected=model.value.select(value.value,part,choice);if(!selected.ok)return false;return input.value===null?publish(selected.value):input.value.commit(selected.value)}});expose(handle.view);provideFormControlReset(()=>{if(!controlled&&!disposed)local.value=initial});const submission=useFormSubmissionProps({element:()=>input.value?.element??null,capabilities:hiddenInputSubmissionCapabilities});const inputProps=computed(()=>{const result={...submission.value,modelValue:value.value,policies:props.policies,precision:props.precision??'minute',disabled:disabled.value,readonly:readonly.value,required:required.value,label:props.label};for(const key of['name','form'])if(explicit.value.includes(key))result[key]=props[key];return result});provide(pickerKey,{value,state,metadata,disabled,readonly,composing,inputProps,view:handle.view,publish,attach(control){input.value=control;return()=>{if(input.value===control)input.value=null}},registerInput(){if(inputs!==0)throw new TypeError('TimePickerRoot accepts at most one TimePickerInput.');inputs++;return()=>{inputs--;input.value=null}}});onBeforeUnmount(()=>{disposed=true;handle.release();input.value=null;popup=null});return()=>{const forwarded={};for(const key of popupKeys)if(props[key]!==undefined)forwarded[key]=props[key];return h(PopoverRoot,{...forwarded,disabled:disabled.value,unmountOnExit:props.unmountOnExit??true,ref:next=>{popup=next},'onUpdate:open':open=>{if(!disposed)emit('update:open',open)},onCloseRequest:reason=>{if(!disposed)emit('closeRequest',reason)},onAfterClose:()=>{if(!disposed)emit('afterClose')},onInteractOutside:event=>{if(!disposed)emit('interactOutside',event)}},{default:popupState=>h(Primitive,mergeProps(attrs,{as:props.as??'div',asChild:props.asChild??false,role:'group','aria-label':props.label,'data-scope':'time-picker','data-part':'root'}),{default:()=>slots.default?.({...popupState,value:value.value,parts:model.value.format.order,disabled:disabled.value,readonly:readonly.value,required:required.value,composing:composing.value,selectChoice:handle.view.selectChoice})})})}},{name:'SectileTimePickerRoot',inheritAttrs:false,props:{...popupProps,modelValue:{type:Object,default:undefined},defaultValue:{type:Object,default:null},policies:{type:Object,default:undefined},precision:{type:String,default:'minute'},name:{type:String,default:undefined},form:{type:String,default:undefined},disabled:{type:Boolean,default:undefined},readonly:{type:Boolean,default:undefined},required:{type:Boolean,default:undefined},as:{type:[String,Object,Function],default:'div'},asChild:{type:Boolean,default:false},unmountOnExit:{type:Boolean,default:true}},emits:['update:modelValue','update:open','closeRequest','afterClose','interactOutside']})}const Root=/* @__PURE__ */createTimePickerRoot();export const TimePickerRoot=Root;const Input=/* @__PURE__ */defineComponent((props,{attrs,expose})=>{const context=usePicker();const unregister=context.registerInput();onBeforeUnmount(unregister);provideNativeFieldValueControl(context.attach);expose(inputView(context.view));return()=>h(TimeField,mergeProps(attrs,context.inputProps.value,{...props.label===undefined?{}:{label:props.label},'onUpdate:modelValue':context.publish}))},{name:'SectileTimePickerInput',inheritAttrs:false,props:{label:{type:String,default:undefined}}});export const TimePickerInput=Input;export const TimePickerContent=/* @__PURE__ */defineComponent((props,{attrs,slots})=>{const context=usePicker();provideFormBoundary();return()=>h(PopoverContent,mergeProps(attrs,{...props}),{default:()=>slots.default?.({value:context.value.value,columns:context.state.value.columns,disabled:context.disabled.value,readonly:context.readonly.value,composing:context.composing.value})})},{name:'SectileTimePickerContent',inheritAttrs:false,props:{as:{type:[String,Object,Function],default:'div'},asChild:{type:Boolean,default:false}}});export const TimePickerColumn=/* @__PURE__ */defineComponent((props,{attrs,slots,emit})=>{const context=usePicker();provideFormBoundary();const column=computed(()=>{const found=context.state.value.columns.find(current=>current.part===props.part);if(found===undefined)throw new TypeError('TimePickerColumn part must be visible in the current format.');return found});const metadata=computed(()=>context.metadata.value.find(current=>current.part===props.part));const disabledItems=computed(previous=>{const next=column.value.choices.filter(choice=>choice.disabled).map(choice=>String(choice.id));return previous!==undefined&&sameIDs(previous,next)?previous:next.length===0?emptyIDs:next});const renderedItems=computed(previous=>{const next=props.renderedChoices?.map(String);return previous!==undefined&&next!==undefined&&sameIDs(previous,next)?previous:next});provide(columnKey,{column});return()=>h(ListboxRoot,{...attrs,items:metadata.value.items,textValue:metadata.value.textValue,disabledItems:disabledItems.value,renderedItems:renderedItems.value,modelValue:column.value.selected===null?'':String(column.value.selected),disabled:context.disabled.value,readonly:context.readonly.value||context.composing.value,as:props.as??'div',asChild:props.asChild??false,'aria-label':props.label,'data-scope':'time-picker','data-part':'column','data-time-part':props.part,onHighlight:id=>emit('highlight',id===null?null:Number(id)),onActivate:id=>{if(context.view.selectChoice(props.part,Number(id)))emit('activate',Number(id))}},{default:state=>slots.default?.({part:props.part,choices:column.value.choices,selected:column.value.selected,highlighted:state.highlightedValue===null?null:Number(state.highlightedValue),disabled:state.disabled,readonly:state.readonly})})},{name:'SectileTimePickerColumn',inheritAttrs:false,props:{part:{type:String,required:true},label:{type:String,required:true},renderedChoices:{type:Array,default:undefined},as:{type:[String,Object,Function],default:'div'},asChild:{type:Boolean,default:false}},emits:['highlight','activate']});export const TimePickerItem=/* @__PURE__ */defineComponent((props,{attrs,slots})=>{const context=inject(columnKey,undefined);if(context===undefined)throw new TypeError('TimePickerItem requires TimePickerColumn.');return()=>{const choice=context.column.value.choices[props.value];if(choice===undefined)throw new TypeError('TimePickerItem value must be a choice ID from its column.');return h(ListboxItem,{...attrs,value:String(choice.id),as:props.as??'div',asChild:props.asChild??false,'data-scope':'time-picker','data-part':'item'},{default:state=>slots.default?.({choice,selected:state.selected,highlighted:state.highlighted,disabled:state.disabled})??choice.label})}},{name:'SectileTimePickerItem',inheritAttrs:false,props:{value:{type:Number,required:true},as:{type:[String,Object,Function],default:'div'},asChild:{type:Boolean,default:false}}});export{PopoverTrigger as TimePickerTrigger,PopoverAnchor as TimePickerAnchor,PopoverPortal as TimePickerPortal,PopoverTitle as TimePickerTitle,PopoverDescription as TimePickerDescription,PopoverClose as TimePickerClose}from'../overlay/popover.js';
+//# sourceMappingURL=time-picker.js.map

package/dist/temporal/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","names":["computed","defineComponent","h","inject","mergeProps","onBeforeUnmount","provide","shallowRef","unwrap","createTimePicker","tryCreateTimeFieldState","createComponentHandle","provideFormBoundary","hiddenInputSubmissionCapabilities","provideFormControlReset","useFormFieldDefaults","useFormMetadataPresence","useFormSubmissionProps","useHostActive","provideNativeFieldValueControl","sameIDs","useControlledStateInvariant","ListboxRoot","ListboxItem","PopoverRoot","PopoverContent","Primitive","TimeField","useTimePresentation","pickerKey","Symbol","columnKey","emptyIDs","Object","freeze","usePicker","context","undefined","TypeError","projectView","current","element","input","focus","options","select","requestClose","popup","selectChoice","part","choice","inputView","view","columnMetadata","model","resolve","columns","map","column","labels","choices","label","items","String","id","textValue","Number","createTimePickerRoot","popupProps","props","popupKeys","keys","attrs","slots","emit","expose","controlled","modelValue","active","inherited","explicit","presentation","format","minimum","policies","min","maximum","max","value","initial","defaultValue","local","effective","key","includes","disabled","readonly","required","composing","state","metadata","inputs","disposed","handle","publish","next","set","selected","ok","commit","submission","capabilities","inputProps","result","precision","attach","control","registerInput","release","forwarded","unmountOnExit","ref","open","onCloseRequest","reason","onAfterClose","onInteractOutside","event","default","popupState","as","asChild","role","parts","order","name","inheritAttrs","type","form","Boolean","Function","emits","Root","TimePickerRoot","Input","unregister","TimePickerInput","TimePickerContent","TimePickerColumn","found","find","disabledItems","previous","filter","length","renderedItems","renderedChoices","onHighlight","onActivate","highlighted","highlightedValue","Array","TimePickerItem","PopoverTrigger","PopoverAnchor","PopoverPortal","PopoverTitle","PopoverDescription","PopoverClose"],"sources":["../../src/temporal/time-picker.ts"],"mappings":"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","ignoreList":[]}

package/dist/temporal/time-range-field.d.ts

@@ -1,11 +1,15 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 import { type TimeRangeFieldPolicies } from '@sectile/dom/temporal/time-range-field';
-import type { TimeRange } from '@sectile/temporal/time-range-field';
-import { type PrimitiveAs } from '../primitive.js';
+import { type TimeRange } from '@sectile/temporal/time-range-field';
+import type { TimeFieldPrecision } from '@sectile/temporal/time-field';
+import type { PrimitiveAs } from '../primitive.js';
 export interface TimeRangeFieldRootProps {
+    readonly name?: string | undefined;
+    readonly form?: string | undefined;
     readonly modelValue?: TimeRange | null;
     readonly defaultValue?: TimeRange | null;
     readonly policies?: TimeRangeFieldPolicies;
+    readonly precision?: TimeFieldPrecision;
     readonly disabled?: boolean;
     readonly?: boolean;
     readonly required?: boolean;
@@ -23,6 +27,18 @@ export interface TimeRangeFieldRootSlotProps {
     readonly: boolean;
 }
 export declare const TimeRangeFieldRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    form: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    precision: {
+        type: PropType<TimeFieldPrecision>;
+        default: undefined;
+    };
     modelValue: {
         type: PropType<TimeRange | null>;
         default: undefined;
@@ -66,6 +82,18 @@ export declare const TimeRangeFieldRoot: import("vue").DefineComponent<import("v
 }>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: TimeRange | null) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    form: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    precision: {
+        type: PropType<TimeFieldPrecision>;
+        default: undefined;
+    };
     modelValue: {
         type: PropType<TimeRange | null>;
         default: undefined;
@@ -109,6 +137,9 @@ export declare const TimeRangeFieldRoot: import("vue").DefineComponent<import("v
 }>> & Readonly<{
     "onUpdate:modelValue"?: (_value: TimeRange | null) => any;
 }>, {
+    name: string | undefined;
+    form: string | undefined;
+    precision: TimeFieldPrecision;
     modelValue: TimeRange | null;
     defaultValue: TimeRange | null;
     policies: TimeRangeFieldPolicies;

package/dist/temporal/time-range-field.js

@@ -1,2 +1,2 @@
-import{computed,defineComponent,h,inject,mergeProps,onBeforeUnmount,onMounted,provide,shallowRef,watch}from"vue";import{createTimeRangeField,tryCreateTimeRangeFieldState}from"@sectile/dom/temporal/time-range-field";import{hiddenInputSubmissionCapabilities,useCompositeFormControl}from"../form/control.js";import{Primitive}from"../primitive.js";import{useControlledStateInvariant}from"../internal/controlled-state.js";import{useNextTickTask}from"../internal/scheduled-task.js";import{captureNativeTextState}from"../input/native-text-state.js";const contextKey=Symbol("SectileTimeRangeField");const TimeRangeFieldRoot=defineComponent({name:"SectileTimeRangeFieldRoot",inheritAttrs:false,props:{modelValue:{type:Object,default:void 0},defaultValue:{type:Object,default:null},policies:{type:Object,default:void 0},disabled:{type:Boolean,default:false},readonly:{type:Boolean,default:false},required:{type:Boolean,default:false},startLabel:{type:String,default:void 0},endLabel:{type:String,default:void 0},as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}},emits:{"update:modelValue":_value=>true},slots:Object,setup(props,{attrs,emit,slots}){const controlled=useControlledStateInvariant("TimeRangeFieldRoot","modelValue",()=>props.modelValue);const initial=tryCreateTimeRangeFieldState({value:controlled?props.modelValue:props.defaultValue});if(!initial.ok)throw new TypeError(initial.error.message);const snapshot=shallowRef(initial.value);const startInput=shallowRef(null);const endInput=shallowRef(null);const root=shallowRef(null);let connection=null;const participation=useCompositeFormControl({root,focusTarget:startInput,submissions:()=>[{element:startInput,relativeName:"start",capabilities:hiddenInputSubmissionCapabilities},{element:endInput,relativeName:"end",capabilities:hiddenInputSubmissionCapabilities}]});const refresh=()=>{if(connection!==null)snapshot.value=connection.getSnapshot().state};const mount=(preserveNative=false)=>{if(startInput.value===null||endInput.value===null)return;const startState=preserveNative&&connection!==null?captureNativeTextState(startInput.value,snapshot.value.start.inputState.snapshot.text):void 0;const endState=preserveNative&&connection!==null?captureNativeTextState(endInput.value,snapshot.value.end.inputState.snapshot.text):void 0;connection?.disconnect();connection=createTimeRangeField({startInput:startInput.value,endInput:endInput.value,...controlled?{value:props.modelValue}:{defaultValue:snapshot.value.value},...startState===void 0?{}:{defaultStartInputState:startState},...endState===void 0?{}:{defaultEndInputState:endState},...props.policies===void 0?{}:{policies:props.policies},disabled:props.disabled,readOnly:props.readonly,required:props.required,...props.startLabel===void 0?{}:{startLabel:props.startLabel},...props.endLabel===void 0?{}:{endLabel:props.endLabel},onValueChange:value=>emit("update:modelValue",value),onUpdate:refresh});refresh()};const mountTask=useNextTickTask(()=>mount(true));const composingInputs=new Set;let mounted=false;let reconnectPending=false;let reconnectTimer=null;const requestMount=()=>{if(composingInputs.size>0){reconnectPending=true;return}mountTask.schedule()};const setInputComposing=(endpoint,composing)=>{if(composing)composingInputs.add(endpoint);else composingInputs.delete(endpoint);if(composingInputs.size>0||!reconnectPending||reconnectTimer!==null)return;reconnectTimer=setTimeout(()=>{reconnectTimer=null;if(!mounted||composingInputs.size>0)return;reconnectPending=false;mountTask.schedule()},0)};onMounted(()=>{mounted=true;mount()});onBeforeUnmount(()=>{mounted=false;if(reconnectTimer!==null)clearTimeout(reconnectTimer);reconnectTimer=null;reconnectPending=false;composingInputs.clear();mountTask.cancel();connection?.disconnect();connection=null});watch(()=>props.modelValue,value=>{if(!controlled||value===void 0||connection===null)return;const result=connection.syncControlledValues({value});if(!result.ok)throw new TypeError(result.error.message);snapshot.value=result.value.state});watch([()=>props.policies,()=>props.disabled,()=>props.readonly,()=>props.required,()=>props.startLabel,()=>props.endLabel],requestMount);const slotProps=computed(()=>Object.freeze({value:snapshot.value.value,startText:snapshot.value.start.inputState.snapshot.text,endText:snapshot.value.end.inputState.snapshot.text,active:snapshot.value.active,disabled:props.disabled,readonly:props.readonly}));provide(contextKey,{slotProps,startInput,endInput,setInputComposing});return()=>h(Primitive,mergeProps(participation.controlProps.value,attrs,{as:props.as,asChild:props.asChild,elementRef:element=>{root.value=element},role:"group","data-scope":"time-range-field","data-part":"root","data-disabled":props.disabled?"":void 0,"data-readonly":props.readonly?"":void 0}),{default:()=>slots["default"]?.(slotProps.value)})}});const TimeRangeFieldStartInput=createEndpointInput("start","SectileTimeRangeFieldStartInput");const TimeRangeFieldEndInput=createEndpointInput("end","SectileTimeRangeFieldEndInput");function createEndpointInput(endpoint,name){return defineComponent({name,inheritAttrs:false,setup(_props,{attrs}){const context=useContext(name);return()=>h("input",mergeProps(attrs,{ref:element=>{context[endpoint==="start"?"startInput":"endInput"].value=element},type:"text",inputmode:"numeric",placeholder:"HH:mm",value:endpoint==="start"?context.slotProps.value.startText:context.slotProps.value.endText,disabled:context.slotProps.value.disabled,readonly:context.slotProps.value.readonly,onCompositionstart:()=>context.setInputComposing(endpoint,true),onCompositionend:()=>context.setInputComposing(endpoint,false),"aria-disabled":String(context.slotProps.value.disabled),"aria-readonly":String(context.slotProps.value.readonly),"data-scope":"time-range-field","data-part":`${endpoint}-input`,"data-active":context.slotProps.value.active===endpoint?"":void 0}))}})}function useContext(part){const context=inject(contextKey);if(context===void 0)throw new TypeError(`${part} must be used inside TimeRangeFieldRoot.`);return context}export{TimeRangeFieldEndInput,TimeRangeFieldRoot,TimeRangeFieldStartInput};
+import{defineComponent}from'vue';import{createTimeRangeField,tryCreateTimeRangeFieldState}from'@sectile/dom/temporal/time-range-field';import{reformatTimeRangeFieldState}from'@sectile/temporal/time-range-field';import{getTimeFieldPlaceholder}from'@sectile/dom/temporal/time-field';import{setupNativeRangeField,createNativeRangeFieldInput}from'../input/native-range-field.js';import{useTimePresentation}from'./internal/time-presentation.js';const contextKey=Symbol('SectileTimeRangeField');const config={name:'TimeRangeFieldRoot',scope:'time-range-field',contextKey,reset:true,initial:tryCreateTimeRangeFieldState,create:createTimeRangeField,rebase:(state,start,end)=>reformatTimeRangeFieldState({...state,start:{...state.start,inputState:start},end:{...state.end,inputState:end}})};export const TimeRangeFieldRoot=/* @__PURE__ */defineComponent({__sectileFormLabelMode:'labelledby',name:'SectileTimeRangeFieldRoot',inheritAttrs:false,props:{name:{type:String,default:undefined},form:{type:String,default:undefined},precision:{type:String,default:undefined},modelValue:{type:Object,default:undefined},defaultValue:{type:Object,default:null},policies:{type:Object,default:undefined},disabled:{type:Boolean,default:false},readonly:{type:Boolean,default:false},required:{type:Boolean,default:false},startLabel:{type:String,default:undefined},endLabel:{type:String,default:undefined},as:{type:[String,Object,Function],default:'div'},asChild:{type:Boolean,default:false}},emits:{'update:modelValue':_value=>true},slots:Object,setup(props,context){const presentation=useTimePresentation(props,format=>({inputMode:format.dayPeriods===undefined?'numeric':'text',placeholder:getTimeFieldPlaceholder(format),initial:options=>tryCreateTimeRangeFieldState({...options,startFormat:format,endFormat:format}),create:options=>createTimeRangeField({...options,format}),rebase:(state,start,end)=>reformatTimeRangeFieldState({...state,start:{...state.start,inputState:start},end:{...state.end,inputState:end}},format)}));return setupNativeRangeField({...config,usePresentation:()=>presentation},props,context)}});export const TimeRangeFieldStartInput=/* @__PURE__ */createNativeRangeFieldInput(contextKey,'time-range-field','HH:mm','start','SectileTimeRangeFieldStartInput','TimeRangeFieldRoot');export const TimeRangeFieldEndInput=/* @__PURE__ */createNativeRangeFieldInput(contextKey,'time-range-field','HH:mm','end','SectileTimeRangeFieldEndInput','TimeRangeFieldRoot');
 //# sourceMappingURL=time-range-field.js.map

package/dist/temporal/time-range-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/temporal/time-range-field.ts"],"mappings":"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","names":[],"file":"time-range-field.js"}
+{"version":3,"file":"time-range-field.js","names":["defineComponent","createTimeRangeField","tryCreateTimeRangeFieldState","reformatTimeRangeFieldState","getTimeFieldPlaceholder","setupNativeRangeField","createNativeRangeFieldInput","useTimePresentation","contextKey","Symbol","config","name","scope","reset","initial","create","rebase","state","start","end","inputState","TimeRangeFieldRoot","__sectileFormLabelMode","inheritAttrs","props","type","String","default","undefined","form","precision","modelValue","Object","defaultValue","policies","disabled","Boolean","readonly","required","startLabel","endLabel","as","Function","asChild","emits","_value","slots","setup","context","presentation","format","inputMode","dayPeriods","placeholder","options","startFormat","endFormat","usePresentation","TimeRangeFieldStartInput","TimeRangeFieldEndInput"],"sources":["../../src/temporal/time-range-field.ts"],"mappings":"OAASA,oBAAuE,aACvEC,qBAAsBC,iCAA2F,gDACjHC,gCAAmD,4CAEnDC,4BAA+B,0CAC/BC,sBAAuBC,gCAA8F,wCACrHC,wBAA2B,kCAKpC,MAAMC,WAAaC,OAAO,yBAE1B,MAAMC,OAAyF,CAC7FC,KAAM,qBAAsBC,MAAO,mBAAoBJ,WACvDK,MAAO,KACPC,QAASZ,6BAA8Ba,OAAQd,qBAC/Ce,OAAQ,CAACC,MAAOC,MAAOC,MAAQhB,4BAA4B,IAAKc,MAAOC,MAAO,IAAKD,MAAMC,MAAOE,WAAYF,OAASC,IAAK,IAAKF,MAAME,IAAKC,WAAYD,eAGjJ,MAAME,kCAAqCrB,gBAAgB,CAChEsB,uBAAwB,aACxBX,KAAM,4BAA6BY,aAAc,MACjDC,MAAO,CAAEb,KAAM,CAAEc,KAAMC,OAAwCC,QAASC,WAAaC,KAAM,CAAEJ,KAAMC,OAAwCC,QAASC,WAAaE,UAAW,CAAEL,KAAMC,OAAwCC,QAASC,WAAaG,WAAY,CAAEN,KAAMO,OAAsCL,QAASC,WAAaK,aAAc,CAAER,KAAMO,OAAsCL,QAAS,MAAQO,SAAU,CAAET,KAAMO,OAA4CL,QAASC,WAAaO,SAAU,CAAEV,KAAMW,QAAST,QAAS,OAASU,SAAU,CAAEZ,KAAMW,QAAST,QAAS,OAASW,SAAU,CAAEb,KAAMW,QAAST,QAAS,OAASY,WAAY,CAAEd,KAAMC,OAAQC,QAASC,WAAaY,SAAU,CAAEf,KAAMC,OAAQC,QAASC,WAAaa,GAAI,CAAEhB,KAAM,CAACC,OAAQM,OAAQU,UAAoCf,QAAS,OAASgB,QAAS,CAAElB,KAAMW,QAAST,QAAS,QACl0BiB,MAAO,CAAE,oBAAsBC,QAAsC,MAAQC,MAAOd,OACpF,KAAAe,CAAMvB,MAAOwB,SACX,MAAMC,aAAe1C,oBAAqGiB,MAAO0B,SAAU,CACzIC,UAAWD,OAAOE,aAAexB,UAAY,UAAY,OAAQyB,YAAajD,wBAAwB8C,QACtGpC,QAASwC,SAAWpD,6BAA6B,IAAKoD,QAASC,YAAaL,OAAQM,UAAWN,SAC/FnC,OAAQuC,SAAWrD,qBAAqB,IAAKqD,QAASJ,SACtDlC,OAAQ,CAACC,MAAOC,MAAOC,MAAQhB,4BAA4B,IAAKc,MAAOC,MAAO,IAAKD,MAAMC,MAAOE,WAAYF,OAASC,IAAK,IAAKF,MAAME,IAAKC,WAAYD,MAAS+B,WAEjK,OAAO7C,sBAAsB,IAAKK,OAAQ+C,gBAAiB,IAAMR,cAAgBzB,MAAOwB,QAC1F,WAIK,MAAMU,wCAA2CpD,4BAA4BE,WAAY,mBAAoB,QAAS,QAAS,kCAAmC,6BAClK,MAAMmD,sCAAyCrD,4BAA4BE,WAAY,mBAAoB,QAAS,MAAO,gCAAiC","ignoreList":[]}