@pantograph/vue 0.28.7 → 0.28.8

package/dist/Menu/MenuItemWrapper.d.ts

@@ -1,4 +1,7 @@
 import { SubMenuProps, SubMenuSlots } from '../SubMenu/SubMenu';
+type __VLS_Props = {
+    item: SubMenuProps;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<SubMenuSlots> & SubMenuSlots;
@@ -6,7 +9,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<SubMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SubMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Menu/index.js

@@ -1,4 +1,4 @@
-import { _ as n, M as t, _ as s, i as o, p as u } from "../MenuItem.vue_vue_type_style_index_0_lang-CyyVI54S.js";
+import { _ as n, M as t, _ as s, i as o, p as u } from "../MenuItem.vue_vue_type_style_index_0_lang-pKKwSjqz.js";
 export {
   n as Menu,
   t as MenuGaps,

package/dist/Menu/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-CnfTPScR.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-CpFi8orx.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;

package/dist/MenuItem/index.js

@@ -1,4 +1,4 @@
-import { a as s, b as t, a as m } from "../MenuItem.vue_vue_type_style_index_0_lang-CyyVI54S.js";
+import { a as s, b as t, a as m } from "../MenuItem.vue_vue_type_style_index_0_lang-pKKwSjqz.js";
 export {
   s as MenuItem,
   t as MenuItemSizes,

package/dist/MenuItem/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-CnfTPScR.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-CpFi8orx.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;

package/dist/MenuItem.vue_vue_type_style_index_0_lang-CpFi8orx.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("@pantograph/utils"),P=require("@pantograph/utils-vue"),A=require("class-variance-authority"),E=require("es-toolkit"),J=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),Q=require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js"),X=require("./HoverCard.vue_vue_type_style_index_0_lang-B6a5M7RJ.js"),F=require("reka-ui"),Y=require("./isNumber-DMOjxgl8.js"),L=["sm","md","lg"],C=l.getBemBlock("menu_item"),V=i=>{switch(i){case"sm":return"2xsm";default:return"xsm"}},Z=i=>{switch(i){case"lg":return"md";default:return"sm"}},w=i=>{switch(i){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},$=i=>{switch(i){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}},j=(i,t)=>({iconSize:V(i),buttonSize:Z(i),checkIconSize:w(i),switchSize:w(i),checkboxSize:V(i),avatarSize:$(i),graphicalObjectSize:$(i),badgeSize:$(i),...t??{}}),q=e.defineComponent({...l.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hover:{type:Boolean},hasChildren:{type:Boolean},staticStyle:{type:Boolean},slotProps:{}},setup(i){const t=i,o=e.useSlots(),r=A.cva(C,{variants:{size:l.generateVariantClassList(L,C),selected:l.generateVariantClassList("selected",C),unFocusable:l.generateVariantClassList("un-focusable",C),danger:l.generateVariantClassList("danger",C),disabled:l.generateVariantClassList("disabled",C),hoverTrailing:l.generateVariantClassList("hover-trailing",C),description:l.generateVariantClassList("description",C),leadingCenter:l.generateVariantClassList("leading-center",C),staticStyle:l.generateVariantClassList("static-style",C)}}),c=e.computed(()=>j(t.size,t.slotProps)),n=e.useAttrs(),v=()=>{var m;const g=(m=o.description)==null?void 0:m.call(o,t.slotProps??{}),k=!P.isEmptyElement(g),S=()=>{var z,I,D,K;const f=[],d=(z=o.leading)==null?void 0:z.call(o,c.value),s=!P.isEmptyElement(d);(s||t.leading)&&f.push(e.h("div",{class:l.normCls(l.getBemElement(C,"leading"),t.leadingCls)},e.h("div",{class:l.normCls(l.getBemElement(C,"leading_content"),t.leadingContentCls)},s?d:t.leading)));const p=(I=o.title)==null?void 0:I.call(o,t.slotProps??{}),u=!P.isEmptyElement(p);if(u||t.title||k||t.description){const M=[];(u||t.title)&&M.push(e.h("div",{class:l.normCls(l.getBemElement(C,"title"),t.titleCls)},u?p:t.title)),(k||t.description)&&M.push(e.h("div",{class:l.normCls(l.getBemElement(C,"description"),t.descriptionCls)},k?g:t.description)),f.push(e.h("div",{class:l.normCls(l.getBemElement(C,"content"),t.contentCls)},M))}const y=(D=o.trailing)==null?void 0:D.call(o,c.value),h=!P.isEmptyElement(y);if(t.hasChildren){const M=(K=o.branchIcon)==null?void 0:K.call(o,c.value);f.push(e.h(J._sfc_main,{class:l.normCls(l.getBemElement(C,"branch"),t.branchCls??""),flipOnDir:"rtl",size:c.value.checkIconSize,icon:t.branchIcon},{default:P.isEmptyElement(M)?null:M}))}else(h||t.trailing)&&f.push(e.h("div",{class:l.normCls(l.getBemElement(C,"trailing"),t.trailingCls)},h?y:t.trailing));return f};return e.h("div",{...n,role:"menuitem",tabindex:t.unFocusable?void 0:n.tabindex??0,"data-hover":t.hover?"":void 0,class:l.normCls(r({size:t.size,selected:t.selected,unFocusable:t.unFocusable,staticStyle:t.staticStyle,danger:t.danger,disabled:t.disabled,hoverTrailing:t.hoverTrailing,leadingCenter:t.leadingCenter,description:!!(k||t.description)}),t.class)},S())};return(g,k)=>(e.openBlock(),e.createBlock(v))}}),N=[...L,"none"],[x,ee]=F.createContext("SubMenu"),R=e.defineComponent({...l.getComponentOptions("SubMenu"),__name:"SubMenu",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},unExtendParent:{type:Boolean,default:!1},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"},hover:{type:Boolean},staticStyle:{type:Boolean},slotProps:{}},setup(i){const t=i,o=e.useSlots(),r=e.computed(()=>{switch(t.size){case"lg":return 10;case"md":return 8;default:return 6}}),c=e.ref(),n=t.unExtendParent?void 0:T(),v=e.computed(()=>{var a;return t.triggerSubMenuAction??((a=n==null?void 0:n.props)==null?void 0:a.triggerSubMenuAction)}),g=x({parentKeys:[]}),k=a=>{var _;(v.value==="click"||(_=e.unref(g.parentKeys))!=null&&_.length)&&(a.stopPropagation(),a.preventDefault())},S=l.getBemBlock("sub_menu"),m=l.usePCId(S),f=e.computed(()=>{var a;return((a=e.getCurrentInstance())==null?void 0:a.vnode.key)??m});ee({parentKeys:e.computed(()=>[...e.unref(g.parentKeys),f.value])});const d=e.computed(()=>({...t,key:f.value,hasChildren:!0,parentKeys:e.unref(g.parentKeys)})),s=e.computed(()=>{var a;return((a=n==null?void 0:n.props)==null?void 0:a.size)??t.size}),p=()=>{var a;return!!((a=n==null?void 0:n.getDisabled)!=null&&a.value||t.disabled)},{rootBindings:u,inputBindings:y}=P.useInputDataStates({getDisabled:p}),h=e.ref(!1),z=e.computed(()=>{var a;return((a=n==null?void 0:n.isOpen)==null?void 0:a.call(n,f.value))??h.value}),I=e.computed(()=>{var a,_,b;return{...E.omit(t,["subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"]),size:s.value,selected:((a=n==null?void 0:n.isItemSelected)==null?void 0:a.call(n,d.value))??t.selected,hoverTrailing:t.hoverTrailing??((_=n==null?void 0:n.props)==null?void 0:_.hoverTrailing),leadingCenter:t.leadingCenter??((b=n==null?void 0:n.props)==null?void 0:b.leadingCenter),hasChildren:!0,unFocusable:p(),disabled:p(),onClick:B=>{var O;return(O=n==null?void 0:n.onClick)==null?void 0:O.call(n,d.value,B)},hover:z.value,...y.value}}),D=a=>{var b,B;(((b=n==null?void 0:n.isOpen)==null?void 0:b.call(n,f.value))??h.value)!==a&&(n!=null&&n.onChildrenOpenChange?(B=n==null?void 0:n.onChildrenOpenChange)==null||B.call(n,d.value,a):h.value=a)},K=e.computed(()=>{var a,_,b,B;return{size:s.value,containerProps:{onClick:k},to:c.value,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[l.getBemElement(S,"items"),(a=n==null?void 0:n.props)==null?void 0:a.submenuCls,t.submenuCls],sideOffset:r.value,forceMount:t.forceMountSubmenu??((_=n==null?void 0:n.props)==null?void 0:_.forceMountSubmenu),trigger:v.value,closeDelay:((b=n==null?void 0:n.props)==null?void 0:b.subMenuCloseDelay)??t.subMenuCloseDelay,openDelay:((B=n==null?void 0:n.props)==null?void 0:B.subMenuOpenDelay)??t.subMenuOpenDelay,open:z.value}}),M=e.computed(()=>v.value==="click"?Q._sfc_main:X._sfc_main),W=e.useAttrs();return(a,_)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M.value),e.mergeProps(K.value,{"onUpdate:open":D,key:String(v.value)}),{content:e.withCtx(()=>[e.renderSlot(a.$slots,"items",e.normalizeProps(e.guardReactiveProps({...t,key:f.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,b=>(e.openBlock(),e.createBlock(U,{item:b},e.createSlots({_:2},[e.renderList(Object.keys(o),B=>({name:B,fn:e.withCtx(O=>[e.renderSlot(a.$slots,B,e.mergeProps({ref_for:!0},O))])}))]),1032,["item"]))),256))])]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:e.unref(l.normCls)(e.unref(S),t.submenuTriggerCls),ref_key:"root",ref:c},e.unref(u)),[e.createVNode(q,e.mergeProps(I.value,{class:e.unref(l.getBemElement)(e.unref(S),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(o),b=>({name:b,fn:e.withCtx(B=>[e.renderSlot(a.$slots,b,e.normalizeProps(e.guardReactiveProps({...e.unref(W),...t,...B,key:f.value})))])}))]),1040,["class"])],16)]),_:3},16))}}),U=e.defineComponent({__name:"MenuItemWrapper",props:{item:{}},setup(i){const t=i,o=e.useSlots(),r=e.computed(()=>{var c,n;return!!((n=(c=t.item)==null?void 0:c.items)!=null&&n.length||o.items)});return(c,n)=>r.value?(e.openBlock(),e.createBlock(R,e.normalizeProps(e.mergeProps({key:0},c.item)),e.createSlots({_:2},[e.renderList(Object.keys(c.$slots),v=>({name:v,fn:e.withCtx(g=>[e.renderSlot(c.$slots,v,e.normalizeProps(e.guardReactiveProps(g)))])}))]),1040)):(e.openBlock(),e.createBlock(H,e.normalizeProps(e.mergeProps({key:1},c.item)),e.createSlots({_:2},[e.renderList(Object.keys(c.$slots),v=>({name:v,fn:e.withCtx(g=>[e.renderSlot(c.$slots,v,e.normalizeProps(e.guardReactiveProps(g)))])}))]),1040))}}),[ne,G]=F.createContext("Menu"),T=()=>ne({}),te=e.defineComponent({...l.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},disabled:{type:Boolean,default:void 0},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(i,{emit:t}){const o=i,r=t,{getDisabled:c}=P.useFormInput(),n=l.getBemBlock("menu"),v=A.cva(n,{variants:{gap:l.generateVariantClassList(N,n)}}),g=e.ref(o.openKeys??[]);e.watch(()=>o.openKeys,()=>{g.value=o.openKeys??[]});const k=(s,p)=>{let u=E.cloneDeep(g.value);p?u=[...s.parentKeys??[],s.key]:u=u.filter(y=>y!==s.key),o.openKeys||(g.value=u),r("update:openKeys",u),r("openChange",u)},S=s=>g.value.includes(s),m=e.ref(o.selectedKeys??[]);return e.watch(()=>o.selectedKeys,()=>{m.value=o.selectedKeys??[]}),G({props:o,getDisabled:c,onClick:(s,p)=>{const u=![void 0,null].includes(s.key)&&(E.isString(s.key)&&!l.isEmptyLikeLodash(s.key)||Y.isNumber(s.key));if(!c.value&&!s.danger&&!s.disabled&&u&&o.selectable&&!s.hasChildren){if(o.multiple)if(m.value.indexOf(s.key)>-1){if(m.value.length>1){const h=E.cloneDeep(m.value).filter(z=>z!==s.key);o.selectedKeys||(m.value=h),r("update:selectedKeys",h),r("deselect",{item:s,selectedKeys:m.value})}}else{const h=[...E.cloneDeep(m.value),s.key];o.selectedKeys||(m.value=h),r("update:selectedKeys",h),r("select",{item:s,selectedKeys:m.value})}else{const y=[s.key];o.selectedKeys||(m.value=y),r("update:selectedKeys",y),r("select",{item:s,selectedKeys:m.value})}r("click",s,p)}},isItemSelected:s=>!c.value&&!s.danger&&!s.disabled&&m.value.includes(s.key),onChildrenOpenChange:k,isOpen:S}),(s,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(v)({gap:s.gap??s.size}),o.class)),onClick:p[1]||(p[1]=e.withModifiers(()=>{},["stop"]))},[s.$slots.header||s.header||s.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"header"))),onClick:p[0]||(p[0]=u=>r("headerClick",u))},[s.$slots.header||s.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"header__title")))},[e.renderSlot(s.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(s.header),1)])],2)):e.createCommentVNode("",!0),s.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"header__actions")))},[e.renderSlot(s.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,u=>(e.openBlock(),e.createBlock(U,{item:u},e.createSlots({_:2},[e.renderList(Object.keys(s.$slots),y=>({name:y,fn:e.withCtx(h=>[e.renderSlot(s.$slots,y,e.mergeProps({ref_for:!0},h))])}))]),1032,["item"]))),256))])],2))}}),H=e.defineComponent({...l.getComponentOptions("MenuItem"),__name:"MenuItem",props:{size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},leadingContentCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},hover:{type:Boolean},staticStyle:{type:Boolean},slotProps:{},unExtendParent:{type:Boolean,default:!1}},setup(i){const t=i,o=e.useSlots(),r=t.unExtendParent?void 0:T(),c=l.usePCId(C),n=e.computed(()=>{var d;return((d=e.getCurrentInstance())==null?void 0:d.vnode.key)??c}),v=e.computed(()=>({...t,key:n.value})),g=e.computed(()=>{var d;return((d=r==null?void 0:r.props)==null?void 0:d.size)??t.size}),k=()=>{var d;return((d=r==null?void 0:r.getDisabled)==null?void 0:d.value)??t.disabled},{inputBindings:S}=P.useInputDataStates({getDisabled:k}),m=e.computed(()=>{var d,s,p;return{...t,size:g.value,selected:((d=r==null?void 0:r.isItemSelected)==null?void 0:d.call(r,v.value))??t.selected,unFocusable:r!=null&&r.onClick?void 0:t.unFocusable,hoverTrailing:t.hoverTrailing??((s=r==null?void 0:r.props)==null?void 0:s.hoverTrailing),leadingCenter:t.leadingCenter??((p=r==null?void 0:r.props)==null?void 0:p.leadingCenter),disabled:k(),onClick:u=>{var y;k()&&(u.preventDefault(),u.stopPropagation()),(y=r==null?void 0:r.onClick)==null||y.call(r,v.value,u)},...S.value}}),f=e.useAttrs();return(d,s)=>(e.openBlock(),e.createBlock(q,e.normalizeProps(e.guardReactiveProps(m.value)),e.createSlots({_:2},[e.renderList(Object.keys(o),p=>({name:p,fn:e.withCtx(u=>[e.renderSlot(d.$slots,p,e.normalizeProps(e.guardReactiveProps({...e.unref(f),...t,...u,key:n.value})))])}))]),1040))}});exports.MenuGaps=N;exports.MenuItemSizes=L;exports._sfc_main=te;exports._sfc_main$1=H;exports._sfc_main$2=R;exports.getMenuContentSlotProps=j;exports.injectMenuContext=T;exports.provideMenuContext=G;

package/dist/MenuItem.vue_vue_type_style_index_0_lang-pKKwSjqz.js

@@ -0,0 +1,588 @@
+import { defineComponent as U, useSlots as Q, computed as C, useAttrs as ee, createBlock as E, openBlock as B, h as P, ref as J, getCurrentInstance as ae, unref as c, resolveDynamicComponent as ye, mergeProps as A, withCtx as $, createElementVNode as Ce, createVNode as fe, createSlots as N, renderList as F, renderSlot as D, normalizeProps as T, guardReactiveProps as V, createElementBlock as w, Fragment as oe, watch as ne, withModifiers as he, normalizeClass as H, createCommentVNode as Y, createTextVNode as be, toDisplayString as ke } from "vue";
+import { getBemBlock as se, getComponentOptions as X, generateVariantClassList as I, normCls as S, getBemElement as z, usePCId as ie, isEmptyLikeLodash as Se } from "@pantograph/utils";
+import { isEmptyElement as L, useInputDataStates as re, useFormInput as Be } from "@pantograph/utils-vue";
+import { cva as ue } from "class-variance-authority";
+import { omit as Me, cloneDeep as Z, isString as ze } from "es-toolkit";
+import { _ as Ke } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as _e } from "./Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
+import { _ as Ie } from "./HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
+import { createContext as de } from "reka-ui";
+import { i as De } from "./isNumber-BduWbB-B.js";
+const ce = ["sm", "md", "lg"], v = se("menu_item"), te = (o) => {
+  switch (o) {
+    case "sm":
+      return "2xsm";
+    default:
+      return "xsm";
+  }
+}, Oe = (o) => {
+  switch (o) {
+    case "lg":
+      return "md";
+    default:
+      return "sm";
+  }
+}, le = (o) => {
+  switch (o) {
+    case "sm":
+      return "2xsm";
+    case "md":
+      return "xsm";
+    default:
+      return "sm";
+  }
+}, x = (o) => {
+  switch (o) {
+    case "lg":
+      return "md";
+    case "md":
+      return "xsm";
+    default:
+      return "2xsm";
+  }
+}, Pe = (o, s) => ({
+  iconSize: te(o),
+  buttonSize: Oe(o),
+  checkIconSize: le(o),
+  switchSize: le(o),
+  checkboxSize: te(o),
+  avatarSize: x(o),
+  graphicalObjectSize: x(o),
+  badgeSize: x(o),
+  ...s ?? {}
+}), pe = /* @__PURE__ */ U({
+  ...X("MenuItemContent"),
+  __name: "MenuItemContent",
+  props: {
+    size: {},
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean },
+    description: {},
+    selected: { type: Boolean },
+    unFocusable: { type: Boolean },
+    danger: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: {},
+    hover: { type: Boolean },
+    hasChildren: { type: Boolean },
+    staticStyle: { type: Boolean },
+    slotProps: {}
+  },
+  setup(o) {
+    const s = o, l = Q(), t = ue(v, {
+      variants: {
+        size: I(ce, v),
+        selected: I("selected", v),
+        unFocusable: I("un-focusable", v),
+        danger: I("danger", v),
+        disabled: I("disabled", v),
+        hoverTrailing: I("hover-trailing", v),
+        description: I("description", v),
+        leadingCenter: I("leading-center", v),
+        staticStyle: I("static-style", v)
+      }
+    }), r = C(() => Pe(s.size, s.slotProps)), e = ee(), m = () => {
+      var p;
+      const g = (p = l.description) == null ? void 0 : p.call(l, s.slotProps ?? {}), b = !L(g), K = () => {
+        var j, G, R, W;
+        const f = [], u = (j = l.leading) == null ? void 0 : j.call(l, r.value), n = !L(u);
+        (n || s.leading) && f.push(
+          P(
+            "div",
+            { class: S(z(v, "leading"), s.leadingCls) },
+            P(
+              "div",
+              {
+                class: S(
+                  z(v, "leading_content"),
+                  s.leadingContentCls
+                )
+              },
+              n ? u : s.leading
+            )
+          )
+        );
+        const d = (G = l.title) == null ? void 0 : G.call(l, s.slotProps ?? {}), i = !L(d);
+        if (i || s.title || b || s.description) {
+          const O = [];
+          (i || s.title) && O.push(
+            P(
+              "div",
+              { class: S(z(v, "title"), s.titleCls) },
+              i ? d : s.title
+            )
+          ), (b || s.description) && O.push(
+            P(
+              "div",
+              {
+                class: S(z(v, "description"), s.descriptionCls)
+              },
+              b ? g : s.description
+            )
+          ), f.push(
+            P(
+              "div",
+              { class: S(z(v, "content"), s.contentCls) },
+              O
+            )
+          );
+        }
+        const y = (R = l.trailing) == null ? void 0 : R.call(l, r.value), h = !L(y);
+        if (s.hasChildren) {
+          const O = (W = l.branchIcon) == null ? void 0 : W.call(l, r.value);
+          f.push(
+            P(
+              Ke,
+              {
+                class: S(z(v, "branch"), s.branchCls ?? ""),
+                flipOnDir: "rtl",
+                size: r.value.checkIconSize,
+                icon: s.branchIcon
+              },
+              {
+                default: L(O) ? null : O
+              }
+            )
+          );
+        } else (h || s.trailing) && f.push(
+          P(
+            "div",
+            { class: S(z(v, "trailing"), s.trailingCls) },
+            h ? y : s.trailing
+          )
+        );
+        return f;
+      };
+      return P(
+        "div",
+        {
+          ...e,
+          role: "menuitem",
+          tabindex: s.unFocusable ? void 0 : e.tabindex ?? 0,
+          "data-hover": s.hover ? "" : void 0,
+          class: S(
+            t({
+              size: s.size,
+              selected: s.selected,
+              unFocusable: s.unFocusable,
+              staticStyle: s.staticStyle,
+              danger: s.danger,
+              disabled: s.disabled,
+              hoverTrailing: s.hoverTrailing,
+              leadingCenter: s.leadingCenter,
+              description: !!(b || s.description)
+            }),
+            s.class
+          )
+        },
+        K()
+      );
+    };
+    return (g, b) => (B(), E(m));
+  }
+}), $e = [...ce, "none"], [Te, Fe] = de("SubMenu"), je = /* @__PURE__ */ U({
+  ...X("SubMenu"),
+  __name: "SubMenu",
+  props: {
+    subMenuCloseDelay: { default: 300 },
+    subMenuOpenDelay: { default: 700 },
+    triggerSubMenuAction: {},
+    submenuTriggerCls: {},
+    submenuCls: {},
+    forceMountSubmenu: { type: Boolean, default: void 0 },
+    items: {},
+    unExtendParent: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean, default: void 0 },
+    description: {},
+    selected: { type: Boolean, default: void 0 },
+    unFocusable: { type: Boolean, default: void 0 },
+    danger: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: { default: "tabler:chevron-right" },
+    hover: { type: Boolean },
+    staticStyle: { type: Boolean },
+    slotProps: {}
+  },
+  setup(o) {
+    const s = o, l = Q(), t = C(() => {
+      switch (s.size) {
+        case "lg":
+          return 10;
+        case "md":
+          return 8;
+        default:
+          return 6;
+      }
+    }), r = J(), e = s.unExtendParent ? void 0 : ve(), m = C(() => {
+      var a;
+      return s.triggerSubMenuAction ?? ((a = e == null ? void 0 : e.props) == null ? void 0 : a.triggerSubMenuAction);
+    }), g = Te({
+      parentKeys: []
+    }), b = (a) => {
+      var _;
+      (m.value === "click" || (_ = c(g.parentKeys)) != null && _.length) && (a.stopPropagation(), a.preventDefault());
+    }, K = se("sub_menu"), p = ie(K), f = C(() => {
+      var a;
+      return ((a = ae()) == null ? void 0 : a.vnode.key) ?? p;
+    });
+    Fe({
+      parentKeys: C(() => [...c(g.parentKeys), f.value])
+    });
+    const u = C(() => ({
+      ...s,
+      key: f.value,
+      hasChildren: !0,
+      parentKeys: c(g.parentKeys)
+    })), n = C(() => {
+      var a;
+      return ((a = e == null ? void 0 : e.props) == null ? void 0 : a.size) ?? s.size;
+    }), d = () => {
+      var a;
+      return !!((a = e == null ? void 0 : e.getDisabled) != null && a.value || s.disabled);
+    }, { rootBindings: i, inputBindings: y } = re({
+      getDisabled: d
+    }), h = J(!1), j = C(() => {
+      var a;
+      return ((a = e == null ? void 0 : e.isOpen) == null ? void 0 : a.call(e, f.value)) ?? h.value;
+    }), G = C(() => {
+      var a, _, k;
+      return {
+        ...Me(s, [
+          "subMenuOpenDelay",
+          "triggerSubMenuAction",
+          "submenuTriggerCls",
+          "submenuCls",
+          "forceMountSubmenu",
+          "items"
+        ]),
+        size: n.value,
+        selected: ((a = e == null ? void 0 : e.isItemSelected) == null ? void 0 : a.call(e, u.value)) ?? s.selected,
+        hoverTrailing: s.hoverTrailing ?? ((_ = e == null ? void 0 : e.props) == null ? void 0 : _.hoverTrailing),
+        leadingCenter: s.leadingCenter ?? ((k = e == null ? void 0 : e.props) == null ? void 0 : k.leadingCenter),
+        hasChildren: !0,
+        unFocusable: d(),
+        disabled: d(),
+        onClick: (M) => {
+          var q;
+          return (q = e == null ? void 0 : e.onClick) == null ? void 0 : q.call(e, u.value, M);
+        },
+        hover: j.value,
+        ...y.value
+      };
+    }), R = (a) => {
+      var k, M;
+      (((k = e == null ? void 0 : e.isOpen) == null ? void 0 : k.call(e, f.value)) ?? h.value) !== a && (e != null && e.onChildrenOpenChange ? (M = e == null ? void 0 : e.onChildrenOpenChange) == null || M.call(e, u.value, a) : h.value = a);
+    }, W = C(() => {
+      var a, _, k, M;
+      return {
+        size: n.value,
+        containerProps: {
+          onClick: b
+        },
+        to: r.value,
+        reversePlacementOnDir: "rtl",
+        placement: "right-start",
+        containerCls: [
+          z(K, "items"),
+          (a = e == null ? void 0 : e.props) == null ? void 0 : a.submenuCls,
+          s.submenuCls
+        ],
+        sideOffset: t.value,
+        forceMount: s.forceMountSubmenu ?? ((_ = e == null ? void 0 : e.props) == null ? void 0 : _.forceMountSubmenu),
+        trigger: m.value,
+        closeDelay: ((k = e == null ? void 0 : e.props) == null ? void 0 : k.subMenuCloseDelay) ?? s.subMenuCloseDelay,
+        openDelay: ((M = e == null ? void 0 : e.props) == null ? void 0 : M.subMenuOpenDelay) ?? s.subMenuOpenDelay,
+        open: j.value
+      };
+    }), O = C(() => m.value === "click" ? _e : Ie), me = ee();
+    return (a, _) => (B(), E(ye(O.value), A(W.value, {
+      "onUpdate:open": R,
+      key: String(m.value)
+    }), {
+      content: $(() => [
+        D(a.$slots, "items", T(V({ ...s, key: f.value })), () => [
+          (B(!0), w(oe, null, F(a.items, (k) => (B(), E(ge, { item: k }, N({ _: 2 }, [
+            F(Object.keys(l), (M) => ({
+              name: M,
+              fn: $((q) => [
+                D(a.$slots, M, A({ ref_for: !0 }, q))
+              ])
+            }))
+          ]), 1032, ["item"]))), 256))
+        ])
+      ]),
+      default: $(() => [
+        Ce("div", A({
+          class: c(S)(c(K), s.submenuTriggerCls),
+          ref_key: "root",
+          ref: r
+        }, c(i)), [
+          fe(pe, A(G.value, {
+            class: c(z)(c(K), "trigger")
+          }), N({ _: 2 }, [
+            F(Object.keys(l), (k) => ({
+              name: k,
+              fn: $((M) => [
+                D(a.$slots, k, T(V({
+                  ...c(me),
+                  ...s,
+                  ...M,
+                  key: f.value
+                })))
+              ])
+            }))
+          ]), 1040, ["class"])
+        ], 16)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ge = /* @__PURE__ */ U({
+  __name: "MenuItemWrapper",
+  props: {
+    item: {}
+  },
+  setup(o) {
+    const s = o, l = Q(), t = C(() => {
+      var r, e;
+      return !!((e = (r = s.item) == null ? void 0 : r.items) != null && e.length || l.items);
+    });
+    return (r, e) => t.value ? (B(), E(je, T(A({ key: 0 }, r.item)), N({ _: 2 }, [
+      F(Object.keys(r.$slots), (m) => ({
+        name: m,
+        fn: $((g) => [
+          D(r.$slots, m, T(V(g)))
+        ])
+      }))
+    ]), 1040)) : (B(), E(we, T(A({ key: 1 }, r.item)), N({ _: 2 }, [
+      F(Object.keys(r.$slots), (m) => ({
+        name: m,
+        fn: $((g) => [
+          D(r.$slots, m, T(V(g)))
+        ])
+      }))
+    ]), 1040));
+  }
+}), [Ae, Ee] = de("Menu"), ve = () => Ae({}), Qe = /* @__PURE__ */ U({
+  ...X("Menu"),
+  __name: "Menu",
+  props: {
+    size: { default: "md" },
+    header: {},
+    forceMountSubmenu: { type: Boolean },
+    multiple: { type: Boolean },
+    selectable: { type: Boolean, default: !0 },
+    hoverTrailing: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    leadingCenter: { type: Boolean },
+    items: {},
+    class: {},
+    submenuCls: {},
+    openKeys: {},
+    selectedKeys: {},
+    subMenuCloseDelay: {},
+    subMenuOpenDelay: {},
+    triggerSubMenuAction: { default: "hover" },
+    gap: {}
+  },
+  emits: [
+    "update:openKeys",
+    "update:selectedKeys",
+    "openChange",
+    "click",
+    "headerClick",
+    "deselect",
+    "select"
+  ],
+  setup(o, { emit: s }) {
+    const l = o, t = s, { getDisabled: r } = Be(), e = se("menu"), m = ue(e, {
+      variants: {
+        gap: I($e, e)
+      }
+    }), g = J(l.openKeys ?? []);
+    ne(
+      () => l.openKeys,
+      () => {
+        g.value = l.openKeys ?? [];
+      }
+    );
+    const b = (n, d) => {
+      let i = Z(g.value);
+      d ? i = [...n.parentKeys ?? [], n.key] : i = i.filter((y) => y !== n.key), l.openKeys || (g.value = i), t("update:openKeys", i), t("openChange", i);
+    }, K = (n) => g.value.includes(n), p = J(l.selectedKeys ?? []);
+    return ne(
+      () => l.selectedKeys,
+      () => {
+        p.value = l.selectedKeys ?? [];
+      }
+    ), Ee({
+      props: l,
+      getDisabled: r,
+      onClick: (n, d) => {
+        const i = ![void 0, null].includes(n.key) && (ze(n.key) && !Se(n.key) || De(n.key));
+        if (!r.value && !n.danger && !n.disabled && i && l.selectable && !n.hasChildren) {
+          if (l.multiple)
+            if (p.value.indexOf(n.key) > -1) {
+              if (p.value.length > 1) {
+                const h = Z(p.value).filter((j) => j !== n.key);
+                l.selectedKeys || (p.value = h), t("update:selectedKeys", h), t("deselect", { item: n, selectedKeys: p.value });
+              }
+            } else {
+              const h = [...Z(p.value), n.key];
+              l.selectedKeys || (p.value = h), t("update:selectedKeys", h), t("select", { item: n, selectedKeys: p.value });
+            }
+          else {
+            const y = [n.key];
+            l.selectedKeys || (p.value = y), t("update:selectedKeys", y), t("select", { item: n, selectedKeys: p.value });
+          }
+          t("click", n, d);
+        }
+      },
+      isItemSelected: (n) => !r.value && !n.danger && !n.disabled && p.value.includes(n.key),
+      onChildrenOpenChange: b,
+      isOpen: K
+    }), (n, d) => (B(), w("div", {
+      class: H(c(S)(c(m)({ gap: n.gap ?? n.size }), l.class)),
+      onClick: d[1] || (d[1] = he(() => {
+      }, ["stop"]))
+    }, [
+      n.$slots.header || n.header || n.$slots.headerActions ? (B(), w("div", {
+        key: 0,
+        class: H(c(S)(c(z)(c(e), "header"))),
+        onClick: d[0] || (d[0] = (i) => t("headerClick", i))
+      }, [
+        n.$slots.header || n.header ? (B(), w("div", {
+          key: 0,
+          class: H(c(S)(c(z)(c(e), "header__title")))
+        }, [
+          D(n.$slots, "header", {}, () => [
+            be(ke(n.header), 1)
+          ])
+        ], 2)) : Y("", !0),
+        n.$slots.headerActions ? (B(), w("div", {
+          key: 1,
+          class: H(c(S)(c(z)(c(e), "header__actions")))
+        }, [
+          D(n.$slots, "headerActions")
+        ], 2)) : Y("", !0)
+      ], 2)) : Y("", !0),
+      D(n.$slots, "default", {}, () => [
+        (B(!0), w(oe, null, F(n.items, (i) => (B(), E(ge, { item: i }, N({ _: 2 }, [
+          F(Object.keys(n.$slots), (y) => ({
+            name: y,
+            fn: $((h) => [
+              D(n.$slots, y, A({ ref_for: !0 }, h))
+            ])
+          }))
+        ]), 1032, ["item"]))), 256))
+      ])
+    ], 2));
+  }
+}), we = /* @__PURE__ */ U({
+  ...X("MenuItem"),
+  __name: "MenuItem",
+  props: {
+    size: { default: "md" },
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean, default: void 0 },
+    description: {},
+    selected: { type: Boolean, default: void 0 },
+    unFocusable: { type: Boolean, default: void 0 },
+    danger: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    class: {},
+    leadingCls: {},
+    leadingContentCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {},
+    hover: { type: Boolean },
+    staticStyle: { type: Boolean },
+    slotProps: {},
+    unExtendParent: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const s = o, l = Q(), t = s.unExtendParent ? void 0 : ve(), r = ie(v), e = C(() => {
+      var u;
+      return ((u = ae()) == null ? void 0 : u.vnode.key) ?? r;
+    }), m = C(() => ({
+      ...s,
+      key: e.value
+    })), g = C(() => {
+      var u;
+      return ((u = t == null ? void 0 : t.props) == null ? void 0 : u.size) ?? s.size;
+    }), b = () => {
+      var u;
+      return ((u = t == null ? void 0 : t.getDisabled) == null ? void 0 : u.value) ?? s.disabled;
+    }, { inputBindings: K } = re({
+      getDisabled: b
+    }), p = C(() => {
+      var u, n, d;
+      return {
+        ...s,
+        size: g.value,
+        selected: ((u = t == null ? void 0 : t.isItemSelected) == null ? void 0 : u.call(t, m.value)) ?? s.selected,
+        unFocusable: t != null && t.onClick ? void 0 : s.unFocusable,
+        hoverTrailing: s.hoverTrailing ?? ((n = t == null ? void 0 : t.props) == null ? void 0 : n.hoverTrailing),
+        leadingCenter: s.leadingCenter ?? ((d = t == null ? void 0 : t.props) == null ? void 0 : d.leadingCenter),
+        disabled: b(),
+        onClick: (i) => {
+          var y;
+          b() && (i.preventDefault(), i.stopPropagation()), (y = t == null ? void 0 : t.onClick) == null || y.call(t, m.value, i);
+        },
+        ...K.value
+      };
+    }), f = ee();
+    return (u, n) => (B(), E(pe, T(V(p.value)), N({ _: 2 }, [
+      F(Object.keys(l), (d) => ({
+        name: d,
+        fn: $((i) => [
+          D(u.$slots, d, T(V({
+            ...c(f),
+            ...s,
+            ...i,
+            key: e.value
+          })))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  $e as M,
+  Qe as _,
+  we as a,
+  ce as b,
+  je as c,
+  Pe as g,
+  ve as i,
+  Ee as p
+};

package/dist/SubMenu/index.js

@@ -1,4 +1,4 @@
-import { c as u, c } from "../MenuItem.vue_vue_type_style_index_0_lang-CyyVI54S.js";
+import { c as u, c } from "../MenuItem.vue_vue_type_style_index_0_lang-pKKwSjqz.js";
 export {
   u as SubMenu,
   c as default

package/dist/SubMenu/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-CnfTPScR.js");exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-CpFi8orx.js");exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;