@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

package/dist/date/comparators.js

@@ -0,0 +1 @@
+import{CalendarDate as e,CalendarDateTime as t,DateFormatter as n,Time as r,ZonedDateTime as i,createCalendar as a,getDayOfWeek as o,getLocalTimeZone as s,parseDate as c,parseDateTime as l,parseZonedDateTime as u,toCalendar as d}from"@internationalized/date";function f(e,t){let n;return n=g(t)?u(e):h(t)?l(e):c(e),n.calendar===t.calendar?n:d(n,t.calendar)}function p(e){return e instanceof r}function m(e,t=s()){if(p(e)){let t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate(),e.hour,e.minute,e.second,e.millisecond)}return g(e)?e.toDate():e.toDate(t)}function h(e){return e instanceof t}function g(e){return e instanceof i}function _(e){return p(e)||h(e)||g(e)}function v(e){if(e instanceof Date){let t=e.getFullYear(),n=e.getMonth()+1;return new Date(t,n,0).getDate()}return e.set({day:100}).day}function y(r){let{defaultValue:i,defaultPlaceholder:o,granularity:s=`day`,locale:c=`en`}=r;if(Array.isArray(i)&&i.length)return i.at(-1).copy();if(i&&!Array.isArray(i))return i.copy();if(o)return o.copy();let l=new Date,u=a(new n(c).resolvedOptions().calendar);return[`hour`,`minute`,`second`].includes(s)?d(new t(l.getFullYear(),l.getMonth()+1,l.getDate(),0,0,0),u):d(new e(l.getFullYear(),l.getMonth()+1,l.getDate()),u)}function b(e){return e.defaultValue?e.defaultValue.copy():e.defaultPlaceholder?e.defaultPlaceholder.copy():new r(0,0,0)}function x(e,t){return p(e)&&p(t),e.compare(t)<0}function S(e,t){return p(e)&&p(t),e.compare(t)>0}function C(e,t){return p(e)&&p(t),e.compare(t)<=0}function w(e,t){return p(e)&&p(t),e.compare(t)>=0}function T(e,t){return e.toString()===t.toString()}function E(e,t,n){return w(e,t)&&C(e,n)}function D(e,t,n){return S(e,t)&&x(e,n)}function O(e,t,n){let r=o(e,n,`sun`);return t>r?e.subtract({days:r+7-t}):t===r?e:e.subtract({days:r-t})}function k(e,t,n){let r=o(e,n,`sun`),i=t===0?6:t-1;return r===i?e:r>i?e.add({days:7-r+i}):e.add({days:i-r})}function A(e,t){return e.year===t.year&&e.month===t.month}function j(e,t){return e.year===t.year}function M(e,t,n,r,i){if(n===void 0&&r===void 0&&i===void 0)return!0;let a=e.add({days:1}),o=e=>(r?.(e)||n?.(e))&&!i?.(e);for(;a.compare(t)<0;){if(o(a))return!1;a=a.add({days:1})}return!0}function N(e,t){return e.year===t.year?e.month-t.month:e.year-t.year}function P(e,t,n){return N(e,t)>=0&&N(e,n)<=0}function F(e,t,n){return e.year>=t.year&&e.year<=n.year}function I(e,t){return(t.year-e.year)*12+(t.month-e.month)+1}export{M as areAllDaysBetweenValid,N as compareYearMonth,v as getDaysInMonth,y as getDefaultDate,b as getDefaultTime,O as getLastFirstDayOfWeek,I as getMonthsBetween,k as getNextLastDayOfWeek,_ as hasTime,S as isAfter,w as isAfterOrSame,x as isBefore,C as isBeforeOrSame,D as isBetween,E as isBetweenInclusive,h as isCalendarDateTime,T as isEqualValue,P as isMonthBetweenInclusive,j as isSameYear,A as isSameYearMonth,p as isTime,F as isYearBetweenInclusive,g as isZonedDateTime,f as parseStringToDateValue,m as toDate};

package/dist/date/formatter.d.ts

@@ -0,0 +1,27 @@
+import { TimeValue } from "./types.js";
+import { DateValue } from "@internationalized/date";
+
+//#region src/date/formatter.d.ts
+interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
+  calendar?: string;
+}
+interface Formatter {
+  getLocale: () => string;
+  setLocale: (newLocale: string) => void;
+  custom: (date: Date, options: DateFormatterOptions) => string;
+  selectedDate: (date: DateValue | TimeValue, includeTime?: boolean) => string;
+  dayOfWeek: (date: Date, length?: DateFormatterOptions['weekday']) => string;
+  fullMonthAndYear: (date: Date, options?: DateFormatterOptions) => string;
+  fullMonth: (date: Date, options?: DateFormatterOptions) => string;
+  fullYear: (date: Date, options?: DateFormatterOptions) => string;
+  dayPeriod: (date: Date) => string;
+  part: (dateObj: DateValue | TimeValue, type: Intl.DateTimeFormatPartTypes, options?: DateFormatterOptions) => string;
+  toParts: (date: DateValue | TimeValue, options?: DateFormatterOptions) => Intl.DateTimeFormatPart[];
+  getMonths: () => {
+    label: string;
+    value: number;
+  }[];
+}
+declare function useDateFormatter(initialLocale: string, opts?: DateFormatterOptions): Formatter;
+//#endregion
+export { DateFormatterOptions, Formatter, useDateFormatter };

package/dist/date/formatter.js

@@ -0,0 +1 @@
+import{hasTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{ref as r}from"vue";import{DateFormatter as i,getLocalTimeZone as a,today as o}from"@internationalized/date";function s(s,c={}){let l=r(s);function u(){return l.value}function d(e){l.value=e}function f(e,t){return new i(l.value,{...c,...t}).format(e)}function p(t,r=!0){return e(t)&&r?f(n(t),{dateStyle:`long`,timeStyle:`long`}):f(n(t),{dateStyle:`long`})}function m(e,t={}){return new i(l.value,{...c,month:`long`,year:`numeric`,...t}).format(e)}function h(e,t={}){return new i(l.value,{...c,month:`long`,...t}).format(e)}function g(){let e=o(a());return[1,2,3,4,5,6,7,8,9,10,11,12].map(t=>({label:h(n(e.set({month:t}))),value:t}))}function _(e,t={}){return new i(l.value,{...c,year:`numeric`,...t}).format(e)}function v(e,r){return t(e)?new i(l.value,{...c,...r,timeZone:e.timeZone}).formatToParts(n(e)):new i(l.value,{...c,...r}).formatToParts(n(e))}function y(e,t=`narrow`){return new i(l.value,{...c,weekday:t}).format(e)}function b(e){let t=new i(l.value,{...c,hour:`numeric`,minute:`numeric`}).formatToParts(e).find(e=>e.type===`dayPeriod`)?.value;return t===`PM`||t===`pm`||t===`p.m.`?`PM`:`AM`}let x={year:`numeric`,month:`numeric`,day:`numeric`,hour:`numeric`,minute:`numeric`,second:`numeric`};function S(e,t,n={}){return v(e,{...x,...n}).find(e=>e.type===t)?.value??``}return{setLocale:d,getLocale:u,fullMonth:h,fullYear:_,fullMonthAndYear:m,toParts:v,custom:f,part:S,dayPeriod:b,selectedDate:p,dayOfWeek:y,getMonths:g}}export{s as useDateFormatter};

package/dist/date/index.d.ts

@@ -0,0 +1,11 @@
+import { AnyExceptLiteral, CalendarIdentifier, DateAndTimeSegmentObj, DateGrid, DateInputType, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DateValue, DayOfWeek, DayPeriod, EditableSegmentPart, Granularity, HourCycle, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, WeekDayFormat, WeekStartsOn } from "./types.js";
+import { CreateMonthOptions, CreateSelectOptions, CreateYearGridOptions, DEFAULT_DATE_LOCALE, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getWeekNumber, getWeekStartsOn, startOfDecade } from "./calendar.js";
+import { areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate } from "./comparators.js";
+import { DateFormatterOptions, Formatter, useDateFormatter } from "./formatter.js";
+import { createContent, initializeSegmentValues, syncSegmentValues, syncTimeSegmentValues } from "./parser.js";
+import { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, isAnySegmentPart, isDateSegmentPart, isSegmentPart, isTimeSegmentPart } from "./parts.js";
+import { getPlaceholder } from "./placeholders.js";
+import { getSegmentElements, isAcceptableSegmentKey, isNumberString, isSegmentNavigationKey } from "./segment.js";
+import { UseDateFieldOptions, useDateField } from "./use-date-field.js";
+import { getInputType, getOptsByGranularity, getTimeInputType, handleCalendarInitialFocus, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue } from "./utils.js";
+export { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, AnyExceptLiteral, type CalendarIdentifier, CreateMonthOptions, CreateSelectOptions, CreateYearGridOptions, DATE_SEGMENT_PARTS, DEFAULT_DATE_LOCALE, DateAndTimeSegmentObj, DateFormatterOptions, DateGrid, DateInputType, DateMatcher, DateRange, DateSegmentObj, DateSegmentPart, DateStep, type DateValue, DayOfWeek, DayPeriod, EDITABLE_SEGMENT_PARTS, EditableSegmentPart, Formatter, Granularity, HourCycle, NON_EDITABLE_SEGMENT_PARTS, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TIME_SEGMENT_PARTS, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, UseDateFieldOptions, WeekDayFormat, WeekStartsOn, areAllDaysBetweenValid, compareYearMonth, createContent, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getInputType, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getTimeInputType, getWeekNumber, getWeekStartsOn, handleCalendarInitialFocus, hasTime, initializeSegmentValues, isAcceptableSegmentKey, isAfter, isAfterOrSame, isAnySegmentPart, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isDateSegmentPart, isEqualValue, isMonthBetweenInclusive, isNumberString, isSameYear, isSameYearMonth, isSegmentNavigationKey, isSegmentPart, isTime, isTimeSegmentPart, isYearBetweenInclusive, isZonedDateTime, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue, parseStringToDateValue, startOfDecade, syncSegmentValues, syncTimeSegmentValues, toDate, useDateField, useDateFormatter };

package/dist/date/index.js

@@ -0,0 +1 @@
+import{areAllDaysBetweenValid as e,compareYearMonth as t,getDaysInMonth as n,getDefaultDate as r,getDefaultTime as i,getLastFirstDayOfWeek as a,getMonthsBetween as o,getNextLastDayOfWeek as s,hasTime as c,isAfter as l,isAfterOrSame as u,isBefore as d,isBeforeOrSame as f,isBetween as p,isBetweenInclusive as m,isCalendarDateTime as h,isEqualValue as g,isMonthBetweenInclusive as _,isSameYear as v,isSameYearMonth as y,isTime as b,isYearBetweenInclusive as x,isZonedDateTime as S,parseStringToDateValue as C,toDate as w}from"./comparators.js";import{DEFAULT_DATE_LOCALE as T,createDateRange as E,createDecade as D,createMonth as O,createMonthGrid as k,createMonths as A,createYear as j,createYearGrid as M,createYearRange as N,endOfDecade as P,getDaysBetween as F,getWeekNumber as I,getWeekStartsOn as L,startOfDecade as R}from"./calendar.js";import{useDateFormatter as z}from"./formatter.js";import{getInputType as B,getOptsByGranularity as V,getTimeInputType as H,handleCalendarInitialFocus as U,normalizeDateStep as W,normalizeHour12 as G,normalizeHourCycle as K,normalizeInputValue as q,normalizeTimeInputValue as J}from"./utils.js";import{ALL_EXCEPT_LITERAL_PARTS as Y,ALL_SEGMENT_PARTS as X,DATE_SEGMENT_PARTS as Z,EDITABLE_SEGMENT_PARTS as Q,NON_EDITABLE_SEGMENT_PARTS as $,TIME_SEGMENT_PARTS as ee,isAnySegmentPart as te,isDateSegmentPart as ne,isSegmentPart as re,isTimeSegmentPart as ie}from"./parts.js";import{getPlaceholder as ae}from"./placeholders.js";import{createContent as oe,initializeSegmentValues as se,syncSegmentValues as ce,syncTimeSegmentValues as le}from"./parser.js";import{getSegmentElements as ue,isAcceptableSegmentKey as de,isNumberString as fe,isSegmentNavigationKey as pe}from"./segment.js";import{useDateField as me}from"./use-date-field.js";export{Y as ALL_EXCEPT_LITERAL_PARTS,X as ALL_SEGMENT_PARTS,Z as DATE_SEGMENT_PARTS,T as DEFAULT_DATE_LOCALE,Q as EDITABLE_SEGMENT_PARTS,$ as NON_EDITABLE_SEGMENT_PARTS,ee as TIME_SEGMENT_PARTS,e as areAllDaysBetweenValid,t as compareYearMonth,oe as createContent,E as createDateRange,D as createDecade,O as createMonth,k as createMonthGrid,A as createMonths,j as createYear,M as createYearGrid,N as createYearRange,P as endOfDecade,F as getDaysBetween,n as getDaysInMonth,r as getDefaultDate,i as getDefaultTime,B as getInputType,a as getLastFirstDayOfWeek,o as getMonthsBetween,s as getNextLastDayOfWeek,V as getOptsByGranularity,ae as getPlaceholder,ue as getSegmentElements,H as getTimeInputType,I as getWeekNumber,L as getWeekStartsOn,U as handleCalendarInitialFocus,c as hasTime,se as initializeSegmentValues,de as isAcceptableSegmentKey,l as isAfter,u as isAfterOrSame,te as isAnySegmentPart,d as isBefore,f as isBeforeOrSame,p as isBetween,m as isBetweenInclusive,h as isCalendarDateTime,ne as isDateSegmentPart,g as isEqualValue,_ as isMonthBetweenInclusive,fe as isNumberString,v as isSameYear,y as isSameYearMonth,pe as isSegmentNavigationKey,re as isSegmentPart,b as isTime,ie as isTimeSegmentPart,x as isYearBetweenInclusive,S as isZonedDateTime,W as normalizeDateStep,G as normalizeHour12,K as normalizeHourCycle,q as normalizeInputValue,J as normalizeTimeInputValue,C as parseStringToDateValue,R as startOfDecade,ce as syncSegmentValues,le as syncTimeSegmentValues,w as toDate,me as useDateField,z as useDateFormatter};

package/dist/date/parser.d.ts

@@ -0,0 +1,35 @@
+import { DateValue, Granularity, HourCycle, SegmentContentObj, SegmentPart, SegmentValueObj, TimeValue } from "./types.js";
+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;
+  formatter: Formatter;
+}): SegmentValueObj;
+declare function syncSegmentValues(props: {
+  value: DateValue;
+  formatter: Formatter;
+}): SegmentValueObj;
+declare function initializeSegmentValues(granularity: Granularity): SegmentValueObj;
+type CreateContentOptions = {
+  granularity: Granularity;
+  dateRef: DateValue | TimeValue;
+  formatter: Formatter;
+  hideTimeZone: boolean;
+  hourCycle: HourCycle;
+  segmentValues: SegmentValueObj;
+  locale: Ref<string>;
+  isTimeValue?: boolean;
+  dateMessages?: LocaleDateMessages;
+};
+declare function createContent(options: CreateContentOptions): {
+  obj: SegmentContentObj;
+  arr: {
+    part: SegmentPart;
+    value: string;
+  }[];
+};
+//#endregion
+export { createContent, initializeSegmentValues, syncSegmentValues, syncTimeSegmentValues };

package/dist/date/parser.js

@@ -0,0 +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};

package/dist/date/parts.d.ts

@@ -0,0 +1,15 @@
+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[];
+declare const NON_EDITABLE_SEGMENT_PARTS: readonly SegmentPart[];
+declare const EDITABLE_SEGMENT_PARTS: readonly EditableSegmentPart[];
+declare const ALL_SEGMENT_PARTS: readonly SegmentPart[];
+declare const ALL_EXCEPT_LITERAL_PARTS: readonly SegmentPart[];
+declare function isDateSegmentPart(part: unknown): part is DateSegmentPart;
+declare function isTimeSegmentPart(part: unknown): part is TimeSegmentPart;
+declare function isSegmentPart(part: string): part is EditableSegmentPart;
+declare function isAnySegmentPart(part: unknown): part is SegmentPart;
+//#endregion
+export { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, isAnySegmentPart, isDateSegmentPart, isSegmentPart, isTimeSegmentPart };

package/dist/date/parts.js

@@ -0,0 +1 @@
+const e=[`day`,`month`,`year`],t=[`hour`,`minute`,`second`,`dayPeriod`],n=[`literal`,`timeZoneName`],r=[...e,...t],i=[...r,...n],a=i.filter(e=>e!==`literal`);function o(t){return e.includes(t)}function s(e){return t.includes(e)}function c(e){return r.includes(e)}function l(e){return i.includes(e)}export{a as ALL_EXCEPT_LITERAL_PARTS,i as ALL_SEGMENT_PARTS,e as DATE_SEGMENT_PARTS,r as EDITABLE_SEGMENT_PARTS,n as NON_EDITABLE_SEGMENT_PARTS,t as TIME_SEGMENT_PARTS,l as isAnySegmentPart,o as isDateSegmentPart,c as isSegmentPart,s as isTimeSegmentPart};

package/dist/date/placeholders.d.ts

@@ -0,0 +1,4 @@
+//#region src/date/placeholders.d.ts
+declare function getPlaceholder(field: 'year' | 'month' | 'day' | 'era' | 'hour' | 'minute' | 'second' | 'dayPeriod', value: string, locale: string): string;
+//#endregion
+export { getPlaceholder };

package/dist/date/placeholders.js

@@ -0,0 +1 @@
+import{resolveLocale as e}from"../locale/locales.js";function t(t,n,r){if(t===`year`||t===`month`||t===`day`){let n=e(r).date.placeholder;if(n)return n[t]}return t===`era`||t===`dayPeriod`?n:`––`}export{t as getPlaceholder};

package/dist/date/segment.d.ts

@@ -0,0 +1,7 @@
+//#region src/date/segment.d.ts
+declare function isSegmentNavigationKey(key: string): key is "ArrowLeft" | "ArrowRight";
+declare function isNumberString(value: string): boolean;
+declare function isAcceptableSegmentKey(key: string): boolean;
+declare function getSegmentElements(parentElement: HTMLElement): Element[];
+//#endregion
+export { getSegmentElements, isAcceptableSegmentKey, isNumberString, isSegmentNavigationKey };

package/dist/date/segment.js

@@ -0,0 +1 @@
+function e(e){return e===`ArrowRight`||e===`ArrowLeft`}function t(e){return!Number.isNaN(Number.parseInt(e))}function n(e){return[`Enter`,`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Backspace`,` `,`a`,`A`,`p`,`P`].includes(e)||t(e)}function r(e){return Array.from(e.querySelectorAll(`[data-soybean-date-field-segment]`)).filter(e=>e.getAttribute(`data-soybean-date-field-segment`)!==`literal`)}export{r as getSegmentElements,n as isAcceptableSegmentKey,t as isNumberString,e as isSegmentNavigationKey};

package/dist/date/types.d.ts

@@ -0,0 +1,50 @@
+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 {
+  start?: DateValue$1;
+  end?: DateValue$1;
+}
+interface TimeRange {
+  start?: TimeValue;
+  end?: TimeValue;
+}
+interface DateGrid<T> {
+  value: DateValue$1;
+  rows: T[][];
+  cells: T[];
+}
+interface DateStep {
+  year?: number;
+  month?: number;
+  day?: number;
+  hour?: number;
+  minute?: number;
+  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;
+//#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 };

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

@@ -0,0 +1,47 @@
+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>;
+  lastKeyZero: Ref<boolean>;
+  placeholder: Ref<DateValue | TimeValue>;
+  hourCycle: HourCycle;
+  step: Ref<DateStep>;
+  formatter: Formatter;
+  segmentValues: Ref<SegmentValueObj>;
+  disabled: Ref<boolean | undefined>;
+  readonly: Ref<boolean | undefined>;
+  part: SegmentPart;
+  modelValue: Ref<DateValue | TimeValue | undefined>;
+  focusNext: () => void;
+};
+declare function useDateField(props: UseDateFieldOptions): {
+  attributes: import("vue").ComputedRef<{
+    inputmode: string;
+    'aria-label': string;
+    'aria-valuetext': string | null | undefined;
+    role: string;
+    contenteditable: boolean;
+    tabindex: number | undefined;
+    spellcheck: boolean;
+    autocorrect: string;
+    enterkeyhint: string;
+    style: string;
+  } | {
+    'aria-hidden': boolean;
+    'data-segment': string;
+  } | {
+    role: string;
+    tabindex: number | undefined;
+    'aria-label': string;
+    'data-readonly': boolean;
+    style: string;
+  }>;
+  handleSegmentClick: (event: MouseEvent) => void;
+  handleSegmentFocusOut: () => void;
+  handleSegmentKeydown: (event: KeyboardEvent) => void;
+};
+//#endregion
+export { UseDateFieldOptions, useDateField };

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

@@ -0,0 +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};

package/dist/date/utils.d.ts

@@ -0,0 +1,14 @@
+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 };

package/dist/date/utils.js

@@ -0,0 +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};