@skdx/vue 0.28.0 → 0.30.0

package/dist/multi-select/MultiSelectInput.vue.d.ts

@@ -1,10 +0,0 @@
-/**
- * The text field that owns DOM focus and drives filtering. Carries role="combobox", aria-expanded, aria-controls, aria-autocomplete, and aria-activedescendant naming the highlighted option.
- *
- * Real DOM focus never leaves it while the popup is open — arrow keys move a *virtual* highlight, and Enter toggles it without closing (unless root sets `closeOnSelect`). Backspace on an empty field removes the last tag; with text in the field, it deletes a character.
- *
- * Selection-extending keys (Shift+Arrow, Home, End) are scoped to the open popup only, so the field stays a real editable input when closed.
- */
-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/multi-select/MultiSelectInput.vue.js

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

package/dist/multi-select/MultiSelectInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const g=require("../utils/reassertValue.cjs"),h=require("../utils/popper.cjs"),k=require("./context.cjs");let a=require("vue");var _=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-disabled","data-loading","data-state","value"],m=(0,a.defineComponent)({__name:"MultiSelectInput",setup(I){const d=(0,a.inject)(k.MULTI_SELECT_CONTEXT);if(!d)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const e=d,i=(0,a.inject)(h.POPPER_CONTEXT);if(!i)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const r=(0,a.ref)(null);(0,a.onMounted)(()=>{e.inputRef.value=r.value,i.setAnchor(r.value)}),(0,a.onBeforeUnmount)(()=>{i.anchor.value===r.value&&i.setAnchor(null)});function s(t){return e.setActiveId(t.id),t.scrollIntoView?.({block:"nearest"}),t.id}function o(t){const l=e.orderedOptions();if(l.length===0)return null;let n=l.findIndex(u=>u.id===e.activeId.value)+t;return n<0&&(n=0),n>=l.length&&(n=l.length-1),s(l[n])}function c(t){const l=e.orderedOptions();l.length!==0&&s(t==="last"?l[l.length-1]:l[0])}function f(t){const l=e.activeId.value,n=o(t);if(n===null||n===l)return;const u=e.getItem(n);u&&e.toggle(u.value,"keyboard")}function p(t){const l=t.target;e.onInputValueChange(l.value),e.open.value||e.setOpen(!0),g.reassertValue(l,()=>e.inputValue.value)}function v(){e.open.value&&e.setOpen(!1)}function y(t){if(t.key==="ArrowDown")t.preventDefault(),e.open.value?t.shiftKey?f(1):o(1):e.openWithHighlight("first");else if(t.key==="ArrowUp")t.preventDefault(),e.open.value?t.shiftKey?f(-1):o(-1):e.openWithHighlight("last");else if((t.key==="Home"||t.key==="End")&&t.ctrlKey&&t.shiftKey){if(!e.open.value)return;t.preventDefault(),e.selectToEdge(t.key==="Home"?"first":"last")}else if(t.key==="Home"||t.key==="End"){if(!e.open.value)return;t.preventDefault(),c(t.key==="Home"?"first":"last")}else if((t.ctrlKey||t.metaKey)&&t.key.toLowerCase()==="a"){if(!e.open.value||!e.allowSelectAll)return;t.preventDefault(),e.selectAllOrClear()}else if(t.key===" "&&t.shiftKey){if(!e.open.value||e.activeId.value===null)return;t.preventDefault(),e.selectRange()}else if(t.key==="Enter"){const l=e.activeId.value?e.getItem(e.activeId.value):void 0;if(!l)return;t.preventDefault(),e.toggle(l.value,"keyboard")}else t.key==="Escape"?e.open.value&&!e.contentRef.value&&(t.preventDefault(),e.setOpen(!1)):t.key==="Backspace"&&e.inputValue.value===""&&e.removeLast()}return(t,l)=>((0,a.openBlock)(),(0,a.createElementBlock)("input",{class:"skdx-multi-select__input","data-part":"input",ref_key:"elRef",ref:r,type:"text",role:"combobox","aria-expanded":(0,a.unref)(e).open.value,"aria-controls":(0,a.unref)(e).listId,"aria-autocomplete":"list","aria-activedescendant":(0,a.unref)(e).activeId.value??void 0,autocomplete:"off",disabled:(0,a.unref)(e).disabled||void 0,readonly:(0,a.unref)(e).readOnly||void 0,"aria-invalid":(0,a.unref)(e).invalid?!0:void 0,"aria-readonly":(0,a.unref)(e).readOnly?!0:void 0,"aria-busy":(0,a.unref)(e).loading?!0:void 0,"data-invalid":(0,a.unref)(e).invalid?"":void 0,"data-readonly":(0,a.unref)(e).readOnly?"":void 0,"data-disabled":(0,a.unref)(e).disabled?"":void 0,"data-loading":(0,a.unref)(e).loading?"":void 0,"data-state":(0,a.unref)(e).open.value?"open":"closed",value:(0,a.unref)(e).inputValue.value,onInput:p,onBlur:v,onKeydown:y},null,40,_))}});exports.default=m;

package/dist/multi-select/MultiSelectInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{reassertValue as e}from"../utils/reassertValue.js";import{POPPER_CONTEXT as t}from"../utils/popper.js";import{MULTI_SELECT_CONTEXT as a}from"./context.js";import{createElementBlock as l,defineComponent as n,inject as i,onBeforeUnmount as o,onMounted as r,openBlock as u,ref as d,unref as s}from"vue";var v=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-disabled","data-loading","data-state","value"],c=/* @__PURE__ */n({__name:"MultiSelectInput",setup(n){const c=i(a);if(!c)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const p=c,f=i(t);if(!f)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const y=d(null);function m(e){return p.setActiveId(e.id),e.scrollIntoView?.({block:"nearest"}),e.id}function k(e){const t=p.orderedOptions();if(0===t.length)return null;let a=t.findIndex(e=>e.id===p.activeId.value)+e;return a<0&&(a=0),a>=t.length&&(a=t.length-1),m(t[a])}function g(e){const t=p.activeId.value,a=k(e);if(null===a||a===t)return;const l=p.getItem(a);l&&p.toggle(l.value,"keyboard")}function h(t){const a=t.target;p.onInputValueChange(a.value),p.open.value||p.setOpen(!0),e(a,()=>p.inputValue.value)}function I(){p.open.value&&p.setOpen(!1)}function b(e){if("ArrowDown"===e.key)e.preventDefault(),p.open.value?e.shiftKey?g(1):k(1):p.openWithHighlight("first");else if("ArrowUp"===e.key)e.preventDefault(),p.open.value?e.shiftKey?g(-1):k(-1):p.openWithHighlight("last");else if(("Home"===e.key||"End"===e.key)&&e.ctrlKey&&e.shiftKey){if(!p.open.value)return;e.preventDefault(),p.selectToEdge("Home"===e.key?"first":"last")}else if("Home"===e.key||"End"===e.key){if(!p.open.value)return;e.preventDefault(),function(e){const t=p.orderedOptions();0!==t.length&&m("last"===e?t[t.length-1]:t[0])}("Home"===e.key?"first":"last")}else if((e.ctrlKey||e.metaKey)&&"a"===e.key.toLowerCase()){if(!p.open.value||!p.allowSelectAll)return;e.preventDefault(),p.selectAllOrClear()}else if(" "===e.key&&e.shiftKey){if(!p.open.value||null===p.activeId.value)return;e.preventDefault(),p.selectRange()}else if("Enter"===e.key){const t=p.activeId.value?p.getItem(p.activeId.value):void 0;if(!t)return;e.preventDefault(),p.toggle(t.value,"keyboard")}else"Escape"===e.key?p.open.value&&!p.contentRef.value&&(e.preventDefault(),p.setOpen(!1)):"Backspace"===e.key&&""===p.inputValue.value&&p.removeLast()}return r(()=>{p.inputRef.value=y.value,f.setAnchor(y.value)}),o(()=>{f.anchor.value===y.value&&f.setAnchor(null)}),(e,t)=>(u(),l("input",{class:"skdx-multi-select__input","data-part":"input",ref_key:"elRef",ref:y,type:"text",role:"combobox","aria-expanded":s(p).open.value,"aria-controls":s(p).listId,"aria-autocomplete":"list","aria-activedescendant":s(p).activeId.value??void 0,autocomplete:"off",disabled:s(p).disabled||void 0,readonly:s(p).readOnly||void 0,"aria-invalid":!!s(p).invalid||void 0,"aria-readonly":!!s(p).readOnly||void 0,"aria-busy":!!s(p).loading||void 0,"data-invalid":s(p).invalid?"":void 0,"data-readonly":s(p).readOnly?"":void 0,"data-disabled":s(p).disabled?"":void 0,"data-loading":s(p).loading?"":void 0,"data-state":s(p).open.value?"open":"closed",value:s(p).inputValue.value,onInput:h,onBlur:I,onKeydown:b},null,40,v))}});export{c as default};

package/dist/multi-select/MultiSelectItem.vue.cjs

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

package/dist/multi-select/MultiSelectItem.vue.d.cts

@@ -1,32 +0,0 @@
-/**
- * One option (role="option") with aria-selected reflecting membership. Highlighted virtually, not focused. Goes aria-disabled when unselected and cap reached.
- */
-type __VLS_Props = {
-    /** Value added to or removed from the root's selection when this option is chosen. */
-    value: string;
-    /**
-     * Excludes this option from selection and highlight.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Text the root's `filter` predicate matches against, and the text a `MultiSelectTag` shows when none is given. Falls back to the item's rendered text content.
-     * @default undefined
-     */
-    textValue?: string;
-};
-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<{}>, {
-    disabled: boolean;
-    textValue: string;
-}, {}, {}, {}, 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/multi-select/MultiSelectItem.vue.d.ts

@@ -1,32 +0,0 @@
-/**
- * One option (role="option") with aria-selected reflecting membership. Highlighted virtually, not focused. Goes aria-disabled when unselected and cap reached.
- */
-type __VLS_Props = {
-    /** Value added to or removed from the root's selection when this option is chosen. */
-    value: string;
-    /**
-     * Excludes this option from selection and highlight.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Text the root's `filter` predicate matches against, and the text a `MultiSelectTag` shows when none is given. Falls back to the item's rendered text content.
-     * @default undefined
-     */
-    textValue?: string;
-};
-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<{}>, {
-    disabled: boolean;
-    textValue: string;
-}, {}, {}, {}, 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/multi-select/MultiSelectItem.vue.js

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

package/dist/multi-select/MultiSelectItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const m=require("./context.cjs");let e=require("vue");var g=["id","data-value","aria-selected","aria-disabled","data-state","data-highlighted","data-disabled"],x=(0,e.defineComponent)({__name:"MultiSelectItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0}},setup(r){const a=r,c=(0,e.inject)(m.MULTI_SELECT_CONTEXT);if(!c)throw new Error("SkdxMultiSelectItem must be used within SkdxMultiSelect.");const t=c,l=m.nextMultiSelectItemId(),s=(0,e.ref)(null),d=(0,e.computed)(()=>t.isSelected(a.value)),p=(0,e.computed)(()=>t.activeId.value===l),n=(0,e.computed)(()=>a.disabled||t.disabled||t.readOnly||t.atMax.value&&!d.value),u=(0,e.ref)(a.textValue??null);function v(){const i=a.textValue??s.value?.textContent;i!=null&&i!==u.value&&(u.value=i)}const o=(0,e.computed)(()=>u.value===null||t.matchesFilter(u.value));function f(){o.value?t.registerItem(l,{value:a.value,text:u.value??""}):t.unregisterItem(l)}(0,e.onMounted)(()=>{v(),f()}),(0,e.onUpdated)(v),(0,e.watch)([o,()=>a.value,u],f),(0,e.onBeforeUnmount)(()=>t.unregisterItem(l));function h(){n.value||(t.toggle(a.value,"pointer"),t.inputRef.value?.focus())}function _(){n.value||t.setActiveId(l)}return(i,I)=>o.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-multi-select__item","data-part":"item",ref_key:"itemRef",ref:s,role:"option",id:(0,e.unref)(l),"data-value":r.value,"aria-selected":d.value,"aria-disabled":n.value?!0:void 0,"data-state":d.value?"checked":"unchecked","data-highlighted":p.value?"":void 0,"data-disabled":n.value?"":void 0,onClick:h,onPointerenter:_},[(0,e.renderSlot)(i.$slots,"default")],40,g)):(0,e.createCommentVNode)("",!0)}});exports.default=x;

package/dist/multi-select/MultiSelectItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{MULTI_SELECT_CONTEXT as e,nextMultiSelectItemId as t}from"./context.js";import{computed as a,createCommentVNode as l,createElementBlock as u,defineComponent as d,inject as i,onBeforeUnmount as n,onMounted as o,onUpdated as s,openBlock as r,ref as v,renderSlot as c,unref as m,watch as f}from"vue";var p=["id","data-value","aria-selected","aria-disabled","data-state","data-highlighted","data-disabled"],h=/* @__PURE__ */d({__name:"MultiSelectItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0}},setup(d){const h=d,x=i(e);if(!x)throw new Error("SkdxMultiSelectItem must be used within SkdxMultiSelect.");const k=x,I=t(),g=v(null),S=a(()=>k.isSelected(h.value)),b=a(()=>k.activeId.value===I),M=a(()=>h.disabled||k.disabled||k.readOnly||k.atMax.value&&!S.value),_=v(h.textValue??null);function C(){const e=h.textValue??g.value?.textContent;null!=e&&e!==_.value&&(_.value=e)}const E=a(()=>null===_.value||k.matchesFilter(_.value));function w(){E.value?k.registerItem(I,{value:h.value,text:_.value??""}):k.unregisterItem(I)}function y(){M.value||(k.toggle(h.value,"pointer"),k.inputRef.value?.focus())}function B(){M.value||k.setActiveId(I)}return o(()=>{C(),w()}),s(C),f([E,()=>h.value,_],w),n(()=>k.unregisterItem(I)),(e,t)=>E.value?(r(),u("div",{key:0,class:"skdx-multi-select__item","data-part":"item",ref_key:"itemRef",ref:g,role:"option",id:m(I),"data-value":d.value,"aria-selected":S.value,"aria-disabled":!!M.value||void 0,"data-state":S.value?"checked":"unchecked","data-highlighted":b.value?"":void 0,"data-disabled":M.value?"":void 0,onClick:y,onPointerenter:B},[c(e.$slots,"default")],40,p)):l("",!0)}});export{h as default};

package/dist/multi-select/MultiSelectList.vue.cjs

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

package/dist/multi-select/MultiSelectList.vue.d.cts

@@ -1,16 +0,0 @@
-/**
- * The role="listbox" with aria-multiselectable, referenced by Input's aria-controls.
- */
-type __VLS_Props = {};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/multi-select/MultiSelectList.vue.d.ts

@@ -1,16 +0,0 @@
-/**
- * The role="listbox" with aria-multiselectable, referenced by Input's aria-controls.
- */
-type __VLS_Props = {};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/multi-select/MultiSelectList.vue.js

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

package/dist/multi-select/MultiSelectList.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const i=require("./context.cjs");let e=require("vue");var r=["id"],u=(0,e.defineComponent)({__name:"MultiSelectList",setup(s){const t=(0,e.inject)(i.MULTI_SELECT_CONTEXT);if(!t)throw new Error("SkdxMultiSelectList must be used within SkdxMultiSelect.");return(l,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-multi-select__list","data-part":"list",role:"listbox",id:(0,e.unref)(t).listId,"aria-multiselectable":"true"},[(0,e.renderSlot)(l.$slots,"default")],8,r))}});exports.default=u;

package/dist/multi-select/MultiSelectList.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{MULTI_SELECT_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as s,inject as l,openBlock as i,renderSlot as a,unref as r}from"vue";var o=["id"],n=/* @__PURE__ */s({__name:"MultiSelectList",setup(s){const n=l(t);if(!n)throw new Error("SkdxMultiSelectList must be used within SkdxMultiSelect.");return(t,s)=>(i(),e("div",{class:"skdx-multi-select__list","data-part":"list",role:"listbox",id:r(n).listId,"aria-multiselectable":"true"},[a(t.$slots,"default")],8,o))}});export{n as default};

package/dist/multi-select/MultiSelectPortal.vue.cjs

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

package/dist/multi-select/MultiSelectPortal.vue.d.cts

@@ -1,31 +0,0 @@
-import type { PortalContainer } from '../utils/portal.cjs';
-/**
- * Teleports its children to `document.body` (or a custom `container`) while the popup is open. Shipped by React, Vue, Svelte and Web Components. Angular uses [skdxPortal] attribute directive instead; Web Components parts hide via hidden rather than unmounting.
- */
-type __VLS_Props = {
-    /**
-     * DOM node (or CSS selector) the children are rendered into.
-     * @default document.body
-     */
-    container?: PortalContainer;
-    /**
-     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of unmounting.
-     * @default false
-     */
-    forceMount?: boolean;
-};
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    forceMount: boolean;
-    container: PortalContainer;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/multi-select/MultiSelectPortal.vue.d.ts

@@ -1,31 +0,0 @@
-import type { PortalContainer } from '../utils/portal.js';
-/**
- * Teleports its children to `document.body` (or a custom `container`) while the popup is open. Shipped by React, Vue, Svelte and Web Components. Angular uses [skdxPortal] attribute directive instead; Web Components parts hide via hidden rather than unmounting.
- */
-type __VLS_Props = {
-    /**
-     * DOM node (or CSS selector) the children are rendered into.
-     * @default document.body
-     */
-    container?: PortalContainer;
-    /**
-     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of unmounting.
-     * @default false
-     */
-    forceMount?: boolean;
-};
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    forceMount: boolean;
-    container: PortalContainer;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/multi-select/MultiSelectPortal.vue.js

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

package/dist/multi-select/MultiSelectPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const u=require("../utils/Portal.vue.cjs"),o=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"MultiSelectPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(o.MULTI_SELECT_CONTEXT);if(!r)throw new Error("SkdxMultiSelectPortal must be used within SkdxMultiSelect.");return(n,a)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=l;

package/dist/multi-select/MultiSelectPortal.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import e from"../utils/Portal.vue.js";import{MULTI_SELECT_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as r,defineComponent as a,inject as n,openBlock as l,renderSlot as s,unref as u,withCtx as i}from"vue";var c=/* @__PURE__ */a({__name:"MultiSelectPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(a){const c=n(t);if(!c)throw new Error("SkdxMultiSelectPortal must be used within SkdxMultiSelect.");return(t,n)=>a.forceMount||u(c).open.value?(l(),o(e,{key:0,container:a.container},{default:i(()=>[s(t.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{c as default};

package/dist/multi-select/MultiSelectTag.vue.cjs

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

package/dist/multi-select/MultiSelectTag.vue.d.cts

@@ -1,26 +0,0 @@
-/**
- * One selected value, showing the option's text or the raw value if none declared. Delete/Backspace on a focused tag removes it and moves focus to the next tag.
- */
-type __VLS_Props = {
-    /** The selected value this tag represents. Required: it deselects when remove is clicked. */
-    value: string;
-    /**
-     * Locks this tag: remove button refuses, painted with data-disabled, roving focus steps over it. Per-tag (not per-root) for pinned values like mandatory scopes.
-     * @default false
-     */
-    disabled?: boolean;
-};
-declare var __VLS_9: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    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/multi-select/MultiSelectTag.vue.d.ts

@@ -1,26 +0,0 @@
-/**
- * One selected value, showing the option's text or the raw value if none declared. Delete/Backspace on a focused tag removes it and moves focus to the next tag.
- */
-type __VLS_Props = {
-    /** The selected value this tag represents. Required: it deselects when remove is clicked. */
-    value: string;
-    /**
-     * Locks this tag: remove button refuses, painted with data-disabled, roving focus steps over it. Per-tag (not per-root) for pinned values like mandatory scopes.
-     * @default false
-     */
-    disabled?: boolean;
-};
-declare var __VLS_9: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    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/multi-select/MultiSelectTag.vue.js

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

package/dist/multi-select/MultiSelectTag.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const r=require("../tag/Tag.vue.cjs"),s=require("./context.cjs");let e=require("vue");var o=(0,e.defineComponent)({__name:"MultiSelectTag",props:{value:{},disabled:{type:Boolean,default:!1}},setup(t){const n=t,l=(0,e.inject)(s.MULTI_SELECT_CONTEXT);if(!l)throw new Error("SkdxMultiSelectTag must be used within SkdxMultiSelect.");const a=l,i=(0,e.computed)(()=>a.value.value.indexOf(n.value));return(u,d)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{class:"skdx-multi-select__tag","data-part":"tag",index:i.value,label:t.value,disabled:t.disabled,"data-value":t.value,onDelete:d[0]||(d[0]=c=>(0,e.unref)(a).deselect(t.value))},(0,e.createSlots)({_:2},[u.$slots.default?{name:"default",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"default")]),key:"0"}:void 0]),1032,["index","label","disabled","data-value"]))}});exports.default=o;

package/dist/multi-select/MultiSelectTag.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import e from"../tag/Tag.vue.js";import{MULTI_SELECT_CONTEXT as a}from"./context.js";import{computed as t,createBlock as l,createSlots as s,defineComponent as d,inject as o,openBlock as u,renderSlot as i,unref as n,withCtx as r}from"vue";var c=/* @__PURE__ */d({__name:"MultiSelectTag",props:{value:{},disabled:{type:Boolean,default:!1}},setup(d){const c=d,v=o(a);if(!v)throw new Error("SkdxMultiSelectTag must be used within SkdxMultiSelect.");const f=v,m=t(()=>f.value.value.indexOf(c.value));return(a,t)=>(u(),l(e,{class:"skdx-multi-select__tag","data-part":"tag",index:m.value,label:d.value,disabled:d.disabled,"data-value":d.value,onDelete:t[0]||(t[0]=e=>n(f).deselect(d.value))},s({_:2},[a.$slots.default?{name:"default",fn:r(()=>[i(a.$slots,"default")]),key:"0"}:void 0]),1032,["index","label","disabled","data-value"]))}});export{c as default};

package/dist/multi-select/MultiSelectTagList.vue.cjs

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

package/dist/multi-select/MultiSelectTagList.vue.d.cts

@@ -1,30 +0,0 @@
-/**
- * The TagGroup rendering one tag per selected value, in selection order. Being a TagGroup gives removal its focus behaviour; `disabled` comes from the root.
- */
-type __VLS_Props = {
-    /**
-     * Layout axis of the tag strip, published as data-orientation and deciding arrow-key direction: Left/Right when horizontal, Up/Down when vertical.
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Whether arrow-key navigation wraps between first and last tag.
-     * @default true
-     */
-    loop?: boolean;
-};
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    loop: boolean;
-    orientation: "horizontal" | "vertical";
-}, {}, {}, {}, 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/multi-select/MultiSelectTagList.vue.d.ts

@@ -1,30 +0,0 @@
-/**
- * The TagGroup rendering one tag per selected value, in selection order. Being a TagGroup gives removal its focus behaviour; `disabled` comes from the root.
- */
-type __VLS_Props = {
-    /**
-     * Layout axis of the tag strip, published as data-orientation and deciding arrow-key direction: Left/Right when horizontal, Up/Down when vertical.
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Whether arrow-key navigation wraps between first and last tag.
-     * @default true
-     */
-    loop?: boolean;
-};
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    loop: boolean;
-    orientation: "horizontal" | "vertical";
-}, {}, {}, {}, 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/multi-select/MultiSelectTagList.vue.js

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

package/dist/multi-select/MultiSelectTagList.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const r=require("../tag-group/TagGroup.vue.cjs"),i=require("./context.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"MultiSelectTagList",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0}},setup(l){const t=(0,e.inject)(i.MULTI_SELECT_CONTEXT);if(!t)throw new Error("SkdxMultiSelectTagList must be used within SkdxMultiSelect.");return(o,u)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{class:"skdx-multi-select__tag-list","data-part":"tag-list",orientation:l.orientation,loop:l.loop,disabled:(0,e.unref)(t).disabled||(0,e.unref)(t).readOnly},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},8,["orientation","loop","disabled"]))}});exports.default=a;

package/dist/multi-select/MultiSelectTagList.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import t from"../tag-group/TagGroup.vue.js";import{MULTI_SELECT_CONTEXT as e}from"./context.js";import{createBlock as o,defineComponent as a,inject as l,openBlock as i,renderSlot as s,unref as r,withCtx as n}from"vue";var d=/* @__PURE__ */a({__name:"MultiSelectTagList",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0}},setup(a){const d=l(e);if(!d)throw new Error("SkdxMultiSelectTagList must be used within SkdxMultiSelect.");return(e,l)=>(i(),o(t,{class:"skdx-multi-select__tag-list","data-part":"tag-list",orientation:a.orientation,loop:a.loop,disabled:r(d).disabled||r(d).readOnly},{default:n(()=>[s(e.$slots,"default")]),_:3},8,["orientation","loop","disabled"]))}});export{d as default};

package/dist/multi-select/MultiSelectTagRemove.vue.cjs

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

package/dist/multi-select/MultiSelectTagRemove.vue.d.cts

@@ -1,16 +0,0 @@
-/**
- * The remove button inside a tag, deselecting that value. Named automatically ("Remove React"). Override with `aria-label` or `label` prop.
- */
-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/multi-select/MultiSelectTagRemove.vue.d.ts

@@ -1,16 +0,0 @@
-/**
- * The remove button inside a tag, deselecting that value. Named automatically ("Remove React"). Override with `aria-label` or `label` prop.
- */
-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/multi-select/MultiSelectTagRemove.vue.js

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

package/dist/multi-select/MultiSelectTagRemove.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/multi-select/MultiSelectTagRemove.vue_vue_type_script_setup_true_lang.js

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

package/dist/multi-select/context.cjs

@@ -1 +0,0 @@
-const n=require("../utils/id.cjs");var i='[role="option"]:not([data-disabled])';function r(e,l){const t=e.querySelector('[data-part="viewport"]')??e;if(t===l||!t.contains(l))return;const o=t.getBoundingClientRect(),c=l.getBoundingClientRect();t.scrollTop+=c.top-o.top-(o.height-c.height)/2}var u=Symbol("skdx-multi-select-context");function s(){return n.nextId("multi-select-list")}var d=Symbol("skdx-multi-select-group-context");function T(){return n.nextId("multi-select-group-label")}function I(){return n.nextId("multi-select-item")}function a(e){return e===0?"none selected":`${e} selected`}exports.MULTI_SELECT_CONTEXT=u;exports.MULTI_SELECT_GROUP_CONTEXT=d;exports.OPTION_SELECTOR=i;exports.defaultGetSelectionLabel=a;exports.nextMultiSelectGroupLabelId=T;exports.nextMultiSelectItemId=I;exports.nextMultiSelectListId=s;exports.scrollIntoPopup=r;

package/dist/multi-select/context.d.cts

@@ -1,128 +0,0 @@
-import type { InjectionKey, Ref } from 'vue';
-/** @internal Selector for enabled option elements in keyboard navigation. */
-export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
-/**
- * @internal Scroll option into view, centered inside popup. Uses rects since
- * scrollIntoView walks ancestors and floating-ui hasn't measured on open.
- */
-export declare function scrollIntoPopup(content: HTMLElement, option: HTMLElement): void;
-/**
- * Filter strategy: predicate returning boolean (keep / filter) or number
- * (score for ranking and filtering).
- */
-export type MultiSelectFilter = (itemText: string, inputValue: string) => boolean | number;
-/** One option for `options` recipe. */
-export interface MultiSelectOption {
-    /** Value toggled in/out of selection when chosen. */
-    value: string;
-    /** Label (shown in option and tag). @default undefined → `value` */
-    label?: string;
-    /** Non-selectable option. @default false */
-    disabled?: boolean;
-}
-/** Labelled option group for `options` recipe. */
-export interface MultiSelectOptionGroup {
-    /** Group heading text. */
-    label: string;
-    /** Grouped options. */
-    options: MultiSelectOption[];
-}
-/** @internal One registered item's contribution. */
-export interface MultiSelectItemEntry {
-    /** Value toggled in/out of selection when chosen. */
-    value: string;
-    /** Text for filtering and showing in tags. */
-    text: string;
-}
-/**
- * `value-change` event payload. All interactions (toggle, Shift+Arrow,
- * bulk sweep, tag removal, form reset) carry the same shape.
- */
-export interface MultiSelectValueChangeDetail {
-    /** New selection in selection order. */
-    value: string[];
-    /** Previous selection or `null` if none. */
-    previousValue: string[] | null;
-    /** Change driver. */
-    reason: 'keyboard' | 'pointer' | 'programmatic';
-    /** Values added in this change. */
-    added: string[];
-    /** Values removed in this change. */
-    removed: string[];
-}
-/** @internal Shared state from MultiSelect to parts. */
-export interface MultiSelectContext {
-    inputRef: Ref<HTMLElement | null>;
-    contentRef: Ref<HTMLElement | null>;
-    /** List id (`aria-controls` target). */
-    listId: string;
-    /** Selected values in selection order. */
-    value: Readonly<Ref<string[]>>;
-    /** Whether value is selected. */
-    isSelected(value: string): boolean;
-    /**
-     * Toggle option (honors `max`, `closeOnSelect`); updates range anchor for
-     * Shift+Space.
-     */
-    toggle(value: string, reason: MultiSelectValueChangeDetail['reason']): void;
-    /**
-     * Select all enabled options between range anchor and highlighted option.
-     * Never deselects; stops at `max`. Shift+Space.
-     */
-    selectRange(): void;
-    /**
-     * Select all enabled options to an end of the list. Additive, never
-     * deselects, stops at `max`. Control+Shift+Home / End.
-     */
-    selectToEdge(edge: 'first' | 'last'): void;
-    /** Remove one value from selection (tag remove button, Backspace). */
-    deselect(value: string): void;
-    /** Remove last selected value (Backspace on empty input). */
-    removeLast(): void;
-    /** Whether selection has reached `max`. */
-    atMax: Readonly<Ref<boolean>>;
-    inputValue: Readonly<Ref<string>>;
-    onInputValueChange(value: string): void;
-    open: Readonly<Ref<boolean>>;
-    setOpen(open: boolean): void;
-    activeId: Readonly<Ref<string | null>>;
-    setActiveId(id: string | null): void;
-    /** Open and highlight first (or last) option once mounted. */
-    openWithHighlight(edge: 'first' | 'last'): void;
-    itemCount: Readonly<Ref<number>>;
-    registerItem(id: string, entry: MultiSelectItemEntry): void;
-    unregisterItem(id: string): void;
-    /** Entry for an option id. */
-    getItem(id: string): MultiSelectItemEntry | undefined;
-    /** Whether item text passes current filter and draft. */
-    matchesFilter(itemText: string): boolean;
-    /** Visible options in traversal order. */
-    orderedOptions(): HTMLElement[];
-    disabled: boolean;
-    readOnly: boolean;
-    invalid: boolean;
-    allowSelectAll: boolean;
-    loading: boolean;
-    selectAllOrClear(): void;
-    clear(): void;
-}
-/** @internal Injection key for MultiSelect parts. */
-export declare const MULTI_SELECT_CONTEXT: InjectionKey<MultiSelectContext>;
-/** @internal Generates a unique id for a MultiSelect's list, for the input's `aria-controls`. */
-export declare function nextMultiSelectListId(): string;
-/** @internal Group context for its label. */
-export interface MultiSelectGroupContext {
-    /** Label id (`aria-labelledby` target). */
-    labelId: string;
-}
-/** @internal Injection key for group's label id. */
-export declare const MULTI_SELECT_GROUP_CONTEXT: InjectionKey<MultiSelectGroupContext>;
-/** @internal Generates a unique, stable-per-instance id for a MultiSelectGroup's label. */
-export declare function nextMultiSelectGroupLabelId(): string;
-/** @internal Generates a unique, stable-per-instance id for a MultiSelectItem. */
-export declare function nextMultiSelectItemId(): string;
-/**
- * @internal Default selection label ('2 selected' / 'none selected'). Exported
- * since hoisted props default cannot reference locals.
- */
-export declare function defaultGetSelectionLabel(count: number): string;