@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

package/dist/date/types.d.ts

@@ -1,23 +1,23 @@
 import { CalendarDateTime, CalendarIdentifier, DateValue as DateValue$1, Time, ZonedDateTime } from "@internationalized/date";
 //#region src/date/types.d.ts
-type TimeValue = Time | CalendarDateTime | ZonedDateTime;
-type DayOfWeek = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
-type DateMatcher = (date: DateValue$1) => boolean;
-type TimeMatcher = (time: TimeValue) => boolean;
-interface DateRange {
+export type TimeValue = Time | CalendarDateTime | ZonedDateTime;
+export type DayOfWeek = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
+export type DateMatcher = (date: DateValue$1) => boolean;
+export type TimeMatcher = (time: TimeValue) => boolean;
+export interface DateRange {
   start?: DateValue$1;
   end?: DateValue$1;
 }
-interface TimeRange {
+export interface TimeRange {
   start?: TimeValue;
   end?: TimeValue;
 }
-interface DateGrid<T> {
+export interface DateGrid<T> {
   value: DateValue$1;
   rows: T[][];
   cells: T[];
 }
-interface DateStep {
+export interface DateStep {
   year?: number;
   month?: number;
   day?: number;
@@ -26,24 +26,24 @@ interface DateStep {
   second?: number;
   millisecond?: number;
 }
-type HourCycle = 12 | 24 | undefined;
-type DateSegmentPart = 'day' | 'month' | 'year';
-type TimeSegmentPart = 'hour' | 'minute' | 'second' | 'dayPeriod';
-type EditableSegmentPart = DateSegmentPart | TimeSegmentPart;
-type NonEditableSegmentPart = 'literal' | 'timeZoneName';
-type SegmentPart = EditableSegmentPart | NonEditableSegmentPart;
-type AnyExceptLiteral = Exclude<SegmentPart, 'literal'>;
-type DayPeriod = 'AM' | 'PM' | null;
-type WeekDayFormat = 'narrow' | 'short' | 'long';
-type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
-type DateSegmentObj = { [K in DateSegmentPart]: number | null; };
-type TimeSegmentObj = { [K in TimeSegmentPart]: K extends 'dayPeriod' ? DayPeriod : number | null; };
-type DateAndTimeSegmentObj = DateSegmentObj & TimeSegmentObj;
-type SegmentValueObj = DateSegmentObj | DateAndTimeSegmentObj;
-type SegmentContentObj = Record<EditableSegmentPart, string>;
-type DateInputType = 'date' | 'datetime-local';
-type TimeInputType = 'time';
-type TimeGranularity = 'hour' | 'minute' | 'second';
-type Granularity = 'day' | TimeGranularity;
+export type HourCycle = 12 | 24 | undefined;
+export type DateSegmentPart = 'day' | 'month' | 'year';
+export type TimeSegmentPart = 'hour' | 'minute' | 'second' | 'dayPeriod';
+export type EditableSegmentPart = DateSegmentPart | TimeSegmentPart;
+export type NonEditableSegmentPart = 'literal' | 'timeZoneName';
+export type SegmentPart = EditableSegmentPart | NonEditableSegmentPart;
+export type AnyExceptLiteral = Exclude<SegmentPart, 'literal'>;
+export type DayPeriod = 'AM' | 'PM' | null;
+export type WeekDayFormat = 'narrow' | 'short' | 'long';
+export type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type DateSegmentObj = { [K in DateSegmentPart]: number | null; };
+export type TimeSegmentObj = { [K in TimeSegmentPart]: K extends 'dayPeriod' ? DayPeriod : number | null; };
+export type DateAndTimeSegmentObj = DateSegmentObj & TimeSegmentObj;
+export type SegmentValueObj = DateSegmentObj | DateAndTimeSegmentObj;
+export type SegmentContentObj = Record<EditableSegmentPart, string>;
+export type DateInputType = 'date' | 'datetime-local';
+export type TimeInputType = 'time';
+export type TimeGranularity = 'hour' | 'minute' | 'second';
+export type Granularity = 'day' | TimeGranularity;
 //#endregion
-export { AnyExceptLiteral, type CalendarIdentifier, DateAndTimeSegmentObj, DateGrid, DateInputType, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, type DateValue$1 as DateValue, DayOfWeek, DayPeriod, EditableSegmentPart, Granularity, HourCycle, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, WeekDayFormat, WeekStartsOn };
+export type { CalendarIdentifier, DateValue$1 as DateValue };

package/dist/date/use-date-field.d.ts

@@ -2,7 +2,7 @@ import { DateStep, DateValue, HourCycle, SegmentPart, SegmentValueObj, TimeValue
 import { Formatter } from "./formatter.js";
 import { Ref } from "vue";
 //#region src/date/use-date-field.d.ts
-type UseDateFieldOptions = {
+export type UseDateFieldOptions = {
   hasLeftFocus: Ref<boolean>;
   lastKeyZero: Ref<boolean>;
   placeholder: Ref<DateValue | TimeValue>;
@@ -16,7 +16,7 @@ type UseDateFieldOptions = {
   modelValue: Ref<DateValue | TimeValue | undefined>;
   focusNext: () => void;
 };
-declare function useDateField(props: UseDateFieldOptions): {
+export declare function useDateField(props: UseDateFieldOptions): {
   attributes: import("vue").ComputedRef<{
     inputmode: string;
     'aria-label': string;
@@ -45,5 +45,4 @@ declare function useDateField(props: UseDateFieldOptions): {
   handleSegmentFocusOut: () => void;
   handleSegmentKeydown: (event: KeyboardEvent) => void;
 };
-//#endregion
-export { UseDateFieldOptions, useDateField };
+//#endregion

package/dist/date/use-date-field.js

@@ -1 +1 @@
-import{getDaysInMonth as e}from"./comparators.js";import{isAcceptableSegmentKey as t,isNumberString as n,isSegmentNavigationKey as r}from"./segment.js";import{useLocaleMessages as i}from"../locale/hooks.js";import"../locale/index.js";import{computed as a}from"vue";import{DateFormatter as o}from"@internationalized/date";const s=e=>({role:`spinbutton`,contenteditable:!0,tabindex:e?void 0:0,spellcheck:!1,inputmode:`numeric`,autocorrect:`off`,enterkeyhint:`next`,style:`caret-color: transparent;`}),c=(e,t)=>{if(e!==void 0)return e===12;let n=new o(t,{hour:`numeric`}).resolvedOptions().hourCycle;return n===`h11`||n===`h12`},l=e=>{let t=`hour`in e.placeholder?e.placeholder.hour:0;return c(e.hourCycle,e.formatter.getLocale())?t%12||12:t},u={day:{attrs:t=>({...s(t.disabled),"aria-label":t.messages.daySegment,"aria-valuemin":1,"aria-valuemax":e(t.placeholder),"aria-valuenow":t.placeholder.day,"aria-valuetext":t.segmentValues.day===null?t.messages.empty:`${t.placeholder.day}`,"data-placeholder":t.segmentValues.day===null?``:void 0})},month:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.monthSegment,"aria-valuemin":1,"aria-valuemax":12,"aria-valuenow":e.placeholder.month,"aria-valuetext":e.segmentValues.month===null?e.messages.empty:`${e.placeholder.month} - ${e.formatter.fullMonth(e.placeholder.toDate(`UTC`))}`,"data-placeholder":e.segmentValues.month===null?``:void 0})},year:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.yearSegment,"aria-valuemin":1,"aria-valuemax":9999,"aria-valuenow":e.placeholder.year,"aria-valuetext":e.segmentValues.year===null?e.messages.empty:`${e.placeholder.year}`,"data-placeholder":e.segmentValues.year===null?``:void 0})},hour:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.hourSegment,"aria-valuemin":+!!c(e.hourCycle,e.formatter.getLocale()),"aria-valuemax":c(e.hourCycle,e.formatter.getLocale())?12:23,"aria-valuenow":l(e),"aria-valuetext":`hour`in e.segmentValues&&e.segmentValues.hour===null?e.messages.empty:`${l(e)}`,"data-placeholder":`hour`in e.segmentValues&&e.segmentValues.hour===null?``:void 0})},minute:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.minuteSegment,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`minute`in e.placeholder?e.placeholder.minute:0,"aria-valuetext":`minute`in e.segmentValues&&e.segmentValues.minute===null?e.messages.empty:`${`minute`in e.placeholder?e.placeholder.minute:0}`,"data-placeholder":`minute`in e.segmentValues&&e.segmentValues.minute===null?``:void 0})},second:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.secondSegment,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`second`in e.placeholder?e.placeholder.second:0,"aria-valuetext":`second`in e.segmentValues&&e.segmentValues.second===null?e.messages.empty:`${`second`in e.placeholder?e.placeholder.second:0}`,"data-placeholder":`second`in e.segmentValues&&e.segmentValues.second===null?``:void 0})},dayPeriod:{attrs:e=>({...s(e.disabled),inputmode:`text`,"aria-label":e.messages.dayPeriodSegment,"aria-valuemin":0,"aria-valuemax":1,"aria-valuenow":`dayPeriod`in e.segmentValues?+(e.segmentValues.dayPeriod===`PM`):0,"aria-valuetext":`dayPeriod`in e.segmentValues&&e.segmentValues.dayPeriod===null?e.messages.empty:`dayPeriod`in e.segmentValues?e.segmentValues.dayPeriod:void 0})},literal:{attrs:()=>({"aria-hidden":!0,"data-segment":`literal`})},timeZoneName:{attrs:e=>({role:`textbox`,tabindex:e.disabled?void 0:0,"aria-label":e.messages.timeZoneSegment,"data-readonly":!0,style:`caret-color: transparent;`})}};function d(o){let s=i(),l=a(()=>u[o.part]?.attrs({disabled:o.disabled.value,placeholder:o.placeholder.value,hourCycle:o.hourCycle,segmentValues:o.segmentValues.value,formatter:o.formatter,messages:s.value.date})??{}),d=e=>{if(o.hasLeftFocus.value=!1,e===null)return e;let t=e.toString();return t.length===1?(o.modelValue.value=void 0,null):Number.parseInt(t.slice(0,-1))},f=(e,t,n,r)=>{let i=o.step.value[t]??1,a=e.key===`ArrowUp`?i:-i;return r===null?a>0?0:59:n.set({[t]:r}).cycle(t,a)[t]},p=(e,t,n,r)=>{let i=o.step.value[t]??1,a=e.key===`ArrowUp`?i:-i;if(r===null){if(t===`hour`&&`hour`in n)return n.hour;let e=n;return t===`day`?e.day:t===`month`?e.month:e.year}if(t===`hour`&&`hour`in n)return n.set({[t]:r}).cycle(t,a)[t];let s=n;return t===`day`?s.set({[t]:r,month:o.segmentValues.value.month??1}).cycle(t,a)[t]:t===`month`?s.set({month:r}).cycle(`month`,a).month:s.set({year:r}).cycle(`year`,a).year},m=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,n=null),n===null)return t===0?(o.lastKeyZero.value=!0,{moveToNext:r,value:null}):((o.lastKeyZero.value||t>i)&&(r=!0),o.lastKeyZero.value=!1,{moveToNext:r,value:t});let a=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return a===2||s>e?((t>i||s>e)&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},h=(e,t)=>{let n=!1;if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,t=null),t===null)return e===0?(o.lastKeyZero.value=!0,{moveToNext:n,value:0}):((o.lastKeyZero.value||e>5)&&(n=!0),o.lastKeyZero.value=!1,{moveToNext:n,value:e});let r=t.toString().length,i=Number.parseInt(t.toString()+e.toString());return r===2||i>59?(e>5&&(n=!0),{moveToNext:n,value:e}):(n=!0,{moveToNext:n,value:i})},g=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,n=null),n===null)return t===0?(o.lastKeyZero.value=!0,{moveToNext:r,value:0}):((o.lastKeyZero.value||t>i)&&(r=!0),o.lastKeyZero.value=!1,{moveToNext:r,value:t});let a=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return a===2||s>e?(t>i&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},_=(e,t)=>{let n=!1;if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,t=null),t===null)return{moveToNext:n,value:e===0?1:e};let r=t.toString()+e.toString();return r.length>4?{moveToNext:n,value:e===0?1:e}:(r.length===4&&(n=!0),{moveToNext:n,value:Number.parseInt(r)})},v=i=>{if(!t(i.key)||r(i.key))return;let a=o.segmentValues.value.day;if(i.key===`ArrowDown`||i.key===`ArrowUp`){o.segmentValues.value.day=p(i,`day`,o.placeholder.value,a);return}if(n(i.key)){let t=Number.parseInt(i.key),n=o.segmentValues.value.month,r=n?e(o.placeholder.value.set({month:n})):31,{moveToNext:s,value:c}=m(r,t,a);o.segmentValues.value.day=c,s&&o.focusNext()}i.key===`Backspace`&&(o.segmentValues.value.day=d(a))},y=e=>{if(!t(e.key)||r(e.key))return;let i=o.segmentValues.value.month;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.month=p(e,`month`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=m(12,Number.parseInt(e.key),i);o.segmentValues.value.month=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.month=d(i))},b=e=>{if(!t(e.key)||r(e.key))return;let i=o.segmentValues.value.year;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.year=p(e,`year`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=_(Number.parseInt(e.key),i);o.segmentValues.value.year=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.year=d(i))},x=e=>{if(!t(e.key)||r(e.key)||!(`hour`in o.placeholder.value)||!(`hour`in o.segmentValues.value))return;let i=o.segmentValues.value.hour;if(e.key===`ArrowDown`||e.key===`ArrowUp`){let t=p(e,`hour`,o.placeholder.value,i);o.segmentValues.value.hour=t,`dayPeriod`in o.segmentValues.value&&t!==null&&(o.segmentValues.value.dayPeriod=t>=12?`PM`:`AM`);return}if(n(e.key)){let t=Number.parseInt(e.key),n=c(o.hourCycle,o.formatter.getLocale()),r=n?12:24,a=i;n&&i!==null&&(a=i%12==0?0:i>12?i-12:i);let{moveToNext:s,value:l}=g(r,t,a),u=l;if(n&&l!==null&&`dayPeriod`in o.segmentValues.value){let e=o.segmentValues.value.dayPeriod||`AM`;u=l===12?e===`AM`?0:12:e===`PM`?l+12:l}o.segmentValues.value.hour=u,s&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.hour=d(i))},S=e=>{if(!t(e.key)||r(e.key)||!(`minute`in o.placeholder.value)||!(`minute`in o.segmentValues.value))return;let i=o.segmentValues.value.minute;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.minute=f(e,`minute`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=h(Number.parseInt(e.key),i);o.segmentValues.value.minute=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.minute=d(i))},C=e=>{if(!t(e.key)||r(e.key)||!(`second`in o.placeholder.value)||!(`second`in o.segmentValues.value))return;let i=o.segmentValues.value.second;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.second=f(e,`second`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=h(Number.parseInt(e.key),i);o.segmentValues.value.second=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.second=d(i))},w=e=>{if(!((!t(e.key)||r(e.key))&&![`a`,`A`,`p`,`P`].includes(e.key)||!(`hour`in o.placeholder.value)||!(`dayPeriod`in o.segmentValues.value))){if(e.key===`ArrowDown`||e.key===`ArrowUp`){if(o.segmentValues.value.dayPeriod===`AM`){o.segmentValues.value.dayPeriod=`PM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??0)+12;return}o.segmentValues.value.dayPeriod=`AM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??12)-12;return}if([`a`,`A`].includes(e.key)&&o.segmentValues.value.dayPeriod!==`AM`){o.segmentValues.value.dayPeriod=`AM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??12)-12;return}[`p`,`P`].includes(e.key)&&o.segmentValues.value.dayPeriod!==`PM`&&(o.segmentValues.value.dayPeriod=`PM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??0)+12)}};return{attributes:l,handleSegmentClick:e=>{o.disabled.value&&e.preventDefault()},handleSegmentFocusOut:()=>{if(!Object.values(o.segmentValues.value).every(e=>e!==null))return;let e=o.placeholder.value.set({...o.segmentValues.value});o.modelValue.value=e.copy()},handleSegmentKeydown:e=>{if(o.disabled.value||o.readonly.value)return;e.key!==`Tab`&&e.preventDefault();let n={day:v,dayPeriod:w,hour:x,minute:S,month:y,second:C,timeZoneName:()=>void 0,year:b};o.part!==`literal`&&(n[o.part](e),![`ArrowLeft`,`ArrowRight`,`Shift`,`Tab`].includes(e.key)&&t(e.key)&&Object.values(o.segmentValues.value).every(e=>e!==null)&&(o.modelValue.value=o.placeholder.value.set({...o.segmentValues.value}).copy()))}}}export{d as useDateField};
+import{getDaysInMonth as e}from"./comparators.js";import{isAcceptableSegmentKey as t,isNumberString as n,isSegmentNavigationKey as r}from"./segment.js";import{useLocaleMessages as i}from"../locale/hooks.js";import{computed as a}from"vue";import{DateFormatter as o}from"@internationalized/date";const s=e=>({role:`spinbutton`,contenteditable:!0,tabindex:e?void 0:0,spellcheck:!1,inputmode:`numeric`,autocorrect:`off`,enterkeyhint:`next`,style:`caret-color: transparent;`}),c=(e,t)=>{if(e!==void 0)return e===12;let n=new o(t,{hour:`numeric`}).resolvedOptions().hourCycle;return n===`h11`||n===`h12`},l=e=>{let t=`hour`in e.placeholder?e.placeholder.hour:0;return c(e.hourCycle,e.formatter.getLocale())?t%12||12:t},u={day:{attrs:t=>({...s(t.disabled),"aria-label":t.messages.daySegment,"aria-valuemin":1,"aria-valuemax":e(t.placeholder),"aria-valuenow":t.placeholder.day,"aria-valuetext":t.segmentValues.day===null?t.messages.empty:`${t.placeholder.day}`,"data-placeholder":t.segmentValues.day===null?``:void 0})},month:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.monthSegment,"aria-valuemin":1,"aria-valuemax":12,"aria-valuenow":e.placeholder.month,"aria-valuetext":e.segmentValues.month===null?e.messages.empty:`${e.placeholder.month} - ${e.formatter.fullMonth(e.placeholder.toDate(`UTC`))}`,"data-placeholder":e.segmentValues.month===null?``:void 0})},year:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.yearSegment,"aria-valuemin":1,"aria-valuemax":9999,"aria-valuenow":e.placeholder.year,"aria-valuetext":e.segmentValues.year===null?e.messages.empty:`${e.placeholder.year}`,"data-placeholder":e.segmentValues.year===null?``:void 0})},hour:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.hourSegment,"aria-valuemin":+!!c(e.hourCycle,e.formatter.getLocale()),"aria-valuemax":c(e.hourCycle,e.formatter.getLocale())?12:23,"aria-valuenow":l(e),"aria-valuetext":`hour`in e.segmentValues&&e.segmentValues.hour===null?e.messages.empty:`${l(e)}`,"data-placeholder":`hour`in e.segmentValues&&e.segmentValues.hour===null?``:void 0})},minute:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.minuteSegment,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`minute`in e.placeholder?e.placeholder.minute:0,"aria-valuetext":`minute`in e.segmentValues&&e.segmentValues.minute===null?e.messages.empty:`${`minute`in e.placeholder?e.placeholder.minute:0}`,"data-placeholder":`minute`in e.segmentValues&&e.segmentValues.minute===null?``:void 0})},second:{attrs:e=>({...s(e.disabled),"aria-label":e.messages.secondSegment,"aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":`second`in e.placeholder?e.placeholder.second:0,"aria-valuetext":`second`in e.segmentValues&&e.segmentValues.second===null?e.messages.empty:`${`second`in e.placeholder?e.placeholder.second:0}`,"data-placeholder":`second`in e.segmentValues&&e.segmentValues.second===null?``:void 0})},dayPeriod:{attrs:e=>({...s(e.disabled),inputmode:`text`,"aria-label":e.messages.dayPeriodSegment,"aria-valuemin":0,"aria-valuemax":1,"aria-valuenow":`dayPeriod`in e.segmentValues?+(e.segmentValues.dayPeriod===`PM`):0,"aria-valuetext":`dayPeriod`in e.segmentValues&&e.segmentValues.dayPeriod===null?e.messages.empty:`dayPeriod`in e.segmentValues?e.segmentValues.dayPeriod:void 0})},literal:{attrs:()=>({"aria-hidden":!0,"data-segment":`literal`})},timeZoneName:{attrs:e=>({role:`textbox`,tabindex:e.disabled?void 0:0,"aria-label":e.messages.timeZoneSegment,"data-readonly":!0,style:`caret-color: transparent;`})}};function d(o){let s=i(),l=a(()=>u[o.part]?.attrs({disabled:o.disabled.value,placeholder:o.placeholder.value,hourCycle:o.hourCycle,segmentValues:o.segmentValues.value,formatter:o.formatter,messages:s.value.date})??{}),d=e=>{if(o.hasLeftFocus.value=!1,e===null)return e;let t=e.toString();return t.length===1?(o.modelValue.value=void 0,null):Number.parseInt(t.slice(0,-1))},f=(e,t,n,r)=>{let i=o.step.value[t]??1,a=e.key===`ArrowUp`?i:-i;return r===null?a>0?0:59:n.set({[t]:r}).cycle(t,a)[t]},p=(e,t,n,r)=>{let i=o.step.value[t]??1,a=e.key===`ArrowUp`?i:-i;if(r===null){if(t===`hour`&&`hour`in n)return n.hour;let e=n;return t===`day`?e.day:t===`month`?e.month:e.year}if(t===`hour`&&`hour`in n)return n.set({[t]:r}).cycle(t,a)[t];let s=n;return t===`day`?s.set({[t]:r,month:o.segmentValues.value.month??1}).cycle(t,a)[t]:t===`month`?s.set({month:r}).cycle(`month`,a).month:s.set({year:r}).cycle(`year`,a).year},m=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,n=null),n===null)return t===0?(o.lastKeyZero.value=!0,{moveToNext:r,value:null}):((o.lastKeyZero.value||t>i)&&(r=!0),o.lastKeyZero.value=!1,{moveToNext:r,value:t});let a=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return a===2||s>e?((t>i||s>e)&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},h=(e,t)=>{let n=!1;if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,t=null),t===null)return e===0?(o.lastKeyZero.value=!0,{moveToNext:n,value:0}):((o.lastKeyZero.value||e>5)&&(n=!0),o.lastKeyZero.value=!1,{moveToNext:n,value:e});let r=t.toString().length,i=Number.parseInt(t.toString()+e.toString());return r===2||i>59?(e>5&&(n=!0),{moveToNext:n,value:e}):(n=!0,{moveToNext:n,value:i})},g=(e,t,n)=>{let r=!1,i=Math.floor(e/10);if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,o.lastKeyZero.value=!1,n=null),n===null)return t===0?(o.lastKeyZero.value=!0,{moveToNext:r,value:0}):((o.lastKeyZero.value||t>i)&&(r=!0),o.lastKeyZero.value=!1,{moveToNext:r,value:t});let a=n.toString().length,s=Number.parseInt(n.toString()+t.toString());return a===2||s>e?(t>i&&(r=!0),{moveToNext:r,value:t}):(r=!0,{moveToNext:r,value:s})},_=(e,t)=>{let n=!1;if(o.hasLeftFocus.value&&(o.hasLeftFocus.value=!1,t=null),t===null)return{moveToNext:n,value:e===0?1:e};let r=t.toString()+e.toString();return r.length>4?{moveToNext:n,value:e===0?1:e}:(r.length===4&&(n=!0),{moveToNext:n,value:Number.parseInt(r)})},v=i=>{if(!t(i.key)||r(i.key))return;let a=o.segmentValues.value.day;if(i.key===`ArrowDown`||i.key===`ArrowUp`){o.segmentValues.value.day=p(i,`day`,o.placeholder.value,a);return}if(n(i.key)){let t=Number.parseInt(i.key),n=o.segmentValues.value.month,r=n?e(o.placeholder.value.set({month:n})):31,{moveToNext:s,value:c}=m(r,t,a);o.segmentValues.value.day=c,s&&o.focusNext()}i.key===`Backspace`&&(o.segmentValues.value.day=d(a))},y=e=>{if(!t(e.key)||r(e.key))return;let i=o.segmentValues.value.month;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.month=p(e,`month`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=m(12,Number.parseInt(e.key),i);o.segmentValues.value.month=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.month=d(i))},b=e=>{if(!t(e.key)||r(e.key))return;let i=o.segmentValues.value.year;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.year=p(e,`year`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=_(Number.parseInt(e.key),i);o.segmentValues.value.year=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.year=d(i))},x=e=>{if(!t(e.key)||r(e.key)||!(`hour`in o.placeholder.value)||!(`hour`in o.segmentValues.value))return;let i=o.segmentValues.value.hour;if(e.key===`ArrowDown`||e.key===`ArrowUp`){let t=p(e,`hour`,o.placeholder.value,i);o.segmentValues.value.hour=t,`dayPeriod`in o.segmentValues.value&&t!==null&&(o.segmentValues.value.dayPeriod=t>=12?`PM`:`AM`);return}if(n(e.key)){let t=Number.parseInt(e.key),n=c(o.hourCycle,o.formatter.getLocale()),r=n?12:24,a=i;n&&i!==null&&(a=i%12==0?0:i>12?i-12:i);let{moveToNext:s,value:l}=g(r,t,a),u=l;if(n&&l!==null&&`dayPeriod`in o.segmentValues.value){let e=o.segmentValues.value.dayPeriod||`AM`;u=l===12?e===`AM`?0:12:e===`PM`?l+12:l}o.segmentValues.value.hour=u,s&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.hour=d(i))},S=e=>{if(!t(e.key)||r(e.key)||!(`minute`in o.placeholder.value)||!(`minute`in o.segmentValues.value))return;let i=o.segmentValues.value.minute;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.minute=f(e,`minute`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=h(Number.parseInt(e.key),i);o.segmentValues.value.minute=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.minute=d(i))},C=e=>{if(!t(e.key)||r(e.key)||!(`second`in o.placeholder.value)||!(`second`in o.segmentValues.value))return;let i=o.segmentValues.value.second;if(e.key===`ArrowDown`||e.key===`ArrowUp`){o.segmentValues.value.second=f(e,`second`,o.placeholder.value,i);return}if(n(e.key)){let{moveToNext:t,value:n}=h(Number.parseInt(e.key),i);o.segmentValues.value.second=n,t&&o.focusNext()}e.key===`Backspace`&&(o.segmentValues.value.second=d(i))},w=e=>{if((t(e.key)&&!r(e.key)||[`a`,`A`,`p`,`P`].includes(e.key))&&`hour`in o.placeholder.value&&`dayPeriod`in o.segmentValues.value){if(e.key===`ArrowDown`||e.key===`ArrowUp`){if(o.segmentValues.value.dayPeriod===`AM`){o.segmentValues.value.dayPeriod=`PM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??0)+12;return}o.segmentValues.value.dayPeriod=`AM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??12)-12;return}if([`a`,`A`].includes(e.key)&&o.segmentValues.value.dayPeriod!==`AM`){o.segmentValues.value.dayPeriod=`AM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??12)-12;return}[`p`,`P`].includes(e.key)&&o.segmentValues.value.dayPeriod!==`PM`&&(o.segmentValues.value.dayPeriod=`PM`,o.segmentValues.value.hour=(o.segmentValues.value.hour??0)+12)}};return{attributes:l,handleSegmentClick:e=>{o.disabled.value&&e.preventDefault()},handleSegmentFocusOut:()=>{if(!Object.values(o.segmentValues.value).every(e=>e!==null))return;let e=o.placeholder.value.set({...o.segmentValues.value});o.modelValue.value=e.copy()},handleSegmentKeydown:e=>{if(o.disabled.value||o.readonly.value)return;e.key!==`Tab`&&e.preventDefault();let n={day:v,dayPeriod:w,hour:x,minute:S,month:y,second:C,timeZoneName:()=>void 0,year:b};o.part!==`literal`&&(n[o.part](e),![`ArrowLeft`,`ArrowRight`,`Shift`,`Tab`].includes(e.key)&&t(e.key)&&Object.values(o.segmentValues.value).every(e=>e!==null)&&(o.modelValue.value=o.placeholder.value.set({...o.segmentValues.value}).copy()))}}}export{d as useDateField};

package/dist/date/utils.d.ts

@@ -1,13 +1,12 @@
 import { DateStep, DateValue, Granularity, HourCycle, TimeGranularity, TimeInputType, TimeValue } from "./types.js";
 //#region src/date/utils.d.ts
-declare function getOptsByGranularity(granularity: Granularity, hourCycle: HourCycle, isTimeValue?: boolean): Intl.DateTimeFormatOptions;
-declare function normalizeDateStep(step?: DateStep): DateStep;
-declare function handleCalendarInitialFocus(calendar: HTMLElement): void;
-declare function normalizeHourCycle(hourCycle: HourCycle): "h23" | "h11" | undefined;
-declare function normalizeHour12(hourCycle: HourCycle): boolean | undefined;
-declare function getInputType(granularity: Granularity): "date" | "datetime-local";
-declare function normalizeInputValue(date: DateValue | undefined, granularity: Granularity): string;
-declare function getTimeInputType(_granularity: TimeGranularity): TimeInputType;
-declare function normalizeTimeInputValue(time: TimeValue | undefined, granularity: TimeGranularity): string;
-//#endregion
-export { getInputType, getOptsByGranularity, getTimeInputType, handleCalendarInitialFocus, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue };
+export declare function getOptsByGranularity(granularity: Granularity, hourCycle: HourCycle, isTimeValue?: boolean): Intl.DateTimeFormatOptions;
+export declare function normalizeDateStep(step?: DateStep): DateStep;
+export declare function handleCalendarInitialFocus(calendar: HTMLElement): void;
+export declare function normalizeHourCycle(hourCycle: HourCycle): "h23" | "h11" | undefined;
+export declare function normalizeHour12(hourCycle: HourCycle): boolean | undefined;
+export declare function getInputType(granularity: Granularity): "date" | "datetime-local";
+export declare function normalizeInputValue(date: DateValue | undefined, granularity: Granularity): string;
+export declare function getTimeInputType(_granularity: TimeGranularity): TimeInputType;
+export declare function normalizeTimeInputValue(time: TimeValue | undefined, granularity: TimeGranularity): string;
+//#endregion

package/dist/date/utils.js

@@ -1 +1 @@
-import{defu as e}from"defu";function t(e,t,n=!1){let r={year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,timeZoneName:`short`,hourCycle:i(t),hour12:a(t)};return n&&(delete r.year,delete r.month,delete r.day),e===`day`&&(delete r.hour,delete r.minute,delete r.second,delete r.timeZoneName),e===`hour`&&(delete r.minute,delete r.second),e===`minute`&&delete r.second,r}function n(t){return e(t,{year:1,month:1,day:1,hour:1,minute:1,second:1,millisecond:1})}function r(e){let t=e.querySelector(`[data-selected]`);if(t){t.focus();return}let n=e.querySelector(`[data-today]`);if(n){n.focus();return}e.querySelector(`[data-soybean-calendar-cell-trigger]:not([data-disabled]):not([data-unavailable])`)?.focus()}function i(e){if(e===24)return`h23`;if(e===12)return`h11`}function a(e){if(e===24)return!1;if(e===12)return!0}function o(e){return e===`day`?`date`:`datetime-local`}function s(e,t){if(!e)return``;let n=o(t),r=String(e.year).padStart(4,`0`),i=String(e.month).padStart(2,`0`),a=String(e.day).padStart(2,`0`);if(n===`date`)return`${r}-${i}-${a}`;let s=String(`hour`in e?e.hour:0).padStart(2,`0`),c=String(`minute`in e?e.minute:0).padStart(2,`0`);return t===`second`?`${r}-${i}-${a}T${s}:${c}:${String(`second`in e?e.second:0).padStart(2,`0`)}`:`${r}-${i}-${a}T${s}:${c}`}function c(e){return`time`}function l(e,t){if(!e)return``;let n=String(e.hour).padStart(2,`0`),r=String(e.minute).padStart(2,`0`);return t===`second`?`${n}:${r}:${String(e.second).padStart(2,`0`)}`:`${n}:${r}`}export{o as getInputType,t as getOptsByGranularity,c as getTimeInputType,r as handleCalendarInitialFocus,n as normalizeDateStep,a as normalizeHour12,i as normalizeHourCycle,s as normalizeInputValue,l as normalizeTimeInputValue};
+import{defu as e}from"../shared/object.js";function t(e,t,n=!1){let r={year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,timeZoneName:`short`,hourCycle:i(t),hour12:a(t)};return n&&(delete r.year,delete r.month,delete r.day),e===`day`&&(delete r.hour,delete r.minute,delete r.second,delete r.timeZoneName),e===`hour`&&(delete r.minute,delete r.second),e===`minute`&&delete r.second,r}function n(t){return e(t,{year:1,month:1,day:1,hour:1,minute:1,second:1,millisecond:1})}function r(e){let t=e.querySelector(`[data-selected]`);if(t){t.focus();return}let n=e.querySelector(`[data-today]`);if(n){n.focus();return}e.querySelector(`[data-soybean-calendar-cell-trigger]:not([data-disabled]):not([data-unavailable])`)?.focus()}function i(e){if(e===24)return`h23`;if(e===12)return`h11`}function a(e){if(e===24)return!1;if(e===12)return!0}function o(e){return e===`day`?`date`:`datetime-local`}function s(e,t){if(!e)return``;let n=o(t),r=String(e.year).padStart(4,`0`),i=String(e.month).padStart(2,`0`),a=String(e.day).padStart(2,`0`);if(n===`date`)return`${r}-${i}-${a}`;let s=String(`hour`in e?e.hour:0).padStart(2,`0`),c=String(`minute`in e?e.minute:0).padStart(2,`0`);return t===`second`?`${r}-${i}-${a}T${s}:${c}:${String(`second`in e?e.second:0).padStart(2,`0`)}`:`${r}-${i}-${a}T${s}:${c}`}function c(e){return`time`}function l(e,t){if(!e)return``;let n=String(e.hour).padStart(2,`0`),r=String(e.minute).padStart(2,`0`);return t===`second`?`${n}:${r}:${String(e.second).padStart(2,`0`)}`:`${n}:${r}`}export{o as getInputType,t as getOptsByGranularity,c as getTimeInputType,r as handleCalendarInitialFocus,n as normalizeDateStep,a as normalizeHour12,i as normalizeHourCycle,s as normalizeInputValue,l as normalizeTimeInputValue};