@soybeanjs/headless 0.15.5 → 0.17.0

package/dist/components/time-picker/time-picker-popup.vue.d.ts

@@ -0,0 +1,27 @@
+import { AsTag } from "../primitive/types.js";
+import { TimeValue } from "../../date/comparators.js";
+import { TimePickerPopupProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-picker/time-picker-popup.vue.d.ts
+type __VLS_Slots = {
+  time?: (props: {
+    disabled: boolean;
+    focused: boolean;
+    label: string;
+    selected: boolean;
+    time: TimeValue;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimePickerPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimePickerPopupProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/time-picker/time-picker-root.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultTime as t,isBefore as n}from"../../date/comparators.js";import{normalizeHourCycle as r}from"../../date/utils.js";import{useDateFormatter as i}from"../../date/formatter.js";import"../../date/index.js";import{createTimeOptions as a,formatTimeValue as o}from"../../shared/time-picker.js";import"../../shared/index.js";import{useControllableState as s}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useDirection as c,useLocale as l}from"../config-provider/context.js";import{Primitive as u}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTimePickerRootContext as d,useTimePickerUi as f}from"./context.js";import{computed as p,createBlock as m,defineComponent as h,normalizeClass as g,openBlock as _,renderSlot as v,unref as y,useId as b,watch as x,withCtx as S}from"vue";const C=h({name:`TimePickerRoot`,__name:`time-picker-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},hourCycle:{default:void 0},step:{default:void 0},granularity:{default:void 0},hideTimeZone:{type:Boolean,default:!1},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},isTimeUnavailable:{type:Function,default:void 0},id:{},dir:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},modal:{type:Boolean,default:!1},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(h,{emit:C}){let w=h,T=C,E=f(`root`),D=b(),O=l(()=>w.locale),k=c(()=>w.dir),A=i(O.value,{hourCycle:r(w.hourCycle)}),j=p(()=>w.granularity??`minute`),M=p(()=>w.hideTimeZone),N=s(()=>w.modelValue,e=>T(`update:modelValue`,e),w.defaultValue),P=t({defaultPlaceholder:w.placeholder,defaultValue:N.value}),F=s(()=>w.placeholder,e=>T(`update:placeholder`,e),w.defaultPlaceholder??P.copy()),I=s(()=>w.open,e=>T(`update:open`,e??!1),w.defaultOpen),L=p({get:()=>F.value,set:e=>{F.value=e.copy()}}),R=p(()=>w.minValue),z=p(()=>w.maxValue),B=e=>!!(w.disabled||w.isTimeUnavailable?.(e)||R.value&&n(e,R.value)||z.value&&n(z.value,e)),V=e=>N.value?N.value.toString()===e.toString():!1,H=p(()=>N.value?B(N.value):!1),U=p(()=>N.value?o({formatter:A,granularity:j.value,hideTimeZone:M.value,hourCycle:w.hourCycle,value:N.value}):``),W=p(()=>a({formatter:A,granularity:j.value,hideTimeZone:M.value,hourCycle:w.hourCycle,isTimeUnavailable:w.isTimeUnavailable,maxValue:z.value,minValue:R.value,reference:N.value??F.value,step:w.step})),G=e=>{F.value=e.copy()};return x(O,e=>{A.getLocale()!==e&&A.setLocale(e)}),x(N,t=>{if(e(t)){L.value=F.value.copy();return}F.value.toString()!==t.toString()&&(F.value=t.copy()),L.value=t.copy()}),d({locale:O,dir:k,modelValue:N,placeholder:F,isTimeUnavailable:w.isTimeUnavailable,isInvalid:H,formatter:A,granularity:j,hourCycle:w.hourCycle,hideTimeZone:M,open:I,popupId:D,displayValue:U,focusedTime:L,options:W,minValue:R,maxValue:z,onTimeChange:e=>{w.readonly||B(e)||(N.value=e.copy(),G(e),I.value=!1)},onPlaceholderChange:G,isTimeDisabled:B,isTimeSelected:V,setOpen(e){I.value=e},setFocusedTime:e=>{L.value=e.copy()},disabled:p(()=>w.disabled),readonly:p(()=>w.readonly)}),(e,t)=>(_(),m(y(u),{as:h.as,"as-child":h.asChild,class:g(y(E)),"data-disabled":h.disabled?``:void 0,"data-invalid":H.value?``:void 0,"data-readonly":h.readonly?``:void 0,dir:y(k),"data-slot":`root`},{default:S(()=>[v(e.$slots,`default`,{displayValue:U.value,modelValue:y(N),open:!!y(I)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{C as default};

package/dist/components/time-picker/time-picker-root.vue.d.ts

@@ -0,0 +1,45 @@
+import { TimeValue } from "../../date/comparators.js";
+import { DateStep, TimeGranularity, TimeMatcher } from "../../date/types.js";
+import { TimePickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-picker/time-picker-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    displayValue: string;
+    modelValue: TimeValue | undefined;
+    open: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (time: TimeValue | undefined) => any;
+  "update:open": (open: boolean) => any;
+  "update:placeholder": (time: TimeValue) => any;
+}, string, _$vue.PublicProps, Readonly<TimePickerRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
+}>, {
+  placeholder: TimeValue;
+  disabled: boolean;
+  step: DateStep;
+  defaultValue: TimeValue;
+  open: boolean;
+  defaultOpen: boolean;
+  readonly: boolean;
+  defaultPlaceholder: TimeValue;
+  modal: boolean;
+  hourCycle: 12 | 24;
+  granularity: TimeGranularity;
+  hideTimeZone: boolean;
+  isTimeUnavailable: TimeMatcher;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/time-picker/time-picker-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimePickerRootContext as t,useTimePickerUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`TimePickerTrigger`,__name:`time-picker-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=n(`trigger`),{disabled:d,readonly:f,open:p,setOpen:m,popupId:h}=t(`TimePickerTrigger`),g=()=>{d.value||f.value||m(!p.value)};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"aria-controls":c(h),"aria-disabled":c(d)?!0:void 0,"aria-expanded":!!c(p),class:a(c(u)),"data-disabled":c(d)?``:void 0,"data-state":c(p)?`open`:`closed`,"data-slot":`trigger`,type:`button`,onClick:g},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-controls`,`aria-disabled`,`aria-expanded`,`class`,`data-disabled`,`data-state`]))}});export{u as default};

package/dist/components/time-picker/time-picker-trigger.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TimePickerTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-picker/time-picker-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimePickerTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimePickerTriggerProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/time-picker/types.d.ts

@@ -0,0 +1,224 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PropsToContext } from "../../types/vue.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { TimeValue } from "../../date/comparators.js";
+import { DateStep, HourCycle, TimeGranularity, TimeMatcher } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { TimePickerOption } from "../../shared/time-picker.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/time-picker/types.d.ts
+/**
+ * Props for the time picker root component.
+ */
+interface TimePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: TimeValue;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: TimeValue;
+  /**
+   * Placeholder.
+   */
+  placeholder?: TimeValue;
+  /**
+   * Current model value.
+   */
+  modelValue?: TimeValue;
+  /**
+   * Hour cycle.
+   */
+  hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
+  step?: DateStep;
+  /**
+   * Granularity.
+   */
+  granularity?: TimeGranularity;
+  /**
+   * Whether hide time zone.
+   */
+  hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
+  maxValue?: TimeValue;
+  /**
+   * Min value.
+   */
+  minValue?: TimeValue;
+  /**
+   * Locale.
+   */
+  locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
+  readonly?: boolean;
+  /**
+   * Whether the time is unavailable.
+   */
+  isTimeUnavailable?: TimeMatcher;
+  /**
+   * Id.
+   */
+  id?: string;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+  /**
+   * Whether the component is open by default.
+   */
+  defaultOpen?: boolean;
+  /**
+   * Whether the component is open.
+   */
+  open?: boolean;
+  /**
+   * Whether the popup is modal.
+   */
+  modal?: boolean;
+}
+/**
+ * Emits for the time picker root component.
+ */
+type TimePickerRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
+  'update:placeholder': [time: TimeValue];
+  /**
+   * Emitted when the open state changes.
+   */
+  'update:open': [open: boolean];
+};
+/**
+ * Props for the time picker trigger component.
+ */
+interface TimePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the time picker popup component.
+ */
+interface TimePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Context for the time picker root component.
+ */
+interface TimePickerRootContext extends PropsToContext<TimePickerRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
+  locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
+  dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
+  modelValue: ShallowRef<TimeValue | undefined>;
+  /**
+   * Placeholder used by the component context.
+   */
+  placeholder: ShallowRef<TimeValue>;
+  /**
+   * Whether the time is unavailable.
+   */
+  isTimeUnavailable?: TimeMatcher;
+  /**
+   * Whether the current value is invalid.
+   */
+  isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
+  formatter: Formatter;
+  /**
+   * Granularity used by the component context.
+   */
+  granularity: ComputedRef<TimeGranularity>;
+  /**
+   * Hour cycle used by the component context.
+   */
+  hourCycle: HourCycle;
+  /**
+   * Whether hide time zone.
+   */
+  hideTimeZone: ComputedRef<boolean>;
+  /**
+   * Whether the component is open.
+   */
+  open: ShallowRef<boolean | undefined>;
+  /**
+   * Popup id used by the component context.
+   */
+  popupId: string;
+  /**
+   * Display value used by the component context.
+   */
+  displayValue: ComputedRef<string>;
+  /**
+   * Focused time used by the component context.
+   */
+  focusedTime: ShallowRef<TimeValue>;
+  /**
+   * Options used by the component context.
+   */
+  options: ComputedRef<TimePickerOption[]>;
+  /**
+   * Min value used by the component context.
+   */
+  minValue: ComputedRef<TimeValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
+  maxValue: ComputedRef<TimeValue | undefined>;
+  /**
+   * Callback invoked when the time changes.
+   */
+  onTimeChange: (time: TimeValue) => void;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
+  onPlaceholderChange: (time: TimeValue) => void;
+  /**
+   * Whether the time is disabled.
+   */
+  isTimeDisabled: (time: TimeValue) => boolean;
+  /**
+   * Whether the time is selected.
+   */
+  isTimeSelected: (time: TimeValue) => boolean;
+  /**
+   * Set open used by the component context.
+   */
+  setOpen: (value: boolean) => void;
+  /**
+   * Set focused time used by the component context.
+   */
+  setFocusedTime: (time: TimeValue) => void;
+}
+/**
+ * Available UI slots for the time picker component.
+ */
+type TimePickerUiSlot = 'root' | 'trigger' | 'popup' | 'list' | 'cellTrigger';
+/**
+ * UI class overrides for the time picker component.
+ */
+type TimePickerUi = UiClass<TimePickerUiSlot>;
+//#endregion
+export { TimePickerPopupProps, TimePickerRootContext, TimePickerRootEmits, TimePickerRootProps, TimePickerTriggerProps, TimePickerUi, TimePickerUiSlot };

package/dist/components/time-range-field/context.d.ts

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { TimeRangeFieldUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-field/context.d.ts
+declare const provideTimeRangeFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>, useTimeRangeFieldUi: UseUiConsumer<TimeRangeFieldUiSlot>;
+//#endregion
+export { provideTimeRangeFieldUi };

package/dist/components/time-range-field/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`TimeRangeFieldRoot`),[i,a]=t(`TimeRangeFieldUi`);export{n as provideTimeRangeFieldRootContext,i as provideTimeRangeFieldUi,r as useTimeRangeFieldRootContext,a as useTimeRangeFieldUi};

package/dist/components/time-range-field/index.d.ts

@@ -0,0 +1,6 @@
+import { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootContext, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldSegment, TimeRangeFieldUi, TimeRangeFieldUiSlot } from "./types.js";
+import { _default } from "./time-range-field-compact.vue.js";
+import { _default as _default$2 } from "./time-range-field-root.vue.js";
+import { _default as _default$1 } from "./time-range-field-input.vue.js";
+import { provideTimeRangeFieldUi } from "./context.js";
+export { _default as TimeRangeFieldCompact, type TimeRangeFieldCompactEmits, type TimeRangeFieldCompactProps, type TimeRangeFieldCompactSlots, _default$1 as TimeRangeFieldInput, type TimeRangeFieldInputProps, _default$2 as TimeRangeFieldRoot, type TimeRangeFieldRootContext, type TimeRangeFieldRootEmits, type TimeRangeFieldRootProps, type TimeRangeFieldSegment, type TimeRangeFieldUi, type TimeRangeFieldUiSlot, provideTimeRangeFieldUi };

package/dist/components/time-range-field/index.js

@@ -0,0 +1 @@
+import{provideTimeRangeFieldUi as e}from"./context.js";import t from"./time-range-field-root.js";import n from"./time-range-field-input.js";import r from"./time-range-field-compact.js";export{r as TimeRangeFieldCompact,n as TimeRangeFieldInput,t as TimeRangeFieldRoot,e as provideTimeRangeFieldUi};

package/dist/components/time-range-field/time-range-field-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useTimeRangeFieldUi as n}from"./context.js";import r from"./time-range-field-root.js";import i from"./time-range-field-input.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,toHandlers as v,unref as y,withCtx as b}from"vue";const x={"data-time-range-field-part":`start`},S={"data-time-range-field-part":`end`},C=u({name:`TimeRangeFieldCompact`,__name:`time-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isTimeUnavailable:{},id:{},dir:{},startName:{},endName:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:C}){let w=u,T=C,E=t(w,[`inputProps`,`separator`]),D=e(T),O=n();return(e,t)=>(m(),o(r,d(y(E),v(y(D))),{default:b(t=>[e.$slots.default?g(e.$slots,`default`,p(d({key:0},t))):(m(),s(a,{key:1},[c(`div`,x,[(m(!0),s(a,null,h(t.startSegments,(e,t)=>(m(),o(i,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:b(()=>[l(_(e.value),1)]),_:2},1040,[`part`]))),128))]),c(`div`,{class:f(y(O).separator)},[g(e.$slots,`separator`,{},()=>[l(_(u.separator),1)])],2),c(`div`,S,[(m(!0),s(a,null,h(t.endSegments,(e,t)=>(m(),o(i,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:b(()=>[l(_(e.value),1)]),_:2},1040,[`part`]))),128))])],64))]),_:3},16))}});export{C as default};

package/dist/components/time-range-field/time-range-field-compact.vue.d.ts

@@ -0,0 +1,29 @@
+import { TimeValue } from "../../date/comparators.js";
+import { TimeRange } from "../../date/types.js";
+import { TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-field/time-range-field-compact.vue.d.ts
+type __VLS_Slots = TimeRangeFieldCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<TimeRangeFieldCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: TimeRange) => any;
+  "update:placeholder": (time: TimeValue) => any;
+  "update:startValue": (time: TimeValue | undefined) => any;
+  "update:endValue": (time: TimeValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<TimeRangeFieldCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: TimeRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
+  "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
+}>, {
+  separator: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/time-range-field/time-range-field-input.js

@@ -0,0 +1 @@
+import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimeRangeFieldRootContext as n,useTimeRangeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`TimeRangeFieldInput`,__name:`time-range-field-input`,props:{part:{},type:{default:`start`},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,startSegmentValues:x,endSegmentValues:S,formatter:C,focusNext:w,modelValue:T,isInvalid:E,setFocusedElement:D}=n(`TimeRangeFieldInput`),O=l(!0),k=l(!1),A=i(()=>!!g.value),j=i(()=>!!_.value),{attributes:M,handleSegmentClick:N,handleSegmentFocusOut:P,handleSegmentKeydown:F}=e({hasLeftFocus:O,lastKeyZero:k,placeholder:v,hourCycle:y,step:b,segmentValues:i(()=>m.type===`start`?x.value:S.value),formatter:C,part:m.part,disabled:A,readonly:j,focusNext:()=>w(m.type),modelValue:i({get:()=>m.type===`start`?T.value.start:T.value.end,set:e=>{m.type===`start`?T.value={...T.value,start:e}:T.value={...T.value,end:e}}})}),I=i(()=>A.value||j.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),L=i(()=>m.part===`literal`?{}:{mousedown:N,keydown:F,focusout:()=>{O.value=!0,P()},focusin:e=>{D(e.target,m.type)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(M),{"aria-disabled":A.value?!0:void 0,"aria-invalid":f(E)?!0:void 0,"aria-readonly":j.value||o.part===`timeZoneName`?!0:void 0,class:f(h),contenteditable:I.value,"data-disabled":A.value?``:void 0,"data-invalid":f(E)?``:void 0,"data-readonly":j.value||o.part===`timeZoneName`?``:void 0,"data-segment":o.part,"data-soybean-date-field-segment":o.part,"data-slot":`input`},d(L.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`class`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`,`data-soybean-date-field-segment`]))}});export{m as default};

package/dist/components/time-range-field/time-range-field-input.vue.d.ts

@@ -0,0 +1,22 @@
+import { AsTag } from "../primitive/types.js";
+import { TimeRangeFieldInputProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-field/time-range-field-input.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeRangeFieldInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimeRangeFieldInputProps> & Readonly<{}>, {
+  type: "start" | "end";
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/time-range-field/time-range-field-root.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultTime as t,isBefore as n,isEqualValue as r}from"../../date/comparators.js";import{getTimeInputType as i,normalizeDateStep as a,normalizeHourCycle as ee,normalizeTimeInputValue as o}from"../../date/utils.js";import{useDateFormatter as s}from"../../date/formatter.js";import{createContent as c,syncTimeSegmentValues as l}from"../../date/parser.js";import{getSegmentElements as u}from"../../date/segment.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as d}from"../../composables/use-controllable-state.js";import{useForwardElement as te}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as f,useLocale as p}from"../config-provider/context.js";import{Primitive as ne}from"../primitive/primitive.js";import"../primitive/index.js";import m from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideTimeRangeFieldRootContext as re,useTimeRangeFieldUi as ie}from"./context.js";import{computed as h,createBlock as g,createVNode as _,defineComponent as v,nextTick as y,normalizeClass as b,onMounted as ae,openBlock as x,renderSlot as oe,shallowRef as S,unref as C,watch as w,withCtx as T}from"vue";const E=v({name:`TimeRangeFieldRoot`,__name:`time-range-field-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},hourCycle:{default:void 0},step:{default:void 0},granularity:{default:void 0},hideTimeZone:{type:Boolean,default:!1},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},isTimeUnavailable:{type:Function,default:void 0},id:{},dir:{},startName:{default:void 0},endName:{default:void 0},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(v,{emit:E}){let D=v,O=E,k=ie(`root`),[A,j]=te(),M=p(()=>D.locale),N=f(()=>D.dir),P=s(M.value,{hourCycle:ee(D.hourCycle)}),F=d(()=>D.modelValue,e=>{O(`update:modelValue`,e),O(`update:startValue`,e.start),O(`update:endValue`,e.end)},D.defaultValue??{}),se=t({defaultPlaceholder:D.placeholder,defaultValue:F.value.start}),I=d(()=>D.placeholder,e=>O(`update:placeholder`,e),D.defaultPlaceholder??se.copy()),ce=h(()=>a(D)),L=h(()=>D.granularity??`minute`),R=h(()=>{let{start:e,end:t}=F.value;return!!(e&&t&&n(t,e)||e&&(D.isTimeUnavailable?.(e)||D.minValue&&n(e,D.minValue)||D.maxValue&&n(D.maxValue,e))||t&&(D.isTimeUnavailable?.(t)||D.minValue&&n(t,D.minValue)||D.maxValue&&n(D.maxValue,t)))}),z=S(F.value.start?{...l({value:F.value.start,formatter:P})}:{...l({value:I.value,formatter:P})}),B=S(F.value.end?{...l({value:F.value.end,formatter:P})}:{...l({value:I.value,formatter:P})}),V=h(()=>c({granularity:L.value,dateRef:I.value,formatter:P,hideTimeZone:D.hideTimeZone,hourCycle:D.hourCycle,segmentValues:z.value,locale:M,isTimeValue:!0}).arr),H=h(()=>c({granularity:L.value,dateRef:I.value,formatter:P,hideTimeZone:D.hideTimeZone,hourCycle:D.hourCycle,segmentValues:B.value,locale:M,isTimeValue:!0}).arr),U=S([]),W=S([]),G=S(null),K=S(`start`),q=()=>{if(!A.value)return;let e=A.value.querySelector(`[data-time-range-field-part="start"]`),t=A.value.querySelector(`[data-time-range-field-part="end"]`);e&&(U.value=u(e)),t&&(W.value=u(t))};w(M,e=>{P.getLocale()!==e&&P.setLocale(e),y(q)}),w(()=>F.value.start,t=>{!e(t)&&!r(I.value,t)&&(I.value=t.copy())}),w([()=>F.value.start,M,L],([t])=>{if(!e(t)){z.value={...l({value:t,formatter:P})};return}z.value={...l({value:I.value,formatter:P})}}),w([()=>F.value.end,M,L],([t])=>{if(!e(t)){B.value={...l({value:t,formatter:P})};return}B.value={...l({value:I.value,formatter:P})}});let le=h(()=>(K.value===`start`?U.value:W.value).findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===G.value?.getAttribute(`data-soybean-date-field-segment`))),J=(e,t)=>{let n=N.value===`rtl`?-1:1,r=t===`next`?n:-n,i=e===`start`?U.value:W.value,a=le.value+r;a>=0&&a<i.length?i[a]?.focus():t===`next`&&e===`start`&&W.value.length>0?(K.value=`end`,W.value[0]?.focus()):t===`prev`&&e===`end`&&U.value.length>0&&(K.value=`start`,U.value[U.value.length-1]?.focus())},Y=h(()=>i(L.value)),X=h(()=>o(F.value.start,L.value)),Z=h(()=>o(F.value.end,L.value)),Q=h(()=>D.maxValue?o(D.maxValue,L.value):void 0),$=h(()=>D.minValue?o(D.minValue,L.value):void 0),ue=e=>{e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||(e.preventDefault(),J(K.value,e.key===`ArrowRight`?`next`:`prev`))};return re({locale:M,dir:N,modelValue:F,placeholder:I,isTimeUnavailable:D.isTimeUnavailable,isInvalid:R,disabled:h(()=>D.disabled),readonly:h(()=>D.readonly),formatter:P,hourCycle:D.hourCycle,step:ce,startSegmentValues:z,endSegmentValues:B,startSegmentContents:V,endSegmentContents:H,startInputType:Y,endInputType:Y,startInputValue:X,endInputValue:Z,inputMaxValue:Q,inputMinValue:$,startElements:U,endElements:W,focusedType:K,focusNext(e){J(e,`next`)},setFocusedElement(e,t){G.value=e,K.value=t}}),ae(q),(e,t)=>(x(),g(C(ne),{ref:C(j),as:v.as,"as-child":v.asChild,class:b(C(k)),"data-disabled":v.disabled?``:void 0,"data-invalid":R.value?``:void 0,"data-readonly":v.readonly?``:void 0,dir:C(N),"data-slot":`root`,role:`group`,onKeydown:ue},{default:T(()=>[oe(e.$slots,`default`,{endSegments:H.value,isInvalid:R.value,modelValue:C(F),startSegments:V.value}),_(C(m),{id:v.id,as:`input`,feature:`focusable`,type:Y.value,tabindex:`-1`,value:X.value,name:v.startName||v.name,disabled:v.disabled,required:v.required,max:Q.value,min:$.value,onFocus:t[0]||(t[0]=e=>U.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`]),_(C(m),{as:`input`,feature:`focusable`,type:Y.value,tabindex:`-1`,value:Z.value,name:v.endName,disabled:v.disabled,required:v.required,max:Q.value,min:$.value,onFocus:t[1]||(t[1]=e=>W.value[0]?.focus())},null,8,[`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{E as default};

package/dist/components/time-range-field/time-range-field-root.vue.d.ts

@@ -0,0 +1,53 @@
+import { TimeValue } from "../../date/comparators.js";
+import { DateStep, SegmentPart, TimeGranularity, TimeMatcher, TimeRange } from "../../date/types.js";
+import { TimeRangeFieldRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/time-range-field/time-range-field-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: TimeRange;
+    startSegments: {
+      part: SegmentPart;
+      value: string;
+    }[];
+    endSegments: {
+      part: SegmentPart;
+      value: string;
+    }[];
+    isInvalid: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TimeRangeFieldRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: TimeRange) => any;
+  "update:placeholder": (time: TimeValue) => any;
+  "update:startValue": (time: TimeValue | undefined) => any;
+  "update:endValue": (time: TimeValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<TimeRangeFieldRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: TimeRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
+  "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
+}>, {
+  placeholder: TimeValue;
+  disabled: boolean;
+  step: DateStep;
+  defaultValue: TimeRange;
+  readonly: boolean;
+  defaultPlaceholder: TimeValue;
+  hourCycle: 12 | 24;
+  granularity: TimeGranularity;
+  hideTimeZone: boolean;
+  startName: string;
+  endName: string;
+  isTimeUnavailable: TimeMatcher;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };