@pantograph/vue 0.32.2 → 0.32.4

package/dist/HoverCard/HoverCard.d.ts

@@ -24,17 +24,17 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<HoverCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
     interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<HoverCardProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     size: import('.').PopoverSize;
     open: boolean;

package/dist/HoverCard/index.js

@@ -2,8 +2,8 @@ import { defineComponent as O, useSlots as S, createBlock as a, openBlock as l,
 import { getComponentOptions as k, getBemBlock as A, normCls as N, getComponentName as T } from "@pantograph/utils";
 import { useEmitAsProps as I, HoverCardTrigger as j, HoverCardRoot as F, HoverCardPortal as R, HoverCardContent as V } from "reka-ui";
 import "../Popover/index.js";
-import { u as $ } from "../utils-DeYtvqtV.js";
-import { P as _, a as ee } from "../utils-DeYtvqtV.js";
+import { u as $ } from "../utils-FYU7FkmA.js";
+import { P as _, a as ee } from "../utils-FYU7FkmA.js";
 import { installComponent as E } from "@pantograph/utils-vue";
 const K = /* @__PURE__ */ O({
   ...k("HoverCard", !1),

package/dist/HoverCard/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@pantograph/utils"),t=require("reka-ui");require("../Popover/index.umd.cjs");const a=require("../utils-V8eBZdnq.js"),D=require("@pantograph/utils-vue"),l=e.defineComponent({...r.getComponentOptions("HoverCard",!1),__name:"HoverCard",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(o,{emit:i}){const s=i,u=t.useEmitAsProps(s),c=o,d=r.getBemBlock("hover_card"),p=e.useSlots(),y=n=>{n.stopPropagation()},{Trigger:f,variantsClass:g,asChild:P,rootOpenProp:m,portalProps:C,contentProps:v,reference:B}=a.usePopoverContext({slots:p,prefix:d,props:c,emitsAsProps:u,TriggerCmp:t.HoverCardTrigger});return(n,b)=>(e.openBlock(),e.createBlock(e.unref(t.HoverCardRoot),e.mergeProps(e.unref(m),{openDelay:o.openDelay,closeDelay:o.closeDelay,key:e.unref(P)}),{default:e.withCtx(({open:S})=>[o.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(f),e.mergeProps({key:0},n.$attrs,{onPointerdown:y}),null,16)),e.createVNode(e.unref(t.HoverCardPortal),e.normalizeProps(e.guardReactiveProps(e.unref(C))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(t.HoverCardContent),e.mergeProps({style:{zIndex:o.zIndex,...o.containerStyle??{}}},e.unref(v),{class:e.unref(r.normCls)(e.unref(g)({size:o.size,noPadding:o.noPadding}),o.containerClass,o.containerCls),reference:e.unref(B)}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"content")]),_:3},16,["style","class","reference"]),[[e.vShow,S]])]),_:2},1040)]),_:3},16,["openDelay","closeDelay"]))}}),O=D.installComponent(l,r.getComponentName("HoverCard"));exports.PopoverPlacements=a.PopoverPlacements;exports.PopoverSizes=a.PopoverSizes;exports.HoverCard=l;exports.HoverCardPlugin=O;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@pantograph/utils"),t=require("reka-ui");require("../Popover/index.umd.cjs");const a=require("../utils-BurtTDf8.js"),D=require("@pantograph/utils-vue"),l=e.defineComponent({...r.getComponentOptions("HoverCard",!1),__name:"HoverCard",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(o,{emit:i}){const s=i,u=t.useEmitAsProps(s),c=o,d=r.getBemBlock("hover_card"),p=e.useSlots(),y=n=>{n.stopPropagation()},{Trigger:f,variantsClass:g,asChild:P,rootOpenProp:m,portalProps:C,contentProps:v,reference:B}=a.usePopoverContext({slots:p,prefix:d,props:c,emitsAsProps:u,TriggerCmp:t.HoverCardTrigger});return(n,b)=>(e.openBlock(),e.createBlock(e.unref(t.HoverCardRoot),e.mergeProps(e.unref(m),{openDelay:o.openDelay,closeDelay:o.closeDelay,key:e.unref(P)}),{default:e.withCtx(({open:S})=>[o.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(f),e.mergeProps({key:0},n.$attrs,{onPointerdown:y}),null,16)),e.createVNode(e.unref(t.HoverCardPortal),e.normalizeProps(e.guardReactiveProps(e.unref(C))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(t.HoverCardContent),e.mergeProps({style:{zIndex:o.zIndex,...o.containerStyle??{}}},e.unref(v),{class:e.unref(r.normCls)(e.unref(g)({size:o.size,noPadding:o.noPadding}),o.containerClass,o.containerCls),reference:e.unref(B)}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"content")]),_:3},16,["style","class","reference"]),[[e.vShow,S]])]),_:2},1040)]),_:3},16,["openDelay","closeDelay"]))}}),O=D.installComponent(l,r.getComponentName("HoverCard"));exports.PopoverPlacements=a.PopoverPlacements;exports.PopoverSizes=a.PopoverSizes;exports.HoverCard=l;exports.HoverCardPlugin=O;exports.default=l;

package/dist/Menu/Menu.d.ts

@@ -293,9 +293,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Me
         selectedKeys: KeysType;
     }) => any;
     click: (item: MenuItemData, event: PointerEvent) => any;
+    openChange: (value: (string | number)[]) => any;
     "update:openKeys": (value: (string | number)[]) => any;
     "update:selectedKeys": (value: (string | number)[]) => any;
-    openChange: (value: (string | number)[]) => any;
     headerClick: (event: PointerEvent) => any;
     deselect: (value: {
         item: MenuItemData;
@@ -307,9 +307,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Me
         selectedKeys: KeysType;
     }) => any) | undefined;
     onClick?: ((item: MenuItemData, event: PointerEvent) => any) | undefined;
+    onOpenChange?: ((value: (string | number)[]) => any) | undefined;
     "onUpdate:openKeys"?: ((value: (string | number)[]) => any) | undefined;
     "onUpdate:selectedKeys"?: ((value: (string | number)[]) => any) | undefined;
-    onOpenChange?: ((value: (string | number)[]) => any) | undefined;
     onHeaderClick?: ((event: PointerEvent) => any) | undefined;
     onDeselect?: ((value: {
         item: MenuItemData;

package/dist/Modal/Modal.d.ts

@@ -53,19 +53,21 @@ export declare const MODAL_DEFAULT_PROPS: {
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (event: Event) => any;
     close: () => any;
+    openChange: (value?: boolean | null | undefined) => any;
+    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    "update:open": (value: boolean) => any;
     ok: (event: Event) => any;
     "update:fullScreen": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<ModalProps> & Readonly<{
     onCancel?: ((event: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpenChange?: ((value?: boolean | null | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOk?: ((event: Event) => any) | undefined;
     "onUpdate:fullScreen"?: ((value: boolean) => any) | undefined;
 }>, {

package/dist/Modal/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as s, mergeDefaults as _, useAttrs as j, useSlots as i, computed as M, createBlock as p, openBlock as c, normalizeProps as l, guardReactiveProps as n, createSlots as D, renderList as h, withCtx as u, renderSlot as y } from "vue";
+import { defineComponent as s, mergeDefaults as _, useAttrs as j, useSlots as i, computed as M, createBlock as p, openBlock as c, normalizeProps as l, guardReactiveProps as n, createSlots as h, renderList as D, withCtx as u, renderSlot as y } from "vue";
 import { DIALOG_DEFAULT_PROPS as N, Dialog as P, DialogTitle as w, DialogSizes as k } from "../Dialog/index.js";
 import { getComponentOptions as m, getComponentName as b } from "@pantograph/utils";
 import { useEmitAsProps as T } from "reka-ui";
 import { omit as d } from "es-toolkit";
 import { installComponent as B } from "@pantograph/utils-vue";
-const g = ["type", "side"], F = {
+const g = ["type", "side"], x = {
   ...d(N, g)
-}, x = /* @__PURE__ */ s({
+}, F = /* @__PURE__ */ s({
   ...m("Modal", !1),
   __name: "Modal",
   props: /* @__PURE__ */ _({
@@ -39,7 +39,7 @@ const g = ["type", "side"], F = {
     maskClosable: { type: Boolean },
     beforeClose: { type: Function },
     beforeCloseDebugger: { type: Boolean },
-    to: { type: [String, Function] },
+    to: {},
     animated: { type: [Boolean, String] },
     asDrawerInMobile: { type: Boolean },
     mobileDrawerMinHeight: {},
@@ -63,17 +63,17 @@ const g = ["type", "side"], F = {
     defer: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean }
-  }, F),
-  emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close"],
-  setup(e, { emit: t }) {
-    const o = e, r = j(), S = i(), f = T(t), O = M(() => ({
+  }, x),
+  emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange"],
+  setup(e, { emit: o }) {
+    const t = e, r = j(), S = i(), f = T(o), O = M(() => ({
       ...d(r, g),
-      ...o,
+      ...t,
       ...f,
       type: "modal"
     }));
-    return (A, $) => (c(), p(P, l(n(O.value)), D({ _: 2 }, [
-      h(Object.keys(S), (a) => ({
+    return (A, $) => (c(), p(P, l(n(O.value)), h({ _: 2 }, [
+      D(Object.keys(S), (a) => ({
         name: a,
         fn: u((C) => [
           y(A.$slots, a, l(n(C)))
@@ -90,20 +90,20 @@ const g = ["type", "side"], F = {
   },
   setup(e) {
     i();
-    const t = e;
-    return (o, r) => (c(), p(w, l(n(t)), {
+    const o = e;
+    return (t, r) => (c(), p(w, l(n(o)), {
       default: u(() => [
-        y(o.$slots, "default")
+        y(t.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), U = k, G = B(x, b("Modal")), K = B(L, b("ModalTitle"));
+}), U = k, G = B(F, b("Modal")), K = B(L, b("ModalTitle"));
 export {
-  x as Modal,
+  F as Modal,
   G as ModalPlugin,
   U as ModalSizes,
   L as ModalTitle,
   K as ModalTitlePlugin,
-  x as default
+  F as default
 };

package/dist/Modal/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Dialog/index.umd.cjs"),o=require("@pantograph/utils"),O=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","side"],C={...p.omit(t.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...o.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},C),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close"],setup(l,{emit:n}){const r=l,s=e.useAttrs(),m=e.useSlots(),d=n,g=O.useEmitAsProps(d),b=e.computed(()=>({...p.omit(s,c),...r,...g,type:"modal"}));return(B,P)=>(e.openBlock(),e.createBlock(t.Dialog,e.normalizeProps(e.guardReactiveProps(b.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...o.getComponentOptions("ModalTitle"),__name:"ModalTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(l){e.useSlots();const n=l;return(r,s)=>(e.openBlock(),e.createBlock(t.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16))}}),A=t.DialogSizes,f=u.installComponent(a,o.getComponentName("Modal")),M=u.installComponent(y,o.getComponentName("ModalTitle"));exports.Modal=a;exports.ModalPlugin=f;exports.ModalSizes=A;exports.ModalTitle=y;exports.ModalTitlePlugin=M;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../Dialog/index.umd.cjs"),t=require("@pantograph/utils"),O=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","side"],C={...p.omit(o.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...t.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{},animated:{type:[Boolean,String]},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},C),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange"],setup(l,{emit:n}){const r=l,s=e.useAttrs(),m=e.useSlots(),d=n,g=O.useEmitAsProps(d),b=e.computed(()=>({...p.omit(s,c),...r,...g,type:"modal"}));return(B,P)=>(e.openBlock(),e.createBlock(o.Dialog,e.normalizeProps(e.guardReactiveProps(b.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...t.getComponentOptions("ModalTitle"),__name:"ModalTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(l){e.useSlots();const n=l;return(r,s)=>(e.openBlock(),e.createBlock(o.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16))}}),A=o.DialogSizes,f=u.installComponent(a,t.getComponentName("Modal")),M=u.installComponent(y,t.getComponentName("ModalTitle"));exports.Modal=a;exports.ModalPlugin=f;exports.ModalSizes=A;exports.ModalTitle=y;exports.ModalTitlePlugin=M;exports.default=a;

package/dist/Popover/Popover.d.ts

@@ -1,14 +1,10 @@
-import { PopoverContentProps, PopoverRootProps, PopoverRootEmits, PopoverPortalProps, PopoverContentEmits } from 'reka-ui';
+import { PopoverContentProps, PopoverRootProps, PopoverPortalProps } from 'reka-ui';
 import { PopoverBaseProps, PopoverSlots } from './type';
 /**
  * The props for the Popover component
  */
 export interface PopoverProps extends Omit<PopoverRootProps, 'onCloseAutoFocus'>, Omit<PopoverPortalProps, 'to' | 'onCloseAutoFocus'>, Omit<PopoverContentProps, 'as' | 'asChild' | 'side' | 'align' | 'onCloseAutoFocus' | 'disableOutsidePointerEvents'>, PopoverBaseProps {
 }
-/**
- * The emits for the Popover component
- */
-export type PopoverEmits = PopoverRootEmits & PopoverContentEmits;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<PopoverSlots> & PopoverSlots;
@@ -19,19 +15,21 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     closeAutoFocus: (event: Event) => any;
     openAutoFocus: (event: Event) => any;
+    openChange: (value?: boolean | null | undefined) => any;
+    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
     interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onOpenChange?: ((value?: boolean | null | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     size: import('./Popover.model').PopoverSize;
     open: boolean;

package/dist/Popover/index.d.ts

@@ -1,4 +1,4 @@
 export declare const PopoverPlugin: import('vue').Plugin;
-export { default as Popover, type PopoverProps, type PopoverEmits, default } from './Popover';
-export type { GetPopupContainer, PopoverSlots } from './type';
+export { default as Popover, type PopoverProps, default } from './Popover';
+export type { GetPopupContainer, PopoverSlots, PopoverEmits } from './type';
 export * from './Popover.model';

package/dist/Popover/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as b, useSlots as z, createBlock as i, openBlock as s, unref as e, mergeProps as t, withCtx as n, createCommentVNode as h, createVNode as l, normalizeProps as p, guardReactiveProps as A, withDirectives as w, renderSlot as x, vShow as k } from "vue";
+import { defineComponent as b, useSlots as h, createBlock as i, openBlock as s, unref as e, mergeProps as t, withCtx as n, createCommentVNode as z, createVNode as l, normalizeProps as p, guardReactiveProps as A, withDirectives as w, renderSlot as x, vShow as k } from "vue";
 import { getComponentOptions as N, getBemBlock as D, normCls as F, getComponentName as T } from "@pantograph/utils";
 import { useEmitAsProps as I, PopoverRoot as j, PopoverPortal as R, PopoverContent as V, PopoverTrigger as $ } from "reka-ui";
-import { u as E } from "../utils-DeYtvqtV.js";
-import { P as Y, a as Z } from "../utils-DeYtvqtV.js";
+import { u as E } from "../utils-FYU7FkmA.js";
+import { P as Y, a as Z } from "../utils-FYU7FkmA.js";
 import { installComponent as K } from "@pantograph/utils-vue";
 const L = /* @__PURE__ */ b({
   ...N("Popover", !1),
@@ -45,9 +45,9 @@ const L = /* @__PURE__ */ b({
     useReferenceAttribute: { type: Boolean },
     noTrigger: { type: Boolean }
   },
-  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus", "openChange"],
   setup(o, { emit: c }) {
-    const r = c, d = I(r), u = o, m = D("popover"), f = z(), { variantsClass: y, asChild: P, rootOpenProp: g, portalProps: B, contentProps: v, reference: C, Trigger: O } = E({
+    const r = c, d = I(r), u = o, m = D("popover"), f = h(), { variantsClass: y, asChild: P, rootOpenProp: g, portalProps: B, contentProps: v, reference: C, Trigger: O } = E({
       slots: f,
       prefix: m,
       props: u,
@@ -59,7 +59,7 @@ const L = /* @__PURE__ */ b({
       key: e(P)
     }), {
       default: n(({ open: S }) => [
-        o.noTrigger ? h("", !0) : (s(), i(e(O), p(t({ key: 0 }, a.$attrs)), null, 16)),
+        o.noTrigger ? z("", !0) : (s(), i(e(O), p(t({ key: 0 }, a.$attrs)), null, 16)),
         l(e(R), p(A(e(B))), {
           default: n(() => [
             w(l(e(V), t({

package/dist/Popover/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),t=require("reka-ui"),r=require("../utils-V8eBZdnq.js"),S=require("@pantograph/utils-vue"),a=e.defineComponent({...n.getComponentOptions("Popover",!1),__name:"Popover",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(o,{emit:s}){const i=s,u=t.useEmitAsProps(i),p=o,c=n.getBemBlock("popover"),d=e.useSlots(),{variantsClass:f,asChild:P,rootOpenProp:y,portalProps:m,contentProps:g,reference:v,Trigger:B}=r.usePopoverContext({slots:d,prefix:c,props:p,emit:i,emitsAsProps:u,TriggerCmp:t.PopoverTrigger});return(l,b)=>(e.openBlock(),e.createBlock(e.unref(t.PopoverRoot),e.mergeProps(e.unref(y),{key:e.unref(P)}),{default:e.withCtx(({open:C})=>[o.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(B),e.normalizeProps(e.mergeProps({key:0},l.$attrs)),null,16)),e.createVNode(e.unref(t.PopoverPortal),e.normalizeProps(e.guardReactiveProps(e.unref(m))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(t.PopoverContent),e.mergeProps({style:{zIndex:o.zIndex,...o.containerStyle??{}}},e.unref(g),{class:e.unref(n.normCls)(e.unref(f)({size:o.size,noPadding:o.noPadding}),o.containerClass,o.containerCls),reference:e.unref(v)}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"content")]),_:3},16,["style","class","reference"]),[[e.vShow,C]])]),_:2},1040)]),_:3},16))}}),O=S.installComponent(a,n.getComponentName("Popover"));exports.PopoverPlacements=r.PopoverPlacements;exports.PopoverSizes=r.PopoverSizes;exports.Popover=a;exports.PopoverPlugin=O;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),t=require("reka-ui"),r=require("../utils-BurtTDf8.js"),S=require("@pantograph/utils-vue"),a=e.defineComponent({...n.getComponentOptions("Popover",!1),__name:"Popover",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus","openChange"],setup(o,{emit:s}){const i=s,u=t.useEmitAsProps(i),p=o,c=n.getBemBlock("popover"),d=e.useSlots(),{variantsClass:f,asChild:P,rootOpenProp:y,portalProps:g,contentProps:m,reference:v,Trigger:B}=r.usePopoverContext({slots:d,prefix:c,props:p,emit:i,emitsAsProps:u,TriggerCmp:t.PopoverTrigger});return(l,b)=>(e.openBlock(),e.createBlock(e.unref(t.PopoverRoot),e.mergeProps(e.unref(y),{key:e.unref(P)}),{default:e.withCtx(({open:C})=>[o.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(B),e.normalizeProps(e.mergeProps({key:0},l.$attrs)),null,16)),e.createVNode(e.unref(t.PopoverPortal),e.normalizeProps(e.guardReactiveProps(e.unref(g))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(t.PopoverContent),e.mergeProps({style:{zIndex:o.zIndex,...o.containerStyle??{}}},e.unref(m),{class:e.unref(n.normCls)(e.unref(f)({size:o.size,noPadding:o.noPadding}),o.containerClass,o.containerCls),reference:e.unref(v)}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"content")]),_:3},16,["style","class","reference"]),[[e.vShow,C]])]),_:2},1040)]),_:3},16))}}),O=S.installComponent(a,n.getComponentName("Popover"));exports.PopoverPlacements=r.PopoverPlacements;exports.PopoverSizes=r.PopoverSizes;exports.Popover=a;exports.PopoverPlugin=O;exports.default=a;

package/dist/Popover/type.d.ts

@@ -2,6 +2,7 @@ import { Direction } from '../ConfigProvider';
 import { ClassValue } from 'clsx';
 import { PopoverPlacement, PopoverSize } from './Popover.model';
 import { CSSProperties } from 'vue';
+import { PopoverContentEmits, PopoverRootEmits } from 'reka-ui';
 /**
  * The slots for the Popover component
  */
@@ -84,3 +85,9 @@ export interface PopoverBaseProps {
      */
     noTrigger?: boolean;
 }
+/**
+ * The emits for the Popover component
+ */
+export type PopoverEmits = PopoverRootEmits & PopoverContentEmits & {
+    openChange: [value?: boolean | null];
+};

package/dist/Popover/utils.d.ts

@@ -1,7 +1,7 @@
 import { Component, ComputedRef, Ref } from 'vue';
-import { PopoverContentEmits, PopoverContentProps, PopoverRootProps } from 'reka-ui';
+import { PopoverContentProps, PopoverRootProps } from 'reka-ui';
 import { Direction, FlipOnDir } from '../ConfigProvider';
-import { PopoverBaseProps, PopoverSlots } from './type';
+import { PopoverBaseProps, PopoverEmits, PopoverSlots } from './type';
 import { EmitType } from '../types';
 /**
  * Keys for PopoverPortal props
@@ -38,7 +38,7 @@ type PopoverContainerPropsName = Partial<Record<(typeof popoverContainerPropsKey
 /**
  * Type for Popover emits related to focus events
  */
-type PopoverEmit = EmitType<Pick<PopoverContentEmits, 'closeAutoFocus' | 'openAutoFocus'>>;
+type PopoverEmit = EmitType<Pick<PopoverEmits, 'closeAutoFocus' | 'openAutoFocus' | 'openChange'>>;
 /**
  * Gets the content props for the Popover component
  * @param props The props for the Popover component
@@ -81,7 +81,7 @@ export declare const usePopoverContext: ({ slots, prefix, props, emit, emitsAsPr
     } & import('class-variance-authority/types').ClassProp) | undefined) => string;
     asChild: import('vue').ShallowRef<boolean, boolean>;
     rootOpenProp: ComputedRef<{
-        "onUpdate:open": any;
+        'onUpdate:open': (value: boolean) => void;
         open?: boolean | undefined;
         defaultOpen?: boolean | undefined;
         modal?: boolean | undefined;

package/dist/Select/Select.d.ts

@@ -11,17 +11,17 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}
     change: (value: import('reka-ui').AcceptableValue) => any;
     "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
     closeAutoFocus: (event: Event) => any;
+    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-    "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
     onSelect?: ((value: string, selected: boolean) => any) | undefined;
     onChange?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
     bordered: boolean;

package/dist/Select/index.js

@@ -1,5 +1,5 @@
-import { _ as o, S as l, a as c } from "../Select.vue_vue_type_style_index_0_lang-CoTVc2XS.js";
-import { b as f, c as _, i as b, p as g } from "../Select.vue_vue_type_style_index_0_lang-CoTVc2XS.js";
+import { _ as o, S as l, a as c } from "../Select.vue_vue_type_style_index_0_lang-DjdX0Ab4.js";
+import { b as f, c as _, i as b, p as g } from "../Select.vue_vue_type_style_index_0_lang-DjdX0Ab4.js";
 import { installComponent as e } from "@pantograph/utils-vue";
 import { getComponentName as t } from "@pantograph/utils";
 const i = e(o, t("Select")), S = e(l, t("SelectOption")), m = e(c, t("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-DQitB2YA.js"),t=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),l=t.installComponent(e._sfc_main,n.getComponentName("Select")),c=t.installComponent(e.SelectOption,n.getComponentName("SelectOption")),i=t.installComponent(e._sfc_main$1,n.getComponentName("SelectLabel"));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;exports.SelectLabelPlugin=i;exports.SelectOptionPlugin=c;exports.SelectPlugin=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_style_index_0_lang-79nCnnn0.js"),t=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),l=t.installComponent(e._sfc_main,n.getComponentName("Select")),c=t.installComponent(e.SelectOption,n.getComponentName("SelectOption")),i=t.installComponent(e._sfc_main$1,n.getComponentName("SelectLabel"));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;exports.SelectLabelPlugin=i;exports.SelectOptionPlugin=c;exports.SelectPlugin=l;

package/dist/{Select.vue_vue_type_style_index_0_lang-DQitB2YA.js → Select.vue_vue_type_style_index_0_lang-79nCnnn0.js}

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

package/dist/{Select.vue_vue_type_style_index_0_lang-CoTVc2XS.js → Select.vue_vue_type_style_index_0_lang-DjdX0Ab4.js}

@@ -7,7 +7,7 @@ import { _ as Ye } from "./Empty.vue_vue_type_style_index_0_lang-yTn4EQKn.js";
 import { _ as Ze } from "./Skeleton.vue_vue_type_style_index_0_lang-aI8FTL_w.js";
 import { _ as Ve } from "./Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
 import { isEmptyElement as u, filterEmpty as et, isValidElement as tt, isFragment as ot, useLazyLoading as nt, useFormInput as rt, flattenChildrenByType as Le } from "@pantograph/utils-vue";
-import { g as at, b as it } from "./utils-DeYtvqtV.js";
+import { g as at, b as it } from "./utils-FYU7FkmA.js";
 import { useConfig as lt } from "./ConfigProvider/index.js";
 import "./ScrollContainer/index.js";
 import { _ as ge } from "./Icon.vue_vue_type_style_index_0_lang-D3lvOgux.js";

package/dist/index.js

@@ -77,8 +77,8 @@ import { _ as bi } from "./Badge.vue_vue_type_script_setup_true_lang-CHBj_GP4.js
 import { _ as Ii } from "./Blanket.vue_vue_type_style_index_0_lang-DSXcWX6s.js";
 import { _ as hi } from "./Button.vue_vue_type_script_setup_true_lang-Be-JRcnm.js";
 import { _ as _i } from "./Chip.vue_vue_type_style_index_0_lang-fj2q-7So.js";
-import { _ as ji, i as Ai, p as ki } from "./ColorPicker.vue_vue_type_style_index_0_lang-D9G-d0r6.js";
-import { _ as Li } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-awOxZml7.js";
+import { _ as ji, i as Ai, p as ki } from "./ColorPicker.vue_vue_type_style_index_0_lang-BEfDYfnf.js";
+import { _ as Li } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-DDy2ee2d.js";
 import { _ as Mi, C as wi } from "./ColorTrigger.vue_vue_type_style_index_0_lang-C8fATI6R.js";
 import { _ as Ui, D as Oi } from "./Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
 import { _ as Ei, E as Hi } from "./Empty.vue_vue_type_style_index_0_lang-yTn4EQKn.js";
@@ -98,14 +98,14 @@ import { _ as zn, P as jn, a as An, b as kn, c as yn, d as Ln, i as Dn, p as Mn,
 import { _ as Rn, a as En } from "./RadioGroup.vue_vue_type_script_setup_true_lang-CKst3QRj.js";
 import { _ as Nn, S as Vn, a as Zn } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DGrpXPJ1.js";
 import { _ as Jn, S as qn } from "./Segmented.vue_vue_type_style_index_0_lang-CYjKdNAS.js";
-import { _ as Wn, a as Xn, S as Yn, b as $n, c as os, i as es, p as rs } from "./Select.vue_vue_type_style_index_0_lang-CoTVc2XS.js";
+import { _ as Wn, a as Xn, S as Yn, b as $n, c as os, i as es, p as rs } from "./Select.vue_vue_type_style_index_0_lang-DjdX0Ab4.js";
 import { _ as as } from "./Shortcut.vue_vue_type_style_index_0_lang-CGLNPKWO.js";
 import { _ as ns, S as ss, a as ps } from "./Skeleton.vue_vue_type_style_index_0_lang-aI8FTL_w.js";
 import { _ as ms, S as us } from "./Spinner.vue_vue_type_style_index_0_lang-PVVXnUa7.js";
 import { _ as gs, S as Ps } from "./Switch.vue_vue_type_style_index_0_lang-BmsIxVHQ.js";
 import { _ as Cs, i as cs, r as ds } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
 import { FormItemSizes as Ts, FormItemStatuses as bs, injectFormContext as vs, injectFormItemContext as Is, provideFormContext as Gs, provideFormItemContext as hs } from "@pantograph/utils-vue";
-import { P as _s, a as zs } from "./utils-DeYtvqtV.js";
+import { P as _s, a as zs } from "./utils-FYU7FkmA.js";
 export {
   z as Accordion,
   j as AccordionExpandIconPositions,