@skdx/vue 0.28.0 → 0.30.0

package/dist/combobox/Combobox.vue.d.cts

@@ -1,30 +1,30 @@
 import { type ComboboxFilter, type ComboboxHighlightChangeDetail, type ComboboxOpenOn, type ComboboxOption, type ComboboxOptionGroup, type ComboboxValueChangeDetail } from './context.cjs';
 /**
- * WAI-ARIA 1.2 "combobox with list autocomplete": real DOM focus stays on the input,
- * highlighted option is virtual focus via aria-activedescendant. Filtering is
- * consumer-driven by default or moves inside with a `filter` predicate.
- * Works controlled or uncontrolled.
+ * WAI-ARIA 1.2 "combobox with list autocomplete": real DOM focus stays on the
+ * input, with the highlighted option as virtual focus via
+ * `aria-activedescendant`, filtered by a consumer-driven default or a
+ * `filter` predicate, working controlled or uncontrolled.
  *
  * @example
  * ```vue
- * <SkdxCombobox :options="[{ value: 'react', label: 'React' }]" />
+ * <SkdxCombobox :options="[{ value: 'react', label: 'Ruby' }]" />
  * ```
  */
 type __VLS_Props = {
     /** Selected option value for controlled usage; pair with v-model:value. */
-    value?: string | string[];
+    value?: string | string[] | undefined;
     /** Initially selected option value for uncontrolled usage. */
-    defaultValue?: string | string[];
+    defaultValue?: string | string[] | undefined;
     /** Allows multiple options selected; toggles instead of replacing. */
     multiple?: boolean;
     /** Lets Enter commit unmatched draft text as a value ("creatable"). */
     allowCustomValue?: boolean;
-    /** How to filter SkdxComboboxItems: 'manual' (consumer renders matches) or predicate (returns boolean/number). Ranking reorders by score descending. */
+    /** How to filter SkdxComboboxItems: 'manual' (consumer renders matches) or a predicate (returns boolean/number) that reorders by score descending. */
     filter?: ComboboxFilter;
     /** Option collection to render (flat or grouped); drives derived anatomy when default slot is empty.
      * @default undefined — slot must supply field.
      */
-    options?: ComboboxOption[] | ComboboxOptionGroup[];
+    options?: ComboboxOption[] | ComboboxOptionGroup[] | undefined;
     /** Keep first option highlighted when filtered list changes while open, so Enter always has target. */
     autoHighlight?: boolean;
     /** Wrap arrow navigation around option list ends (ArrowDown from last highlights first); on by default. */
@@ -33,12 +33,15 @@ type __VLS_Props = {
     openOn?: ComboboxOpenOn;
     /** Mark results as in flight with aria-busy/data-loading on input and content; silent result-count announcement. */
     loading?: boolean;
-    /** Text field's draft text for controlled usage; pair with v-model:input-value or @input-value-change. */
-    inputValue?: string;
+    /**
+     * Text field's draft text for controlled usage; pair with v-model:input-value or @input-value-change.
+     * @default undefined
+     */
+    inputValue?: string | undefined;
     /** Initial draft text for uncontrolled usage. */
     defaultInputValue?: string;
     /** Whether listbox popup is open for controlled usage; pair with v-model:open or @open-change. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Initial open state for uncontrolled usage. */
     defaultOpen?: boolean;
     /** Mark combobox as invalid, exposed as aria-invalid/data-invalid on input. */
@@ -52,11 +55,11 @@ type __VLS_Props = {
     /** Name for native form participation via hidden inputs (one per value); multiple submits repeated name=value pairs.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /** Id of form this combobox submits into, forwarded to every hidden input (lets combobox live outside its form).
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /** Mark hidden form inputs required so combobox with nothing selected reports valueMissing (only meaningful with name).
      * @default false
      */
@@ -64,21 +67,40 @@ type __VLS_Props = {
     /** Accessible name for derived Input and Content; equivalent to naming SkdxComboboxInput directly in manual composition.
      * @default undefined — Input is unnamed.
      */
-    ariaLabel?: string;
-};
-declare var __VLS_4: {}, __VLS_9: {
-    option: ComboboxOption;
+    ariaLabel?: string | undefined;
+    /**
+     * Placeholder text forwarded to the derived Input.
+     * @default undefined
+     */
+    placeholder?: string | undefined;
+    /**
+     * Outline the skin gives the text input, applied to the derived Input part.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the text input at, applied to the derived Input part.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_4) => any;
-} & {
-    option?: (props: typeof __VLS_9) => any;
+type __VLS_Slots = {
+    /** Manual composition of the input, listbox and items, replacing the derived `options` anatomy. */
+    default?(): unknown;
+    /** Body of a derived option row, for markup its `label` string cannot express. */
+    option?(props: {
+        option: ComboboxOption;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Report whether hidden form inputs satisfy their constraints (true without name). */
     checkValidity: () => boolean;
     /** Like checkValidity() but also shows browser's validation message. */
     reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the hidden form input, like HTMLInputElement.setCustomValidity(). */
+    setCustomValidity: (message: string) => void | undefined;
+    /** Moves keyboard focus to the text field, which is where the combobox keeps it. */
+    focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
@@ -89,36 +111,33 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "input-value-change": (value: string) => any;
     "highlight-change": (detail: ComboboxHighlightChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onUpdate:value"?: ((value: string[]) => any) | undefined;
-    "onValue-change"?: ((detail: ComboboxValueChangeDetail) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
-    "onInput-value-change"?: ((value: string) => any) | undefined;
-    "onHighlight-change"?: ((detail: ComboboxHighlightChangeDetail) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onUpdate:value"?: (value: string[]) => any;
+    "onValue-change"?: (detail: ComboboxValueChangeDetail) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onUpdate:inputValue"?: (value: string) => any;
+    "onInput-value-change"?: (value: string) => any;
+    "onHighlight-change"?: (detail: ComboboxHighlightChangeDetail) => any;
 }>, {
-    form: string;
     filter: ComboboxFilter;
     loading: boolean;
     disabled: boolean;
-    open: boolean;
+    size: "md" | "sm" | "lg" | (string & {}) | undefined;
+    shape: "rounded" | "square" | (string & {}) | undefined;
+    open: boolean | undefined;
     defaultOpen: boolean;
-    value: string | string[];
+    defaultValue: string | string[] | undefined;
+    multiple: boolean;
     readOnly: boolean;
     required: boolean;
-    name: string;
+    value: string | string[] | undefined;
     invalid: boolean;
-    defaultValue: string | string[];
-    multiple: boolean;
-    ariaLabel: string;
-    options: ComboboxOption[] | ComboboxOptionGroup[];
     loop: boolean;
-    inputValue: string;
     defaultInputValue: string;
+    openOn: ComboboxOpenOn;
     allowCustomValue: boolean;
     autoHighlight: boolean;
-    openOn: ComboboxOpenOn;
     getResultCountLabel: (count: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/combobox/Combobox.vue.d.ts

@@ -1,30 +1,30 @@
 import { type ComboboxFilter, type ComboboxHighlightChangeDetail, type ComboboxOpenOn, type ComboboxOption, type ComboboxOptionGroup, type ComboboxValueChangeDetail } from './context.js';
 /**
- * WAI-ARIA 1.2 "combobox with list autocomplete": real DOM focus stays on the input,
- * highlighted option is virtual focus via aria-activedescendant. Filtering is
- * consumer-driven by default or moves inside with a `filter` predicate.
- * Works controlled or uncontrolled.
+ * WAI-ARIA 1.2 "combobox with list autocomplete": real DOM focus stays on the
+ * input, with the highlighted option as virtual focus via
+ * `aria-activedescendant`, filtered by a consumer-driven default or a
+ * `filter` predicate, working controlled or uncontrolled.
  *
  * @example
  * ```vue
- * <SkdxCombobox :options="[{ value: 'react', label: 'React' }]" />
+ * <SkdxCombobox :options="[{ value: 'react', label: 'Ruby' }]" />
  * ```
  */
 type __VLS_Props = {
     /** Selected option value for controlled usage; pair with v-model:value. */
-    value?: string | string[];
+    value?: string | string[] | undefined;
     /** Initially selected option value for uncontrolled usage. */
-    defaultValue?: string | string[];
+    defaultValue?: string | string[] | undefined;
     /** Allows multiple options selected; toggles instead of replacing. */
     multiple?: boolean;
     /** Lets Enter commit unmatched draft text as a value ("creatable"). */
     allowCustomValue?: boolean;
-    /** How to filter SkdxComboboxItems: 'manual' (consumer renders matches) or predicate (returns boolean/number). Ranking reorders by score descending. */
+    /** How to filter SkdxComboboxItems: 'manual' (consumer renders matches) or a predicate (returns boolean/number) that reorders by score descending. */
     filter?: ComboboxFilter;
     /** Option collection to render (flat or grouped); drives derived anatomy when default slot is empty.
      * @default undefined — slot must supply field.
      */
-    options?: ComboboxOption[] | ComboboxOptionGroup[];
+    options?: ComboboxOption[] | ComboboxOptionGroup[] | undefined;
     /** Keep first option highlighted when filtered list changes while open, so Enter always has target. */
     autoHighlight?: boolean;
     /** Wrap arrow navigation around option list ends (ArrowDown from last highlights first); on by default. */
@@ -33,12 +33,15 @@ type __VLS_Props = {
     openOn?: ComboboxOpenOn;
     /** Mark results as in flight with aria-busy/data-loading on input and content; silent result-count announcement. */
     loading?: boolean;
-    /** Text field's draft text for controlled usage; pair with v-model:input-value or @input-value-change. */
-    inputValue?: string;
+    /**
+     * Text field's draft text for controlled usage; pair with v-model:input-value or @input-value-change.
+     * @default undefined
+     */
+    inputValue?: string | undefined;
     /** Initial draft text for uncontrolled usage. */
     defaultInputValue?: string;
     /** Whether listbox popup is open for controlled usage; pair with v-model:open or @open-change. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Initial open state for uncontrolled usage. */
     defaultOpen?: boolean;
     /** Mark combobox as invalid, exposed as aria-invalid/data-invalid on input. */
@@ -52,11 +55,11 @@ type __VLS_Props = {
     /** Name for native form participation via hidden inputs (one per value); multiple submits repeated name=value pairs.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /** Id of form this combobox submits into, forwarded to every hidden input (lets combobox live outside its form).
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /** Mark hidden form inputs required so combobox with nothing selected reports valueMissing (only meaningful with name).
      * @default false
      */
@@ -64,21 +67,40 @@ type __VLS_Props = {
     /** Accessible name for derived Input and Content; equivalent to naming SkdxComboboxInput directly in manual composition.
      * @default undefined — Input is unnamed.
      */
-    ariaLabel?: string;
-};
-declare var __VLS_4: {}, __VLS_9: {
-    option: ComboboxOption;
+    ariaLabel?: string | undefined;
+    /**
+     * Placeholder text forwarded to the derived Input.
+     * @default undefined
+     */
+    placeholder?: string | undefined;
+    /**
+     * Outline the skin gives the text input, applied to the derived Input part.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the text input at, applied to the derived Input part.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_4) => any;
-} & {
-    option?: (props: typeof __VLS_9) => any;
+type __VLS_Slots = {
+    /** Manual composition of the input, listbox and items, replacing the derived `options` anatomy. */
+    default?(): unknown;
+    /** Body of a derived option row, for markup its `label` string cannot express. */
+    option?(props: {
+        option: ComboboxOption;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Report whether hidden form inputs satisfy their constraints (true without name). */
     checkValidity: () => boolean;
     /** Like checkValidity() but also shows browser's validation message. */
     reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the hidden form input, like HTMLInputElement.setCustomValidity(). */
+    setCustomValidity: (message: string) => void | undefined;
+    /** Moves keyboard focus to the text field, which is where the combobox keeps it. */
+    focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
@@ -89,36 +111,33 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "input-value-change": (value: string) => any;
     "highlight-change": (detail: ComboboxHighlightChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onUpdate:value"?: ((value: string[]) => any) | undefined;
-    "onValue-change"?: ((detail: ComboboxValueChangeDetail) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
-    "onInput-value-change"?: ((value: string) => any) | undefined;
-    "onHighlight-change"?: ((detail: ComboboxHighlightChangeDetail) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onUpdate:value"?: (value: string[]) => any;
+    "onValue-change"?: (detail: ComboboxValueChangeDetail) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onUpdate:inputValue"?: (value: string) => any;
+    "onInput-value-change"?: (value: string) => any;
+    "onHighlight-change"?: (detail: ComboboxHighlightChangeDetail) => any;
 }>, {
-    form: string;
     filter: ComboboxFilter;
     loading: boolean;
     disabled: boolean;
-    open: boolean;
+    size: "md" | "sm" | "lg" | (string & {}) | undefined;
+    shape: "rounded" | "square" | (string & {}) | undefined;
+    open: boolean | undefined;
     defaultOpen: boolean;
-    value: string | string[];
+    defaultValue: string | string[] | undefined;
+    multiple: boolean;
     readOnly: boolean;
     required: boolean;
-    name: string;
+    value: string | string[] | undefined;
     invalid: boolean;
-    defaultValue: string | string[];
-    multiple: boolean;
-    ariaLabel: string;
-    options: ComboboxOption[] | ComboboxOptionGroup[];
     loop: boolean;
-    inputValue: string;
     defaultInputValue: string;
+    openOn: ComboboxOpenOn;
     allowCustomValue: boolean;
     autoHighlight: boolean;
-    openOn: ComboboxOpenOn;
     getResultCountLabel: (count: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/combobox/Combobox.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const K=require("../utils/useFormReset.cjs"),U=require("../utils/useOpenChangeComplete.cjs"),f=require("../utils/useSelection.cjs"),W=require("../utils/mirroredValues.cjs"),j=require("../utils/PopperRoot.vue.cjs"),J=require("../utils/liveAnnouncer.cjs"),A=require("../utils/scoredFilter.cjs"),h=require("./context.cjs"),Q=require("./ComboboxAnatomy.vue.cjs");let t=require("vue");var Y=["name","^value","required","form"],Z=(0,t.defineComponent)({inheritAttrs:!1,__name:"Combobox",props:{value:{default:void 0},defaultValue:{default:void 0},multiple:{type:Boolean,default:!1},allowCustomValue:{type:Boolean,default:!1},filter:{type:[String,Function],default:"manual"},options:{default:void 0},autoHighlight:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},openOn:{default:"type"},loading:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},getResultCountLabel:{type:Function,default:h.defaultGetResultCountLabel},name:{default:void 0},form:{default:void 0},required:{type:Boolean,default:!1},ariaLabel:{default:void 0}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete","highlight-change"],setup(r,{expose:_,emit:E}){const l=r,d=E,L=(0,t.ref)(null),T=(0,t.ref)(null),V=(0,t.ref)(null),i=(0,t.ref)(null),a=(0,t.ref)(new Map),q=(0,t.ref)(null);let I="auto",O=null;const x=(0,t.ref)(f.toSelectionValues(l.defaultValue,{multiple:l.multiple,label:"Combobox defaultValue"})),s=(0,t.computed)(()=>l.value!==void 0?f.toSelectionValues(l.value,{multiple:l.multiple,label:"Combobox value"}):x.value),S=(0,t.ref)(l.defaultInputValue),y=(0,t.computed)(()=>l.inputValue!==void 0?l.inputValue:S.value),k=(0,t.ref)(l.defaultOpen),p=(0,t.computed)(()=>l.open??k.value);U.useOpenChangeComplete(p,V,e=>d("open-change-complete",e));function b(e,u){const n=s.value;f.sameSelection(e,n)||(l.value===void 0&&(x.value=e),d("update:value",e),d("value-change",{value:e,previousValue:n.length===0?null:n,reason:u,selectedValue:f.selectedValueOf(e)}))}function c(e){l.inputValue===void 0&&(S.value=e),d("update:inputValue",e),d("input-value-change",e)}function B(e){l.open===void 0&&(k.value=e),d("update:open",e),d("open-change",e)}let w=null;function H(e,u,n){if(!l.multiple){w=u,b(f.nextSelection(s.value,e,!1),n),c(u),B(!1);return}b(f.nextSelection(s.value,e,l.multiple),n),c("")}function N(e){s.value.length>0&&b([],e),w=null,c("")}function P(e){q.value=e,B(!0)}function M(){if(l.allowCustomValue)return;const e=l.multiple?void 0:s.value[0];if(e===void 0){c("");return}for(const u of a.value.values())if(u.value===e){c(u.text||u.value);return}c(w??e)}function $(e,u){const n=a.value.get(e);if(n?.value===u.value&&n.text===u.text)return;const o=new Map(a.value);o.set(e,u),a.value=o}function z(e){if(!a.value.has(e))return;const u=new Map(a.value);u.delete(e),a.value=u}let m;(0,t.watch)(p,e=>{if(m!==void 0&&cancelAnimationFrame(m),!e){i.value=null;return}m=requestAnimationFrame(()=>{const u=q.value;if(q.value=null,!u)return;const n=V.value;if(!n)return;const o=v();if(o.length===0)return;const R=u==="last"?o[o.length-1]:o[0];i.value===null&&(i.value=R.id),h.scrollIntoListbox(n,R)})});const F=(0,t.computed)(()=>a.value.size);function X(e){if(l.filter==="manual")return null;const u=a.value.get(e);if(!u)return null;const n=l.filter(u.text,y.value);return typeof n=="number"?n:null}function v(){const e=V.value;return e?A.orderByScore(e,h.OPTION_SELECTOR,X):[]}(0,t.watch)([a,y,()=>l.filter],()=>v(),{flush:"post"}),(0,t.watch)((0,t.computed)(()=>i.value?a.value.get(i.value)?.value??null:null),e=>{if(e===O)return;const u=O;O=e,d("highlight-change",{value:e,previousValue:u,reason:I})}),(0,t.watch)([a,i],([,e])=>{if(e===null)return;const u=v();u.some(n=>n.id===e)||(i.value=u[0]?.id??null)},{flush:"post"});let g;(0,t.watch)([()=>l.autoHighlight,p,i,F],([e,u,n])=>{!e||!u||n!==null||typeof document>"u"||(g!==void 0&&cancelAnimationFrame(g),g=requestAnimationFrame(()=>{const o=v()[0];o&&(i.value=o.id)}))},{immediate:!0}),(0,t.onBeforeUnmount)(()=>{m!==void 0&&cancelAnimationFrame(m),g!==void 0&&cancelAnimationFrame(g)}),(0,t.watch)([p,F,()=>l.loading],([e,u,n])=>{e&&!n&&J.announce(l.getResultCountLabel(u))},{immediate:!0}),(0,t.provide)(h.COMBOBOX_CONTEXT,{inputRef:L,triggerRef:T,contentRef:V,contentId:h.nextComboboxContentId(),get multiple(){return l.multiple},selectedValues:s,isSelected:e=>s.value.includes(e),selectItem:H,clear:N,inputValue:y,onInputValueChange:c,open:p,setOpen:B,activeId:i,setActiveId:(e,u="auto")=>{I=u,i.value=e},openWithHighlight:P,get loop(){return l.loop},get openOn(){return l.openOn},reconcileDraftText:M,itemCount:F,registerItem:$,unregisterItem:z,getItem:e=>a.value.get(e),matchesFilter:e=>l.filter==="manual"||A.filterKeeps(l.filter(e,y.value)),orderedOptions:v,get invalid(){return l.invalid},get readOnly(){return l.readOnly},get disabled(){return l.disabled},loading:(0,t.computed)(()=>l.loading),get allowCustomValue(){return l.allowCustomValue}});const C=(0,t.ref)([]),D=f.toSelectionValues(l.value??l.defaultValue,{multiple:l.multiple,label:"Combobox value"}),G=l.inputValue??l.defaultInputValue;return K.useFormReset(()=>C.value[0],()=>{b(D,"programmatic"),c(G)}),_({checkValidity:()=>C.value[0]?.checkValidity()??!0,reportValidity:()=>C.value[0]?.reportValidity()??!0}),(e,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createVNode)(j.default,null,{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(Q.default,(0,t.mergeProps)(e.$attrs,{options:r.options??[],"aria-label":r.ariaLabel}),(0,t.createSlots)({_:2},[e.$slots.option?{name:"option",fn:(0,t.withCtx)(n=>[(0,t.renderSlot)(e.$slots,"option",(0,t.normalizeProps)((0,t.guardReactiveProps)(n)))]),key:"0"}:void 0]),1040,["options","aria-label"])])]),_:3}),r.name?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)((0,t.unref)(W.mirroredFormValues)(s.value,{required:r.required,singleValued:!r.multiple}),(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:n||o,ref_for:!0,ref_key:"hiddenEls",ref:C,type:"text","aria-hidden":"true",tabindex:"-1",name:r.name,"^value":n,required:r.required,form:r.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,Y))),128)):(0,t.createCommentVNode)("",!0)],64))}});exports.default=Z;
+const j=require("../utils/liveAnnouncer.cjs"),J=require("../utils/useFormReset.cjs"),f=require("../utils/selection.cjs"),z=require("../utils/useControllable.cjs"),Q=require("../utils/useOpenChangeComplete.cjs"),Y=require("../utils/mirroredValues.cjs"),E=require("../utils/scoredFilter.cjs"),Z=require("../utils/PopperRoot.vue.cjs"),V=require("./context.cjs"),ee=require("./ComboboxAnatomy.vue.cjs");let t=require("vue");var te=["name","^value","required","form"],le=(0,t.defineComponent)({inheritAttrs:!1,__name:"Combobox",props:{value:{default:void 0},defaultValue:{default:void 0},multiple:{type:Boolean,default:!1},allowCustomValue:{type:Boolean,default:!1},filter:{type:[String,Function],default:"manual"},options:{},autoHighlight:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},openOn:{default:"type"},loading:{type:Boolean,default:!1},inputValue:{},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},getResultCountLabel:{type:Function,default:V.defaultGetResultCountLabel},name:{},form:{},required:{type:Boolean,default:!1},ariaLabel:{},placeholder:{},shape:{default:void 0},size:{default:void 0}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete","highlight-change"],setup(i,{expose:L,emit:T}){const l=i,q=(0,t.useAttrs)(),H=(0,t.computed)(()=>l.shape??q["data-shape"]),N=(0,t.computed)(()=>l.size??q["data-size"]),P=(0,t.computed)(()=>{const{"data-shape":e,"data-size":u,...a}=q;return a}),s=T,F=(0,t.ref)(null),M=(0,t.ref)(null),C=(0,t.ref)(null),r=(0,t.ref)(null),n=(0,t.ref)(new Map),O=(0,t.ref)(null);let I="auto",B=null;const k=(0,t.ref)(f.toSelectionValues(l.defaultValue,{multiple:l.multiple,label:"Combobox defaultValue"})),c=(0,t.computed)(()=>l.value!==void 0?f.toSelectionValues(l.value,{multiple:l.multiple,label:"Combobox value"}):k.value),A=z.useControllable({controlled:()=>l.inputValue,defaultValue:()=>l.defaultInputValue,onChange:e=>{s("update:inputValue",e),s("input-value-change",e)}}),y=(0,t.computed)(()=>A.value.value??""),R=z.useControllable({controlled:()=>l.open,defaultValue:()=>l.defaultOpen,onChange:e=>{s("update:open",e),s("open-change",e)}}),p=(0,t.computed)(()=>R.value.value??!1);Q.useOpenChangeComplete(p,C,e=>s("open-change-complete",e));function b(e,u){const a=c.value;f.sameSelection(e,a)||(l.value===void 0&&(k.value=e),s("update:value",e),s("value-change",{value:e,previousValue:a,reason:u,selectedValue:f.selectedValueOf(e)}))}function d(e){A.set(e)}function x(e){R.set(e)}let S=null;function $(e,u,a){if(!l.multiple){S=u,b(f.nextSelection(c.value,e,!1),a),d(u),x(!1);return}b(f.nextSelection(c.value,e,l.multiple),a),d("")}function X(e){c.value.length>0&&b([],e),S=null,d("")}function D(e){O.value=e,x(!0)}function G(){if(l.allowCustomValue)return;const e=l.multiple?void 0:c.value[0];if(e===void 0){d("");return}for(const u of n.value.values())if(u.value===e){d(u.text||u.value);return}d(S??e)}function K(e,u){const a=n.value.get(e);if(a?.value===u.value&&a.text===u.text)return;const o=new Map(n.value);o.set(e,u),n.value=o}function U(e){if(!n.value.has(e))return;const u=new Map(n.value);u.delete(e),n.value=u}let m;(0,t.watch)(p,e=>{if(m!==void 0&&cancelAnimationFrame(m),!e){r.value=null;return}m=requestAnimationFrame(()=>{const u=O.value;if(O.value=null,!u)return;const a=C.value;if(!a)return;const o=v();if(o.length===0)return;const _=u==="last"?o[o.length-1]:o[0];r.value===null&&(r.value=_.id),V.scrollIntoListbox(a,_)})});const w=(0,t.computed)(()=>n.value.size);function W(e){if(l.filter==="manual")return null;const u=n.value.get(e);if(!u)return null;const a=l.filter(u.text,y.value);return typeof a=="number"?a:null}function v(){const e=C.value;return e?E.orderByScore(e,V.OPTION_SELECTOR,W):[]}(0,t.watch)([n,y,()=>l.filter],()=>v(),{flush:"post"}),(0,t.watch)((0,t.computed)(()=>r.value?n.value.get(r.value)?.value??null:null),e=>{if(e===B)return;const u=B;B=e,s("highlight-change",{value:e,previousValue:u,reason:I})}),(0,t.watch)([n,r],([,e])=>{if(e===null)return;const u=v();u.some(a=>a.id===e)||(r.value=u[0]?.id??null)},{flush:"post"});let h;(0,t.watch)([()=>l.autoHighlight,p,r,w],([e,u,a])=>{!e||!u||a!==null||typeof document>"u"||(h!==void 0&&cancelAnimationFrame(h),h=requestAnimationFrame(()=>{const o=v()[0];o&&(r.value=o.id)}))},{immediate:!0}),(0,t.onBeforeUnmount)(()=>{m!==void 0&&cancelAnimationFrame(m),h!==void 0&&cancelAnimationFrame(h)}),(0,t.watch)([p,w,()=>l.loading],([e,u,a])=>{e&&!a&&j.announce(l.getResultCountLabel(u))},{immediate:!0}),(0,t.provide)(V.COMBOBOX_CONTEXT,{inputRef:F,triggerRef:M,contentRef:C,contentId:V.nextComboboxContentId(),get multiple(){return l.multiple},selectedValues:c,isSelected:e=>c.value.includes(e),selectItem:$,clear:X,inputValue:y,onInputValueChange:d,open:p,setOpen:x,activeId:r,setActiveId:(e,u="auto")=>{I=u,r.value=e},openWithHighlight:D,get loop(){return l.loop},get openOn(){return l.openOn},reconcileDraftText:G,itemCount:w,registerItem:K,unregisterItem:U,getItem:e=>n.value.get(e),matchesFilter:e=>l.filter==="manual"||E.filterKeeps(l.filter(e,y.value)),orderedOptions:v,get invalid(){return l.invalid},get required(){return l.required},get readOnly(){return l.readOnly},get disabled(){return l.disabled},loading:(0,t.computed)(()=>l.loading),get allowCustomValue(){return l.allowCustomValue}});const g=(0,t.ref)([]);return J.useFormReset(()=>g.value[0],()=>{b(f.toSelectionValues(l.value??l.defaultValue,{multiple:l.multiple,label:"Combobox value"}),"programmatic"),d(l.inputValue??l.defaultInputValue)}),L({checkValidity:()=>g.value[0]?.checkValidity()??!0,reportValidity:()=>g.value[0]?.reportValidity()??!0,setCustomValidity:e=>g.value[0]?.setCustomValidity(e),focus:()=>F.value?.focus()}),(e,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createVNode)(Z.default,null,{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(ee.default,(0,t.mergeProps)(P.value,{shape:H.value,size:N.value,options:i.options??[],"aria-label":i.ariaLabel,placeholder:i.placeholder}),(0,t.createSlots)({_:2},[e.$slots.option?{name:"option",fn:(0,t.withCtx)(a=>[(0,t.renderSlot)(e.$slots,"option",(0,t.normalizeProps)((0,t.guardReactiveProps)(a)))]),key:"0"}:void 0]),1040,["shape","size","options","aria-label","placeholder"])])]),_:3}),i.name?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)((0,t.unref)(Y.mirroredFormValues)(c.value,{required:i.required,singleValued:!i.multiple}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:a||o,ref_for:!0,ref_key:"hiddenEls",ref:g,type:"text","aria-hidden":"true",tabindex:"-1",name:i.name,"^value":a,required:i.required,form:i.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,te))),128)):(0,t.createCommentVNode)("",!0)],64))}});exports.default=le;

package/dist/combobox/Combobox.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useFormReset as e}from"../utils/useFormReset.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{nextSelection as l,sameSelection as a,selectedValueOf as u,toSelectionValues as n}from"../utils/useSelection.js";import{mirroredFormValues as o}from"../utils/mirroredValues.js";import i from"../utils/PopperRoot.vue.js";import{announce as r}from"../utils/liveAnnouncer.js";import{filterKeeps as s,orderByScore as d}from"../utils/scoredFilter.js";import{COMBOBOX_CONTEXT as p,OPTION_SELECTOR as m,defaultGetResultCountLabel as v,nextComboboxContentId as f,scrollIntoListbox as c}from"./context.js";import g from"./ComboboxAnatomy.vue.js";import{Fragment as h,computed as V,createCommentVNode as y,createElementBlock as b,createSlots as C,createVNode as x,defineComponent as O,guardReactiveProps as B,mergeProps as F,normalizeProps as I,onBeforeUnmount as R,openBlock as w,provide as A,ref as S,renderList as j,renderSlot as k,unref as q,watch as L,withCtx as _}from"vue";var E=["name","^value","required","form"],P=/* @__PURE__ */O({inheritAttrs:!1,__name:"Combobox",props:{value:{default:void 0},defaultValue:{default:void 0},multiple:{type:Boolean,default:!1},allowCustomValue:{type:Boolean,default:!1},filter:{type:[String,Function],default:"manual"},options:{default:void 0},autoHighlight:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},openOn:{default:"type"},loading:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},getResultCountLabel:{type:Function,default:v},name:{default:void 0},form:{default:void 0},required:{type:Boolean,default:!1},ariaLabel:{default:void 0}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete","highlight-change"],setup(v,{expose:O,emit:P}){const T=v,M=P,N=S(null),$=S(null),H=S(null),z=S(null),X=S(/* @__PURE__ */new Map),D=S(null);let G="auto",K=null;const U=S(n(T.defaultValue,{multiple:T.multiple,label:"Combobox defaultValue"})),W=V(()=>void 0!==T.value?n(T.value,{multiple:T.multiple,label:"Combobox value"}):U.value),J=S(T.defaultInputValue),Q=V(()=>void 0!==T.inputValue?T.inputValue:J.value),Y=S(T.defaultOpen),Z=V(()=>T.open??Y.value);function ee(e,t){const l=W.value;a(e,l)||(void 0===T.value&&(U.value=e),M("update:value",e),M("value-change",{value:e,previousValue:0===l.length?null:l,reason:t,selectedValue:u(e)}))}function te(e){void 0===T.inputValue&&(J.value=e),M("update:inputValue",e),M("input-value-change",e)}function le(e){void 0===T.open&&(Y.value=e),M("update:open",e),M("open-change",e)}t(Z,H,e=>M("open-change-complete",e));let ae,ue=null;L(Z,e=>{void 0!==ae&&cancelAnimationFrame(ae),e?ae=requestAnimationFrame(()=>{const e=D.value;if(D.value=null,!e)return;const t=H.value;if(!t)return;const l=ie();if(0===l.length)return;const a="last"===e?l[l.length-1]:l[0];null===z.value&&(z.value=a.id),c(t,a)}):z.value=null});const ne=V(()=>X.value.size);function oe(e){if("manual"===T.filter)return null;const t=X.value.get(e);if(!t)return null;const l=T.filter(t.text,Q.value);return"number"==typeof l?l:null}function ie(){const e=H.value;return e?d(e,m,oe):[]}let re;L([X,Q,()=>T.filter],()=>ie(),{flush:"post"}),L(V(()=>z.value?X.value.get(z.value)?.value??null:null),e=>{if(e===K)return;const t=K;K=e,M("highlight-change",{value:e,previousValue:t,reason:G})}),L([X,z],([,e])=>{if(null===e)return;const t=ie();t.some(t=>t.id===e)||(z.value=t[0]?.id??null)},{flush:"post"}),L([()=>T.autoHighlight,Z,z,ne],([e,t,l])=>{!e||!t||null!==l||typeof document>"u"||(void 0!==re&&cancelAnimationFrame(re),re=requestAnimationFrame(()=>{const e=ie()[0];e&&(z.value=e.id)}))},{immediate:!0}),R(()=>{void 0!==ae&&cancelAnimationFrame(ae),void 0!==re&&cancelAnimationFrame(re)}),L([Z,ne,()=>T.loading],([e,t,l])=>{e&&!l&&r(T.getResultCountLabel(t))},{immediate:!0}),A(p,{inputRef:N,triggerRef:$,contentRef:H,contentId:f(),get multiple(){return T.multiple},selectedValues:W,isSelected:e=>W.value.includes(e),selectItem:function(e,t,a){if(!T.multiple)return ue=t,ee(l(W.value,e,!1),a),te(t),void le(!1);ee(l(W.value,e,T.multiple),a),te("")},clear:function(e){W.value.length>0&&ee([],e),ue=null,te("")},inputValue:Q,onInputValueChange:te,open:Z,setOpen:le,activeId:z,setActiveId:(e,t="auto")=>{G=t,z.value=e},openWithHighlight:function(e){D.value=e,le(!0)},get loop(){return T.loop},get openOn(){return T.openOn},reconcileDraftText:function(){if(T.allowCustomValue)return;const e=T.multiple?void 0:W.value[0];if(void 0!==e){for(const t of X.value.values())if(t.value===e)return void te(t.text||t.value);te(ue??e)}else te("")},itemCount:ne,registerItem:function(e,t){const l=X.value.get(e);if(l?.value===t.value&&l.text===t.text)return;const a=new Map(X.value);a.set(e,t),X.value=a},unregisterItem:function(e){if(!X.value.has(e))return;const t=new Map(X.value);t.delete(e),X.value=t},getItem:e=>X.value.get(e),matchesFilter:e=>"manual"===T.filter||s(T.filter(e,Q.value)),orderedOptions:ie,get invalid(){return T.invalid},get readOnly(){return T.readOnly},get disabled(){return T.disabled},loading:V(()=>T.loading),get allowCustomValue(){return T.allowCustomValue}});const se=S([]),de=n(T.value??T.defaultValue,{multiple:T.multiple,label:"Combobox value"}),pe=T.inputValue??T.defaultInputValue;return e(()=>se.value[0],()=>{ee(de,"programmatic"),te(pe)}),O({checkValidity:()=>se.value[0]?.checkValidity()??!0,reportValidity:()=>se.value[0]?.reportValidity()??!0}),(e,t)=>(w(),b(h,null,[x(i,null,{default:_(()=>[k(e.$slots,"default",{},()=>[x(g,F(e.$attrs,{options:v.options??[],"aria-label":v.ariaLabel}),C({_:2},[e.$slots.option?{name:"option",fn:_(t=>[k(e.$slots,"option",I(B(t)))]),key:"0"}:void 0]),1040,["options","aria-label"])])]),_:3}),v.name?(w(!0),b(h,{key:0},j(q(o)(W.value,{required:v.required,singleValued:!v.multiple}),(e,t)=>(w(),b("input",{key:e||t,ref_for:!0,ref_key:"hiddenEls",ref:se,type:"text","aria-hidden":"true",tabindex:"-1",name:v.name,"^value":e,required:v.required,form:v.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,E))),128)):y("",!0)],64))}});export{P as default};
+import{announce as e}from"../utils/liveAnnouncer.js";import{useFormReset as t}from"../utils/useFormReset.js";import{nextSelection as l,sameSelection as a,selectedValueOf as u,toSelectionValues as o}from"../utils/selection.js";import{useControllable as n}from"../utils/useControllable.js";import{useOpenChangeComplete as i}from"../utils/useOpenChangeComplete.js";import{mirroredFormValues as r}from"../utils/mirroredValues.js";import{filterKeeps as s,orderByScore as d}from"../utils/scoredFilter.js";import p from"../utils/PopperRoot.vue.js";import{COMBOBOX_CONTEXT as m,OPTION_SELECTOR as c,defaultGetResultCountLabel as f,nextComboboxContentId as v,scrollIntoListbox as g}from"./context.js";import h from"./ComboboxAnatomy.vue.js";import{Fragment as V,computed as y,createCommentVNode as C,createElementBlock as b,createSlots as x,createVNode as O,defineComponent as B,guardReactiveProps as F,mergeProps as I,normalizeProps as A,onBeforeUnmount as R,openBlock as j,provide as q,ref as w,renderList as S,renderSlot as k,unref as z,useAttrs as L,watch as _,withCtx as E}from"vue";var P=["name","^value","required","form"],T=/* @__PURE__ */B({inheritAttrs:!1,__name:"Combobox",props:{value:{default:void 0},defaultValue:{default:void 0},multiple:{type:Boolean,default:!1},allowCustomValue:{type:Boolean,default:!1},filter:{type:[String,Function],default:"manual"},options:{},autoHighlight:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},openOn:{default:"type"},loading:{type:Boolean,default:!1},inputValue:{},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},getResultCountLabel:{type:Function,default:f},name:{},form:{},required:{type:Boolean,default:!1},ariaLabel:{},placeholder:{},shape:{default:void 0},size:{default:void 0}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete","highlight-change"],setup(f,{expose:B,emit:T}){const M=f,N=L(),H=y(()=>M.shape??N["data-shape"]),$=y(()=>M.size??N["data-size"]),X=y(()=>{const{"data-shape":e,"data-size":t,...l}=N;return l}),D=T,G=w(null),K=w(null),U=w(null),W=w(null),J=w(/* @__PURE__ */new Map),Q=w(null);let Y="auto",Z=null;const ee=w(o(M.defaultValue,{multiple:M.multiple,label:"Combobox defaultValue"})),te=y(()=>void 0!==M.value?o(M.value,{multiple:M.multiple,label:"Combobox value"}):ee.value),le=n({controlled:()=>M.inputValue,defaultValue:()=>M.defaultInputValue,onChange:e=>{D("update:inputValue",e),D("input-value-change",e)}}),ae=y(()=>le.value.value??""),ue=n({controlled:()=>M.open,defaultValue:()=>M.defaultOpen,onChange:e=>{D("update:open",e),D("open-change",e)}}),oe=y(()=>ue.value.value??!1);function ne(e,t){const l=te.value;a(e,l)||(void 0===M.value&&(ee.value=e),D("update:value",e),D("value-change",{value:e,previousValue:l,reason:t,selectedValue:u(e)}))}function ie(e){le.set(e)}function re(e){ue.set(e)}i(oe,U,e=>D("open-change-complete",e));let se,de=null;_(oe,e=>{void 0!==se&&cancelAnimationFrame(se),e?se=requestAnimationFrame(()=>{const e=Q.value;if(Q.value=null,!e)return;const t=U.value;if(!t)return;const l=ce();if(0===l.length)return;const a="last"===e?l[l.length-1]:l[0];null===W.value&&(W.value=a.id),g(t,a)}):W.value=null});const pe=y(()=>J.value.size);function me(e){if("manual"===M.filter)return null;const t=J.value.get(e);if(!t)return null;const l=M.filter(t.text,ae.value);return"number"==typeof l?l:null}function ce(){const e=U.value;return e?d(e,c,me):[]}let fe;_([J,ae,()=>M.filter],()=>ce(),{flush:"post"}),_(y(()=>W.value?J.value.get(W.value)?.value??null:null),e=>{if(e===Z)return;const t=Z;Z=e,D("highlight-change",{value:e,previousValue:t,reason:Y})}),_([J,W],([,e])=>{if(null===e)return;const t=ce();t.some(t=>t.id===e)||(W.value=t[0]?.id??null)},{flush:"post"}),_([()=>M.autoHighlight,oe,W,pe],([e,t,l])=>{!e||!t||null!==l||typeof document>"u"||(void 0!==fe&&cancelAnimationFrame(fe),fe=requestAnimationFrame(()=>{const e=ce()[0];e&&(W.value=e.id)}))},{immediate:!0}),R(()=>{void 0!==se&&cancelAnimationFrame(se),void 0!==fe&&cancelAnimationFrame(fe)}),_([oe,pe,()=>M.loading],([t,l,a])=>{t&&!a&&e(M.getResultCountLabel(l))},{immediate:!0}),q(m,{inputRef:G,triggerRef:K,contentRef:U,contentId:v(),get multiple(){return M.multiple},selectedValues:te,isSelected:e=>te.value.includes(e),selectItem:function(e,t,a){if(!M.multiple)return de=t,ne(l(te.value,e,!1),a),ie(t),void re(!1);ne(l(te.value,e,M.multiple),a),ie("")},clear:function(e){te.value.length>0&&ne([],e),de=null,ie("")},inputValue:ae,onInputValueChange:ie,open:oe,setOpen:re,activeId:W,setActiveId:(e,t="auto")=>{Y=t,W.value=e},openWithHighlight:function(e){Q.value=e,re(!0)},get loop(){return M.loop},get openOn(){return M.openOn},reconcileDraftText:function(){if(M.allowCustomValue)return;const e=M.multiple?void 0:te.value[0];if(void 0!==e){for(const t of J.value.values())if(t.value===e)return void ie(t.text||t.value);ie(de??e)}else ie("")},itemCount:pe,registerItem:function(e,t){const l=J.value.get(e);if(l?.value===t.value&&l.text===t.text)return;const a=new Map(J.value);a.set(e,t),J.value=a},unregisterItem:function(e){if(!J.value.has(e))return;const t=new Map(J.value);t.delete(e),J.value=t},getItem:e=>J.value.get(e),matchesFilter:e=>"manual"===M.filter||s(M.filter(e,ae.value)),orderedOptions:ce,get invalid(){return M.invalid},get required(){return M.required},get readOnly(){return M.readOnly},get disabled(){return M.disabled},loading:y(()=>M.loading),get allowCustomValue(){return M.allowCustomValue}});const ve=w([]);return t(()=>ve.value[0],()=>{ne(o(M.value??M.defaultValue,{multiple:M.multiple,label:"Combobox value"}),"programmatic"),ie(M.inputValue??M.defaultInputValue)}),B({checkValidity:()=>ve.value[0]?.checkValidity()??!0,reportValidity:()=>ve.value[0]?.reportValidity()??!0,setCustomValidity:e=>ve.value[0]?.setCustomValidity(e),focus:()=>G.value?.focus()}),(e,t)=>(j(),b(V,null,[O(p,null,{default:E(()=>[k(e.$slots,"default",{},()=>[O(h,I(X.value,{shape:H.value,size:$.value,options:f.options??[],"aria-label":f.ariaLabel,placeholder:f.placeholder}),x({_:2},[e.$slots.option?{name:"option",fn:E(t=>[k(e.$slots,"option",A(F(t)))]),key:"0"}:void 0]),1040,["shape","size","options","aria-label","placeholder"])])]),_:3}),f.name?(j(!0),b(V,{key:0},S(z(r)(te.value,{required:f.required,singleValued:!f.multiple}),(e,t)=>(j(),b("input",{key:e||t,ref_for:!0,ref_key:"hiddenEls",ref:ve,type:"text","aria-hidden":"true",tabindex:"-1",name:f.name,"^value":e,required:f.required,form:f.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,P))),128)):C("",!0)],64))}});export{T as default};

package/dist/combobox/ComboboxAnatomy.vue.d.cts

@@ -1,7 +1,7 @@
 import { type ComboboxOption, type ComboboxOptionGroup } from './context.cjs';
 /**
- * Anatomy of `SkdxCombobox`: input, toggle trigger, clear button, listbox built from `options`.
- * Filters by case-insensitive substring match against `label`.
+ * Anatomy of `SkdxCombobox`: input and the listbox built from `options`,
+ * filtered by case-insensitive substring match against `label`.
  * @internal
  */
 type __VLS_Props = {
@@ -9,16 +9,26 @@ type __VLS_Props = {
     /** Names input and content, neither of which derive a name from content. */
     ariaLabel?: string;
     ariaLabelledby?: string;
+    /**
+     * Placeholder text forwarded to the Input.
+     * @default undefined
+     */
+    placeholder?: string | undefined;
+    /**
+     * Outline the skin gives the text input, applied to the derived Input part.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the text input at, applied to the derived Input part.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
-declare var __VLS_25: {
-    option: ComboboxOption;
-}, __VLS_30: {
-    option: ComboboxOption;
-};
-type __VLS_Slots = {} & {
-    option?: (props: typeof __VLS_25) => any;
-} & {
-    option?: (props: typeof __VLS_30) => any;
+type __VLS_Slots = {
+    option?(props: {
+        option: ComboboxOption;
+    }): unknown;
 };
 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>;

package/dist/combobox/ComboboxAnatomy.vue.d.ts

@@ -1,7 +1,7 @@
 import { type ComboboxOption, type ComboboxOptionGroup } from './context.js';
 /**
- * Anatomy of `SkdxCombobox`: input, toggle trigger, clear button, listbox built from `options`.
- * Filters by case-insensitive substring match against `label`.
+ * Anatomy of `SkdxCombobox`: input and the listbox built from `options`,
+ * filtered by case-insensitive substring match against `label`.
  * @internal
  */
 type __VLS_Props = {
@@ -9,16 +9,26 @@ type __VLS_Props = {
     /** Names input and content, neither of which derive a name from content. */
     ariaLabel?: string;
     ariaLabelledby?: string;
+    /**
+     * Placeholder text forwarded to the Input.
+     * @default undefined
+     */
+    placeholder?: string | undefined;
+    /**
+     * Outline the skin gives the text input, applied to the derived Input part.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the text input at, applied to the derived Input part.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
-declare var __VLS_25: {
-    option: ComboboxOption;
-}, __VLS_30: {
-    option: ComboboxOption;
-};
-type __VLS_Slots = {} & {
-    option?: (props: typeof __VLS_25) => any;
-} & {
-    option?: (props: typeof __VLS_30) => any;
+type __VLS_Slots = {
+    option?(props: {
+        option: ComboboxOption;
+    }): unknown;
 };
 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>;

package/dist/combobox/ComboboxAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const c=require("./context.cjs"),f=require("./ComboboxClear.vue.cjs"),x=require("./ComboboxContent.vue.cjs"),m=require("./ComboboxEmpty.vue.cjs"),C=require("./ComboboxGroup.vue.cjs"),p=require("./ComboboxGroupLabel.vue.cjs"),q=require("./ComboboxInput.vue.cjs"),d=require("./ComboboxItem.vue.cjs"),v=require("./ComboboxPortal.vue.cjs"),k=require("./ComboboxTrigger.vue.cjs");let e=require("vue");var B=(0,e.defineComponent)({inheritAttrs:!1,__name:"ComboboxAnatomy",props:{options:{},ariaLabel:{},ariaLabelledby:{}},setup(o){const i=o,b=(0,e.inject)(c.COMBOBOX_CONTEXT);function u(a){return"options"in a}function n(a,t){return(a.label??a.value).toLowerCase().includes(t)}const s=(0,e.computed)(()=>{const a=b.inputValue.value.trim().toLowerCase();return a?i.options.flatMap(t=>{if(!u(t))return n(t,a)?[t]:[];const l=t.options.filter(r=>n(r,a));return l.length>0?[{label:t.label,options:l}]:[]}):i.options});return(a,t)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(q.default,(0,e.mergeProps)(a.$attrs,{"aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledby}),null,16,["aria-label","aria-labelledby"]),(0,e.createVNode)(k.default,{"aria-label":"Toggle options"},{default:(0,e.withCtx)(()=>[...t[0]||(t[0]=[(0,e.createTextVNode)("▾",-1)])]),_:1}),(0,e.createVNode)(f.default,{"aria-label":"Clear"},{default:(0,e.withCtx)(()=>[...t[1]||(t[1]=[(0,e.createTextVNode)("✕",-1)])]),_:1}),(0,e.createVNode)(v.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(x.default,{"aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledby},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(s.value,l=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:u(l)?l.label:l.value},[u(l)?((0,e.openBlock)(),(0,e.createBlock)(C.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(p.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label),1)]),_:2},1024),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.options,r=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:r.value,value:r.value,disabled:r.disabled,"text-value":r.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label??r.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:1,value:l.value,disabled:l.disabled,"text-value":l.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:l},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label??l.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128)),(0,e.createVNode)(m.default,null,{default:(0,e.withCtx)(()=>[...t[2]||(t[2]=[(0,e.createTextVNode)("No results found",-1)])]),_:1})]),_:3},8,["aria-label","aria-labelledby"])]),_:3})],64))}});exports.default=B;
+const c=require("./context.cjs"),m=require("./ComboboxContent.vue.cjs"),f=require("./ComboboxEmpty.vue.cjs"),p=require("./ComboboxGroup.vue.cjs"),x=require("./ComboboxGroupLabel.vue.cjs"),C=require("./ComboboxInput.vue.cjs"),d=require("./ComboboxItem.vue.cjs"),v=require("./ComboboxPortal.vue.cjs");let e=require("vue");var k=(0,e.defineComponent)({inheritAttrs:!1,__name:"ComboboxAnatomy",props:{options:{},ariaLabel:{},ariaLabelledby:{},placeholder:{},shape:{},size:{}},setup(o){const i=o,b=(0,e.inject)(c.COMBOBOX_CONTEXT);function u(a){return"options"in a}function n(a,t){return(a.label??a.value).toLowerCase().includes(t)}const s=(0,e.computed)(()=>{const a=b.inputValue.value.trim().toLowerCase();return a?i.options.flatMap(t=>{if(!u(t))return n(t,a)?[t]:[];const l=t.options.filter(r=>n(r,a));return l.length>0?[{label:t.label,options:l}]:[]}):i.options});return(a,t)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(C.default,(0,e.mergeProps)(a.$attrs,{shape:o.shape,size:o.size,"aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledby,placeholder:o.placeholder}),null,16,["shape","size","aria-label","aria-labelledby","placeholder"]),(0,e.createVNode)(v.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(m.default,{"aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledby},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(s.value,l=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:u(l)?l.label:l.value},[u(l)?((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(x.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label),1)]),_:2},1024),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.options,r=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:r.value,value:r.value,disabled:r.disabled,"text-value":r.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label??r.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:1,value:l.value,disabled:l.disabled,"text-value":l.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:l},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label??l.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128)),(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[...t[0]||(t[0]=[(0,e.createTextVNode)("No results",-1)])]),_:1})]),_:3},8,["aria-label","aria-labelledby"])]),_:3})],64))}});exports.default=k;

package/dist/combobox/ComboboxAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{COMBOBOX_CONTEXT as e}from"./context.js";import a from"./ComboboxClear.vue.js";import l from"./ComboboxContent.vue.js";import o from"./ComboboxEmpty.vue.js";import t from"./ComboboxGroup.vue.js";import r from"./ComboboxGroupLabel.vue.js";import i from"./ComboboxInput.vue.js";import u from"./ComboboxItem.vue.js";import s from"./ComboboxPortal.vue.js";import b from"./ComboboxTrigger.vue.js";import{Fragment as n,computed as m,createBlock as p,createElementBlock as d,createTextVNode as f,createVNode as v,defineComponent as C,inject as x,mergeProps as c,openBlock as y,renderList as _,renderSlot as j,toDisplayString as L,withCtx as g}from"vue";var k=/* @__PURE__ */C({inheritAttrs:!1,__name:"ComboboxAnatomy",props:{options:{},ariaLabel:{},ariaLabelledby:{}},setup(C){const k=C,B=x(e);function T(e){return"options"in e}function N(e,a){return(e.label??e.value).toLowerCase().includes(a)}const O=m(()=>{const e=B.inputValue.value.trim().toLowerCase();return e?k.options.flatMap(a=>{if(!T(a))return N(a,e)?[a]:[];const l=a.options.filter(a=>N(a,e));return l.length>0?[{label:a.label,options:l}]:[]}):k.options});return(e,m)=>(y(),d(n,null,[v(i,c(e.$attrs,{"aria-label":C.ariaLabel,"aria-labelledby":C.ariaLabelledby}),null,16,["aria-label","aria-labelledby"]),v(b,{"aria-label":"Toggle options"},{default:g(()=>[...m[0]||(m[0]=[f("▾",-1)])]),_:1}),v(a,{"aria-label":"Clear"},{default:g(()=>[...m[1]||(m[1]=[f("✕",-1)])]),_:1}),v(s,null,{default:g(()=>[v(l,{"aria-label":C.ariaLabel,"aria-labelledby":C.ariaLabelledby},{default:g(()=>[(y(!0),d(n,null,_(O.value,a=>(y(),d(n,{key:T(a)?a.label:a.value},[T(a)?(y(),p(t,{key:0},{default:g(()=>[v(r,null,{default:g(()=>[f(L(a.label),1)]),_:2},1024),(y(!0),d(n,null,_(a.options,a=>(y(),p(u,{key:a.value,value:a.value,disabled:a.disabled,"text-value":a.label},{default:g(()=>[j(e.$slots,"option",{option:a},()=>[f(L(a.label??a.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):(y(),p(u,{key:1,value:a.value,disabled:a.disabled,"text-value":a.label},{default:g(()=>[j(e.$slots,"option",{option:a},()=>[f(L(a.label??a.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128)),v(o,null,{default:g(()=>[...m[2]||(m[2]=[f("No results found",-1)])]),_:1})]),_:3},8,["aria-label","aria-labelledby"])]),_:3})],64))}});export{k as default};
+import{COMBOBOX_CONTEXT as e}from"./context.js";import a from"./ComboboxContent.vue.js";import l from"./ComboboxEmpty.vue.js";import o from"./ComboboxGroup.vue.js";import t from"./ComboboxGroupLabel.vue.js";import r from"./ComboboxInput.vue.js";import s from"./ComboboxItem.vue.js";import i from"./ComboboxPortal.vue.js";import{Fragment as u,computed as b,createBlock as n,createElementBlock as p,createTextVNode as d,createVNode as m,defineComponent as v,inject as f,mergeProps as c,openBlock as x,renderList as C,renderSlot as y,toDisplayString as h,withCtx as L}from"vue";var _=/* @__PURE__ */v({inheritAttrs:!1,__name:"ComboboxAnatomy",props:{options:{},ariaLabel:{},ariaLabelledby:{},placeholder:{},shape:{},size:{}},setup(v){const _=v,j=f(e);function k(e){return"options"in e}function B(e,a){return(e.label??e.value).toLowerCase().includes(a)}const g=b(()=>{const e=j.inputValue.value.trim().toLowerCase();return e?_.options.flatMap(a=>{if(!k(a))return B(a,e)?[a]:[];const l=a.options.filter(a=>B(a,e));return l.length>0?[{label:a.label,options:l}]:[]}):_.options});return(e,b)=>(x(),p(u,null,[m(r,c(e.$attrs,{shape:v.shape,size:v.size,"aria-label":v.ariaLabel,"aria-labelledby":v.ariaLabelledby,placeholder:v.placeholder}),null,16,["shape","size","aria-label","aria-labelledby","placeholder"]),m(i,null,{default:L(()=>[m(a,{"aria-label":v.ariaLabel,"aria-labelledby":v.ariaLabelledby},{default:L(()=>[(x(!0),p(u,null,C(g.value,a=>(x(),p(u,{key:k(a)?a.label:a.value},[k(a)?(x(),n(o,{key:0},{default:L(()=>[m(t,null,{default:L(()=>[d(h(a.label),1)]),_:2},1024),(x(!0),p(u,null,C(a.options,a=>(x(),n(s,{key:a.value,value:a.value,disabled:a.disabled,"text-value":a.label},{default:L(()=>[y(e.$slots,"option",{option:a},()=>[d(h(a.label??a.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):(x(),n(s,{key:1,value:a.value,disabled:a.disabled,"text-value":a.label},{default:L(()=>[y(e.$slots,"option",{option:a},()=>[d(h(a.label??a.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128)),m(l,null,{default:L(()=>[...b[0]||(b[0]=[d("No results",-1)])]),_:1})]),_:3},8,["aria-label","aria-labelledby"])]),_:3})],64))}});export{_ as default};

package/dist/combobox/ComboboxClear.vue.d.cts

@@ -1,7 +1,7 @@
 /**
- * Clear selection and draft text, return focus to input.
- * Disabled when there's nothing to clear, or root is disabled/readOnly.
- * Use `tabindex="-1"` and provide `aria-label` (glyph alone is not a name).
+ * Clears selection and draft text and returns focus to input, disabled when
+ * there's nothing to clear or the root is disabled/readOnly; needs an
+ * `aria-label` since a glyph alone is not a name.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/combobox/ComboboxClear.vue.d.ts

@@ -1,7 +1,7 @@
 /**
- * Clear selection and draft text, return focus to input.
- * Disabled when there's nothing to clear, or root is disabled/readOnly.
- * Use `tabindex="-1"` and provide `aria-label` (glyph alone is not a name).
+ * Clears selection and draft text and returns focus to input, disabled when
+ * there's nothing to clear or the root is disabled/readOnly; needs an
+ * `aria-label` since a glyph alone is not a name.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/combobox/ComboboxClear.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var u=["disabled","data-disabled","data-readonly"],i=(0,e.defineComponent)({__name:"ComboboxClear",setup(s){const a=(0,e.inject)(l.COMBOBOX_CONTEXT);if(!a)throw new Error("SkdxComboboxClear must be used within SkdxCombobox.");const t=a,n=(0,e.computed)(()=>t.selectedValues.value.length===0&&t.inputValue.value==="");function d(o){o.preventDefault()}function r(){t.clear("pointer"),t.inputRef.value?.focus()}return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-combobox__clear","data-part":"clear",type:"button",tabindex:-1,disabled:(0,e.unref)(t).disabled||(0,e.unref)(t).readOnly||n.value||void 0,"data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,onMousedown:d,onClick:r},[(0,e.renderSlot)(o.$slots,"default")],40,u))}});exports.default=i;
+const d=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var l=["disabled","data-disabled","data-readonly"],i=(0,e.defineComponent)({__name:"ComboboxClear",setup(s){const t=d.injectRequired(u.COMBOBOX_CONTEXT,"SkdxComboboxClear must be used within SkdxCombobox."),a=(0,e.computed)(()=>t.selectedValues.value.length===0&&t.inputValue.value==="");function n(o){o.preventDefault()}function r(){t.clear("pointer"),t.inputRef.value?.focus()}return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-combobox__clear","data-part":"clear",type:"button",tabindex:-1,disabled:(0,e.unref)(t).disabled||(0,e.unref)(t).readOnly||a.value||void 0,"data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,onMousedown:n,onClick:r},[(0,e.renderSlot)(o.$slots,"default")],40,l))}});exports.default=i;

package/dist/combobox/ComboboxClear.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{COMBOBOX_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as t,inject as d,openBlock as n,renderSlot as l,unref as s}from"vue";var r=["disabled","data-disabled","data-readonly"],u=/* @__PURE__ */t({__name:"ComboboxClear",setup(t){const u=d(e);if(!u)throw new Error("SkdxComboboxClear must be used within SkdxCombobox.");const i=u,b=a(()=>0===i.selectedValues.value.length&&""===i.inputValue.value);function c(e){e.preventDefault()}function m(){i.clear("pointer"),i.inputRef.value?.focus()}return(e,a)=>(n(),o("button",{class:"skdx-combobox__clear","data-part":"clear",type:"button",tabindex:-1,disabled:s(i).disabled||s(i).readOnly||b.value||void 0,"data-disabled":s(i).disabled?"":void 0,"data-readonly":s(i).readOnly?"":void 0,onMousedown:c,onClick:m},[l(e.$slots,"default")],40,r))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{COMBOBOX_CONTEXT as a}from"./context.js";import{computed as o,createElementBlock as t,defineComponent as d,openBlock as l,renderSlot as n,unref as s}from"vue";var r=["disabled","data-disabled","data-readonly"],i=/* @__PURE__ */d({__name:"ComboboxClear",setup(d){const i=e(a,"SkdxComboboxClear must be used within SkdxCombobox."),u=o(()=>0===i.selectedValues.value.length&&""===i.inputValue.value);function b(e){e.preventDefault()}function c(){i.clear("pointer"),i.inputRef.value?.focus()}return(e,a)=>(l(),t("button",{class:"skdx-combobox__clear","data-part":"clear",type:"button",tabindex:-1,disabled:s(i).disabled||s(i).readOnly||u.value||void 0,"data-disabled":s(i).disabled?"":void 0,"data-readonly":s(i).readOnly?"":void 0,onMousedown:b,onClick:c},[n(e.$slots,"default")],40,r))}});export{i as default};