@skdx/vue 0.26.0

package/dist/date-picker/DatePicker.vue.d.ts

@@ -0,0 +1,109 @@
+import { type CalendarSelectionMode, type CalendarValue } from '../calendar/dateMath.js';
+import type { Granularity } from '../utils/dateSegments.js';
+/**
+ * Root of a date picker: composes Popover's open/positioning machinery with
+ * `SkdxCalendar`'s date-grid logic — a date picker is just "a Calendar shown
+ * in a Popper popup that closes on selection". Owns the selected `value`
+ * and the popup's `open` state, handing both down to every other
+ * `SkdxDatePicker*` part via context. Renders no DOM of its own.
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxDatePickerContent`'s enter
+ * or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:value`, `v-model:open`) or uncontrolled
+ * (`default-value`, `default-open`).
+ *
+ * With a `name`, the selection is submitted by the surrounding `<form>` as
+ * local-time `YYYY-MM-DD` strings, exactly like `<input type="date">` — one
+ * entry in `single` mode, one entry per date in `multiple`, and start then end
+ * in `range`. `required` reports `valueMissing` while nothing is selected, and
+ * `checkValidity()`/`reportValidity()` — exposed on this root — delegate to
+ * those inputs. Resetting the owning `<form>` restores the selection the picker
+ * was declared with, emitting `value-change` so a controlled parent follows it.
+ */
+type __VLS_Props = {
+    /**
+     * Disables `SkdxDatePickerTrigger` and prevents the popup opening.
+     *
+     * Part of the shared DatePicker contract, and it was missing here: without
+     * it a disabled date picker could not be expressed at all in Vue, and
+     * `_trigger.css` — which keys the whole disabled treatment on
+     * `[data-disabled]` — painted it as an enabled control, hover included, in
+     * every theme.
+     */
+    disabled?: boolean;
+    /**
+     * How many dates the composed calendar selects at once, which decides the
+     * shape of `value` — see `CalendarSelectionMode`. Also decides when the
+     * popup auto-closes: immediately in `single`, once the range is closed in
+     * `range`, never in `multiple`.
+     */
+    selectionMode?: CalendarSelectionMode;
+    /** Current selection, for controlled usage. Pair with `v-model:value`. Its shape follows `selectionMode`. */
+    value?: CalendarValue;
+    /** Initial selection, for uncontrolled usage. Its shape follows `selectionMode`. */
+    defaultValue?: CalendarValue;
+    /** Whether the popup is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /**
+     * How far down `SkdxDatePickerInput` and `SkdxDatePickerTimeField` are
+     * editable. `'day'` is date-only; anything past it is date-time mode, which
+     * also stops the popup auto-closing on a calendar selection — the user
+     * still has a time to set.
+     */
+    granularity?: Granularity;
+    /**
+     * Form field name. The selection is submitted under it as local-time
+     * `YYYY-MM-DD` strings — one entry in `single` mode, one entry per date in
+     * `multiple`, and start then end in `range`.
+     */
+    name?: string;
+    /**
+     * Marks the picker required: with nothing selected it reports
+     * `valueMissing`. A range still anchored on its start counts as nothing
+     * selected. Only meaningful alongside `name`.
+     */
+    required?: boolean;
+};
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the hidden form inputs satisfy their constraints. `true` without a `name`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "update:value": (value: CalendarValue) => any;
+    "value-change": (value: CalendarValue) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: CalendarValue) => any) | undefined;
+    "onValue-change"?: ((value: CalendarValue) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    required: boolean;
+    name: string;
+    value: CalendarValue;
+    defaultValue: CalendarValue;
+    selectionMode: CalendarSelectionMode;
+    granularity: Granularity;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePicker.vue.js

@@ -0,0 +1 @@
+import e from"./DatePicker.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/date-picker/DatePicker.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const C=require("../utils/useFormReset.cjs"),B=require("../utils/useOpenChangeComplete.cjs"),u=require("../calendar/dateMath.cjs"),E=require("../utils/PopperRoot.vue.cjs"),m=require("./context.cjs");let e=require("vue");var O=["name","^value","required"],b=(0,e.defineComponent)({inheritAttrs:!1,__name:"DatePicker",props:{disabled:{type:Boolean,default:!1},selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},granularity:{default:"day"},name:{default:void 0},required:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete"],setup(r,{expose:v,emit:g}){function h(t){return t?Array.isArray(t)?t:u.isDateRange(t)?t.end===null?[]:[t.start,t.end]:[t]:[]}const n=r,a=g,y=(0,e.ref)(null),l=(0,e.ref)(null),i=(0,e.ref)(n.defaultValue??u.emptySelection(n.selectionMode)),d=(0,e.computed)(()=>n.value!==void 0?n.value:i.value),c=(0,e.ref)(n.defaultOpen),s=(0,e.computed)(()=>n.open??c.value);B.useOpenChangeComplete(s,l,t=>a("open-change-complete",t));function p(t){n.value===void 0&&(i.value=t),a("update:value",t),a("value-change",t)}function _(t){n.open===void 0&&(c.value=t),a("update:open",t),a("open-change",t)}(0,e.provide)(m.DATE_PICKER_CONTEXT,{disabled:(0,e.computed)(()=>n.disabled),triggerRef:y,contentRef:l,contentId:m.nextDatePickerContentId(),value:d,get selectionMode(){return n.selectionMode},get granularity(){return n.granularity},onValueChange:p,open:s,setOpen:_});const f=(0,e.computed)(()=>h(d.value).map(u.toISODateString)),o=(0,e.ref)([]),q=n.value??n.defaultValue??u.emptySelection(n.selectionMode);return C.useFormReset(()=>o.value[0],()=>p(q)),v({checkValidity:()=>o.value[0]?.checkValidity()??!0,reportValidity:()=>o.value[0]?.reportValidity()??!0}),(t,D)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(E.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}),r.name?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(f.value.length>0?f.value:[""],(k,V)=>((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:V,ref_for:!0,ref_key:"hiddenEls",ref:o,type:"text","aria-hidden":"true",tabindex:"-1",name:r.name,"^value":k,required:r.required,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,O))),128)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=b;

package/dist/date-picker/DatePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useFormReset as e}from"../utils/useFormReset.js";import{useOpenChangeComplete as a}from"../utils/useOpenChangeComplete.js";import{emptySelection as t,isDateRange as n,toISODateString as l}from"../calendar/dateMath.js";import o from"../utils/PopperRoot.vue.js";import{DATE_PICKER_CONTEXT as u,nextDatePickerContentId as r}from"./context.js";import{Fragment as i,computed as d,createCommentVNode as s,createElementBlock as p,createVNode as c,defineComponent as m,openBlock as v,provide as f,ref as g,renderList as y,renderSlot as h,withCtx as C}from"vue";var V=["name","^value","required"],k=/* @__PURE__ */m({inheritAttrs:!1,__name:"DatePicker",props:{disabled:{type:Boolean,default:!1},selectionMode:{default:"single"},value:{default:void 0},defaultValue:{default:void 0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},granularity:{default:"day"},name:{default:void 0},required:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete"],setup(m,{expose:k,emit:x}){const O=m,R=x,_=g(null),B=g(null),M=g(O.defaultValue??t(O.selectionMode)),b=d(()=>void 0!==O.value?O.value:M.value),j=g(O.defaultOpen),D=d(()=>O.open??j.value);function E(e){void 0===O.value&&(M.value=e),R("update:value",e),R("value-change",e)}a(D,B,e=>R("open-change-complete",e)),f(u,{disabled:d(()=>O.disabled),triggerRef:_,contentRef:B,contentId:r(),value:b,get selectionMode(){return O.selectionMode},get granularity(){return O.granularity},onValueChange:E,open:D,setOpen:function(e){void 0===O.open&&(j.value=e),R("update:open",e),R("open-change",e)}});const q=d(()=>{return(e=b.value,e?Array.isArray(e)?e:n(e)?null===e.end?[]:[e.start,e.end]:[e]:[]).map(l);var e}),A=g([]),I=O.value??O.defaultValue??t(O.selectionMode);return e(()=>A.value[0],()=>E(I)),k({checkValidity:()=>A.value[0]?.checkValidity()??!0,reportValidity:()=>A.value[0]?.reportValidity()??!0}),(e,a)=>(v(),p(i,null,[c(o,null,{default:C(()=>[h(e.$slots,"default")]),_:3}),m.name?(v(!0),p(i,{key:0},y(q.value.length>0?q.value:[""],(e,a)=>(v(),p("input",{key:a,ref_for:!0,ref_key:"hiddenEls",ref:A,type:"text","aria-hidden":"true",tabindex:"-1",name:m.name,"^value":e,required:m.required,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,V))),128)):s("",!0)],64))}});export{k as default};

package/dist/date-picker/DatePickerCalendar.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DatePickerCalendar.vue_vue_type_script_setup_true_lang.cjs");var a=e.default;exports.default=a;

package/dist/date-picker/DatePickerCalendar.vue.d.cts

@@ -0,0 +1,73 @@
+/**
+ * The `SkdxCalendar` root (all its ARIA `grid` semantics and keyboard
+ * navigation included), pre-wired to the `SkdxDatePicker`'s `value` and
+ * `selectionMode`. Accepts every `SkdxCalendar` prop except those two, which
+ * the date picker controls itself — compose it with the same `SkdxCalendar*`
+ * header/grid/cell parts you'd use with a standalone `SkdxCalendar`. Must be
+ * used inside `SkdxDatePicker`.
+ *
+ * The popup closes only on a *complete* selection: right away in `single`
+ * mode, once the second date closes the range in `range` mode, and never in
+ * `multiple` mode, where the user keeps picking until they dismiss it — and
+ * never at all past `granularity="day"`, where a `SkdxDatePickerTimeField`
+ * still has to be filled in.
+ */
+type __VLS_Props = {
+    /**
+     * Currently displayed month, for controlled calendar navigation.
+     * @default undefined — uncontrolled, tracks its own displayed month internally.
+     */
+    month?: Date;
+    /**
+     * Initially displayed month, for uncontrolled usage.
+     * @default undefined — defaults to the month containing today (or the selected value).
+     */
+    defaultMonth?: Date;
+    /**
+     * How many consecutive months to display, starting at `month`.
+     * @default 1 — via SkdxCalendar's own default when omitted.
+     */
+    numberOfMonths?: number;
+    /**
+     * BCP 47 tag used to derive month and weekday names, and the first day of the week.
+     * @default undefined — the runtime's own locale.
+     */
+    locale?: string;
+    /**
+     * Earliest selectable date; earlier days render disabled.
+     * @default undefined — no lower bound.
+     */
+    minDate?: Date;
+    /**
+     * Latest selectable date; later days render disabled.
+     * @default undefined — no upper bound.
+     */
+    maxDate?: Date;
+    /**
+     * First day of the week shown in the grid (0 = Sunday).
+     * @default undefined — derived from `locale` by SkdxCalendar.
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Predicate marking individual dates as unselectable, independent of `minDate`/`maxDate`.
+     * @default undefined — every in-range date is selectable.
+     */
+    disabled?: (date: Date) => boolean;
+    /**
+     * Predicate marking dates as unavailable — focusable and `aria-disabled`, but not selectable.
+     * @default undefined — every date is available.
+     */
+    isDateUnavailable?: (isoDate: string) => boolean;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerCalendar.vue.d.ts

@@ -0,0 +1,73 @@
+/**
+ * The `SkdxCalendar` root (all its ARIA `grid` semantics and keyboard
+ * navigation included), pre-wired to the `SkdxDatePicker`'s `value` and
+ * `selectionMode`. Accepts every `SkdxCalendar` prop except those two, which
+ * the date picker controls itself — compose it with the same `SkdxCalendar*`
+ * header/grid/cell parts you'd use with a standalone `SkdxCalendar`. Must be
+ * used inside `SkdxDatePicker`.
+ *
+ * The popup closes only on a *complete* selection: right away in `single`
+ * mode, once the second date closes the range in `range` mode, and never in
+ * `multiple` mode, where the user keeps picking until they dismiss it — and
+ * never at all past `granularity="day"`, where a `SkdxDatePickerTimeField`
+ * still has to be filled in.
+ */
+type __VLS_Props = {
+    /**
+     * Currently displayed month, for controlled calendar navigation.
+     * @default undefined — uncontrolled, tracks its own displayed month internally.
+     */
+    month?: Date;
+    /**
+     * Initially displayed month, for uncontrolled usage.
+     * @default undefined — defaults to the month containing today (or the selected value).
+     */
+    defaultMonth?: Date;
+    /**
+     * How many consecutive months to display, starting at `month`.
+     * @default 1 — via SkdxCalendar's own default when omitted.
+     */
+    numberOfMonths?: number;
+    /**
+     * BCP 47 tag used to derive month and weekday names, and the first day of the week.
+     * @default undefined — the runtime's own locale.
+     */
+    locale?: string;
+    /**
+     * Earliest selectable date; earlier days render disabled.
+     * @default undefined — no lower bound.
+     */
+    minDate?: Date;
+    /**
+     * Latest selectable date; later days render disabled.
+     * @default undefined — no upper bound.
+     */
+    maxDate?: Date;
+    /**
+     * First day of the week shown in the grid (0 = Sunday).
+     * @default undefined — derived from `locale` by SkdxCalendar.
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Predicate marking individual dates as unselectable, independent of `minDate`/`maxDate`.
+     * @default undefined — every in-range date is selectable.
+     */
+    disabled?: (date: Date) => boolean;
+    /**
+     * Predicate marking dates as unavailable — focusable and `aria-disabled`, but not selectable.
+     * @default undefined — every date is available.
+     */
+    isDateUnavailable?: (isoDate: string) => boolean;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerCalendar.vue.js

@@ -0,0 +1 @@
+import e from"./DatePickerCalendar.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/date-picker/DatePickerCalendar.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const i=require("../calendar/dateMath.cjs"),u=require("../calendar/Calendar.vue.cjs"),d=require("./context.cjs");let a=require("vue");var o=(0,a.defineComponent)({__name:"DatePickerCalendar",props:{month:{},defaultMonth:{},numberOfMonths:{},locale:{},minDate:{},maxDate:{},weekStartsOn:{},disabled:{type:Function},isDateUnavailable:{type:Function}},setup(e){const n=(0,a.inject)(d.DATE_PICKER_CONTEXT);if(!n)throw new Error("SkdxDatePickerCalendar must be used within SkdxDatePicker.");function l(t){return Array.isArray(t)?!1:i.isDateRange(t)?t.end!==null:t!==null}function r(t){n.onValueChange(t),n.granularity==="day"&&l(t)&&n.setOpen(!1)}return(t,s)=>((0,a.openBlock)(),(0,a.createBlock)(u.default,{class:"skdx-date-picker__calendar","data-part":"calendar",value:(0,a.unref)(n).value.value,"selection-mode":(0,a.unref)(n).selectionMode,month:e.month,"default-month":e.defaultMonth,"number-of-months":e.numberOfMonths,locale:e.locale,"min-date":e.minDate,"max-date":e.maxDate,"week-starts-on":e.weekStartsOn,disabled:e.disabled,"is-date-unavailable":e.isDateUnavailable,"onUpdate:value":r},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(t.$slots,"default")]),_:3},8,["value","selection-mode","month","default-month","number-of-months","locale","min-date","max-date","week-starts-on","disabled","is-date-unavailable"]))}});exports.default=o;

package/dist/date-picker/DatePickerCalendar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{isDateRange as e}from"../calendar/dateMath.js";import a from"../calendar/Calendar.vue.js";import{DATE_PICKER_CONTEXT as t}from"./context.js";import{createBlock as n,defineComponent as l,inject as o,openBlock as r,renderSlot as s,unref as d,withCtx as i}from"vue";var u=/* @__PURE__ */l({__name:"DatePickerCalendar",props:{month:{},defaultMonth:{},numberOfMonths:{},locale:{},minDate:{},maxDate:{},weekStartsOn:{},disabled:{type:Function},isDateUnavailable:{type:Function}},setup(l){const u=o(t);if(!u)throw new Error("SkdxDatePickerCalendar must be used within SkdxDatePicker.");function m(a){u.onValueChange(a),"day"===u.granularity&&function(a){return!Array.isArray(a)&&(e(a)?null!==a.end:null!==a)}(a)&&u.setOpen(!1)}return(e,t)=>(r(),n(a,{class:"skdx-date-picker__calendar","data-part":"calendar",value:d(u).value.value,"selection-mode":d(u).selectionMode,month:l.month,"default-month":l.defaultMonth,"number-of-months":l.numberOfMonths,locale:l.locale,"min-date":l.minDate,"max-date":l.maxDate,"week-starts-on":l.weekStartsOn,disabled:l.disabled,"is-date-unavailable":l.isDateUnavailable,"onUpdate:value":m},{default:i(()=>[s(e.$slots,"default")]),_:3},8,["value","selection-mode","month","default-month","number-of-months","locale","min-date","max-date","week-starts-on","disabled","is-date-unavailable"]))}});export{u as default};

package/dist/date-picker/DatePickerClose.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DatePickerClose.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/date-picker/DatePickerClose.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Closes the `SkdxDatePicker` popup on click without changing the selected
+ * date. Renders a `<button type="button">`. Must be used inside
+ * `SkdxDatePicker`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerClose.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Closes the `SkdxDatePicker` popup on click without changing the selected
+ * date. Renders a `<button type="button">`. Must be used inside
+ * `SkdxDatePicker`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerClose.vue.js

@@ -0,0 +1 @@
+import e from"./DatePickerClose.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/date-picker/DatePickerClose.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var c=(0,e.defineComponent)({__name:"DatePickerClose",setup(s){const t=(0,e.inject)(o.DATE_PICKER_CONTEXT);if(!t)throw new Error("SkdxDatePickerClose must be used within SkdxDatePicker.");function r(){t.setOpen(!1)}return(n,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-date-picker__close","data-part":"close",type:"button",onClick:r},[(0,e.renderSlot)(n.$slots,"default")]))}});exports.default=c;

package/dist/date-picker/DatePickerClose.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{DATE_PICKER_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as o,inject as s,openBlock as a,renderSlot as r}from"vue";var n=/* @__PURE__ */o({__name:"DatePickerClose",setup(o){const n=s(e);if(!n)throw new Error("SkdxDatePickerClose must be used within SkdxDatePicker.");function c(){n.setOpen(!1)}return(e,o)=>(a(),t("button",{class:"skdx-date-picker__close","data-part":"close",type:"button",onClick:c},[r(e.$slots,"default")]))}});export{n as default};

package/dist/date-picker/DatePickerContent.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DatePickerContent.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/date-picker/DatePickerContent.vue.d.cts

@@ -0,0 +1,69 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+/**
+ * Popup panel for a `SkdxDatePicker`, positioned relative to the trigger via
+ * floating-ui using `side` (defaults to `'bottom'`) / `align` (defaults to
+ * `'center'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
+ * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
+ * `false`. Renders a `<div>` with `data-state` and `data-side`/`data-align`
+ * from the popper. Closes on Escape (returning focus to the trigger) or on an
+ * outside interaction (pointer-down or focus moving out) unless
+ * `escape-key-down`/`pointer-down-outside`/`focus-outside`/`interact-outside`
+ * call `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the same
+ * event object, so one veto covers both. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxDatePicker`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the popup on. */
+    side?: Side;
+    /** Alignment of the popup relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the popup and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the popup to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * popup's clipping ancestors. Use it to keep the popup inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the popup's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerContent.vue.d.ts

@@ -0,0 +1,69 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+/**
+ * Popup panel for a `SkdxDatePicker`, positioned relative to the trigger via
+ * floating-ui using `side` (defaults to `'bottom'`) / `align` (defaults to
+ * `'center'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
+ * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
+ * `false`. Renders a `<div>` with `data-state` and `data-side`/`data-align`
+ * from the popper. Closes on Escape (returning focus to the trigger) or on an
+ * outside interaction (pointer-down or focus moving out) unless
+ * `escape-key-down`/`pointer-down-outside`/`focus-outside`/`interact-outside`
+ * call `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the same
+ * event object, so one veto covers both. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxDatePicker`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the popup on. */
+    side?: Side;
+    /** Alignment of the popup relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the popup and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the popup to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * popup's clipping ancestors. Use it to keep the popup inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the popup's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerContent.vue.js

@@ -0,0 +1 @@
+import e from"./DatePickerContent.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/date-picker/DatePickerContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const k=require("../utils/composeRefs.cjs"),P=require("../utils/useDismiss.cjs"),d=require("../utils/popper.cjs"),m=require("./context.cjs");let e=require("vue");var w=["id","data-state","data-side","data-align"],g=(0,e.defineComponent)({__name:"DatePickerContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(s,{emit:u}){const c=s,o=u,i=(0,e.inject)(m.DATE_PICKER_CONTEXT);if(!i)throw new Error("SkdxDatePickerContent must be used within SkdxDatePicker.");const n=i,a=(0,e.inject)(d.POPPER_CONTEXT);if(!a)throw new Error("SkdxDatePickerContent must be used within SkdxDatePicker.");const r=(0,e.ref)(null),l=k.composeRefs(r,n.contentRef);P.useDismiss({enabled:n.open,onEscapeKeyDown:t=>{o("escape-key-down",t),t.defaultPrevented||(n.setOpen(!1),n.triggerRef.value?.focus())},onPointerDownOutside:t=>{o("pointer-down-outside",t),t.defaultPrevented||n.setOpen(!1)},onFocusOutside:t=>{o("focus-outside",t),t.defaultPrevented||n.setOpen(!1)},onInteractOutside:t=>o("interact-outside",t)},[r,n.triggerRef]);const{style:f,placedSide:p,placedAlign:_}=d.usePopperPosition(a.anchor,r,n.open,c);return(t,y)=>s.forceMount||(0,e.unref)(n).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-date-picker__content","data-part":"content",id:(0,e.unref)(n).contentId,ref:(0,e.unref)(l),"data-state":(0,e.unref)(n).open.value?"open":"closed","data-side":(0,e.unref)(p),"data-align":(0,e.unref)(_),style:(0,e.normalizeStyle)((0,e.unref)(f))},[(0,e.renderSlot)(t.$slots,"default")],12,w)):(0,e.createCommentVNode)("",!0)}});exports.default=g;

package/dist/date-picker/DatePickerContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as t}from"../utils/useDismiss.js";import{POPPER_CONTEXT as o,usePopperPosition as s}from"../utils/popper.js";import{DATE_PICKER_CONTEXT as n}from"./context.js";import{createCommentVNode as a,createElementBlock as i,defineComponent as d,inject as r,normalizeStyle as l,openBlock as u,ref as c,renderSlot as f,unref as p}from"vue";var m=["id","data-state","data-side","data-align"],k=/* @__PURE__ */d({__name:"DatePickerContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(d,{emit:k}){const P=d,w=k,O=r(n);if(!O)throw new Error("SkdxDatePickerContent must be used within SkdxDatePicker.");const g=O,v=r(o);if(!v)throw new Error("SkdxDatePickerContent must be used within SkdxDatePicker.");const y=c(null),D=e(y,g.contentRef);t({enabled:g.open,onEscapeKeyDown:e=>{w("escape-key-down",e),e.defaultPrevented||(g.setOpen(!1),g.triggerRef.value?.focus())},onPointerDownOutside:e=>{w("pointer-down-outside",e),e.defaultPrevented||g.setOpen(!1)},onFocusOutside:e=>{w("focus-outside",e),e.defaultPrevented||g.setOpen(!1)},onInteractOutside:e=>w("interact-outside",e)},[y,g.triggerRef]);const{style:C,placedSide:E,placedAlign:x}=s(v.anchor,y,g.open,P);return(e,t)=>d.forceMount||p(g).open.value?(u(),i("div",{key:0,class:"skdx-date-picker__content","data-part":"content",id:p(g).contentId,ref:p(D),"data-state":p(g).open.value?"open":"closed","data-side":p(E),"data-align":p(x),style:l(p(C))},[f(e.$slots,"default")],12,m)):a("",!0)}});export{k as default};

package/dist/date-picker/DatePickerInput.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DatePickerInput.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/date-picker/DatePickerInput.vue.d.cts

@@ -0,0 +1,25 @@
+/**
+ * The typed-entry half of an `SkdxDatePicker`: an `SkdxDateField` pre-wired to
+ * the picker's `value` and `granularity`, so a date can be typed instead of
+ * clicked without the two halves drifting apart. Editing a segment updates the
+ * same selection the popup calendar reads, and picking a date in the calendar
+ * re-seeds the segments. Must be used inside `SkdxDatePicker`.
+ *
+ * Only meaningful in `selection-mode="single"` — a segmented field cannot
+ * express a range or a multi-selection, so it renders nothing in the other two
+ * modes rather than silently editing the wrong date.
+ *
+ * Every other `SkdxDateField` attribute (`aria-label`, `locale`, `hour-cycle`,
+ * `name`, `disabled`, …) falls through to the field.
+ *
+ * @example
+ * ```vue
+ * <SkdxDatePicker granularity="minute">
+ *   <SkdxDatePickerInput aria-label="Departure" />
+ *   <SkdxDatePickerTrigger>Pick</SkdxDatePickerTrigger>
+ * </SkdxDatePicker>
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/date-picker/DatePickerInput.vue.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The typed-entry half of an `SkdxDatePicker`: an `SkdxDateField` pre-wired to
+ * the picker's `value` and `granularity`, so a date can be typed instead of
+ * clicked without the two halves drifting apart. Editing a segment updates the
+ * same selection the popup calendar reads, and picking a date in the calendar
+ * re-seeds the segments. Must be used inside `SkdxDatePicker`.
+ *
+ * Only meaningful in `selection-mode="single"` — a segmented field cannot
+ * express a range or a multi-selection, so it renders nothing in the other two
+ * modes rather than silently editing the wrong date.
+ *
+ * Every other `SkdxDateField` attribute (`aria-label`, `locale`, `hour-cycle`,
+ * `name`, `disabled`, …) falls through to the field.
+ *
+ * @example
+ * ```vue
+ * <SkdxDatePicker granularity="minute">
+ *   <SkdxDatePickerInput aria-label="Departure" />
+ *   <SkdxDatePickerTrigger>Pick</SkdxDatePickerTrigger>
+ * </SkdxDatePicker>
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/date-picker/DatePickerInput.vue.js

@@ -0,0 +1 @@
+import e from"./DatePickerInput.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/date-picker/DatePickerInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const i=require("./context.cjs"),l=require("../date-field/DateField.vue.cjs");let e=require("vue");var o=(0,e.defineComponent)({inheritAttrs:!1,__name:"DatePickerInput",setup(s){const t=(0,e.inject)(i.DATE_PICKER_CONTEXT);if(!t)throw new Error("SkdxDatePickerInput must be used within SkdxDatePicker.");const u=(0,e.computed)(()=>t.value.value??null);return(n,r)=>(0,e.unref)(t).selectionMode==="single"?((0,e.openBlock)(),(0,e.createBlock)(l.default,(0,e.mergeProps)({key:0,class:"skdx-date-picker__input","data-part":"input"},n.$attrs,{granularity:(0,e.unref)(t).granularity,value:u.value,onValueChange:r[0]||(r[0]=a=>(0,e.unref)(t).onValueChange(a))}),null,16,["granularity","value"])):(0,e.createCommentVNode)("",!0)}});exports.default=o;

package/dist/date-picker/DatePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{DATE_PICKER_CONTEXT as e}from"./context.js";import a from"../date-field/DateField.vue.js";import{computed as t,createBlock as r,createCommentVNode as n,defineComponent as o,inject as s,mergeProps as u,openBlock as i,unref as l}from"vue";var c=/* @__PURE__ */o({inheritAttrs:!1,__name:"DatePickerInput",setup(o){const c=s(e);if(!c)throw new Error("SkdxDatePickerInput must be used within SkdxDatePicker.");const p=t(()=>c.value.value??null);return(e,t)=>"single"===l(c).selectionMode?(i(),r(a,u({key:0,class:"skdx-date-picker__input","data-part":"input"},e.$attrs,{granularity:l(c).granularity,value:p.value,onValueChange:t[0]||(t[0]=e=>l(c).onValueChange(e))}),null,16,["granularity","value"])):n("",!0)}});export{c as default};

package/dist/date-picker/DatePickerPortal.vue.cjs

@@ -0,0 +1 @@
+const e=require("./DatePickerPortal.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/date-picker/DatePickerPortal.vue.d.cts

@@ -0,0 +1,30 @@
+import type { PortalContainer } from '../utils/portal.cjs';
+/**
+ * Teleports `SkdxDatePickerContent` to `document.body` (or a custom `container`), so the popup escapes
+ * any clipping/`overflow` ancestors. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxDatePicker`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Render (and mount the content) even while closed, instead of unmounting. */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};