@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

package/dist/date/parser.d.ts

@@ -2,7 +2,6 @@ import { DateValue, Granularity, HourCycle, SegmentContentObj, SegmentPart, Segm
 import { Formatter } from "./formatter.js";
 import { LocaleDateMessages } from "../locale/types.js";
 import { Ref } from "vue";
-
 //#region src/date/parser.d.ts
 declare function syncTimeSegmentValues(props: {
   value: DateValue | TimeValue;

package/dist/date/parser.js

@@ -1 +1 @@
-import{isTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{getOptsByGranularity as r,normalizeHourCycle as i}from"./utils.js";import{DATE_SEGMENT_PARTS as a,EDITABLE_SEGMENT_PARTS as o,TIME_SEGMENT_PARTS as s,isDateSegmentPart as c,isSegmentPart as l}from"./parts.js";import{getPlaceholder as u}from"./placeholders.js";function d(e){return Object.fromEntries(s.map(t=>t===`dayPeriod`?[t,e.formatter.dayPeriod(n(e.value))]:[t,e.value[t]]))}function f(e){let t=a.map(t=>[t,e.value[t]]);return`hour`in e.value?{...Object.fromEntries(t),...d(e)}:Object.fromEntries(t)}function p(e){let t=[`hour`,`minute`,`second`],n=o.map(e=>e===`dayPeriod`?[e,`AM`]:[e,null]).filter(([n])=>e===`minute`&&n===`second`||e===`hour`&&(n===`second`||n===`minute`)?!1:e===`day`?!t.includes(n)&&n!==`dayPeriod`:!0);return Object.fromEntries(n)}function m(e){let{segmentValues:t,dateRef:n,formatter:r,hourCycle:a,locale:o}=e,s=t=>{let n=e.dateMessages;return n?t===`year`?n.placeholder.year:t===`month`?n.placeholder.month:t===`day`?n.placeholder.day:n.placeholder.time:u(t,``,o.value)},d=t,f=e=>{if(`hour`in t){let o=d[e];return o===null?s(e):e===`day`?r.part(n.set({[e]:o,month:`month`in t?t.month??1:1}),e,{hourCycle:i(a)}):r.part(n.set({[e]:o}),e,{hourCycle:i(a)})}if(c(e)){let i=d[e];return i===null?s(e):e===`day`?r.part(n.set({[e]:i,month:t.month??1}),e):r.part(n.set({[e]:i}),e)}return``};return Object.keys(t).reduce((e,n)=>l(n)?`hour`in t&&n===`dayPeriod`?(e[n]=t[n]??u(n,`AM`,o.value),e):(e[n]=h(n,f),e):e,{})}function h(e,t){return t(e)}function g(n){let{formatter:i,dateRef:a,hourCycle:o,hideTimeZone:s}=n,c=m(n);return{obj:c,arr:i.toParts(a,r(n.granularity,o,n.isTimeValue)).map(e=>e.type===`literal`||e.type===`timeZoneName`||e.type===null||!l(e.type)?{part:e.type,value:e.value}:{part:e.type,value:c[e.type]}).filter(n=>!(n.part===null||n.value===null||n.part===`timeZoneName`&&(e(a)||!t(a))||n.part===`timeZoneName`&&s))}}export{g as createContent,p as initializeSegmentValues,f as syncSegmentValues,d as syncTimeSegmentValues};
+import{isTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{getOptsByGranularity as r,normalizeHourCycle as i}from"./utils.js";import{DATE_SEGMENT_PARTS as a,EDITABLE_SEGMENT_PARTS as o,TIME_SEGMENT_PARTS as s,isDateSegmentPart as c,isSegmentPart as l}from"./parts.js";import{getPlaceholder as u}from"./placeholders.js";function d(e){return Object.fromEntries(s.map(t=>t===`dayPeriod`?[t,e.formatter.dayPeriod(n(e.value))]:[t,e.value[t]]))}function f(e){let t=a.map(t=>[t,e.value[t]]);return`hour`in e.value?{...Object.fromEntries(t),...d(e)}:Object.fromEntries(t)}function p(e){let t=[`hour`,`minute`,`second`],n=o.map(e=>e===`dayPeriod`?[e,`AM`]:[e,null]).filter(([n])=>e===`minute`&&n===`second`||e===`hour`&&(n===`second`||n===`minute`)?!1:e!==`day`||!t.includes(n)&&n!==`dayPeriod`);return Object.fromEntries(n)}function m(e){let{segmentValues:t,dateRef:n,formatter:r,hourCycle:a,locale:o}=e,s=t=>{let n=e.dateMessages;return n?t===`year`?n.placeholder.year:t===`month`?n.placeholder.month:t===`day`?n.placeholder.day:n.placeholder.time:u(t,``,o.value)},d=t,f=e=>{if(`hour`in t){let o=d[e];return o===null?s(e):e===`day`?r.part(n.set({[e]:o,month:`month`in t?t.month??1:1}),e,{hourCycle:i(a)}):r.part(n.set({[e]:o}),e,{hourCycle:i(a)})}if(c(e)){let i=d[e];return i===null?s(e):e===`day`?r.part(n.set({[e]:i,month:t.month??1}),e):r.part(n.set({[e]:i}),e)}return``};return Object.keys(t).reduce((e,n)=>l(n)?`hour`in t&&n===`dayPeriod`?(e[n]=t[n]??u(n,`AM`,o.value),e):(e[n]=h(n,f),e):e,{})}function h(e,t){return t(e)}function g(n){let{formatter:i,dateRef:a,hourCycle:o,hideTimeZone:s}=n,c=m(n);return{obj:c,arr:i.toParts(a,r(n.granularity,o,n.isTimeValue)).map(e=>e.type===`literal`||e.type===`timeZoneName`||e.type===null||!l(e.type)?{part:e.type,value:e.value}:{part:e.type,value:c[e.type]}).filter(n=>!(n.part===null||n.value===null||n.part===`timeZoneName`&&(e(a)||!t(a))||n.part===`timeZoneName`&&s))}}export{g as createContent,p as initializeSegmentValues,f as syncSegmentValues,d as syncTimeSegmentValues};

package/dist/date/parts.d.ts

@@ -1,5 +1,4 @@
 import { DateSegmentPart, EditableSegmentPart, SegmentPart, TimeSegmentPart } from "./types.js";
-
 //#region src/date/parts.d.ts
 declare const DATE_SEGMENT_PARTS: readonly DateSegmentPart[];
 declare const TIME_SEGMENT_PARTS: readonly TimeSegmentPart[];

package/dist/date/types.d.ts

@@ -1,5 +1,4 @@
 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';
@@ -37,8 +36,8 @@ 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 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>;

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

@@ -1,7 +1,6 @@
 import { DateStep, DateValue, HourCycle, SegmentPart, SegmentValueObj, TimeValue } from "./types.js";
 import { Formatter } from "./formatter.js";
 import { Ref } from "vue";
-
 //#region src/date/use-date-field.d.ts
 type UseDateFieldOptions = {
   hasLeftFocus: Ref<boolean>;
@@ -21,6 +20,9 @@ declare function useDateField(props: UseDateFieldOptions): {
   attributes: import("vue").ComputedRef<{
     inputmode: string;
     'aria-label': string;
+    'aria-valuemin': number;
+    'aria-valuemax': number;
+    'aria-valuenow': number;
     'aria-valuetext': string | null | undefined;
     role: string;
     contenteditable: boolean;

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-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,{moveToNext:r,value:s}=m(n?e(o.placeholder.value.set({month:n})):31,t,a);o.segmentValues.value.day=s,r&&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"../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};

package/dist/date/utils.d.ts

@@ -1,5 +1,4 @@
 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;