@pantograph/vue 0.23.2 → 0.23.4

package/dist/Segmented.vue_vue_type_style_index_0_lang-R_eXQ6g9.js

@@ -0,0 +1,165 @@
+import { defineComponent as Q, useSlots as W, computed as w, watch as X, createBlock as Y, openBlock as Z, unref as u, mergeProps as ee, isRef as te, withCtx as oe, createElementVNode as se, normalizeStyle as ne, normalizeClass as ie, createVNode as ae, h as x } from "vue";
+import { useForwardPropsEmits as le, RovingFocusGroup as re, RovingFocusItem as ce } from "reka-ui";
+import { getBemBlock as me, generateVariantClassList as g, getBemElement as S } from "@pantograph/utils";
+import { cva as M } from "class-variance-authority";
+import { u as de, b as p } from "./index-jwkhq8oW.js";
+import { b as C } from "./element-BfQuKSll.js";
+import { g as ue } from "./options-D4et5euX.js";
+import { f as pe } from "./FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
+import "@iconify/vue";
+import { _ as fe } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
+import { useVModel as ve } from "@vueuse/core";
+import { o as ge } from "./omit-B3e_dACs.js";
+const xe = ["sm", "md", "lg"], Ee = /* @__PURE__ */ Q({
+  ...ue("Segmented"),
+  __name: "Segmented",
+  props: {
+    options: {},
+    size: { default: "md" },
+    class: {},
+    selectionIndicatorCls: {},
+    optionCls: {},
+    optionIconCls: {},
+    optionTextCls: {},
+    block: { type: Boolean },
+    modelValue: {},
+    defaultModelValue: {},
+    orientation: {},
+    dir: {},
+    loop: { type: Boolean },
+    preventScrollOnEntryFocus: { type: Boolean }
+  },
+  emits: ["update:modelValue", "entryFocus"],
+  setup(P, { emit: R }) {
+    const o = P, b = R, i = W(), D = w(
+      () => pe(o, "orientation", "dir", "loop", "preventScrollOnEntryFocus")
+    ), N = le(D, b), f = me("segmented"), $ = M(f, {
+      variants: {
+        size: g(xe, f),
+        block: g("block", f)
+        // style: generateVariantClassList('absolute-selected-indicator', prefix),
+      }
+    }), c = S(f, "option"), j = M(c, {
+      variants: {
+        icon: g("icon", c),
+        text: g("text", c)
+      }
+    }), { getDir: G } = de(), L = G(), U = w(() => {
+      switch (o.size) {
+        case "lg":
+          return "xsm";
+        default:
+          return "2xsm";
+      }
+    }), a = ve(
+      o,
+      "modelValue",
+      b,
+      {
+        defaultValue: o.defaultModelValue,
+        passive: !1
+      }
+    ), v = (e) => [null, void 0].includes(e), l = (e) => p(e) ? e.value : e, q = (e) => !!(p(e) && e.disabled), A = (e) => p(e) ? e.icon : void 0, H = (e) => (p(e) ? e.text : void 0) ?? l(e);
+    X(
+      () => o.options,
+      () => {
+        var t, s;
+        const e = (t = o.options) == null ? void 0 : t.find((n) => {
+          const r = l(n);
+          return !v(r) && r === a.value;
+        });
+        if (!e || v(l(e))) {
+          const n = (s = o.options) == null ? void 0 : s.find((r) => {
+            const m = l(r);
+            return !v(m);
+          });
+          n && (a.value = l(n));
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const J = () => {
+      var e;
+      return (e = o.options) == null ? void 0 : e.map((t) => {
+        var E, T, F;
+        const s = l(t);
+        if (v(s)) return;
+        const n = q(t), r = p(t) ? ge(t, "icon", "value", "text") : {}, m = a.value === s;
+        let d;
+        const V = (E = i.option) == null ? void 0 : E.call(i, { disabled: n, selected: m, option: t });
+        C(V) || (d = V);
+        const h = A(t), B = (T = i.icon) == null ? void 0 : T.call(i, { disabled: n, selected: m, option: t }), I = H(t), _ = (F = i.text) == null ? void 0 : F.call(i, { disabled: n, selected: m, option: t });
+        d = [];
+        const y = !C(B), z = !!(h || y), O = !C(_), k = !!(I || O);
+        z && d.push(
+          x(
+            fe,
+            {
+              icon: h,
+              size: U.value,
+              class: [S(c, "icon"), o.optionIconCls]
+            },
+            y ? B : void 0
+          )
+        ), k && d.push(
+          x(
+            "div",
+            {
+              class: [S(c, "text"), o.optionTextCls]
+            },
+            O ? _ : I
+          )
+        );
+        const K = a.value === s;
+        return x(
+          ce,
+          {
+            as: "button",
+            active: K,
+            focusable: !n,
+            disabled: n,
+            tabStopId: s,
+            value: s,
+            ...r,
+            class: [
+              j({
+                icon: z,
+                text: k
+              }),
+              o.optionCls
+            ]
+          },
+          () => d
+        );
+      });
+    };
+    return (e, t) => (Z(), Y(u(re), ee(u(N), {
+      dir: u(L),
+      "current-tab-stop-id": u(a),
+      "onUpdate:currentTabStopId": t[0] || (t[0] = (s) => te(a) ? a.value = s : null),
+      asChild: ""
+    }), {
+      default: oe(() => {
+        var s;
+        return [
+          se("div", {
+            class: ie([u($)({
+              ...o
+              /*, style: !style*/
+            }), o.class]),
+            style: ne({
+              gridTemplateColumns: `repeat(${((s = o.options) == null ? void 0 : s.length) ?? 1}, minmax(0, 1fr))`
+            })
+          }, [
+            ae(J)
+          ], 6)
+        ];
+      }),
+      _: 1
+    }, 16, ["dir", "current-tab-stop-id"]));
+  }
+});
+export {
+  xe as S,
+  Ee as _
+};

package/dist/Select/Select.d.ts

@@ -38,13 +38,13 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}
     trailingIcon: string;
     bordered: boolean;
     multiple: boolean;
-    loadingRowCount: number;
-    position: "item-aligned" | "popper";
     selectedItemIconAsTrailingIcon: boolean;
     indicatorIcon: string;
+    loadingRowCount: number;
     clearOnChangeMultiple: boolean;
     samePopupWidth: boolean;
     popupHeight: string | number;
+    position: "item-aligned" | "popper";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Select/context.d.ts

@@ -1,4 +1,4 @@
-import { SelectEmitObject, SelectOptionType, SelectOptionItem, SelectProps } from './types';
+import { SelectEmitObject, SelectOptionItem, SelectProps } from './types';
 import { injectSelectRootContext } from 'reka-ui';
 import { ComputedRef, Ref } from 'vue';
 import { SelectSize, SelectStatus } from './Select.model';
@@ -15,8 +15,6 @@ export interface SelectContext extends SelectRootContext, Omit<_SelectContext, '
     getOptionLabel: (option?: SelectOptionItem) => string | undefined;
     getOptionDisabled: (option?: SelectOptionItem) => boolean | undefined;
     getOptionIcon: (option?: SelectOptionItem) => string | undefined;
-    getOptionGroupLabel: (option?: SelectOptionItem) => string | undefined;
-    getOptionGroupOptions: (option?: SelectOptionType) => SelectOptionItem[] | undefined;
     getOptionByValue: (value: string) => SelectOptionItem | undefined;
     getLabelByValue: (value: string) => string | undefined;
     getDisabled: ComputedRef<boolean>;

package/dist/Select/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, S, b as c, c as l, i as o, p as i } from "../Select.vue_vue_type_style_index_0_lang-ClYkFAEj.js";
+import { _ as a, a as s, S, b as c, c as l, i as o, p as i } from "../Select.vue_vue_type_style_index_0_lang-BfUtCG_-.js";
 export {
   a as Select,
   s as SelectLabel,

package/dist/Select/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_style_index_0_lang-RdNEKYeJ.js");exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_style_index_0_lang-Bc9kyMDB.js");exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;

package/dist/Select/types.d.ts

@@ -102,6 +102,7 @@ export interface SelectTriggerSlots {
     triggerLeading?: (data: SelectTriggerDefSlotProps) => never;
     placeholder?: (data: SelectTriggerDefSlotProps) => never;
     triggerValue?: (data: SelectTriggerDefSlotProps) => never;
+    trigger?: (data: SelectTriggerDefSlotProps) => never;
     triggerTrailing?: (data: SelectTriggerDefSlotProps) => never;
     tagClose?: (data: SelectTriggerTagSlotProps & {
         onClose: (e: MouseEvent) => void;

package/dist/Select.vue_vue_type_style_index_0_lang-Bc9kyMDB.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),I=require("reka-ui"),J=require("./FormItem.vue_vue_type_style_index_0_lang-s7o6crR0.js"),re=require("./options-CWrQ7gsa.js"),h=require("./index-DWw7aruo.js"),p=require("@pantograph/utils"),se=require("class-variance-authority"),ge=require("./omit-DEPypqqe.js"),M=require("./isEmpty-bCllo8T9.js"),Ce=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),he=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),de=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),l=require("./element-BjE0SVc4.js"),_e=require("./useInputDataStates-DEfYzXQl.js"),Se=require("./useLazyLoading-H6VG5aE-.js"),me=require("./Popover.vue_vue_type_style_index_0_lang-CZYvVeso.js"),Ee=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),pe=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),Ve=require("./Chip.vue_vue_type_style_index_0_lang-qKiQbAUD.js"),Be=require("./ChipGroup.vue_vue_type_style_index_0_lang-DmbWGoar.js"),ie=["sm","md","lg"],fe=["error","warning","success"],[ue,ye]=I.createContext("Select"),[be,Oe]=I.createContext("_Select"),z=p.getBemBlock("select"),ve=n.defineComponent({__name:"SelectLabel",setup(f){return(e,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(p.getBemElement)(n.unref(z),"label"))},[n.renderSlot(e.$slots,"default")],2))}}),oe=n.defineComponent({name:re.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(f,{slots:e}){const o=ue(),t=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),k=n.computed(()=>o.getOptionValue(f.option)),c=n.computed(()=>o.getOptionLabel(f.option)),j=n.computed(()=>o.getOptionIcon(f.option)),R=n.computed(()=>o.getOptionDisabled(f.option)),P=p.getBemElement(z,"option"),U=se.cva(P,{variants:{size:p.generateVariantClassList(ie,P)}});if(!f.option)throw new Error("option is required");const w=()=>{var _;const E=(_=e.indicator)==null?void 0:_.call(e,{option:f.option});return l.isEmptyElement(E)?n.h(I.SelectItemIndicator,{asChild:!0},()=>n.h(pe._sfc_main,{icon:o.props.indicatorIcon,size:t.value})):E},q=()=>{var L,D,K;const E=(L=e.default)==null?void 0:L.call(e,{option:f.option}),_=[];if(!l.isEmptyElement(E))_.push(E);else{const A=(D=e.leading)==null?void 0:D.call(e,{option:f.option}),$=!l.isEmptyElement(A);if(j.value||$){let B;$?B=A:B=n.h(pe._sfc_main,{icon:j.value,size:t.value}),_.push(n.h("div",{class:[p.getBemElement(P,"leading"),o.props.itemLeadingCls]},B))}let s;const V=(K=e.text)==null?void 0:K.call(e,{option:f.option});l.isEmptyElement(V)?s=c.value:s=V,_.push(n.h("div",{class:[p.getBemElement(P,"text"),o.props.optionTextCls]},s))}return n.h("div",{class:[p.getBemElement(P,"content"),o.props.optionContentCls]},_)};return()=>n.h(I.SelectItem,{value:k.value,textValue:c.value,disabled:R.value,class:[U({size:o.getSize.value}),o.props.optionCls]},()=>[q(),w()])}}),Le=n.defineComponent({name:re.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(f,{slots:e,attrs:o}){const t=ue(),k=({value:s},V)=>{if(V.stopPropagation(),s&&h.isArray(t.modelValue.value)&&!t.getDisabled.value){const B=t.modelValue.value.filter(H=>H!==s);t.modelValue.value=B,t.emit("update:modelValue",B)}},c=p.getBemElement(z,"trigger"),j=se.cva(c,{variants:{size:p.generateVariantClassList(ie,c),status:p.generateVariantClassList(fe,c),bordered:p.generateVariantClassList("bordered",c),multiple:p.generateVariantClassList("multiple",c),contentFit:p.generateVariantClassList("content-fit",c),wrapped:p.generateVariantClassList("wrapped",c),filled:p.generateVariantClassList("filled",c)}}),R=n.computed(()=>{switch(t.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),P=n.computed(()=>{switch(t.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),U=n.computed(()=>{if(!t.props.multiple&&h.isString(t.modelValue.value)&&!M.isEmpty(t.modelValue.value))return t.getOptionByValue(t.modelValue.value)}),w=(s=U.value)=>{if(t.props.selectedItemIconAsTrailingIcon&&h.isObject(s)&&"icon"in s)return s.icon},q=n.computed(()=>w()),E=n.computed(()=>{if(!t.props.noTrailing)return t.props.trailingIcon}),_=n.computed(()=>!M.isEmpty(t.modelValue.value)&&t.props.multiple&&h.isArray(t.modelValue.value)),L=n.computed(()=>({modelValue:J.cloneDeep(t.modelValue.value),open:J.cloneDeep(t.open.value)})),D=s=>({...L.value,option:t.getOptionByValue(s)}),K=n.computed(()=>({disabled:t.getDisabled.value,reference:t.props.reference,tabindex:t.getDisabled.value?void 0:0,as:"div",class:[j({size:t.getSize.value,status:t.getStatus.value==="success"&&M.isEmpty(t.modelValue.value)?void 0:t.getStatus.value,bordered:t.props.bordered,multiple:t.props.multiple,contentFit:t.props.contentFit,wrapped:t.props.wrapped,filled:!M.isEmpty(t.modelValue.value)}),t.props.triggerCls],...o})),A=(s,V=P.value)=>n.h(pe._sfc_main,{icon:s,size:V}),$=()=>{var B;let s;const V=(B=e.triggerTrailing)==null?void 0:B.call(e,L.value);if(l.isEmptyElement(V)?E.value&&(s=A(E.value)):s=V,s)return n.h("div",{class:[p.getBemElement(c,"trailing"),t.props.triggerTrailingCls]},s)};return()=>{var H;const s=(H=e.trigger)==null?void 0:H.call(e,L.value),B=(()=>{if(l.isEmptyElement(s))return!1;const x=l.filterEmpty(s)??null,N=x.length===1?x[0]:x;return N?l.isValidElement(N)&&!l.isFragment(N):!0})();return n.h(I.SelectTrigger,{...K.value,asChild:B,key:String(B)},{default:()=>{var Q;if(!l.isEmptyElement(s))return s;const x=(Q=e.triggerLeading)==null?void 0:Q.call(e,L.value),N=!l.isEmptyElement(x),Y=()=>{var F;if(!t.props.multiple&&!h.isArray(t.modelValue.value)){const G=(F=f.getOptionSlot("leading",t.modelValue.value))==null?void 0:F();if(N||G||q.value||t.props.leadingIcon){let i;return l.isEmptyElement(G)?q.value?i=A(q.value):N?i=x:t.props.leadingIcon&&(i=A(t.props.leadingIcon)):i=G,n.h("div",{class:[p.getBemElement(c,"leading"),t.props.triggerLeadingCls]},i)}}},ae=()=>{const F=[];if(M.isEmpty(t.modelValue.value)){if(t.props.placeholder&&!t.props.multiple){const G=()=>{var S;const i=(S=e.placeholder)==null?void 0:S.call(e,L.value);return l.isEmptyElement(i)?t.props.placeholder:i};F.push(G())}}else{const i=(()=>{var O,y,d;const S=(O=e.triggerValue)==null?void 0:O.call(e,L.value);if(!l.isEmptyElement(S))return S;if(t.props.multiple&&h.isArray(t.modelValue.value))return n.h(Be._sfc_main,{maxCount:t.props.maxCount,size:R.value,color:"primary",closeable:!t.getDisabled.value,noPopover:!0,noWrap:!t.props.wrapped,class:[p.getBemElement(c,"tag_list"),t.props.tagListCls],onClose:k},()=>t.modelValue.value.map(g=>{var X;const b=r=>{var v;const a=(v=e.tagClose)==null?void 0:v.call(e,{...D(g),onClose:r});return l.isEmptyElement(a)?null:a},T=(X=f.getOptionSlot("default",g))==null?void 0:X(),le=()=>{var v,u;const r=(v=f.getOptionSlot("text",g))==null?void 0:v(),a=(u=e.tagText)==null?void 0:u.call(e,D(g));return l.isEmptyElement(a)?l.isEmptyElement(T)?l.isEmptyElement(r)?t.getLabelByValue(g):r:T:a},te=({size:r})=>{var C,m;if(!l.isEmptyElement(T))return null;const a=(C=f.getOptionSlot("leading",g))==null?void 0:C(),v=(m=e.tagLeading)==null?void 0:m.call(e,D(g)),u=w(t.getOptionByValue(g))??t.props.leadingIcon;return l.isEmptyElement(v)?l.isEmptyElement(a)?u?A(u,r):l.isEmptyElement(x)?null:x:a:v},ne=()=>{var a;const r=(a=e.tagTrailing)==null?void 0:a.call(e,D(g));return l.isEmptyElement(r)?null:r};return n.h(Ve._sfc_main,{value:g,class:[p.getBemElement(c,"tag"),t.props.tagCls],closeIconCls:p.getBemElement(c,"tag__close")},{text:le,leading:te,trailing:ne,close:b})}));if(!h.isArray(t.modelValue.value)){const g=(y=f.getOptionSlot("default",t.modelValue.value))==null?void 0:y(),b=(d=f.getOptionSlot("text",t.modelValue.value))==null?void 0:d();return l.isEmptyElement(g)?l.isEmptyElement(b)?h.isString(t.modelValue.value)?t.getLabelByValue(t.modelValue.value):t.modelValue.value:b:g}})();i&&F.push(i)}return F},W=[],Z=Y();l.isEmptyElement(Z)||W.push(Z),W.push(n.h(I.Primitive,{class:[p.getBemElement(c,"content"),t.props.triggerContentCls,M.isEmpty(t.modelValue.value)?t.props.triggerContentPlaceholderCls:t.props.triggerContentValueCls],as:"div",key:String(_.value),asChild:_.value},{default:ae}));const ee=$();return l.isEmptyElement(ee)||W.push(ee),W}})}}}),xe=n.defineComponent({name:re.getComponentName("SelectWrapper"),setup(f,{slots:e}){const o=be(),t=I.injectSelectRootContext(),k=n.ref();Se.useLazyLoading({target:k});const c=n.ref(),j=me.getPopoverPortalProps({triggerRef:c,props:o.props}),{getFlipOnDir:R,getDir:P}=h.useConfig(),U=R("reversePlacementOnDir"),w=P(),q=me.getPopoverContentProps({props:o.props,flip:U,emitsAsProps:o.emitsAsProps,_dir:w,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),E=({key:i,getterKey:S,defaultValue:O,noReturnOption:y})=>d=>{const g=h.isFunction(O)?O(d):O;if(h.isObject(d)){const b=d[i]??g,T=S&&o.props[S];if(T){if(h.isString(T))return d[T]??b;if(h.isFunction(T))return T(d)??b}return b}return h.isString(d)&&!y?d??g:g},_=E({getterKey:"getValue",key:"value"}),L=E({getterKey:"getLabel",key:"label",defaultValue:_}),D=E({getterKey:"getIcon",key:"icon",noReturnOption:!0}),K=i=>{var S;if((S=o.props.options)!=null&&S.length)for(const O of o.props.options){if(_(O)===i)return O;const y=V(O);if(y!=null&&y.length){for(const d of y)if(_(d)===i)return d}}return i},A=i=>{const S=K(i);return S?L(S)??i:i},$=E({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=E({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),V=E({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:B,getStatus:H,getSize:x}=_e.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status});ye({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:_,getOptionLabel:L,getOptionDisabled:$,getOptionIcon:D,getOptionByValue:K,getLabelByValue:A,getDisabled:B,getStatus:H,getSize:x,...t,modelValue:t.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(t.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const N=n.computed(()=>{const i=o.props.scrollContainerProps??{};return{...i,areaCls:[p.getBemElement(z,"scroll_area"),i==null?void 0:i.class,i==null?void 0:i.areaCls]}}),Y=p.getBemElement(z,"popup"),ae=se.cva(Y,{variants:{size:p.generateVariantClassList(ie,Y)}}),W=i=>{if(Number(i)>0)return`${i}px`;if(typeof i=="string")return i},Z=n.computed(()=>W(o.props.popupWidth)),ee=n.computed(()=>W(o.props.popupHeight)),Q=n.computed(()=>W(o.props.minWidth)),F=n.computed(()=>({type:x.value==="sm"?"simple":"advance",...ge.omit(o.props.emptyProps??{},"class")})),G=n.computed(()=>ge.omit(o.props.skeletonProps??{},"class"));return()=>{var te,ne,X;const i=r=>{var a;if((a=o.props.options)!=null&&a.length&&r>0)return!!o.props.options[r-1]},S=r=>{var a,v;if((a=o.props.options)!=null&&a.length&&r>0){const u=o.props.options[r-1];return!!(u&&((v=V(u))!=null&&v.length))}},O=(te=e.default)==null?void 0:te.call(e,{}),y=(ne=l.flattenChildrenByType(O,oe))==null?void 0:ne.filter(r=>{var a;return h.isObject(r==null?void 0:r.props)&&((a=r==null?void 0:r.props)==null?void 0:a.option)}),d=[];(o.props.options??[]).forEach((r,a)=>{const v=C=>n.h(oe,{option:C},{default:()=>{var m;return(m=e.option)==null?void 0:m.call(e,{option:C})},leading:()=>{var m;return(m=e.optionLeading)==null?void 0:m.call(e,{option:C})},indicator:()=>{var m;return(m=e.optionIndicator)==null?void 0:m.call(e,{option:C})},text:()=>{var m;return(m=e.optionText)==null?void 0:m.call(e,{option:C})}}),u=V(r);if(u!=null&&u.length){i(a)&&d.push(n.h(de._sfc_main));const C=s(r);C&&d.push(n.h(ve,{class:o.props.labelCls},()=>C)),u.forEach(m=>{d.push(v(m))})}else S(a)?d.push(n.h(de._sfc_main)):d.push(v(r))});const g=l.flattenChildrenByType(d,oe).filter(r=>{var a;return h.isObject(r==null?void 0:r.props)&&((a=r==null?void 0:r.props)==null?void 0:a.option)}),b=!!(g!=null&&g.length||y!=null&&y.length),T=(r,a)=>{var v;if(b&&!M.isEmpty(a)&&h.isString(a)){const u=y!=null&&y.length?y:g;if(u.length){const C=u.find(m=>{var ce;return h.isObject(m.props)&&_((ce=m.props)==null?void 0:ce.option)===a});return(v=C==null?void 0:C.children)==null?void 0:v[r]}}},le=()=>{var a,v;const r=[];if(b||o.props.loading){const u=[];if(b&&(y!=null&&y.length?u.push(O):u.push(...d)),o.props.loading){const C=(a=e.loading)==null?void 0:a.call(e,{});if(!l.isEmptyElement(C))u.push(C);else{const m=new Array(b?2:o.props.loadingRowCount).fill(1);u.push(...m.map(()=>n.h(he._sfc_main,{size:x.value,class:[p.getBemElement(z,"skeleton"),o.props.skeletonCls],...G.value})))}}r.push(n.h("div",{class:[p.getBemElement(z,"options"),o.props.optionsCls]},u))}else if(!b){const u=(v=e.empty)==null?void 0:v.call(e,F.value);l.isEmptyElement(u)?r.push(n.h(Ce._sfc_main,{class:[p.getBemElement(z,"empty"),o.props.emptyCls],...F.value},{title:e.emptyTitle,description:e.emptyDescription,actions:e.emptyActions,image:e.emptyImage})):r.push(u)}return o.props.lazyLoading&&r.push(n.h("div",{class:p.getBemElement(z,"lazy_loading")},n.h("div",{class:p.getBemElement(z,"lazy_loading_trigger"),ref:k}))),r};return[n.h(Le,{getOptionSlot:T,ref:c,...o.attrs,style:{...((X=o.attrs)==null?void 0:X.style)??{},"--ptc-select-trigger-min-w":Q.value}},{trigger:e.trigger,triggerLeading:e.triggerLeading,placeholder:e.placeholder,triggerValue:e.triggerValue,triggerTrailing:e.triggerTrailing,tagClose:e.tagClose,tagTrailing:e.tagTrailing,tagLeading:e.tagLeading,tagText:e.tagText}),n.h(I.SelectPortal,j.value,()=>n.h(I.SelectContent,{...q.value,vShow:t.open.value,class:[ae(o.props),o.props.popupCls],style:{"--ptc-select-popup-width":o.props.samePopupWidth?void 0:Z.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":Q.value}},()=>n.h(Ee._sfc_main,N.value,le)))]}}}),Pe=n.defineComponent({...re.getComponentOptions("Select"),__name:"Select",props:{status:{},size:{default:"md"},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagListCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(f,{emit:e}){const o=f,t=e,k=I.useEmitAsProps(t),c=n.computed(()=>J.omitBy({...J.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"),...J.pick(k,"onUpdate:modelValue","onUpdate:open")},J.isUndefined)),j=n.useSlots(),R=n.useAttrs();return Oe({attrs:R,props:o,emit:t,emitsAsProps:k}),(P,U)=>(n.openBlock(),n.createBlock(n.unref(I.SelectRoot),n.normalizeProps(n.guardReactiveProps(c.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(xe),null,n.createSlots({_:2},[n.renderList(Object.keys(j),w=>({name:w,fn:n.withCtx(q=>[n.renderSlot(P.$slots,w,n.normalizeProps(n.guardReactiveProps(q)))])}))]),1024)]),_:3},16))}});exports.SelectOption=oe;exports.SelectSizes=ie;exports.SelectStatuses=fe;exports._sfc_main=Pe;exports._sfc_main$1=ve;exports.injectSelectContext=ue;exports.provideSelectContext=ye;