@skdx/vue 0.27.0 → 0.29.0

package/dist/select/SelectSeparator.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Visual divider between `SkdxSelectOption`s or `SkdxSelectGroup`s inside
- * {@link SelectContent}. Renders an `aria-hidden` `<div>`.
- */
+/** Visual divider between `SkdxSelectItem`s or `SkdxSelectGroup`s inside {@link SelectContent}. */
 type __VLS_Props = {};
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/select/SelectTag.vue.cjs

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

package/dist/select/SelectTag.vue.d.cts

@@ -0,0 +1,39 @@
+/** One selected value inside the TagList, showing the option's text or the raw value if none was declared. */
+type __VLS_Props = {
+    /** The selected value this tag represents; deselects it when remove is pressed. */
+    value: string;
+    /**
+     * Locks this tag: the remove button refuses, it is painted with `data-disabled`, and roving focus steps over it.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Outline the skin gives the tag, forwarded as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the tag at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Meaning the tag carries, forwarded as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTag.vue.d.ts

@@ -0,0 +1,39 @@
+/** One selected value inside the TagList, showing the option's text or the raw value if none was declared. */
+type __VLS_Props = {
+    /** The selected value this tag represents; deselects it when remove is pressed. */
+    value: string;
+    /**
+     * Locks this tag: the remove button refuses, it is painted with `data-disabled`, and roving focus steps over it.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Outline the skin gives the tag, forwarded as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the tag at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Meaning the tag carries, forwarded as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTag.vue.js

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

package/dist/select/SelectTag.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/injectRequired.cjs"),i=require("../badge/Badge.vue.cjs"),r=require("./context.cjs");let t=require("vue");var c=(0,t.defineComponent)({__name:"SelectTag",props:{value:{},disabled:{type:Boolean,default:!1},shape:{},size:{},status:{}},setup(e){const u=e,a=n.injectRequired(r.SELECT_CONTEXT,"[skdx] SkdxSelectTag must be used within SkdxSelect."),d=(0,t.computed)(()=>a.selectedValues.indexOf(u.value));return(l,s)=>((0,t.openBlock)(),(0,t.createBlock)(i.default,{class:"skdx-select__tag","data-skdx-select-tag":"",index:d.value,label:e.value,disabled:e.disabled,shape:e.shape,size:e.size,status:e.status,"data-value":e.value,onDelete:s[0]||(s[0]=o=>(0,t.unref)(a).deselect(e.value))},(0,t.createSlots)({_:2},[l.$slots.default?{name:"default",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(l.$slots,"default")]),key:"0"}:void 0]),1032,["index","label","disabled","shape","size","status","data-value"]))}});exports.default=c;

package/dist/select/SelectTag.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import a from"../badge/Badge.vue.js";import{SELECT_CONTEXT as s}from"./context.js";import{computed as t,createBlock as l,createSlots as d,defineComponent as u,openBlock as o,renderSlot as i,unref as n,withCtx as r}from"vue";var c=/* @__PURE__ */u({__name:"SelectTag",props:{value:{},disabled:{type:Boolean,default:!1},shape:{},size:{},status:{}},setup(u){const c=u,p=e(s,"[skdx] SkdxSelectTag must be used within SkdxSelect."),f=t(()=>p.selectedValues.indexOf(c.value));return(e,s)=>(o(),l(a,{class:"skdx-select__tag","data-skdx-select-tag":"",index:f.value,label:u.value,disabled:u.disabled,shape:u.shape,size:u.size,status:u.status,"data-value":u.value,onDelete:s[0]||(s[0]=e=>n(p).deselect(u.value))},d({_:2},[e.$slots.default?{name:"default",fn:r(()=>[i(e.$slots,"default")]),key:"0"}:void 0]),1032,["index","label","disabled","shape","size","status","data-value"]))}});export{c as default};

package/dist/select/SelectTagList.vue.cjs

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

package/dist/select/SelectTagList.vue.d.cts

@@ -0,0 +1,34 @@
+/** The tag strip holding one removable Tag per selected value, in selection order, with a single roving tab stop. */
+type __VLS_Props = {
+    /**
+     * Layout axis of the tag strip, published as `data-orientation` and deciding arrow-key direction.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether arrow-key navigation wraps between the first and last tag.
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * How tightly the skin packs the tag strip, forwarded as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'comfortable' | 'compact' | (string & {}) | undefined;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    loop: boolean;
+    density: "comfortable" | "compact" | (string & {}) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTagList.vue.d.ts

@@ -0,0 +1,34 @@
+/** The tag strip holding one removable Tag per selected value, in selection order, with a single roving tab stop. */
+type __VLS_Props = {
+    /**
+     * Layout axis of the tag strip, published as `data-orientation` and deciding arrow-key direction.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether arrow-key navigation wraps between the first and last tag.
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * How tightly the skin packs the tag strip, forwarded as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'comfortable' | 'compact' | (string & {}) | undefined;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    loop: boolean;
+    density: "comfortable" | "compact" | (string & {}) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTagList.vue.js

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

package/dist/select/SelectTagList.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../utils/injectRequired.cjs"),o=require("./context.cjs"),l=require("../tag-group/TagGroup.vue.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"SelectTagList",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0},density:{default:void 0}},setup(t){const i=r.injectRequired(o.SELECT_CONTEXT,"[skdx] SkdxSelectTagList must be used within SkdxSelect.");return(n,a)=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{class:"skdx-select__tag-list",orientation:t.orientation,loop:t.loop,density:t.density,disabled:(0,e.unref)(i).disabled||(0,e.unref)(i).readOnly},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["orientation","loop","density","disabled"]))}});exports.default=u;

package/dist/select/SelectTagList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{SELECT_CONTEXT as t}from"./context.js";import o from"../tag-group/TagGroup.vue.js";import{createBlock as s,defineComponent as a,openBlock as i,renderSlot as n,unref as d,withCtx as l}from"vue";var r=/* @__PURE__ */a({__name:"SelectTagList",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0},density:{default:void 0}},setup(a){const r=e(t,"[skdx] SkdxSelectTagList must be used within SkdxSelect.");return(e,t)=>(i(),s(o,{class:"skdx-select__tag-list",orientation:a.orientation,loop:a.loop,density:a.density,disabled:d(r).disabled||d(r).readOnly},{default:l(()=>[n(e.$slots,"default")]),_:3},8,["orientation","loop","density","disabled"]))}});export{r as default};

package/dist/select/SelectTagRemove.vue.cjs

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

package/dist/select/SelectTagRemove.vue.d.cts

@@ -0,0 +1,14 @@
+/** The remove button inside a Tag, deselecting that value and named automatically, as in "Remove Ruby". */
+type __VLS_Props = {};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTagRemove.vue.d.ts

@@ -0,0 +1,14 @@
+/** The remove button inside a Tag, deselecting that value and named automatically, as in "Remove Ruby". */
+type __VLS_Props = {};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTagRemove.vue.js

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

package/dist/select/SelectTagRemove.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../badge/BadgeDelete.vue.cjs");let e=require("vue");var _=(0,e.defineComponent)({__name:"SelectTagRemove",setup(l){return(t,u)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{class:"skdx-select__tag-remove"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}))}});exports.default=_;

package/dist/select/SelectTagRemove.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../badge/BadgeDelete.vue.js";import{createBlock as a,defineComponent as t,openBlock as o,renderSlot as s,withCtx as l}from"vue";var r=/* @__PURE__ */t({__name:"SelectTagRemove",setup:t=>(t,r)=>(o(),a(e,{class:"skdx-select__tag-remove"},{default:l(()=>[s(t.$slots,"default")]),_:3}))});export{r as default};

package/dist/select/SelectTrigger.vue.d.cts

@@ -1,25 +1,26 @@
-/**
- * Opens the {@link SelectContext}'s listbox and displays the current value;
- * also registers itself as the anchor `SkdxSelectContent` positions against.
- * Renders `<button type="button" role="combobox">` with
- * `aria-haspopup="listbox"`, `aria-expanded`, `aria-controls`,
- * `aria-required`, `data-state`, `data-disabled`, `data-invalid`,
- * `data-placeholder`, and `data-multiple`. Click, Enter, Space, or Arrow
- * Up/Down opens the listbox.
- *
- * Printable characters run typeahead against the root's option collection
- * *without* opening the listbox, the way a native closed `<select>` behaves —
- * which needs labels the root already knows, so pass `items` on the root if
- * the listbox has never been opened. A `multiple` select opens the listbox
- * instead: changing an unseen selection blind would silently toggle an option
- * the user cannot check.
- */
-type __VLS_Props = {};
+/** Combobox trigger that keeps DOM focus throughout interaction and owns all keyboard navigation. */
+type __VLS_Props = {
+    /**
+     * Outline the skin gives the trigger, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the trigger at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native trigger button. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<button>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/select/SelectTrigger.vue.d.ts

@@ -1,25 +1,26 @@
-/**
- * Opens the {@link SelectContext}'s listbox and displays the current value;
- * also registers itself as the anchor `SkdxSelectContent` positions against.
- * Renders `<button type="button" role="combobox">` with
- * `aria-haspopup="listbox"`, `aria-expanded`, `aria-controls`,
- * `aria-required`, `data-state`, `data-disabled`, `data-invalid`,
- * `data-placeholder`, and `data-multiple`. Click, Enter, Space, or Arrow
- * Up/Down opens the listbox.
- *
- * Printable characters run typeahead against the root's option collection
- * *without* opening the listbox, the way a native closed `<select>` behaves —
- * which needs labels the root already knows, so pass `items` on the root if
- * the listbox has never been opened. A `multiple` select opens the listbox
- * instead: changing an unseen selection blind would silently toggle an option
- * the user cannot check.
- */
-type __VLS_Props = {};
+/** Combobox trigger that keeps DOM focus throughout interaction and owns all keyboard navigation. */
+type __VLS_Props = {
+    /**
+     * Outline the skin gives the trigger, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the trigger at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native trigger button. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<button>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/select/SelectTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("../utils/useTypeahead.cjs"),c=require("./context.cjs");let t=require("vue");var p=["aria-expanded","aria-controls","aria-required","aria-invalid","data-state","data-disabled","data-invalid","data-placeholder","data-multiple","disabled"],f=(0,t.defineComponent)({__name:"SelectTrigger",setup(v){const e=(0,t.inject)(c.SELECT_CONTEXT);if(!e)throw new Error("[skdx] SkdxSelectTrigger must be used within SkdxSelect.");const d=(0,t.ref)(null);(0,t.onMounted)(()=>{e.triggerEl=d.value});const u=o.useTypeahead();function s(r){if(["ArrowDown","ArrowUp"," ","Enter"].includes(r.key)){r.preventDefault(),e.setOpen(!0);return}if(e.open||!o.isTypeaheadKey(r))return;if(r.preventDefault(),e.multiple){e.setOpen(!0);return}const a=e.collection.filter(n=>!n.disabled),i=a.findIndex(n=>e.isSelected(n.value)),l=u(r.key,a.map(n=>n.label??n.value),i);l!==-1&&e.selectItem(a[l].value)}return(r,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{class:"skdx-select__trigger","data-part":"trigger",ref_key:"buttonRef",ref:d,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":(0,t.unref)(e).open,"aria-controls":(0,t.unref)(e).contentId,"aria-required":(0,t.unref)(e).required||void 0,"aria-invalid":(0,t.unref)(e).invalid?!0:void 0,"data-state":(0,t.unref)(e).open?"open":"closed","data-disabled":(0,t.unref)(e).disabled?"":void 0,"data-invalid":(0,t.unref)(e).invalid?"":void 0,"data-placeholder":(0,t.unref)(e).selectedValues.length===0?"":void 0,"data-multiple":(0,t.unref)(e).multiple?"":void 0,disabled:(0,t.unref)(e).disabled,onClick:a[0]||(a[0]=i=>(0,t.unref)(e).setOpen(!(0,t.unref)(e).open)),onKeydown:s},[(0,t.renderSlot)(r.$slots,"default")],40,p))}});exports.default=f;
+const T=require("../utils/appearance.cjs"),w=require("../utils/injectRequired.cjs"),C=require("../utils/typeahead.cjs"),y=require("../utils/useTypeahead.cjs"),f=require("./context.cjs"),s=require("../utils/select-keyboard.cjs");let n=require("vue");var E=["aria-expanded","aria-controls","aria-activedescendant","aria-required","aria-invalid","aria-readonly","data-state","data-disabled","data-readonly","data-invalid","data-placeholder","data-multiple","disabled","aria-labelledby"],K=(0,n.defineComponent)({inheritAttrs:!1,__name:"SelectTrigger",props:{shape:{},size:{}},setup(p,{expose:h}){const e=w.injectRequired(f.SELECT_CONTEXT,"[skdx] SkdxSelectTrigger must be used within SkdxSelect."),u=(0,n.useAttrs)(),d=(0,n.ref)(null);(0,n.onMounted)(()=>{e.triggerEl=d.value});const g=y.useTypeahead(),k=y.useTypeahead(),v=(0,n.ref)(null);function b(){const t=u["aria-label"]===void 0&&e.hasValuePart;v.value=t?f.associatedLabelId(d.value):null}(0,n.onMounted)(b),(0,n.onUpdated)(b);const x=(0,n.computed)(()=>{const t=u["aria-labelledby"];return u["aria-label"]!==void 0||!e.hasValuePart?t:[v.value,t,e.valueId].filter(Boolean).join(" ")});function q(){return e.orderedOptions()}function c(t){t&&(e.setActiveId(t.id),t.scrollIntoView?.({block:"nearest"}))}function m(t){const a=t?.getAttribute("data-value");a!=null&&(e.selectItem(a,"keyboard"),e.closeOnSelect&&e.setOpen(!1))}function I(t){const a=t?.getAttribute("data-value");a!=null&&(e.multiple&&e.isSelected(a)||e.selectItem(a,"keyboard"))}function _(t,a,r){const i=Math.min(t.length-1,Math.max(0,a+r)),l=t[i];if(!l||i===a)return;c(l);const o=l.getAttribute("data-value");o!==null&&e.selectItem(o,"keyboard")}function O(t,a,r){if(!e.multiple)return!1;const i=f.selectSelectionKeyAction(t,{allowSelectAll:e.allowSelectAll,hasActive:e.activeId!==null});return i?(t.preventDefault(),i.kind==="extend"?_(a,r,i.direction):i.kind==="range"?e.selectRange():i.kind==="sweep"?e.selectToEdge(i.edge):e.selectAllOrClear(),!0):!1}function S(t){const a=q(),r=a.findIndex(l=>l.id===e.activeId);if(O(t,a,r))return;const i=s.selectOpenAction(t,r,a.length);switch(s.selectKeyPrevented(i)&&t.preventDefault(),i.kind){case"activate":c(a[i.index]);return;case"commit":m(a[r]);return;case"commit-and-close":m(a[r]),e.setOpen(!1);return;case"commit-on-exit":I(a[r]),e.setOpen(!1);return;case"typeahead":{const l=k(t.key,a.map(o=>C.itemText(o)),r);l!==-1&&c(a[l]);return}case"claim":case"ignore":return}}function A(t){if(e.open){S(t);return}const a=s.selectClosedAction(t,e.multiple);if(s.selectKeyPrevented(a)&&t.preventDefault(),a.kind==="open"){e.openIntent=a.intent,e.setOpen(!0);return}if(a.kind==="open-for-typeahead"){e.setOpen(!0);return}if(a.kind!=="typeahead")return;const r=e.collection.filter(o=>!o.disabled),i=r.findIndex(o=>e.isSelected(o.value)),l=g(t.key,r.map(o=>o.label??o.value),i);l!==-1&&e.selectItem(r[l].value,"keyboard")}return h({focus:t=>d.value?.focus(t),el:d}),(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)("button",(0,n.mergeProps)({ref_key:"buttonRef",ref:d,class:"skdx-select__trigger","data-part":"trigger",type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":(0,n.unref)(e).open,"aria-controls":(0,n.unref)(e).contentId,"aria-activedescendant":(0,n.unref)(e).activeId??void 0,"aria-required":(0,n.unref)(e).required||void 0,"aria-invalid":(0,n.unref)(e).invalid?!0:void 0,"aria-readonly":(0,n.unref)(e).readOnly?!0:void 0,"data-state":(0,n.unref)(e).open?"open":"closed","data-disabled":(0,n.unref)(e).disabled?"":void 0,"data-readonly":(0,n.unref)(e).readOnly?"":void 0,"data-invalid":(0,n.unref)(e).invalid?"":void 0,"data-placeholder":(0,n.unref)(e).selectedValues.length===0?"":void 0,"data-multiple":(0,n.unref)(e).multiple?"":void 0,disabled:(0,n.unref)(e).disabled},{...t.$attrs,...(0,n.unref)(T.appearanceAttrs)({shape:p.shape,size:p.size},t.$attrs)},{"aria-labelledby":x.value,onClick:a[0]||(a[0]=r=>(0,n.unref)(e).setOpen(!(0,n.unref)(e).open)),onKeydown:A}),[(0,n.renderSlot)(t.$slots,"default")],16,E))}});exports.default=K;

package/dist/select/SelectTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{isTypeaheadKey as e,useTypeahead as a}from"../utils/useTypeahead.js";import{SELECT_CONTEXT as t}from"./context.js";import{createElementBlock as d,defineComponent as i,inject as r,onMounted as l,openBlock as o,ref as n,renderSlot as s,unref as u}from"vue";var p=["aria-expanded","aria-controls","aria-required","aria-invalid","data-state","data-disabled","data-invalid","data-placeholder","data-multiple","disabled"],c=/* @__PURE__ */i({__name:"SelectTrigger",setup(i){const c=r(t);if(!c)throw new Error("[skdx] SkdxSelectTrigger must be used within SkdxSelect.");const v=n(null);l(()=>{c.triggerEl=v.value});const f=a();function m(a){if(["ArrowDown","ArrowUp"," ","Enter"].includes(a.key))return a.preventDefault(),void c.setOpen(!0);if(c.open||!e(a))return;if(a.preventDefault(),c.multiple)return void c.setOpen(!0);const t=c.collection.filter(e=>!e.disabled),d=t.findIndex(e=>c.isSelected(e.value)),i=f(a.key,t.map(e=>e.label??e.value),d);-1!==i&&c.selectItem(t[i].value)}return(e,a)=>(o(),d("button",{class:"skdx-select__trigger","data-part":"trigger",ref_key:"buttonRef",ref:v,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":u(c).open,"aria-controls":u(c).contentId,"aria-required":u(c).required||void 0,"aria-invalid":!!u(c).invalid||void 0,"data-state":u(c).open?"open":"closed","data-disabled":u(c).disabled?"":void 0,"data-invalid":u(c).invalid?"":void 0,"data-placeholder":0===u(c).selectedValues.length?"":void 0,"data-multiple":u(c).multiple?"":void 0,disabled:u(c).disabled,onClick:a[0]||(a[0]=e=>u(c).setOpen(!u(c).open)),onKeydown:m},[s(e.$slots,"default")],40,p))}});export{c as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{itemText as a}from"../utils/typeahead.js";import{useTypeahead as i}from"../utils/useTypeahead.js";import{SELECT_CONTEXT as n,associatedLabelId as l,selectSelectionKeyAction as r}from"./context.js";import{selectClosedAction as d,selectKeyPrevented as o,selectOpenAction as s}from"../utils/select-keyboard.js";import{computed as c,createElementBlock as u,defineComponent as p,mergeProps as v,onMounted as m,onUpdated as f,openBlock as b,ref as y,renderSlot as h,unref as k,useAttrs as g}from"vue";var x=["aria-expanded","aria-controls","aria-activedescendant","aria-required","aria-invalid","aria-readonly","data-state","data-disabled","data-readonly","data-invalid","data-placeholder","data-multiple","disabled","aria-labelledby"],I=/* @__PURE__ */p({inheritAttrs:!1,__name:"SelectTrigger",props:{shape:{},size:{}},setup(p,{expose:I}){const A=t(n,"[skdx] SkdxSelectTrigger must be used within SkdxSelect."),O=g(),S=y(null);m(()=>{A.triggerEl=S.value});const j=i(),T=i(),w=y(null);function C(){const e=void 0===O["aria-label"]&&A.hasValuePart;w.value=e?l(S.value):null}m(C),f(C);const E=c(()=>{const e=O["aria-labelledby"];return void 0===O["aria-label"]&&A.hasValuePart?[w.value,e,A.valueId].filter(Boolean).join(" "):e});function _(e){e&&(A.setActiveId(e.id),e.scrollIntoView?.({block:"nearest"}))}function q(e){const t=e?.getAttribute("data-value");null!=t&&(A.selectItem(t,"keyboard"),A.closeOnSelect&&A.setOpen(!1))}function P(e){const t=A.orderedOptions(),i=t.findIndex(e=>e.id===A.activeId);if(function(e,t,a){if(!A.multiple)return!1;const i=r(e,{allowSelectAll:A.allowSelectAll,hasActive:null!==A.activeId});return!!i&&(e.preventDefault(),"extend"===i.kind?function(e,t,a){const i=Math.min(e.length-1,Math.max(0,t+a)),n=e[i];if(!n||i===t)return;_(n);const l=n.getAttribute("data-value");null!==l&&A.selectItem(l,"keyboard")}(t,a,i.direction):"range"===i.kind?A.selectRange():"sweep"===i.kind?A.selectToEdge(i.edge):A.selectAllOrClear(),!0)}(e,t,i))return;const n=s(e,i,t.length);switch(o(n)&&e.preventDefault(),n.kind){case"activate":return void _(t[n.index]);case"commit":return void q(t[i]);case"commit-and-close":return q(t[i]),void A.setOpen(!1);case"commit-on-exit":return function(e){const t=e?.getAttribute("data-value");null!=t&&(A.multiple&&A.isSelected(t)||A.selectItem(t,"keyboard"))}(t[i]),void A.setOpen(!1);case"typeahead":{const n=T(e.key,t.map(e=>a(e)),i);return void(-1!==n&&_(t[n]))}case"claim":case"ignore":return}}function R(e){if(A.open)return void P(e);const t=d(e,A.multiple);if(o(t)&&e.preventDefault(),"open"===t.kind)return A.openIntent=t.intent,void A.setOpen(!0);if("open-for-typeahead"===t.kind)return void A.setOpen(!0);if("typeahead"!==t.kind)return;const a=A.collection.filter(e=>!e.disabled),i=a.findIndex(e=>A.isSelected(e.value)),n=j(e.key,a.map(e=>e.label??e.value),i);-1!==n&&A.selectItem(a[n].value,"keyboard")}return I({focus:e=>S.value?.focus(e),el:S}),(t,a)=>(b(),u("button",v({ref_key:"buttonRef",ref:S,class:"skdx-select__trigger","data-part":"trigger",type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":k(A).open,"aria-controls":k(A).contentId,"aria-activedescendant":k(A).activeId??void 0,"aria-required":k(A).required||void 0,"aria-invalid":!!k(A).invalid||void 0,"aria-readonly":!!k(A).readOnly||void 0,"data-state":k(A).open?"open":"closed","data-disabled":k(A).disabled?"":void 0,"data-readonly":k(A).readOnly?"":void 0,"data-invalid":k(A).invalid?"":void 0,"data-placeholder":0===k(A).selectedValues.length?"":void 0,"data-multiple":k(A).multiple?"":void 0,disabled:k(A).disabled},{...t.$attrs,...k(e)({shape:p.shape,size:p.size},t.$attrs)},{"aria-labelledby":E.value,onClick:a[0]||(a[0]=e=>k(A).setOpen(!k(A).open)),onKeydown:R}),[h(t.$slots,"default")],16,x))}});export{I as default};

package/dist/select/SelectValue.vue.d.cts

@@ -1,22 +1,10 @@
-/**
- * Displays the selected {@link SelectContext} option's label (as registered
- * by its `SkdxSelectOption`, or declared in the root's `items`), or
- * `placeholder` when nothing is selected. Renders a `<span>` with
- * `pointer-events: none` so clicks pass through to the trigger. Provide
- * default slot content to override the auto-derived label entirely.
- *
- * While the root is `multiple`, renders one chip per selected option instead —
- * a `data-chip` span carrying `data-value`, to be styled like a TagsInput tag.
- * The chips are deliberately inert: the trigger is a `<button>`, so a remove
- * button nested inside one would be invalid HTML and unreachable by keyboard.
- * Deselecting happens in the listbox.
- */
+/** Renders the selected option's label or placeholder, carrying the id the trigger's aria-labelledby points at. */
 type __VLS_Props = {
     /**
      * Content shown when no value is selected.
      * @default undefined — renders nothing when no value is selected.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectValue.vue.d.ts

@@ -1,22 +1,10 @@
-/**
- * Displays the selected {@link SelectContext} option's label (as registered
- * by its `SkdxSelectOption`, or declared in the root's `items`), or
- * `placeholder` when nothing is selected. Renders a `<span>` with
- * `pointer-events: none` so clicks pass through to the trigger. Provide
- * default slot content to override the auto-derived label entirely.
- *
- * While the root is `multiple`, renders one chip per selected option instead —
- * a `data-chip` span carrying `data-value`, to be styled like a TagsInput tag.
- * The chips are deliberately inert: the trigger is a `<button>`, so a remove
- * button nested inside one would be invalid HTML and unreachable by keyboard.
- * Deselecting happens in the listbox.
- */
+/** Renders the selected option's label or placeholder, carrying the id the trigger's aria-labelledby points at. */
 type __VLS_Props = {
     /**
      * Content shown when no value is selected.
      * @default undefined — renders nothing when no value is selected.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectValue.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var d=["data-multiple","data-placeholder"],p=["data-value"],i=(0,e.defineComponent)({__name:"SelectValue",props:{placeholder:{}},setup(r){const n=r,t=(0,e.inject)(u.SELECT_CONTEXT);if(!t)throw new Error("[skdx] SkdxSelectValue must be used within SkdxSelect.");const o=(0,e.computed)(()=>{const[l]=t.selectedValues;return l===void 0?n.placeholder:t.getOptionLabel(l)}),c=(0,e.useSlots)(),s=(0,e.computed)(()=>!c.default&&t.selectedValues.length===0);return(l,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-select__value","data-part":"value",style:{"pointer-events":"none"},"data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":s.value?"":void 0},[(0,e.renderSlot)(l.$slots,"default",{},()=>[(0,e.unref)(t).multiple&&(0,e.unref)(t).selectedValues.length>0?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)((0,e.unref)(t).selectedValues,a=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:a,"data-chip":"","data-value":a},(0,e.toDisplayString)((0,e.unref)(t).getOptionLabel(a)),9,p))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(o.value),1)],64))])],8,d))}});exports.default=i;
+const c=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var i=["id","data-multiple","data-placeholder"],p=["data-value"],_=(0,e.defineComponent)({__name:"SelectValue",props:{placeholder:{}},setup(r){const n=r,t=c.injectRequired(d.SELECT_CONTEXT,"[skdx] SkdxSelectValue must be used within SkdxSelect.");(0,e.onMounted)(()=>t.setHasValuePart(!0)),(0,e.onBeforeUnmount)(()=>t.setHasValuePart(!1));const o=(0,e.computed)(()=>{const[l]=t.selectedValues;return l===void 0?n.placeholder:t.getOptionLabel(l)}),u=(0,e.useSlots)(),s=(0,e.computed)(()=>!u.default&&t.selectedValues.length===0);return(l,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{id:(0,e.unref)(t).valueId,class:"skdx-select__value","data-part":"value",style:{"pointer-events":"none"},"data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":s.value?"":void 0},[(0,e.renderSlot)(l.$slots,"default",{},()=>[(0,e.unref)(t).multiple&&(0,e.unref)(t).selectedValues.length>0?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)((0,e.unref)(t).selectedValues,a=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:a,"data-chip":"","data-value":a},(0,e.toDisplayString)((0,e.unref)(t).getOptionLabel(a)),9,p))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(o.value),1)],64))])],8,i))}});exports.default=_;

package/dist/select/SelectValue.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{SELECT_CONTEXT as e}from"./context.js";import{Fragment as a,computed as t,createElementBlock as l,createTextVNode as s,defineComponent as o,inject as d,openBlock as n,renderList as r,renderSlot as u,toDisplayString as p,unref as c,useSlots as i}from"vue";var m=["data-multiple","data-placeholder"],v=["data-value"],h=/* @__PURE__ */o({__name:"SelectValue",props:{placeholder:{}},setup(o){const h=o,k=d(e);if(!k)throw new Error("[skdx] SkdxSelectValue must be used within SkdxSelect.");const S=t(()=>{const[e]=k.selectedValues;return void 0===e?h.placeholder:k.getOptionLabel(e)}),f=i(),x=t(()=>!f.default&&0===k.selectedValues.length);return(e,t)=>(n(),l("span",{class:"skdx-select__value","data-part":"value",style:{"pointer-events":"none"},"data-multiple":c(k).multiple?"":void 0,"data-placeholder":x.value?"":void 0},[u(e.$slots,"default",{},()=>[c(k).multiple&&c(k).selectedValues.length>0?(n(!0),l(a,{key:0},r(c(k).selectedValues,e=>(n(),l("span",{key:e,"data-chip":"","data-value":e},p(c(k).getOptionLabel(e)),9,v))),128)):(n(),l(a,{key:1},[s(p(S.value),1)],64))])],8,m))}});export{h as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{SELECT_CONTEXT as a}from"./context.js";import{Fragment as t,computed as l,createElementBlock as s,createTextVNode as o,defineComponent as d,onBeforeUnmount as u,onMounted as n,openBlock as r,renderList as i,renderSlot as p,toDisplayString as c,unref as m,useSlots as v}from"vue";var f=["id","data-multiple","data-placeholder"],k=["data-value"],S=/* @__PURE__ */d({__name:"SelectValue",props:{placeholder:{}},setup(d){const S=d,V=e(a,"[skdx] SkdxSelectValue must be used within SkdxSelect.");n(()=>V.setHasValuePart(!0)),u(()=>V.setHasValuePart(!1));const h=l(()=>{const[e]=V.selectedValues;return void 0===e?S.placeholder:V.getOptionLabel(e)}),x=v(),g=l(()=>!x.default&&0===V.selectedValues.length);return(e,a)=>(r(),s("span",{id:m(V).valueId,class:"skdx-select__value","data-part":"value",style:{"pointer-events":"none"},"data-multiple":m(V).multiple?"":void 0,"data-placeholder":g.value?"":void 0},[p(e.$slots,"default",{},()=>[m(V).multiple&&m(V).selectedValues.length>0?(r(!0),s(t,{key:0},i(m(V).selectedValues,e=>(r(),s("span",{key:e,"data-chip":"","data-value":e},c(m(V).getOptionLabel(e)),9,k))),128)):(r(),s(t,{key:1},[o(c(h.value),1)],64))])],8,f))}});export{S as default};

package/dist/select/SelectViewport.vue.d.cts

@@ -1,11 +1,5 @@
 /**
- * Scrollable container for the options inside `<SkdxSelectContent>`. Renders a
- * plain `<div>` with `overflow: auto`.
- *
- * Optional — a `<SkdxSelectContent>` with options directly inside it works, and
- * `SelectContent` scrolls on its own. It exists because the skin gives the
- * viewport its own inset (`.skdx-select__viewport`), so a listbox without one
- * sits a step tighter against its border than the same listbox in React.
+ * Scrollable container for Items inside Content.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/select/SelectViewport.vue.d.ts

@@ -1,11 +1,5 @@
 /**
- * Scrollable container for the options inside `<SkdxSelectContent>`. Renders a
- * plain `<div>` with `overflow: auto`.
- *
- * Optional — a `<SkdxSelectContent>` with options directly inside it works, and
- * `SelectContent` scrolls on its own. It exists because the skin gives the
- * viewport its own inset (`.skdx-select__viewport`), so a listbox without one
- * sits a step tighter against its border than the same listbox in React.
+ * Scrollable container for Items inside Content.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/select/context.cjs

@@ -1 +1 @@
-const e=require("../utils/id.cjs");var t=Symbol("skdx-select-context");function n(){return e.nextId("select-content")}var T=Symbol("skdx-select-option-context");exports.SELECT_CONTEXT=t;exports.SELECT_OPTION_CONTEXT=T;exports.nextSelectContentId=n;
+const r=require("../utils/id.cjs");var i='[role="option"]:not([data-disabled]):not([data-part="select-all"])';function c(e){if(e)return e.flatMap(t=>"options"in t?t.options:[t])}function u(e){return!e.ctrlKey||!e.shiftKey?null:e.key==="Home"?"first":e.key==="End"?"last":null}function d(e){return e.shiftKey?e.key==="ArrowDown"?1:e.key==="ArrowUp"?-1:null:null}function s(e,{allowSelectAll:t,hasActive:n}){const l=u(e);if(l)return{kind:"sweep",edge:l};if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a")return t?{kind:"select-all"}:null;if(e.shiftKey&&e.key===" ")return n?{kind:"range"}:null;const o=d(e);return o?{kind:"extend",direction:o}:null}function a(e){return e===0?"none selected":`${e} selected`}function f(e,t){const n=e.querySelector('[data-part="viewport"]')??e;if(n===t||!n.contains(t))return;const l=n.getBoundingClientRect(),o=t.getBoundingClientRect();n.scrollTop+=o.top-l.top-(l.height-o.height)/2}var S=Symbol("skdx-select-context");function E(){return r.nextId("select-content")}function T(){return r.nextId("select-value")}function x(e){if(!e)return null;const t=e.getRootNode(),n=(e.id?Array.from(t.querySelectorAll("[for]")).find(l=>l.getAttribute("for")===e.id):void 0)??e.closest("label");return n?(n.id||(n.id=r.nextId("select-label")),n.id):null}function I(){return r.nextId("select-item")}function C(){return r.nextId("select-group-label")}var y=Symbol("skdx-select-group-context"),b=Symbol("skdx-select-item-context");exports.OPTION_SELECTOR=i;exports.SELECT_CONTEXT=S;exports.SELECT_GROUP_CONTEXT=y;exports.SELECT_ITEM_CONTEXT=b;exports.associatedLabelId=x;exports.defaultGetSelectionLabel=a;exports.flattenSelectOptions=c;exports.nextSelectContentId=E;exports.nextSelectGroupLabelId=C;exports.nextSelectItemId=I;exports.nextSelectValueId=T;exports.scrollIntoListbox=f;exports.selectSelectionKeyAction=s;