@featherk/ui 0.17.1 → 0.18.0

package/dist/picker/DateRangeField.vue.d.ts

@@ -0,0 +1,34 @@
+import { type SelectionRange } from "@progress/kendo-vue-dateinputs";
+import type { UseMaskedDateRangeInputReturn } from "@featherk/composables/range";
+import type { DateRangeFieldMessages } from "./types";
+type __VLS_Props = {
+    /** Return value of `useMaskedDateRangeInput`. */
+    input: UseMaskedDateRangeInputReturn;
+    label?: string;
+    /** Calendar bounds; default to the composable's `min`/`max`. */
+    min?: Date;
+    max?: Date;
+    messages?: DateRangeFieldMessages;
+    disabled?: boolean;
+    readonly?: boolean;
+    /** Hidden while disabled or readonly, since Kendo's clear button ignores both. */
+    showClearButton?: boolean;
+    /** Months shown in the calendar, 1 to 4 (default 4). */
+    views?: 1 | 2 | 3 | 4;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    /** Must be the same ref passed to `useMaskedDateRangeInput` as `externalValue`. */
+    modelValue?: SelectionRange | null | undefined;
+    /** Must be the same ref passed to the composable as `isOpen`. */
+    "show"?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectionRange) => any;
+    "update:show": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: SelectionRange) => any;
+    "onUpdate:show"?: (value: boolean) => any;
+}>, {
+    showClearButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/picker/TimeField.vue.d.ts

@@ -0,0 +1,28 @@
+import type { UseMaskedTimeInputReturn } from "@featherk/composables/time";
+import type { TimeFieldMessages } from "./types";
+type __VLS_Props = {
+    /** Return value of `useMaskedTimeInput`. */
+    input: UseMaskedTimeInputReturn;
+    label?: string;
+    /** Time list bounds; default to the composable's `min`/`max`. */
+    min?: Date;
+    max?: Date;
+    messages?: TimeFieldMessages;
+    /** Also applied to the masked input, which Kendo's picker does not reach. */
+    disabled?: boolean;
+    readonly?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    /** Must be the same ref passed to `useMaskedTimeInput` as `externalValue`. */
+    modelValue?: Date | string | null | undefined;
+    /** Must be the same ref the composable's `onShowPicker` opens. */
+    "show"?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Date) => any;
+    "update:show": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | Date) => any;
+    "onUpdate:show"?: (value: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/picker/errorKey.d.ts

@@ -0,0 +1 @@
+export declare const toErrorKey: <TKey extends string>(reason: string | undefined) => TKey | undefined;

package/dist/picker/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DateField } from "./DateField.vue";
+export { default as DateRangeField } from "./DateRangeField.vue";
+export { default as TimeField } from "./TimeField.vue";
+export type { DateFieldErrorKey, DateFieldMessages, DateRangeFieldErrorKey, DateRangeFieldMessages, TimeFieldErrorKey, TimeFieldMessages, } from "./types";

package/dist/picker/types.d.ts

@@ -0,0 +1,18 @@
+type FieldMessages<TKey extends string> = {
+    /** Input placeholder. */
+    placeholder?: string;
+    /** Hint shown under the input while there is no error. */
+    hint?: string;
+    /** Error text per error key. Keys left out use the composable's message. */
+    error?: Partial<Record<TKey, string>>;
+};
+/** Error keys for `DateField`: the composable's `reason`, with "incomplete" as "required". */
+export type DateFieldErrorKey = "required" | "invalid-date" | "out-of-bounds";
+/** Error keys for `TimeField`: the composable's `reason`, with "incomplete" as "required". */
+export type TimeFieldErrorKey = "required" | "invalid-time" | "out-of-bounds";
+/** Error keys for `DateRangeField`: the composable's `reason`, with "incomplete" as "required". */
+export type DateRangeFieldErrorKey = "required" | "invalid-date" | "out-of-bounds" | "reversed-range" | "span-exceeds-limit";
+export type DateFieldMessages = FieldMessages<DateFieldErrorKey>;
+export type TimeFieldMessages = FieldMessages<TimeFieldErrorKey>;
+export type DateRangeFieldMessages = FieldMessages<DateRangeFieldErrorKey>;
+export {};

package/dist/picker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("@progress/kendo-vue-dateinputs"),g=require("@progress/kendo-vue-inputs"),r=require("@progress/kendo-vue-labels"),b=require("@featherk/composables/trap"),C=require("./chunks/shared-BHFhmbuH.cjs"),V=require("@progress/kendo-vue-common"),M=require("@progress/kendo-vue-popup"),D=require("@progress/kendo-vue-tooltip"),N=require("@featherk/icons"),w=a=>a==="incomplete"?"required":a,T=e.defineComponent({inheritAttrs:!1,__name:"DateField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,u=e.useModel(a,"modelValue"),l=e.useModel(a,"show"),m=e.ref(null),v=e.computed(()=>l.value&&!t.disabled&&!t.readonly),s=e.computed(()=>`${t.input.id}-error`),f=e.computed(()=>`${t.input.id}-hint`),d=e.computed(()=>{const c=t.input.validationMessage.value;if(!c)return"";const n=w(t.input.reason.value);return n&&t.messages?.error?.[n]||c}),k=e.computed(()=>d.value?s.value:t.messages?.hint?f.value:void 0);return b.usePopupTrap({isOpen:v,onRequestClose:()=>l.value=!1,triggerEl:m}),(c,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:"fk-datepicker fkui-picker"},[a.label?(e.openBlock(),e.createBlock(e.unref(r.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.DatePicker),e.mergeProps({"fill-mode":"outline",rounded:"medium",size:"medium"},c.$attrs,{"model-value":u.value instanceof Date?u.value:void 0,"date-input":"masked",min:a.min??a.input.min??void 0,max:a.max??a.input.max??void 0,valid:a.input.isValid.value,"validation-message":d.value,disabled:a.disabled,show:v.value,"onUpdate:modelValue":n[0]||(n[0]=i=>u.value=i),onOpen:n[1]||(n[1]=i=>l.value=!a.readonly),onClose:n[2]||(n[2]=i=>l.value=!1)}),{masked:e.withCtx(()=>[e.createVNode(e.unref(g.MaskedTextBox),{id:a.input.id,mask:"00/00/0000",value:a.input.raw.value,placeholder:a.messages?.placeholder??a.input.placeholder.value,"show-clear-button":!1,disabled:a.disabled,readonly:a.readonly,"aria-described-by":k.value,"input-attributes":{"aria-invalid":!a.input.isValid.value},onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onClick:a.input.handleClick,onWheel:a.input.handleWheel,onBlur:a.input.handleBlur},null,8,["id","value","placeholder","disabled","readonly","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onClick","onWheel","onBlur"])]),_:1},16,["model-value","min","max","valid","validation-message","disabled","show"]),d.value?(e.openBlock(),e.createBlock(e.unref(r.Error),{key:1,id:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:2,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0)],512))}}),K=C._export_sfc(T,[["__scopeId","data-v-9598aad4"]]),$={class:"fk-daterangepicker fkui-picker"},S={class:"fkui-picker-row"},R=e.defineComponent({inheritAttrs:!1,__name:"DateRangeField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean},showClearButton:{type:Boolean,default:!0},views:{}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,u=e.useModel(a,"modelValue"),l=e.useModel(a,"show"),m=o=>u.value=o,v=e.ref(null),s=e.computed(()=>l.value&&!t.disabled&&!t.readonly),f=()=>{!t.disabled&&!t.readonly&&(l.value=!l.value)},d=e.computed(()=>{const o=Math.trunc(t.views??4);return Number.isFinite(o)?Math.min(Math.max(o,1),4):4}),k=e.computed(()=>`${t.input.id}-calendar`),c=e.computed(()=>`${t.input.id}-error`),n=e.computed(()=>`${t.input.id}-hint`),i=e.computed(()=>`${t.input.id}-span`),h=e.computed(()=>{if(t.input.validComputed.value!==!1)return"";const o=w(t.input.reason.value);return o&&t.messages?.error?.[o]||t.input.validationMessage.value}),x=e.computed(()=>{if(h.value)return c.value;const o=[t.input.validComputed.value&&t.input.spanDays.value?i.value:"",t.messages?.hint?n.value:""].filter(Boolean);return o.length?o.join(" "):void 0});return b.usePopupTrap({isOpen:s,onRequestClose:()=>l.value=!1,triggerEl:e.computed(()=>v.value?.$el??null),popupSelector:[".k-calendar",".k-popup"]}),(o,y)=>(e.openBlock(),e.createElementBlock("div",$,[a.label?(e.openBlock(),e.createBlock(e.unref(r.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createElementVNode("div",S,[e.createVNode(e.unref(g.MaskedTextBox),e.mergeProps({ref_key:"maskedTextBoxRef",ref:v,"fill-mode":"outline",rounded:"medium",size:"medium"},o.$attrs,{id:a.input.id,disabled:a.disabled,readonly:a.readonly,"show-clear-button":a.showClearButton&&!a.disabled&&!a.readonly,placeholder:a.messages?.placeholder??"Start Date - End Date",mask:"00/00/0000 - 00/00/0000",value:a.input.raw.value,valid:a.input.validComputed.value,"aria-described-by":x.value,"input-attributes":{"aria-invalid":a.input.validComputed.value===!1,"aria-haspopup":"grid","aria-expanded":s.value,"aria-controls":k.value},"input-suffix":"calendar-suffix",onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onWheel:a.input.handleWheel,onClick:a.input.handleClick,onBlur:a.input.handleBlur,onFocus:y[0]||(y[0]=B=>l.value=!1)}),{"calendar-suffix":e.withCtx(()=>[e.createVNode(e.unref(V.SvgIcon),{icon:e.unref(N.dateRangeIcon),class:"fkui-calendar-toggle",onMousedown:e.withModifiers(f,["prevent","stop"])},null,8,["icon"])]),_:1},16,["id","disabled","readonly","show-clear-button","placeholder","value","valid","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onWheel","onClick","onBlur"]),a.input.validComputed.value&&a.input.spanDays.value?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:0,id:i.value},{default:e.withCtx(()=>[e.createTextVNode(" ("+e.toDisplayString(a.input.spanDays.value)+" day"+e.toDisplayString(a.input.spanDays.value===1?"":"s")+") ",1)]),_:1},8,["id"])):e.createCommentVNode("",!0)]),h.value?(e.openBlock(),e.createBlock(e.unref(r.Error),{key:1,id:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:2,id:n.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(M.Popup),{anchor:"maskedTextBoxRef",show:s.value,animate:!1,class:"fkui-range-popup"},{default:e.withCtx(()=>[e.createVNode(e.unref(D.Tooltip),{"anchor-element":"pointer",position:"top","open-delay":280,"parent-title":!0},{default:e.withCtx(()=>[e.createVNode(e.unref(p.Calendar),{id:k.value,"model-value":u.value??void 0,class:"fkui-range-calendar",mode:"range","allow-reverse":!1,views:d.value,min:a.min??a.input.min,max:a.max??a.input.max,"onUpdate:modelValue":m,onChange:a.input.onCalendarChange,onKeydown:y[1]||(y[1]=e.withKeys(B=>l.value=!1,["escape"]))},null,8,["id","model-value","views","min","max","onChange"])]),_:1})]),_:1},8,["show"])]))}}),q=C._export_sfc(R,[["__scopeId","data-v-43893bc7"]]),I=e.defineComponent({inheritAttrs:!1,__name:"TimeField",props:e.mergeModels({input:{},label:{},min:{},max:{},messages:{},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{},show:{type:Boolean,default:!1},showModifiers:{}}),emits:["update:modelValue","update:show"],setup(a){const t=a,u=e.useModel(a,"modelValue"),l=e.useModel(a,"show"),m=e.ref(null),v=e.computed(()=>l.value&&!t.disabled&&!t.readonly),s=e.computed(()=>`${t.input.id}-error`),f=e.computed(()=>`${t.input.id}-hint`),d=e.computed(()=>{const n=t.input.validationMessage.value;if(!n)return"";const i=w(t.input.reason.value);return i&&t.messages?.error?.[i]||n}),k=e.computed(()=>d.value?s.value:t.messages?.hint?f.value:void 0),c=b.usePopupTrap({isOpen:v,onRequestClose:()=>l.value=!1,triggerEl:m,popupSelector:[".k-timeselector",".k-popup"],focusTrapOptions:{setReturnFocus:()=>c.lastCloseReason.value==="outside"?!1:m.value?.querySelector("input")??!1}});return(n,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:"fk-timepicker fkui-picker"},[a.label?(e.openBlock(),e.createBlock(e.unref(r.Label),{key:0,"editor-id":a.input.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1},8,["editor-id"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.TimePicker),e.mergeProps({"fill-mode":"outline",rounded:"medium",size:"medium",format:"hh:mm a"},n.$attrs,{"model-value":u.value instanceof Date?u.value:void 0,"date-input":"masked",min:a.min??a.input.min??void 0,max:a.max??a.input.max??void 0,valid:a.input.isValid.value,"validation-message":d.value,disabled:a.disabled,show:v.value,onChange:a.input.handleChange,"onUpdate:modelValue":i[0]||(i[0]=h=>u.value=h),onOpen:i[1]||(i[1]=h=>l.value=!a.readonly),onClose:i[2]||(i[2]=h=>l.value=!1)}),{masked:e.withCtx(()=>[e.createVNode(e.unref(g.MaskedTextBox),{id:a.input.id,mask:"Hh:Mm Aa",rules:a.input.rules,value:a.input.raw.value,placeholder:a.messages?.placeholder??a.input.placeholder.value,"show-clear-button":!1,disabled:a.disabled,readonly:a.readonly,"aria-described-by":k.value,"input-attributes":{"aria-invalid":!a.input.isValid.value},onChange:a.input.handleChange,onKeydown:a.input.handleKeyDown,onKeyup:a.input.handleKeyUp,onClick:a.input.handleClick,onWheel:a.input.handleWheel,onBlur:a.input.handleBlur},null,8,["id","rules","value","placeholder","disabled","readonly","aria-described-by","input-attributes","onChange","onKeydown","onKeyup","onClick","onWheel","onBlur"])]),_:1},16,["model-value","min","max","valid","validation-message","disabled","show","onChange"]),d.value?(e.openBlock(),e.createBlock(e.unref(r.Error),{key:1,id:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1},8,["id"])):a.messages?.hint?(e.openBlock(),e.createBlock(e.unref(r.Hint),{key:2,id:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.messages.hint),1)]),_:1},8,["id"])):e.createCommentVNode("",!0)],512))}}),E=C._export_sfc(I,[["__scopeId","data-v-33cb65f4"]]);exports.DateField=K;exports.DateRangeField=q;exports.TimeField=E;
+//# sourceMappingURL=picker.cjs.map

package/dist/picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.cjs","sources":["../src/picker/errorKey.ts","../src/picker/DateField.vue","../src/picker/DateRangeField.vue","../src/picker/TimeField.vue"],"sourcesContent":["// The composables report a missing value as \"incomplete\"; messages call it\n// \"required\" to match USAddressMessages.\nexport const toErrorKey = <TKey extends string>(reason: string | undefined) =>\n  (reason === \"incomplete\" ? \"required\" : reason) as TKey | undefined;\n","<template>\n  <div ref=\"rootRef\" class=\"fk-datepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <DatePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"00/00/0000\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </DatePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { DatePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateInputReturn } from \"@featherk/composables/date\";\nimport type { DateFieldMessages, DateFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedDateInput`. */\n  input: UseMaskedDateInputReturn;\n  label?: string;\n  /** Calendar bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: DateFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedDateInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowCalendar` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<DateFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n","<template>\n  <div class=\"fk-daterangepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <div class=\"fkui-picker-row\">\n      <MaskedTextBox\n        ref=\"maskedTextBoxRef\"\n        fill-mode=\"outline\"\n        rounded=\"medium\"\n        size=\"medium\"\n        v-bind=\"$attrs\"\n        :id=\"input.id\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        :show-clear-button=\"showClearButton && !disabled && !readonly\"\n        :placeholder=\"messages?.placeholder ?? 'Start Date - End Date'\"\n        mask=\"00/00/0000 - 00/00/0000\"\n        :value=\"input.raw.value\"\n        :valid=\"input.validComputed.value\"\n        :aria-described-by=\"describedBy\"\n        :input-attributes=\"{\n          'aria-invalid': input.validComputed.value === false,\n          'aria-haspopup': 'grid',\n          'aria-expanded': isOpen,\n          'aria-controls': calendarId,\n        }\"\n        input-suffix=\"calendar-suffix\"\n        @change=\"input.handleChange\"\n        @keydown=\"input.handleKeyDown\"\n        @keyup=\"input.handleKeyUp\"\n        @wheel=\"input.handleWheel\"\n        @click=\"input.handleClick\"\n        @blur=\"input.handleBlur\"\n        @focus=\"show = false\"\n      >\n        <template #calendar-suffix>\n          <!-- mousedown.prevent keeps focus in the input; keyboard users open the calendar from the input. -->\n          <SvgIcon\n            :icon=\"dateRangeIcon\"\n            class=\"fkui-calendar-toggle\"\n            @mousedown.prevent.stop=\"toggleCalendar\"\n          />\n        </template>\n      </MaskedTextBox>\n      <Hint\n        v-if=\"input.validComputed.value && input.spanDays.value\"\n        :id=\"spanId\"\n      >\n        ({{ input.spanDays.value }} day{{\n          input.spanDays.value === 1 ? \"\" : \"s\"\n        }})\n      </Hint>\n    </div>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n\n    <Popup\n      anchor=\"maskedTextBoxRef\"\n      :show=\"isOpen\"\n      :animate=\"false\"\n      class=\"fkui-range-popup\"\n    >\n      <Tooltip\n        anchor-element=\"pointer\"\n        position=\"top\"\n        :open-delay=\"280\"\n        :parent-title=\"true\"\n      >\n        <Calendar\n          :id=\"calendarId\"\n          :model-value=\"model ?? undefined\"\n          class=\"fkui-range-calendar\"\n          mode=\"range\"\n          :allow-reverse=\"false\"\n          :views=\"calendarViews\"\n          :min=\"min ?? input.min\"\n          :max=\"max ?? input.max\"\n          @update:model-value=\"onCalendarValue\"\n          @change=\"input.onCalendarChange\"\n          @keydown.escape=\"show = false\"\n        />\n      </Tooltip>\n    </Popup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Calendar, type SelectionRange } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { SvgIcon } from \"@progress/kendo-vue-common\";\nimport { Popup } from \"@progress/kendo-vue-popup\";\nimport { Tooltip } from \"@progress/kendo-vue-tooltip\";\nimport { dateRangeIcon } from \"@featherk/icons\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateRangeInputReturn } from \"@featherk/composables/range\";\nimport type { DateRangeFieldErrorKey, DateRangeFieldMessages } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Return value of `useMaskedDateRangeInput`. */\n    input: UseMaskedDateRangeInputReturn;\n    label?: string;\n    /** Calendar bounds; default to the composable's `min`/`max`. */\n    min?: Date;\n    max?: Date;\n    messages?: DateRangeFieldMessages;\n    disabled?: boolean;\n    readonly?: boolean;\n    /** Hidden while disabled or readonly, since Kendo's clear button ignores both. */\n    showClearButton?: boolean;\n    /** Months shown in the calendar, 1 to 4 (default 4). */\n    views?: 1 | 2 | 3 | 4;\n  }>(),\n  { showClearButton: true },\n);\n\n/** Must be the same ref passed to `useMaskedDateRangeInput` as `externalValue`. */\nconst model = defineModel<SelectionRange | null | undefined>();\n/** Must be the same ref passed to the composable as `isOpen`. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\n// Kendo Calendar's model type has no null, and in range mode it always emits a SelectionRange.\nconst onCalendarValue = (value: unknown) =>\n  (model.value = value as SelectionRange);\n\nconst maskedTextBoxRef = ref<InstanceType<typeof MaskedTextBox> | null>(null);\n\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\n\nconst toggleCalendar = () => {\n  if (!props.disabled && !props.readonly) show.value = !show.value;\n};\n\n// Clamped for untyped callers; the external styles are laid out for at most four months.\nconst calendarViews = computed(() => {\n  const views = Math.trunc(props.views ?? 4);\n  return Number.isFinite(views) ? Math.min(Math.max(views, 1), 4) : 4;\n});\n\nconst calendarId = computed(() => `${props.input.id}-calendar`);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\nconst spanId = computed(() => `${props.input.id}-span`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  if (props.input.validComputed.value !== false) return \"\";\n  const key = toErrorKey<DateRangeFieldErrorKey>(props.input.reason.value);\n  return (\n    (key && props.messages?.error?.[key]) || props.input.validationMessage.value\n  );\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  const ids = [\n    props.input.validComputed.value && props.input.spanDays.value\n      ? spanId.value\n      : \"\",\n    props.messages?.hint ? hintId.value : \"\",\n  ].filter(Boolean);\n  return ids.length ? ids.join(\" \") : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: computed(\n    () => (maskedTextBoxRef.value?.$el as HTMLElement | undefined) ?? null,\n  ),\n  popupSelector: [\".k-calendar\", \".k-popup\"],\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.fkui-picker-row {\n  display: inline-flex;\n  align-items: center;\n  gap: 1em;\n}\n.fkui-range-calendar {\n  overscroll-behavior: contain;\n}\n</style>\n","<template>\n  <div ref=\"rootRef\" class=\"fk-timepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <TimePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      format=\"hh:mm a\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @change=\"input.handleChange\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"Hh:Mm Aa\"\n          :rules=\"input.rules\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </TimePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { TimePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedTimeInputReturn } from \"@featherk/composables/time\";\nimport type { TimeFieldMessages, TimeFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedTimeInput`. */\n  input: UseMaskedTimeInputReturn;\n  label?: string;\n  /** Time list bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: TimeFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedTimeInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowPicker` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<TimeFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nconst trap = usePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n  popupSelector: [\".k-timeselector\", \".k-popup\"],\n  focusTrapOptions: {\n    // TimePicker focuses its time list before the trap activates, so the\n    // trap's default return target is removed with the popup (Set, Now, Cancel).\n    setReturnFocus: () =>\n      trap.lastCloseReason.value === \"outside\"\n        ? false\n        : (rootRef.value?.querySelector(\"input\") ?? false),\n  },\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n"],"names":["toErrorKey","reason","props","__props","model","_useModel","show","rootRef","ref","isOpen","computed","errorId","hintId","errorMessage","fallback","key","describedBy","usePopupTrap","_createElementBlock","_createBlock","_unref","Label","_createVNode","_mergeProps","$attrs","_cache","$event","MaskedTextBox","Error","Hint","_createTextVNode","_toDisplayString","onCalendarValue","value","maskedTextBoxRef","toggleCalendar","calendarViews","views","calendarId","spanId","ids","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","SvgIcon","dateRangeIcon","Popup","Tooltip","Calendar","trap"],"mappings":"0cAEaA,EAAmCC,GAC7CA,IAAW,aAAe,WAAaA,kTCsD1C,MAAMC,EAAQC,EAcRC,EAAQC,EAAAA,SAA6CF,EAAA,YAAC,EAEtDG,EAAOD,EAAAA,SAAoBF,EAAC,MAA0B,EAEtDI,EAAUC,EAAAA,IAAwB,IAAI,EAEtCC,EAASC,WAAS,IAAMJ,EAAK,OAAS,CAACJ,EAAM,UAAY,CAACA,EAAM,QAAQ,EACxES,EAAUD,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,QAAQ,EAClDU,EAASF,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,OAAO,EAGhDW,EAAeH,EAAAA,SAAS,IAAM,CAClC,MAAMI,EAAWZ,EAAM,MAAM,kBAAkB,MAC/C,GAAI,CAACY,EAAU,MAAO,GACtB,MAAMC,EAAMf,EAA8BE,EAAM,MAAM,OAAO,KAAK,EAClE,OAAQa,GAAOb,EAAM,UAAU,QAAQa,CAAG,GAAMD,CAClD,CAAC,EAEKE,EAAcN,EAAAA,SAAS,IACvBG,EAAa,MAAcF,EAAQ,MAChCT,EAAM,UAAU,KAAOU,EAAO,MAAQ,MAC9C,EAEDK,OAAAA,eAAa,CACX,OAAAR,EACA,eAAgB,IAAOH,EAAK,MAAQ,GACpC,UAAWC,CAAA,CACZ,wBAjGCW,EAAAA,mBAyCM,MAAA,SAzCG,UAAJ,IAAIX,EAAU,MAAM,2BAAA,GACVJ,EAAA,qBAAbgB,EAAAA,YAA6DC,EAAAA,MAAAC,EAAAA,KAAA,EAAA,OAAxC,YAAWlB,EAAA,MAAM,EAAA,qBAAI,IAAW,qCAARA,EAAA,KAAK,EAAA,CAAA,CAAA,sDAClDmB,EAAAA,YAoCaF,EAAAA,oBApCbG,aAoCa,CAnCX,YAAU,UACV,QAAQ,SACR,KAAK,QAAA,EACGC,EAAAA,OAAM,CACb,cAAapB,EAAA,iBAAiB,KAAOA,EAAA,MAAQ,OAC9C,aAAW,SACV,IAAKD,EAAA,KAAOA,QAAM,KAAO,OACzB,IAAKA,EAAA,KAAOA,QAAM,KAAO,OACzB,MAAOA,EAAA,MAAM,QAAQ,MACrB,qBAAoBU,EAAA,MACpB,SAAUV,EAAA,SACV,KAAMM,EAAA,MACN,sBAAkBgB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEtB,EAAA,MAAQsB,GAC5B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEpB,EAAA,MAAI,CAAIH,EAAA,UACd,uBAAOG,EAAA,MAAI,GAAA,IAED,iBACT,IAgBE,CAhBFgB,cAgBEF,EAAAA,MAAAO,EAAAA,aAAA,EAAA,CAfC,GAAIxB,EAAA,MAAM,GACX,KAAK,aACJ,MAAOA,EAAA,MAAM,IAAI,MACjB,YAAaA,YAAU,aAAeA,EAAA,MAAM,YAAY,MACxD,oBAAmB,GACnB,SAAUA,EAAA,SACV,SAAUA,EAAA,SACV,oBAAmBa,EAAA,MACnB,mBAAgB,CAAA,eAAA,CAAqBb,EAAA,MAAM,QAAQ,KAAA,EACnD,SAAQA,EAAA,MAAM,aACd,UAASA,EAAA,MAAM,cACf,QAAOA,EAAA,MAAM,YACb,QAAOA,EAAA,MAAM,YACb,QAAOA,EAAA,MAAM,YACb,OAAMA,EAAA,MAAM,UAAA,wPAINU,EAAA,qBAAbM,EAAAA,YAAmEC,EAAAA,MAAAQ,EAAAA,KAAA,EAAA,OAAvC,GAAIjB,EAAA,KAAA,qBAAS,IAAkB,qCAAfE,EAAA,KAAY,EAAA,CAAA,CAAA,mBACvCV,EAAA,UAAU,oBAA3BgB,EAAAA,YAAwEC,EAAAA,MAAAS,EAAAA,IAAA,EAAA,OAAtC,GAAIjB,EAAA,KAAA,qBAAQ,IAAmB,CAAhBkB,EAAAA,gBAAAC,EAAAA,gBAAA5B,EAAA,SAAS,IAAI,EAAA,CAAA,CAAA,6hBC4DlE,MAAMD,EAAQC,EAoBRC,EAAQC,EAAAA,SAA8CF,EAAA,YAAC,EAEvDG,EAAOD,EAAAA,SAAoBF,EAAC,MAA0B,EAGtD6B,EAAmBC,GACtB7B,EAAM,MAAQ6B,EAEXC,EAAmB1B,EAAAA,IAA+C,IAAI,EAGtEC,EAASC,WAAS,IAAMJ,EAAK,OAAS,CAACJ,EAAM,UAAY,CAACA,EAAM,QAAQ,EAExEiC,EAAiB,IAAM,CACvB,CAACjC,EAAM,UAAY,CAACA,EAAM,WAAUI,EAAK,MAAQ,CAACA,EAAK,MAC7D,EAGM8B,EAAgB1B,EAAAA,SAAS,IAAM,CACnC,MAAM2B,EAAQ,KAAK,MAAMnC,EAAM,OAAS,CAAC,EACzC,OAAO,OAAO,SAASmC,CAAK,EAAI,KAAK,IAAI,KAAK,IAAIA,EAAO,CAAC,EAAG,CAAC,EAAI,CACpE,CAAC,EAEKC,EAAa5B,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,WAAW,EACxDS,EAAUD,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,QAAQ,EAClDU,EAASF,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,OAAO,EAChDqC,EAAS7B,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,OAAO,EAGhDW,EAAeH,EAAAA,SAAS,IAAM,CAClC,GAAIR,EAAM,MAAM,cAAc,QAAU,GAAO,MAAO,GACtD,MAAMa,EAAMf,EAAmCE,EAAM,MAAM,OAAO,KAAK,EACvE,OACGa,GAAOb,EAAM,UAAU,QAAQa,CAAG,GAAMb,EAAM,MAAM,kBAAkB,KAE3E,CAAC,EAEKc,EAAcN,EAAAA,SAAS,IAAM,CACjC,GAAIG,EAAa,MAAO,OAAOF,EAAQ,MACvC,MAAM6B,EAAM,CACVtC,EAAM,MAAM,cAAc,OAASA,EAAM,MAAM,SAAS,MACpDqC,EAAO,MACP,GACJrC,EAAM,UAAU,KAAOU,EAAO,MAAQ,EAAA,EACtC,OAAO,OAAO,EAChB,OAAO4B,EAAI,OAASA,EAAI,KAAK,GAAG,EAAI,MACtC,CAAC,EAEDvB,OAAAA,eAAa,CACX,OAAAR,EACA,eAAgB,IAAOH,EAAK,MAAQ,GACpC,UAAWI,EAAAA,SACT,IAAOwB,EAAiB,OAAO,KAAmC,IAAA,EAEpE,cAAe,CAAC,cAAe,UAAU,CAAA,CAC1C,UA/KCO,YAAA,EAAAvB,qBAiFM,MAjFNwB,EAiFM,CAhFSvC,EAAA,qBAAbgB,EAAAA,YAA6DC,EAAAA,MAAAC,EAAAA,KAAA,EAAA,OAAxC,YAAWlB,EAAA,MAAM,EAAA,qBAAI,IAAW,qCAARA,EAAA,KAAK,EAAA,CAAA,CAAA,sDAClDwC,EAAAA,mBAgDM,MAhDNC,EAgDM,CA/CJtB,EAAAA,YAsCgBF,EAAAA,uBAtChBG,aAsCgB,SArCV,mBAAJ,IAAIW,EACJ,YAAU,UACV,QAAQ,SACR,KAAK,QAAA,EACGV,EAAAA,OAAM,CACb,GAAIrB,EAAA,MAAM,GACV,SAAUA,EAAA,SACV,SAAUA,EAAA,SACV,oBAAmBA,EAAA,iBAAe,CAAKA,EAAA,WAAaA,EAAA,SACpD,YAAaA,EAAA,UAAU,aAAW,wBACnC,KAAK,0BACJ,MAAOA,EAAA,MAAM,IAAI,MACjB,MAAOA,EAAA,MAAM,cAAc,MAC3B,oBAAmBa,EAAA,MACnB,mBAAgB,gBAA8Bb,EAAA,MAAM,cAAc,QAAK,0CAA0EM,EAAA,sBAAmC6B,EAAA,KAAA,EAMrL,eAAa,kBACZ,SAAQnC,EAAA,MAAM,aACd,UAASA,EAAA,MAAM,cACf,QAAOA,EAAA,MAAM,YACb,QAAOA,EAAA,MAAM,YACb,QAAOA,EAAA,MAAM,YACb,OAAMA,EAAA,MAAM,WACZ,uBAAOG,EAAA,MAAI,GAAA,IAED,4BAET,IAIE,CAJFgB,cAIEF,EAAAA,MAAAyB,EAAAA,OAAA,EAAA,CAHC,KAAMzB,EAAAA,MAAA0B,eAAA,EACP,MAAM,uBACL,4BAAwBX,EAAc,CAAA,UAAA,MAAA,CAAA,CAAA,kNAKrChC,EAAA,MAAM,cAAc,OAASA,EAAA,MAAM,SAAS,qBADpDgB,EAAAA,YAOOC,EAAAA,MAAAS,EAAAA,IAAA,EAAA,OALJ,GAAIU,EAAA,KAAA,qBACN,IACE,CADFT,kBAAA,KACEC,EAAAA,gBAAG5B,EAAA,MAAM,SAAS,KAAK,EAAG,OAAI4B,EAAAA,gBAC7B5B,QAAM,SAAS,kBACf,KACJ,CAAA,CAAA,iDAEWU,EAAA,qBAAbM,EAAAA,YAAmEC,EAAAA,MAAAQ,EAAAA,KAAA,EAAA,OAAvC,GAAIjB,EAAA,KAAA,qBAAS,IAAkB,qCAAfE,EAAA,KAAY,EAAA,CAAA,CAAA,mBACvCV,EAAA,UAAU,oBAA3BgB,EAAAA,YAAwEC,EAAAA,MAAAS,EAAAA,IAAA,EAAA,OAAtC,GAAIjB,EAAA,KAAA,qBAAQ,IAAmB,CAAhBkB,EAAAA,gBAAAC,EAAAA,gBAAA5B,EAAA,SAAS,IAAI,EAAA,CAAA,CAAA,+CAE9DmB,cA0BQF,EAAAA,MAAA2B,EAAAA,KAAA,EAAA,CAzBN,OAAO,mBACN,KAAMtC,EAAA,MACN,QAAS,GACV,MAAM,kBAAA,qBAEN,IAmBU,CAnBVa,cAmBUF,EAAAA,MAAA4B,EAAAA,OAAA,EAAA,CAlBR,iBAAe,UACf,SAAS,MACR,aAAY,IACZ,eAAc,EAAA,qBAEf,IAYE,CAZF1B,cAYEF,EAAAA,MAAA6B,EAAAA,QAAA,EAAA,CAXC,GAAIX,EAAA,MACJ,cAAalC,EAAA,OAAS,OACvB,MAAM,sBACN,KAAK,QACJ,gBAAe,GACf,MAAOgC,EAAA,MACP,IAAKjC,EAAA,KAAOA,EAAA,MAAM,IAClB,IAAKA,EAAA,KAAOA,EAAA,MAAM,IAClB,sBAAoB6B,EACpB,SAAQ7B,EAAA,MAAM,iBACd,oCAAgBG,EAAA,MAAI,GAAA,CAAA,QAAA,CAAA,EAAA,ocClB/B,MAAMJ,EAAQC,EAcRC,EAAQC,EAAAA,SAA6CF,EAAA,YAAC,EAEtDG,EAAOD,EAAAA,SAAoBF,EAAC,MAA0B,EAEtDI,EAAUC,EAAAA,IAAwB,IAAI,EAEtCC,EAASC,WAAS,IAAMJ,EAAK,OAAS,CAACJ,EAAM,UAAY,CAACA,EAAM,QAAQ,EACxES,EAAUD,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,QAAQ,EAClDU,EAASF,EAAAA,SAAS,IAAM,GAAGR,EAAM,MAAM,EAAE,OAAO,EAGhDW,EAAeH,EAAAA,SAAS,IAAM,CAClC,MAAMI,EAAWZ,EAAM,MAAM,kBAAkB,MAC/C,GAAI,CAACY,EAAU,MAAO,GACtB,MAAMC,EAAMf,EAA8BE,EAAM,MAAM,OAAO,KAAK,EAClE,OAAQa,GAAOb,EAAM,UAAU,QAAQa,CAAG,GAAMD,CAClD,CAAC,EAEKE,EAAcN,EAAAA,SAAS,IACvBG,EAAa,MAAcF,EAAQ,MAChCT,EAAM,UAAU,KAAOU,EAAO,MAAQ,MAC9C,EAEKsC,EAAOjC,EAAAA,aAAa,CACxB,OAAAR,EACA,eAAgB,IAAOH,EAAK,MAAQ,GACpC,UAAWC,EACX,cAAe,CAAC,kBAAmB,UAAU,EAC7C,iBAAkB,CAGhB,eAAgB,IACd2C,EAAK,gBAAgB,QAAU,UAC3B,GACC3C,EAAQ,OAAO,cAAc,OAAO,GAAK,EAAA,CAClD,CACD,8BA7GCW,EAAAA,mBA4CM,MAAA,SA5CG,UAAJ,IAAIX,EAAU,MAAM,2BAAA,GACVJ,EAAA,qBAAbgB,EAAAA,YAA6DC,EAAAA,MAAAC,EAAAA,KAAA,EAAA,OAAxC,YAAWlB,EAAA,MAAM,EAAA,qBAAI,IAAW,qCAARA,EAAA,KAAK,EAAA,CAAA,CAAA,sDAClDmB,EAAAA,YAuCaF,EAAAA,oBAvCbG,aAuCa,CAtCX,YAAU,UACV,QAAQ,SACR,KAAK,SACL,OAAO,SAAA,EACCC,EAAAA,OAAM,CACb,cAAapB,EAAA,iBAAiB,KAAOA,EAAA,MAAQ,OAC9C,aAAW,SACV,IAAKD,EAAA,KAAOA,QAAM,KAAO,OACzB,IAAKA,EAAA,KAAOA,QAAM,KAAO,OACzB,MAAOA,EAAA,MAAM,QAAQ,MACrB,qBAAoBU,EAAA,MACpB,SAAUV,EAAA,SACV,KAAMM,EAAA,MACN,SAAQN,EAAA,MAAM,aACd,sBAAkBsB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEtB,EAAA,MAAQsB,GAC5B,OAAID,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEpB,EAAA,MAAI,CAAIH,EAAA,UACd,uBAAOG,EAAA,MAAI,GAAA,IAED,iBACT,IAiBE,CAjBFgB,cAiBEF,EAAAA,MAAAO,EAAAA,aAAA,EAAA,CAhBC,GAAIxB,EAAA,MAAM,GACX,KAAK,WACJ,MAAOA,EAAA,MAAM,MACb,MAAOA,EAAA,MAAM,IAAI,MACjB,YAAaA,YAAU,aAAeA,EAAA,MAAM,YAAY,MACxD,oBAAmB,GACnB,SAAUA,EAAA,SACV,SAAUA,EAAA,SACV,oBAAmBa,EAAA,MACnB,mBAAgB,CAAA,eAAA,CAAqBb,EAAA,MAAM,QAAQ,KAAA,EACnD,SAAQA,EAAA,MAAM,aACd,UAASA,EAAA,MAAM,cACf,QAAOA,EAAA,MAAM,YACb,QAAOA,EAAA,MAAM,YACb,QAAOA,EAAA,MAAM,YACb,OAAMA,EAAA,MAAM,UAAA,2QAINU,EAAA,qBAAbM,EAAAA,YAAmEC,EAAAA,MAAAQ,EAAAA,KAAA,EAAA,OAAvC,GAAIjB,EAAA,KAAA,qBAAS,IAAkB,qCAAfE,EAAA,KAAY,EAAA,CAAA,CAAA,mBACvCV,EAAA,UAAU,oBAA3BgB,EAAAA,YAAwEC,EAAAA,MAAAS,EAAAA,IAAA,EAAA,OAAtC,GAAIjB,EAAA,KAAA,qBAAQ,IAAmB,CAAhBkB,EAAAA,gBAAAC,EAAAA,gBAAA5B,EAAA,SAAS,IAAI,EAAA,CAAA,CAAA"}

package/dist/picker.mjs

@@ -0,0 +1,384 @@
+import "./chunks/picker.css";import { defineComponent as M, useModel as B, ref as $, computed as n, openBlock as o, createElementBlock as D, createBlock as c, unref as l, withCtx as u, createTextVNode as f, toDisplayString as m, createCommentVNode as p, createVNode as g, mergeProps as R, mergeModels as I, createElementVNode as N, withModifiers as P, withKeys as A } from "vue";
+import { DatePicker as z, Calendar as H, TimePicker as j } from "@progress/kendo-vue-dateinputs";
+import { MaskedTextBox as T } from "@progress/kendo-vue-inputs";
+import { Label as F, Error as W, Hint as K } from "@progress/kendo-vue-labels";
+import { usePopupTrap as E } from "@featherk/composables/trap";
+import { _ as O } from "./chunks/shared-CHgC5LLL.mjs";
+import { SvgIcon as L } from "@progress/kendo-vue-common";
+import { Popup as G } from "@progress/kendo-vue-popup";
+import { Tooltip as J } from "@progress/kendo-vue-tooltip";
+import { dateRangeIcon as Q } from "@featherk/icons";
+const S = (e) => e === "incomplete" ? "required" : e, X = /* @__PURE__ */ M({
+  inheritAttrs: !1,
+  __name: "DateField",
+  props: /* @__PURE__ */ I({
+    input: {},
+    label: {},
+    min: {},
+    max: {},
+    messages: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {},
+    show: { type: Boolean, default: !1 },
+    showModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:show"],
+  setup(e) {
+    const a = e, v = B(e, "modelValue"), t = B(e, "show"), k = $(null), b = n(() => t.value && !a.disabled && !a.readonly), h = n(() => `${a.input.id}-error`), w = n(() => `${a.input.id}-hint`), r = n(() => {
+      const y = a.input.validationMessage.value;
+      if (!y) return "";
+      const i = S(a.input.reason.value);
+      return i && a.messages?.error?.[i] || y;
+    }), x = n(() => r.value ? h.value : a.messages?.hint ? w.value : void 0);
+    return E({
+      isOpen: b,
+      onRequestClose: () => t.value = !1,
+      triggerEl: k
+    }), (y, i) => (o(), D("div", {
+      ref_key: "rootRef",
+      ref: k,
+      class: "fk-datepicker fkui-picker"
+    }, [
+      e.label ? (o(), c(l(F), {
+        key: 0,
+        "editor-id": e.input.id
+      }, {
+        default: u(() => [
+          f(m(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["editor-id"])) : p("", !0),
+      g(l(z), R({
+        "fill-mode": "outline",
+        rounded: "medium",
+        size: "medium"
+      }, y.$attrs, {
+        "model-value": v.value instanceof Date ? v.value : void 0,
+        "date-input": "masked",
+        min: e.min ?? e.input.min ?? void 0,
+        max: e.max ?? e.input.max ?? void 0,
+        valid: e.input.isValid.value,
+        "validation-message": r.value,
+        disabled: e.disabled,
+        show: b.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => v.value = d),
+        onOpen: i[1] || (i[1] = (d) => t.value = !e.readonly),
+        onClose: i[2] || (i[2] = (d) => t.value = !1)
+      }), {
+        masked: u(() => [
+          g(l(T), {
+            id: e.input.id,
+            mask: "00/00/0000",
+            value: e.input.raw.value,
+            placeholder: e.messages?.placeholder ?? e.input.placeholder.value,
+            "show-clear-button": !1,
+            disabled: e.disabled,
+            readonly: e.readonly,
+            "aria-described-by": x.value,
+            "input-attributes": { "aria-invalid": !e.input.isValid.value },
+            onChange: e.input.handleChange,
+            onKeydown: e.input.handleKeyDown,
+            onKeyup: e.input.handleKeyUp,
+            onClick: e.input.handleClick,
+            onWheel: e.input.handleWheel,
+            onBlur: e.input.handleBlur
+          }, null, 8, ["id", "value", "placeholder", "disabled", "readonly", "aria-described-by", "input-attributes", "onChange", "onKeydown", "onKeyup", "onClick", "onWheel", "onBlur"])
+        ]),
+        _: 1
+      }, 16, ["model-value", "min", "max", "valid", "validation-message", "disabled", "show"]),
+      r.value ? (o(), c(l(W), {
+        key: 1,
+        id: h.value
+      }, {
+        default: u(() => [
+          f(m(r.value), 1)
+        ]),
+        _: 1
+      }, 8, ["id"])) : e.messages?.hint ? (o(), c(l(K), {
+        key: 2,
+        id: w.value
+      }, {
+        default: u(() => [
+          f(m(e.messages.hint), 1)
+        ]),
+        _: 1
+      }, 8, ["id"])) : p("", !0)
+    ], 512));
+  }
+}), me = /* @__PURE__ */ O(X, [["__scopeId", "data-v-9598aad4"]]), Y = { class: "fk-daterangepicker fkui-picker" }, Z = { class: "fkui-picker-row" }, _ = /* @__PURE__ */ M({
+  inheritAttrs: !1,
+  __name: "DateRangeField",
+  props: /* @__PURE__ */ I({
+    input: {},
+    label: {},
+    min: {},
+    max: {},
+    messages: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    showClearButton: { type: Boolean, default: !0 },
+    views: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {},
+    show: { type: Boolean, default: !1 },
+    showModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:show"],
+  setup(e) {
+    const a = e, v = B(e, "modelValue"), t = B(e, "show"), k = (s) => v.value = s, b = $(null), h = n(() => t.value && !a.disabled && !a.readonly), w = () => {
+      !a.disabled && !a.readonly && (t.value = !t.value);
+    }, r = n(() => {
+      const s = Math.trunc(a.views ?? 4);
+      return Number.isFinite(s) ? Math.min(Math.max(s, 1), 4) : 4;
+    }), x = n(() => `${a.input.id}-calendar`), y = n(() => `${a.input.id}-error`), i = n(() => `${a.input.id}-hint`), d = n(() => `${a.input.id}-span`), C = n(() => {
+      if (a.input.validComputed.value !== !1) return "";
+      const s = S(a.input.reason.value);
+      return s && a.messages?.error?.[s] || a.input.validationMessage.value;
+    }), U = n(() => {
+      if (C.value) return y.value;
+      const s = [
+        a.input.validComputed.value && a.input.spanDays.value ? d.value : "",
+        a.messages?.hint ? i.value : ""
+      ].filter(Boolean);
+      return s.length ? s.join(" ") : void 0;
+    });
+    return E({
+      isOpen: h,
+      onRequestClose: () => t.value = !1,
+      triggerEl: n(
+        () => b.value?.$el ?? null
+      ),
+      popupSelector: [".k-calendar", ".k-popup"]
+    }), (s, V) => (o(), D("div", Y, [
+      e.label ? (o(), c(l(F), {
+        key: 0,
+        "editor-id": e.input.id
+      }, {
+        default: u(() => [
+          f(m(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["editor-id"])) : p("", !0),
+      N("div", Z, [
+        g(l(T), R({
+          ref_key: "maskedTextBoxRef",
+          ref: b,
+          "fill-mode": "outline",
+          rounded: "medium",
+          size: "medium"
+        }, s.$attrs, {
+          id: e.input.id,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          "show-clear-button": e.showClearButton && !e.disabled && !e.readonly,
+          placeholder: e.messages?.placeholder ?? "Start Date - End Date",
+          mask: "00/00/0000 - 00/00/0000",
+          value: e.input.raw.value,
+          valid: e.input.validComputed.value,
+          "aria-described-by": U.value,
+          "input-attributes": {
+            "aria-invalid": e.input.validComputed.value === !1,
+            "aria-haspopup": "grid",
+            "aria-expanded": h.value,
+            "aria-controls": x.value
+          },
+          "input-suffix": "calendar-suffix",
+          onChange: e.input.handleChange,
+          onKeydown: e.input.handleKeyDown,
+          onKeyup: e.input.handleKeyUp,
+          onWheel: e.input.handleWheel,
+          onClick: e.input.handleClick,
+          onBlur: e.input.handleBlur,
+          onFocus: V[0] || (V[0] = (q) => t.value = !1)
+        }), {
+          "calendar-suffix": u(() => [
+            g(l(L), {
+              icon: l(Q),
+              class: "fkui-calendar-toggle",
+              onMousedown: P(w, ["prevent", "stop"])
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 16, ["id", "disabled", "readonly", "show-clear-button", "placeholder", "value", "valid", "aria-described-by", "input-attributes", "onChange", "onKeydown", "onKeyup", "onWheel", "onClick", "onBlur"]),
+        e.input.validComputed.value && e.input.spanDays.value ? (o(), c(l(K), {
+          key: 0,
+          id: d.value
+        }, {
+          default: u(() => [
+            f(" (" + m(e.input.spanDays.value) + " day" + m(e.input.spanDays.value === 1 ? "" : "s") + ") ", 1)
+          ]),
+          _: 1
+        }, 8, ["id"])) : p("", !0)
+      ]),
+      C.value ? (o(), c(l(W), {
+        key: 1,
+        id: y.value
+      }, {
+        default: u(() => [
+          f(m(C.value), 1)
+        ]),
+        _: 1
+      }, 8, ["id"])) : e.messages?.hint ? (o(), c(l(K), {
+        key: 2,
+        id: i.value
+      }, {
+        default: u(() => [
+          f(m(e.messages.hint), 1)
+        ]),
+        _: 1
+      }, 8, ["id"])) : p("", !0),
+      g(l(G), {
+        anchor: "maskedTextBoxRef",
+        show: h.value,
+        animate: !1,
+        class: "fkui-range-popup"
+      }, {
+        default: u(() => [
+          g(l(J), {
+            "anchor-element": "pointer",
+            position: "top",
+            "open-delay": 280,
+            "parent-title": !0
+          }, {
+            default: u(() => [
+              g(l(H), {
+                id: x.value,
+                "model-value": v.value ?? void 0,
+                class: "fkui-range-calendar",
+                mode: "range",
+                "allow-reverse": !1,
+                views: r.value,
+                min: e.min ?? e.input.min,
+                max: e.max ?? e.input.max,
+                "onUpdate:modelValue": k,
+                onChange: e.input.onCalendarChange,
+                onKeydown: V[1] || (V[1] = A((q) => t.value = !1, ["escape"]))
+              }, null, 8, ["id", "model-value", "views", "min", "max", "onChange"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["show"])
+    ]));
+  }
+}), ve = /* @__PURE__ */ O(_, [["__scopeId", "data-v-43893bc7"]]), ee = /* @__PURE__ */ M({
+  inheritAttrs: !1,
+  __name: "TimeField",
+  props: /* @__PURE__ */ I({
+    input: {},
+    label: {},
+    min: {},
+    max: {},
+    messages: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {},
+    show: { type: Boolean, default: !1 },
+    showModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:show"],
+  setup(e) {
+    const a = e, v = B(e, "modelValue"), t = B(e, "show"), k = $(null), b = n(() => t.value && !a.disabled && !a.readonly), h = n(() => `${a.input.id}-error`), w = n(() => `${a.input.id}-hint`), r = n(() => {
+      const i = a.input.validationMessage.value;
+      if (!i) return "";
+      const d = S(a.input.reason.value);
+      return d && a.messages?.error?.[d] || i;
+    }), x = n(() => r.value ? h.value : a.messages?.hint ? w.value : void 0), y = E({
+      isOpen: b,
+      onRequestClose: () => t.value = !1,
+      triggerEl: k,
+      popupSelector: [".k-timeselector", ".k-popup"],
+      focusTrapOptions: {
+        // TimePicker focuses its time list before the trap activates, so the
+        // trap's default return target is removed with the popup (Set, Now, Cancel).
+        setReturnFocus: () => y.lastCloseReason.value === "outside" ? !1 : k.value?.querySelector("input") ?? !1
+      }
+    });
+    return (i, d) => (o(), D("div", {
+      ref_key: "rootRef",
+      ref: k,
+      class: "fk-timepicker fkui-picker"
+    }, [
+      e.label ? (o(), c(l(F), {
+        key: 0,
+        "editor-id": e.input.id
+      }, {
+        default: u(() => [
+          f(m(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["editor-id"])) : p("", !0),
+      g(l(j), R({
+        "fill-mode": "outline",
+        rounded: "medium",
+        size: "medium",
+        format: "hh:mm a"
+      }, i.$attrs, {
+        "model-value": v.value instanceof Date ? v.value : void 0,
+        "date-input": "masked",
+        min: e.min ?? e.input.min ?? void 0,
+        max: e.max ?? e.input.max ?? void 0,
+        valid: e.input.isValid.value,
+        "validation-message": r.value,
+        disabled: e.disabled,
+        show: b.value,
+        onChange: e.input.handleChange,
+        "onUpdate:modelValue": d[0] || (d[0] = (C) => v.value = C),
+        onOpen: d[1] || (d[1] = (C) => t.value = !e.readonly),
+        onClose: d[2] || (d[2] = (C) => t.value = !1)
+      }), {
+        masked: u(() => [
+          g(l(T), {
+            id: e.input.id,
+            mask: "Hh:Mm Aa",
+            rules: e.input.rules,
+            value: e.input.raw.value,
+            placeholder: e.messages?.placeholder ?? e.input.placeholder.value,
+            "show-clear-button": !1,
+            disabled: e.disabled,
+            readonly: e.readonly,
+            "aria-described-by": x.value,
+            "input-attributes": { "aria-invalid": !e.input.isValid.value },
+            onChange: e.input.handleChange,
+            onKeydown: e.input.handleKeyDown,
+            onKeyup: e.input.handleKeyUp,
+            onClick: e.input.handleClick,
+            onWheel: e.input.handleWheel,
+            onBlur: e.input.handleBlur
+          }, null, 8, ["id", "rules", "value", "placeholder", "disabled", "readonly", "aria-described-by", "input-attributes", "onChange", "onKeydown", "onKeyup", "onClick", "onWheel", "onBlur"])
+        ]),
+        _: 1
+      }, 16, ["model-value", "min", "max", "valid", "validation-message", "disabled", "show", "onChange"]),
+      r.value ? (o(), c(l(W), {
+        key: 1,
+        id: h.value
+      }, {
+        default: u(() => [
+          f(m(r.value), 1)
+        ]),
+        _: 1
+      }, 8, ["id"])) : e.messages?.hint ? (o(), c(l(K), {
+        key: 2,
+        id: w.value
+      }, {
+        default: u(() => [
+          f(m(e.messages.hint), 1)
+        ]),
+        _: 1
+      }, 8, ["id"])) : p("", !0)
+    ], 512));
+  }
+}), ce = /* @__PURE__ */ O(ee, [["__scopeId", "data-v-33cb65f4"]]);
+export {
+  me as DateField,
+  ve as DateRangeField,
+  ce as TimeField
+};
+//# sourceMappingURL=picker.mjs.map

package/dist/picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.mjs","sources":["../src/picker/errorKey.ts","../src/picker/DateField.vue","../src/picker/DateRangeField.vue","../src/picker/TimeField.vue"],"sourcesContent":["// The composables report a missing value as \"incomplete\"; messages call it\n// \"required\" to match USAddressMessages.\nexport const toErrorKey = <TKey extends string>(reason: string | undefined) =>\n  (reason === \"incomplete\" ? \"required\" : reason) as TKey | undefined;\n","<template>\n  <div ref=\"rootRef\" class=\"fk-datepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <DatePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"00/00/0000\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </DatePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { DatePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateInputReturn } from \"@featherk/composables/date\";\nimport type { DateFieldMessages, DateFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedDateInput`. */\n  input: UseMaskedDateInputReturn;\n  label?: string;\n  /** Calendar bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: DateFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedDateInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowCalendar` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<DateFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n","<template>\n  <div class=\"fk-daterangepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <div class=\"fkui-picker-row\">\n      <MaskedTextBox\n        ref=\"maskedTextBoxRef\"\n        fill-mode=\"outline\"\n        rounded=\"medium\"\n        size=\"medium\"\n        v-bind=\"$attrs\"\n        :id=\"input.id\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        :show-clear-button=\"showClearButton && !disabled && !readonly\"\n        :placeholder=\"messages?.placeholder ?? 'Start Date - End Date'\"\n        mask=\"00/00/0000 - 00/00/0000\"\n        :value=\"input.raw.value\"\n        :valid=\"input.validComputed.value\"\n        :aria-described-by=\"describedBy\"\n        :input-attributes=\"{\n          'aria-invalid': input.validComputed.value === false,\n          'aria-haspopup': 'grid',\n          'aria-expanded': isOpen,\n          'aria-controls': calendarId,\n        }\"\n        input-suffix=\"calendar-suffix\"\n        @change=\"input.handleChange\"\n        @keydown=\"input.handleKeyDown\"\n        @keyup=\"input.handleKeyUp\"\n        @wheel=\"input.handleWheel\"\n        @click=\"input.handleClick\"\n        @blur=\"input.handleBlur\"\n        @focus=\"show = false\"\n      >\n        <template #calendar-suffix>\n          <!-- mousedown.prevent keeps focus in the input; keyboard users open the calendar from the input. -->\n          <SvgIcon\n            :icon=\"dateRangeIcon\"\n            class=\"fkui-calendar-toggle\"\n            @mousedown.prevent.stop=\"toggleCalendar\"\n          />\n        </template>\n      </MaskedTextBox>\n      <Hint\n        v-if=\"input.validComputed.value && input.spanDays.value\"\n        :id=\"spanId\"\n      >\n        ({{ input.spanDays.value }} day{{\n          input.spanDays.value === 1 ? \"\" : \"s\"\n        }})\n      </Hint>\n    </div>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n\n    <Popup\n      anchor=\"maskedTextBoxRef\"\n      :show=\"isOpen\"\n      :animate=\"false\"\n      class=\"fkui-range-popup\"\n    >\n      <Tooltip\n        anchor-element=\"pointer\"\n        position=\"top\"\n        :open-delay=\"280\"\n        :parent-title=\"true\"\n      >\n        <Calendar\n          :id=\"calendarId\"\n          :model-value=\"model ?? undefined\"\n          class=\"fkui-range-calendar\"\n          mode=\"range\"\n          :allow-reverse=\"false\"\n          :views=\"calendarViews\"\n          :min=\"min ?? input.min\"\n          :max=\"max ?? input.max\"\n          @update:model-value=\"onCalendarValue\"\n          @change=\"input.onCalendarChange\"\n          @keydown.escape=\"show = false\"\n        />\n      </Tooltip>\n    </Popup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Calendar, type SelectionRange } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { SvgIcon } from \"@progress/kendo-vue-common\";\nimport { Popup } from \"@progress/kendo-vue-popup\";\nimport { Tooltip } from \"@progress/kendo-vue-tooltip\";\nimport { dateRangeIcon } from \"@featherk/icons\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedDateRangeInputReturn } from \"@featherk/composables/range\";\nimport type { DateRangeFieldErrorKey, DateRangeFieldMessages } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Return value of `useMaskedDateRangeInput`. */\n    input: UseMaskedDateRangeInputReturn;\n    label?: string;\n    /** Calendar bounds; default to the composable's `min`/`max`. */\n    min?: Date;\n    max?: Date;\n    messages?: DateRangeFieldMessages;\n    disabled?: boolean;\n    readonly?: boolean;\n    /** Hidden while disabled or readonly, since Kendo's clear button ignores both. */\n    showClearButton?: boolean;\n    /** Months shown in the calendar, 1 to 4 (default 4). */\n    views?: 1 | 2 | 3 | 4;\n  }>(),\n  { showClearButton: true },\n);\n\n/** Must be the same ref passed to `useMaskedDateRangeInput` as `externalValue`. */\nconst model = defineModel<SelectionRange | null | undefined>();\n/** Must be the same ref passed to the composable as `isOpen`. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\n// Kendo Calendar's model type has no null, and in range mode it always emits a SelectionRange.\nconst onCalendarValue = (value: unknown) =>\n  (model.value = value as SelectionRange);\n\nconst maskedTextBoxRef = ref<InstanceType<typeof MaskedTextBox> | null>(null);\n\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\n\nconst toggleCalendar = () => {\n  if (!props.disabled && !props.readonly) show.value = !show.value;\n};\n\n// Clamped for untyped callers; the external styles are laid out for at most four months.\nconst calendarViews = computed(() => {\n  const views = Math.trunc(props.views ?? 4);\n  return Number.isFinite(views) ? Math.min(Math.max(views, 1), 4) : 4;\n});\n\nconst calendarId = computed(() => `${props.input.id}-calendar`);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\nconst spanId = computed(() => `${props.input.id}-span`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  if (props.input.validComputed.value !== false) return \"\";\n  const key = toErrorKey<DateRangeFieldErrorKey>(props.input.reason.value);\n  return (\n    (key && props.messages?.error?.[key]) || props.input.validationMessage.value\n  );\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  const ids = [\n    props.input.validComputed.value && props.input.spanDays.value\n      ? spanId.value\n      : \"\",\n    props.messages?.hint ? hintId.value : \"\",\n  ].filter(Boolean);\n  return ids.length ? ids.join(\" \") : undefined;\n});\n\nusePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: computed(\n    () => (maskedTextBoxRef.value?.$el as HTMLElement | undefined) ?? null,\n  ),\n  popupSelector: [\".k-calendar\", \".k-popup\"],\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.fkui-picker-row {\n  display: inline-flex;\n  align-items: center;\n  gap: 1em;\n}\n.fkui-range-calendar {\n  overscroll-behavior: contain;\n}\n</style>\n","<template>\n  <div ref=\"rootRef\" class=\"fk-timepicker fkui-picker\">\n    <Label v-if=\"label\" :editor-id=\"input.id\">{{ label }}</Label>\n    <TimePicker\n      fill-mode=\"outline\"\n      rounded=\"medium\"\n      size=\"medium\"\n      format=\"hh:mm a\"\n      v-bind=\"$attrs\"\n      :model-value=\"model instanceof Date ? model : undefined\"\n      date-input=\"masked\"\n      :min=\"min ?? input.min ?? undefined\"\n      :max=\"max ?? input.max ?? undefined\"\n      :valid=\"input.isValid.value\"\n      :validation-message=\"errorMessage\"\n      :disabled=\"disabled\"\n      :show=\"isOpen\"\n      @change=\"input.handleChange\"\n      @update:model-value=\"model = $event\"\n      @open=\"show = !readonly\"\n      @close=\"show = false\"\n    >\n      <template #masked>\n        <MaskedTextBox\n          :id=\"input.id\"\n          mask=\"Hh:Mm Aa\"\n          :rules=\"input.rules\"\n          :value=\"input.raw.value\"\n          :placeholder=\"messages?.placeholder ?? input.placeholder.value\"\n          :show-clear-button=\"false\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :aria-described-by=\"describedBy\"\n          :input-attributes=\"{ 'aria-invalid': !input.isValid.value }\"\n          @change=\"input.handleChange\"\n          @keydown=\"input.handleKeyDown\"\n          @keyup=\"input.handleKeyUp\"\n          @click=\"input.handleClick\"\n          @wheel=\"input.handleWheel\"\n          @blur=\"input.handleBlur\"\n        />\n      </template>\n    </TimePicker>\n    <Error v-if=\"errorMessage\" :id=\"errorId\">{{ errorMessage }}</Error>\n    <Hint v-else-if=\"messages?.hint\" :id=\"hintId\">{{ messages.hint }}</Hint>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { TimePicker } from \"@progress/kendo-vue-dateinputs\";\nimport { MaskedTextBox } from \"@progress/kendo-vue-inputs\";\nimport { Error, Hint, Label } from \"@progress/kendo-vue-labels\";\nimport { usePopupTrap } from \"@featherk/composables/trap\";\nimport type { UseMaskedTimeInputReturn } from \"@featherk/composables/time\";\nimport type { TimeFieldMessages, TimeFieldErrorKey } from \"./types\";\nimport { toErrorKey } from \"./errorKey\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** Return value of `useMaskedTimeInput`. */\n  input: UseMaskedTimeInputReturn;\n  label?: string;\n  /** Time list bounds; default to the composable's `min`/`max`. */\n  min?: Date;\n  max?: Date;\n  messages?: TimeFieldMessages;\n  /** Also applied to the masked input, which Kendo's picker does not reach. */\n  disabled?: boolean;\n  readonly?: boolean;\n}>();\n\n/** Must be the same ref passed to `useMaskedTimeInput` as `externalValue`. */\nconst model = defineModel<Date | string | null | undefined>();\n/** Must be the same ref the composable's `onShowPicker` opens. */\nconst show = defineModel<boolean>(\"show\", { default: false });\n\nconst rootRef = ref<HTMLElement | null>(null);\n// A locked field never shows its popup, even if the parent sets `show`, so its selection can't write the model.\nconst isOpen = computed(() => show.value && !props.disabled && !props.readonly);\nconst errorId = computed(() => `${props.input.id}-error`);\nconst hintId = computed(() => `${props.input.id}-hint`);\n\n// The composable decides when an error shows; messages only replace its text.\nconst errorMessage = computed(() => {\n  const fallback = props.input.validationMessage.value;\n  if (!fallback) return \"\";\n  const key = toErrorKey<TimeFieldErrorKey>(props.input.reason.value);\n  return (key && props.messages?.error?.[key]) || fallback;\n});\n\nconst describedBy = computed(() => {\n  if (errorMessage.value) return errorId.value;\n  return props.messages?.hint ? hintId.value : undefined;\n});\n\nconst trap = usePopupTrap({\n  isOpen,\n  onRequestClose: () => (show.value = false),\n  triggerEl: rootRef,\n  popupSelector: [\".k-timeselector\", \".k-popup\"],\n  focusTrapOptions: {\n    // TimePicker focuses its time list before the trap activates, so the\n    // trap's default return target is removed with the popup (Set, Now, Cancel).\n    setReturnFocus: () =>\n      trap.lastCloseReason.value === \"outside\"\n        ? false\n        : (rootRef.value?.querySelector(\"input\") ?? false),\n  },\n});\n</script>\n\n<style scoped>\n.fkui-picker {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n</style>\n"],"names":["toErrorKey","reason","props","__props","model","_useModel","show","rootRef","ref","isOpen","computed","errorId","hintId","errorMessage","fallback","key","describedBy","usePopupTrap","_createElementBlock","_createBlock","_unref","Label","_createVNode","_mergeProps","$attrs","_cache","$event","MaskedTextBox","Error","Hint","_createTextVNode","_toDisplayString","onCalendarValue","value","maskedTextBoxRef","toggleCalendar","calendarViews","views","calendarId","spanId","ids","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","SvgIcon","dateRangeIcon","Popup","Tooltip","Calendar","trap"],"mappings":"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"}

package/dist/table/types.d.ts

@@ -1,5 +1,5 @@
 import type { SVGIcon } from "@progress/kendo-svg-icons";
-import type { UseActiveIdRegistryReturn } from "@featherk/composables";
+import type { UseActiveIdRegistryReturn } from "@featherk/composables/registry";
 export type ActionCellMenuItem = {
     text: string;
     id: string;