@pantograph/vue 0.6.4 → 0.6.6

package/dist/{Kbd.vue_vue_type_style_index_0_lang-D5D9tTsQ.js → Kbd.vue_vue_type_style_index_0_lang-DbtLbpq-.js}

@@ -1,11 +1,11 @@
-import { defineComponent as f, openBlock as a, createBlock as t, unref as s, normalizeClass as r, withCtx as i, renderSlot as l, createTextVNode as d, toDisplayString as y } from "vue";
-import { g as u, a as k, b as C } from "./class-DyU-Ox8D.js";
+import { defineComponent as f, createBlock as a, openBlock as t, unref as s, normalizeClass as r, withCtx as i, renderSlot as l, createTextVNode as d, toDisplayString as y } from "vue";
+import { g as u, a as k, b as C } from "./class-DziTeW9B.js";
 import { cva as O } from "class-variance-authority";
 import { Primitive as c } from "radix-vue";
-import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
-import { g as B } from "./options-JBqnVZUl.js";
+import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { g as v } from "./options-JBqnVZUl.js";
 const K = /* @__PURE__ */ f({
-  ...B("Kbd"),
+  ...v("Kbd"),
   __name: "Kbd",
   props: {
     iconOnly: { type: Boolean },
@@ -17,25 +17,25 @@ const K = /* @__PURE__ */ f({
     as: { default: "div" }
   },
   setup(m) {
-    const e = m, o = C("kbd"), p = O(o, {
+    const o = m, e = u("kbd"), p = O(e, {
       variants: {
-        iconOnly: u("icon-only", o)
+        iconOnly: k("icon-only", e)
       }
     });
-    return (n, v) => (a(), t(s(c), {
-      class: r([s(p)({ iconOnly: e.iconOnly }), e.class]),
-      key: e.as,
+    return (n, B) => (t(), a(s(c), {
+      class: r([s(p)({ iconOnly: o.iconOnly }), o.class]),
+      key: o.as,
       as: n.as
     }, {
       default: i(() => [
-        (a(), t(s(c), {
-          class: r([s(k)(s(o), "container"), e.containerCls]),
+        (t(), a(s(c), {
+          class: r([s(C)(s(e), "container"), o.containerCls]),
           key: n.iconOnly,
           as: n.containerAs,
           "as-child": n.iconOnly
         }, {
           default: i(() => [
-            n.iconOnly ? (a(), t(g, {
+            n.iconOnly ? (t(), a(g, {
               key: 0,
               icon: n.icon,
               size: "2xsm"

package/dist/Menu/Menu.d.ts

@@ -0,0 +1,83 @@
+import { MenuItemSlots } from '../MenuItem/MenuItem';
+import { PrimitiveProps } from '../Base/Primitive';
+import { MenuItemProps, MenuItemSize } from '../MenuItem';
+import { Class } from '../types';
+import { MenuGap } from './Menu.model';
+import { ComputedRef } from 'vue';
+export type MenuItemType = MenuItemProps & {
+    key: string | number;
+};
+export interface MenuProps extends Omit<PrimitiveProps, 'asChild'> {
+    size?: MenuItemSize;
+    header?: string;
+    forceMountSubmenu?: boolean;
+    multiple?: boolean;
+    selectable?: boolean;
+    hoverTrailing?: boolean;
+    leadingCenter?: boolean;
+    items?: MenuItemType[];
+    class?: Class;
+    submenuCls?: Class;
+    openKeys?: (string | number)[];
+    selectedKeys?: (string | number)[];
+    subMenuCloseDelay?: number;
+    subMenuOpenDelay?: number;
+    triggerSubMenuAction?: 'hover' | 'click';
+    gap?: MenuGap;
+}
+type MenuItemData = MenuItemType & {
+    hasChildren: boolean;
+    parentKeys: (string | number)[];
+};
+interface Context {
+    size: ComputedRef<MenuItemSize | undefined>;
+    forceMountSubmenu: ComputedRef<boolean | undefined>;
+    hoverTrailing?: ComputedRef<boolean | undefined>;
+    leadingCenter?: ComputedRef<boolean | undefined>;
+    subMenuCloseDelay?: ComputedRef<number | undefined>;
+    subMenuOpenDelay?: ComputedRef<number | undefined>;
+    submenuCls?: ComputedRef<Class | undefined>;
+    triggerSubMenuAction?: ComputedRef<'hover' | 'click' | undefined>;
+    onClick?: (item: MenuItemData, event: MouseEvent) => void;
+    onChildrenOpenChange?: (item: MenuItemData, value: boolean) => void;
+    isItemSelected?: (item: MenuItemData) => boolean;
+    isOpen?: (key: string | number) => boolean;
+}
+declare const provideMenuContext: (contextValue: Partial<Context>) => Partial<Context>;
+declare const injectMenuContext: () => Partial<Context>;
+export { injectMenuContext, provideMenuContext };
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+    "update:openKeys": (...args: any[]) => void;
+    "update:selectedKeys": (...args: any[]) => void;
+    openChange: (...args: any[]) => void;
+    headerClick: (...args: any[]) => void;
+    deselect: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<MenuProps> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
+    onOpenChange?: ((...args: any[]) => any) | undefined;
+    onHeaderClick?: ((...args: any[]) => any) | undefined;
+    onDeselect?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: MenuItemSize;
+    triggerSubMenuAction: "hover" | "click";
+    selectable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+    default?: () => never;
+    header?: () => never;
+    headerActions?: () => never;
+} & MenuItemSlots> & {
+    default?: () => never;
+    header?: () => never;
+    headerActions?: () => never;
+} & MenuItemSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Menu/Menu.model.d.ts

@@ -0,0 +1,2 @@
+export declare const MenuGaps: readonly ["sm", "md", "lg", "none"];
+export type MenuGap = (typeof MenuGaps)[number];

package/dist/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Menu, type MenuProps, type MenuItemType, injectMenuContext, provideMenuContext, default, } from './Menu';
+export * from './Menu.model';

package/dist/Menu/index.js.js

@@ -0,0 +1,8 @@
+import { _ as n, M as t, _ as s, i as o, p as u } from "../Menu.vue_vue_type_style_index_0_lang-DvZS9q1c.js";
+export {
+  n as Menu,
+  t as MenuGaps,
+  s as default,
+  o as injectMenuContext,
+  u as provideMenuContext
+};

package/dist/Menu/index.umd.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-CSEBoubK.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/Menu.vue_vue_type_style_index_0_lang-CSEBoubK.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("./class-CjZYGZDW.js"),I=require("class-variance-authority"),N=require("./options-B4iSAKol.js"),G=require("./Popover.vue_vue_type_style_index_0_lang-RXHBSX6d.js"),V=require("./cloneDeep-mcJFBKk6.js"),M=require("./omit-1sFJ_mId.js"),U=require("./isArray-B7z6QoM5.js"),W=require("./isNumber-eaDdxhkG.js"),H=require("./index-BCJFpT7y.js"),A=require("radix-vue"),J=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js");function L(a){return a?a.flatMap(t=>t.type===e.Fragment?L(t.children):[t]):[]}const Q=e.defineComponent({name:"PrimitiveSlot",inheritAttrs:!1,setup(a,{attrs:t,slots:s}){return()=>{var l,d;if(!s.default)return null;const i=L(s.default()),u=i.findIndex(v=>v.type!==e.Comment);if(u===-1)return i;const g=i[u];(l=g.props)==null||delete l.ref;const o=g.props?e.mergeProps(t,g.props):t;t.class&&((d=g.props)!=null&&d.class)&&delete g.props.class;const f=e.cloneVNode(g,o);for(const v in o)v.startsWith("on")&&(f.props||(f.props={}),f.props[v]=o[v]);return i.length===1?f:(i[u]=f,i)}}}),w=e.defineComponent({name:"Primitive",inheritAttrs:!1,props:{asChild:{type:Boolean,default:!1},as:{type:[String,Object],default:"div"}},setup(a,{attrs:t,slots:s}){const i=e.computed(()=>a.asChild?"template":a.as);return()=>{const u=["area","img","input"];return typeof i.value=="string"&&u.includes(i.value)?e.h(i.value,t):i.value!=="template"?e.h(a.as,t,s):e.h(Q,t,s)}}}),D=["sm","md","lg"],X=["tabindex"],m=c.getBemBlock("menu_item"),$=e.defineComponent({__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(a){const t=a,s=e.useSlots(),i=I.cva(m,{variants:{size:c.generateVariantClassList(D,m),selected:c.generateVariantClassList("selected",m),unFocusable:c.generateVariantClassList("un-focusable",m),danger:c.generateVariantClassList("danger",m),disabled:c.generateVariantClassList("disabled",m),hoverTrailing:c.generateVariantClassList("hover-trailing",m),description:c.generateVariantClassList("description",m),leadingCenter:c.generateVariantClassList("leading-center",m)}}),u=e.computed(()=>{switch(t.size){case"sm":return"2xsm";default:return"xsm"}}),g=e.computed(()=>{switch(t.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}});return(o,f)=>(e.openBlock(),e.createElementBlock("div",{role:"menuitem",tabindex:o.unFocusable?void 0:0,class:e.normalizeClass([e.unref(i)({size:o.size,selected:o.selected,unFocusable:o.unFocusable,danger:o.danger,disabled:o.disabled,hoverTrailing:o.hoverTrailing,leadingCenter:o.leadingCenter,description:!!(s.description||t.description)}),t.class])},[s.leading||t.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"leading"),o.leadingCls])},[e.renderSlot(o.$slots,"leading",e.mergeProps({iconSize:u.value,avatarSize:g.value},t),()=>[e.createTextVNode(e.toDisplayString(o.leading),1)])],2)):e.createCommentVNode("",!0),s.title||t.title||s.description||t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"content"),o.contentCls])},[s.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"title"),o.titleCls])},[e.renderSlot(o.$slots,"title",e.normalizeProps(e.guardReactiveProps(t)),()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2)):e.createCommentVNode("",!0),s.description||t.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"description"),o.descriptionCls])},[e.renderSlot(o.$slots,"description",e.normalizeProps(e.guardReactiveProps(t)),()=>[e.createTextVNode(e.toDisplayString(o.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.hasChildren||s.trailing||t.trailing?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"trailing"),o.trailingCls])},[o.hasChildren?(e.openBlock(),e.createBlock(J._sfc_main,{key:0,"flip-on-dir":"rtl",size:u.value,icon:"tabler:chevron-right",class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"branch"),o.branchCls??""])},null,8,["size","class"])):e.renderSlot(o.$slots,"trailing",e.mergeProps({key:1,iconSize:u.value,avatarSize:g.value},t),()=>[e.createTextVNode(e.toDisplayString(o.trailing),1)])],2)):e.createCommentVNode("",!0)],10,X))}}),[Y,Z]=A.createContext("MenuItem"),j=e.defineComponent({...N.getComponentOptions("MenuItem"),__name:"MenuItem",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},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:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(a){const t=a,s=e.useSlots(),i=e.computed(()=>{switch(t.size){case"lg":return 10;case"md":return 8;default:return 6}}),u=e.computed(()=>{var r;return!!((r=t.items)!=null&&r.length||s.items)}),g=e.ref(),o=r=>{var b;(t.triggerSubMenuAction==="hover"||(b=P.value)!=null&&b.length)&&r.stopPropagation()},f=c.getBemBlock("sub_menu"),l=_(),d=e.computed(()=>{var r;return(r=e.getCurrentInstance())==null?void 0:r.vnode.key}),v=Y({}),P=e.computed(()=>{var r;return((r=v.parentKeys)==null?void 0:r.value)??[]});Z({parentKeys:e.computed(()=>[...P.value,d.value])});const n=e.computed(()=>({...t,key:d.value,hasChildren:u.value,parentKeys:P.value})),C=e.computed(()=>{var r,b,B,k;return{...t,size:((r=l.size)==null?void 0:r.value)??t.size,selected:((b=l.isItemSelected)==null?void 0:b.call(l,n.value))??t.selected,unFocusable:l.onClick?void 0:t.unFocusable,disabled:!u.value&&t.disabled,hoverTrailing:t.hoverTrailing??((B=l.hoverTrailing)==null?void 0:B.value),leadingCenter:t.leadingCenter??((k=l.leadingCenter)==null?void 0:k.value),hasChildren:u.value,onClick:K=>{var O;return(O=l.onClick)==null?void 0:O.call(l,n.value,K)}}}),p=e.ref(!1),y=e.computed(()=>{var r;return((r=l.isOpen)==null?void 0:r.call(l,d.value))??p.value}),h=r=>{var B,k;(((B=l.isOpen)==null?void 0:B.call(l,d.value))??p.value)!==r&&(l.onChildrenOpenChange?(k=l.onChildrenOpenChange)==null||k.call(l,n.value,r):p.value=r)};return(r,b)=>{var k,K,O,E,T;const B=e.resolveComponent("MenuItem",!0);return e.openBlock(),e.createBlock(e.unref(w),{"as-child":!u.value,as:u.value?G._sfc_main:"template",size:r.size,key:u.value,to:g.value,reversePlacementOnDir:"rtl",placement:"right-start",containerClass:[e.unref(c.getBemElement)(e.unref(f),"items"),(k=e.unref(l).submenuCls)==null?void 0:k.value,r.submenuCls],sideOffset:i.value,forceMount:r.forceMountSubmenu??((K=e.unref(l).forceMountSubmenu)==null?void 0:K.value),trigger:r.triggerSubMenuAction??((O=e.unref(l).triggerSubMenuAction)==null?void 0:O.value),closeDelay:((E=e.unref(l).subMenuCloseDelay)==null?void 0:E.value)??r.subMenuCloseDelay,openDelay:((T=e.unref(l).subMenuOpenDelay)==null?void 0:T.value)??r.subMenuOpenDelay,open:y.value,"onUpdate:open":h},{content:e.withCtx(()=>[e.renderSlot(r.$slots,"items",e.normalizeProps(e.guardReactiveProps(t)),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,S=>(e.openBlock(),e.createBlock(B,e.mergeProps({ref_for:!0},S),e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),z=>({name:z,fn:e.withCtx(R=>[e.renderSlot(r.$slots,z,e.mergeProps({ref_for:!0},R))])}))]),1040))),256))])]),default:e.withCtx(()=>[u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(f),t.submenuTriggerCls]),ref_key:"root",ref:g,onPointerdown:o},[e.createVNode($,e.mergeProps(C.value,{class:e.unref(c.getBemElement)(e.unref(f),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),S=>({name:S,fn:e.withCtx(z=>[e.renderSlot(r.$slots,S,e.normalizeProps(e.guardReactiveProps(z)))])}))]),1040,["class"])],34)):(e.openBlock(),e.createBlock($,e.normalizeProps(e.mergeProps({key:1},C.value)),e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),S=>({name:S,fn:e.withCtx(z=>[e.renderSlot(r.$slots,S,e.normalizeProps(e.guardReactiveProps(z)))])}))]),1040))]),_:3},8,["as-child","as","size","to","containerClass","sideOffset","forceMount","trigger","closeDelay","openDelay","open"])}}}),F=[...D,"none"];var x="[object Map]",ee="[object Set]",ne=Object.prototype,te=ne.hasOwnProperty;function se(a){if(a==null)return!0;if(M.isArrayLike(a)&&(U.isArray(a)||typeof a=="string"||typeof a.splice=="function"||M.isBuffer(a)||M.isTypedArray(a)||M.isArguments(a)))return!a.length;var t=M.getTag(a);if(t==x||t==ee)return!a.size;if(M.isPrototype(a))return!M.baseKeys(a).length;for(var s in a)if(te.call(a,s))return!1;return!0}const[re,q]=A.createContext("Menu"),_=()=>re({}),oe=e.defineComponent({...N.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{},as:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(a,{emit:t}){const s=a,i=t,u=c.getBemBlock("menu"),g=I.cva(u,{variants:{gap:c.generateVariantClassList(F,u)}}),o=e.ref(s.openKeys??[]);e.watch(()=>s.openKeys,()=>{o.value=s.openKeys??[]});const f=(n,C)=>{let p=V.cloneDeep(o.value);C?p=[...n.parentKeys,n.key]:p=p.filter(y=>y!==n.key),s.openKeys||(o.value=p),i("update:openKeys",p),i("openChange",p)},l=n=>o.value.includes(n),d=e.ref(s.selectedKeys??[]);e.watch(()=>s.selectedKeys,()=>{d.value=s.selectedKeys??[]});const v=(n,C)=>{const p=![void 0,null].includes(n.key)&&(H.isString(n.key)&&!se(n.key)||W.isNumber(n.key));if(!n.danger&&!n.disabled&&p&&s.selectable&&!n.hasChildren){if(s.multiple)if(d.value.indexOf(n.key)>-1){if(d.value.length>1){const h=V.cloneDeep(d.value).filter(r=>r!==n.key);s.selectedKeys||(d.value=h),i("update:selectedKeys",h),i("deselect",{item:n,selectedKeys:d.value})}}else{const h=[...V.cloneDeep(d.value),n.key];s.selectedKeys||(d.value=h),i("update:selectedKeys",h),i("select",{item:n,selectedKeys:d.value})}else{const y=[n.key];s.selectedKeys||(d.value=y),i("update:selectedKeys",y),i("select",{item:n,selectedKeys:d.value})}i("click",n,C)}},P=n=>!n.danger&&!n.disabled&&d.value.includes(n.key);return q({size:e.computed(()=>s.size),forceMountSubmenu:e.computed(()=>s.forceMountSubmenu),hoverTrailing:e.computed(()=>s.hoverTrailing),leadingCenter:e.computed(()=>s.leadingCenter),subMenuCloseDelay:e.computed(()=>s.subMenuCloseDelay),subMenuOpenDelay:e.computed(()=>s.subMenuOpenDelay),triggerSubMenuAction:e.computed(()=>s.triggerSubMenuAction),submenuCls:e.computed(()=>s.submenuCls),onClick:v,isItemSelected:P,onChildrenOpenChange:f,isOpen:l}),(n,C)=>(e.openBlock(),e.createBlock(e.unref(w),{as:n.as,class:e.normalizeClass([e.unref(g)({gap:n.gap??n.size}),s.class]),onClick:C[1]||(C[1]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[n.$slots.header||n.header||n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"header")]),onClick:C[0]||(C[0]=p=>i("headerClick",p))},[n.$slots.header||n.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"header__title")])},[e.renderSlot(n.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"header__actions")])},[e.renderSlot(n.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,p=>(e.openBlock(),e.createBlock(j,e.mergeProps({ref_for:!0},p),e.createSlots({_:2},[e.renderList(Object.keys(n.$slots),y=>({name:y,fn:e.withCtx(h=>[e.renderSlot(n.$slots,y,e.mergeProps({ref_for:!0},h))])}))]),1040))),256))])]),_:3},8,["as","class"]))}});exports.MenuGaps=F;exports.MenuItemSizes=D;exports._sfc_main=oe;exports._sfc_main$1=j;exports.injectMenuContext=_;exports.provideMenuContext=q;

package/dist/Menu.vue_vue_type_style_index_0_lang-DvZS9q1c.js

@@ -0,0 +1,477 @@
+import { defineComponent as U, Comment as ie, mergeProps as O, cloneVNode as ue, Fragment as Q, computed as c, h as H, useSlots as ee, createElementBlock as C, openBlock as p, normalizeClass as v, unref as r, createCommentVNode as $, renderSlot as h, createTextVNode as L, toDisplayString as E, normalizeProps as j, guardReactiveProps as G, createBlock as w, ref as q, getCurrentInstance as de, resolveComponent as ce, withCtx as P, createVNode as pe, createSlots as W, renderList as F, watch as _, withModifiers as ge } from "vue";
+import { g as X, a as B, b as k } from "./class-DziTeW9B.js";
+import { cva as se } from "class-variance-authority";
+import { g as ne } from "./options-JBqnVZUl.js";
+import { _ as fe } from "./Popover.vue_vue_type_style_index_0_lang-CjdTaqQ6.js";
+import { c as J } from "./cloneDeep-v62P9_F-.js";
+import { j as me, k as ye, l as ve, g as Ce, m as he, n as be, p as ke } from "./omit-Cxaoa8oo.js";
+import { i as Me } from "./isArray-WzO_os3q.js";
+import { i as Se } from "./isNumber-DlKYWCo3.js";
+import { a as ze } from "./index-DgVKQuPc.js";
+import { createContext as te } from "radix-vue";
+import { _ as Be } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+function le(o) {
+  return o ? o.flatMap((s) => s.type === Q ? le(s.children) : [s]) : [];
+}
+const Oe = U({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(o, { attrs: s, slots: n }) {
+    return () => {
+      var a, d;
+      if (!n.default) return null;
+      const i = le(n.default()), u = i.findIndex((S) => S.type !== ie);
+      if (u === -1) return i;
+      const m = i[u];
+      (a = m.props) == null || delete a.ref;
+      const l = m.props ? O(s, m.props) : s;
+      s.class && ((d = m.props) != null && d.class) && delete m.props.class;
+      const y = ue(m, l);
+      for (const S in l)
+        S.startsWith("on") && (y.props || (y.props = {}), y.props[S] = l[S]);
+      return i.length === 1 ? y : (i[u] = y, i);
+    };
+  }
+}), re = U({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(o, { attrs: s, slots: n }) {
+    const i = c(() => o.asChild ? "template" : o.as);
+    return () => {
+      const u = ["area", "img", "input"];
+      return typeof i.value == "string" && u.includes(i.value) ? H(i.value, s) : i.value !== "template" ? H(o.as, s, n) : H(Oe, s, n);
+    };
+  }
+}), ae = ["sm", "md", "lg"], Ke = ["tabindex"], f = X("menu_item"), x = /* @__PURE__ */ U({
+  __name: "MenuItemContent",
+  props: {
+    size: {},
+    title: {},
+    leading: {},
+    trailing: {},
+    hoverTrailing: { type: Boolean },
+    description: {},
+    selected: { type: Boolean },
+    unFocusable: { type: Boolean },
+    danger: { type: Boolean },
+    disabled: { type: Boolean },
+    class: {},
+    leadingCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: {},
+    hasChildren: { type: Boolean }
+  },
+  setup(o) {
+    const s = o, n = ee(), i = se(f, {
+      variants: {
+        size: B(ae, f),
+        selected: B("selected", f),
+        unFocusable: B("un-focusable", f),
+        danger: B("danger", f),
+        disabled: B("disabled", f),
+        hoverTrailing: B("hover-trailing", f),
+        description: B("description", f),
+        leadingCenter: B("leading-center", f)
+      }
+    }), u = c(() => {
+      switch (s.size) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), m = c(() => {
+      switch (s.size) {
+        case "lg":
+          return "md";
+        case "md":
+          return "xsm";
+        default:
+          return "2xsm";
+      }
+    });
+    return (l, y) => (p(), C("div", {
+      role: "menuitem",
+      tabindex: l.unFocusable ? void 0 : 0,
+      class: v([
+        r(i)({
+          size: l.size,
+          selected: l.selected,
+          unFocusable: l.unFocusable,
+          danger: l.danger,
+          disabled: l.disabled,
+          hoverTrailing: l.hoverTrailing,
+          leadingCenter: l.leadingCenter,
+          description: !!(n.description || s.description)
+        }),
+        s.class
+      ])
+    }, [
+      n.leading || s.leading ? (p(), C("div", {
+        key: 0,
+        class: v([r(k)(r(f), "leading"), l.leadingCls])
+      }, [
+        h(l.$slots, "leading", O({
+          iconSize: u.value,
+          avatarSize: m.value
+        }, s), () => [
+          L(E(l.leading), 1)
+        ])
+      ], 2)) : $("", !0),
+      n.title || s.title || n.description || s.description ? (p(), C("div", {
+        key: 1,
+        class: v([r(k)(r(f), "content"), l.contentCls])
+      }, [
+        n.title || s.title ? (p(), C("div", {
+          key: 0,
+          class: v([r(k)(r(f), "title"), l.titleCls])
+        }, [
+          h(l.$slots, "title", j(G(s)), () => [
+            L(E(l.title), 1)
+          ])
+        ], 2)) : $("", !0),
+        n.description || s.description ? (p(), C("div", {
+          key: 1,
+          class: v([r(k)(r(f), "description"), l.descriptionCls])
+        }, [
+          h(l.$slots, "description", j(G(s)), () => [
+            L(E(l.description), 1)
+          ])
+        ], 2)) : $("", !0)
+      ], 2)) : $("", !0),
+      l.hasChildren || n.trailing || s.trailing ? (p(), C("div", {
+        key: 2,
+        class: v([r(k)(r(f), "trailing"), l.trailingCls])
+      }, [
+        l.hasChildren ? (p(), w(Be, {
+          key: 0,
+          "flip-on-dir": "rtl",
+          size: u.value,
+          icon: "tabler:chevron-right",
+          class: v([r(k)(r(f), "branch"), l.branchCls ?? ""])
+        }, null, 8, ["size", "class"])) : h(l.$slots, "trailing", O({
+          key: 1,
+          iconSize: u.value,
+          avatarSize: m.value
+        }, s), () => [
+          L(E(l.trailing), 1)
+        ])
+      ], 2)) : $("", !0)
+    ], 10, Ke));
+  }
+}), [$e, Te] = te("MenuItem"), Ie = /* @__PURE__ */ U({
+  ...ne("MenuItem"),
+  __name: "MenuItem",
+  props: {
+    subMenuCloseDelay: { default: 300 },
+    subMenuOpenDelay: { default: 700 },
+    triggerSubMenuAction: {},
+    submenuTriggerCls: {},
+    submenuCls: {},
+    forceMountSubmenu: { type: Boolean, default: void 0 },
+    items: {},
+    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: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    leadingCenter: { type: Boolean, default: void 0 },
+    trailingCls: {},
+    branchCls: {},
+    branchIcon: { default: "tabler:chevron-right" }
+  },
+  setup(o) {
+    const s = o, n = ee(), i = c(() => {
+      switch (s.size) {
+        case "lg":
+          return 10;
+        case "md":
+          return 8;
+        default:
+          return 6;
+      }
+    }), u = c(() => {
+      var t;
+      return !!((t = s.items) != null && t.length || n.items);
+    }), m = q(), l = (t) => {
+      var T;
+      (s.triggerSubMenuAction === "hover" || (T = N.value) != null && T.length) && t.stopPropagation();
+    }, y = X("sub_menu"), a = Le(), d = c(() => {
+      var t;
+      return (t = de()) == null ? void 0 : t.vnode.key;
+    }), S = $e({}), N = c(() => {
+      var t;
+      return ((t = S.parentKeys) == null ? void 0 : t.value) ?? [];
+    });
+    Te({
+      parentKeys: c(() => [...N.value, d.value])
+    });
+    const e = c(() => ({
+      ...s,
+      key: d.value,
+      hasChildren: u.value,
+      parentKeys: N.value
+    })), b = c(() => {
+      var t, T, I, K;
+      return {
+        ...s,
+        size: ((t = a.size) == null ? void 0 : t.value) ?? s.size,
+        selected: ((T = a.isItemSelected) == null ? void 0 : T.call(a, e.value)) ?? s.selected,
+        unFocusable: a.onClick ? void 0 : s.unFocusable,
+        disabled: !u.value && s.disabled,
+        hoverTrailing: s.hoverTrailing ?? ((I = a.hoverTrailing) == null ? void 0 : I.value),
+        leadingCenter: s.leadingCenter ?? ((K = a.leadingCenter) == null ? void 0 : K.value),
+        hasChildren: u.value,
+        onClick: (R) => {
+          var V;
+          return (V = a.onClick) == null ? void 0 : V.call(a, e.value, R);
+        }
+      };
+    }), g = q(!1), M = c(() => {
+      var t;
+      return ((t = a.isOpen) == null ? void 0 : t.call(a, d.value)) ?? g.value;
+    }), z = (t) => {
+      var I, K;
+      (((I = a.isOpen) == null ? void 0 : I.call(a, d.value)) ?? g.value) !== t && (a.onChildrenOpenChange ? (K = a.onChildrenOpenChange) == null || K.call(a, e.value, t) : g.value = t);
+    };
+    return (t, T) => {
+      var K, R, V, Y, Z;
+      const I = ce("MenuItem", !0);
+      return p(), w(r(re), {
+        "as-child": !u.value,
+        as: u.value ? fe : "template",
+        size: t.size,
+        key: u.value,
+        to: m.value,
+        reversePlacementOnDir: "rtl",
+        placement: "right-start",
+        containerClass: [r(k)(r(y), "items"), (K = r(a).submenuCls) == null ? void 0 : K.value, t.submenuCls],
+        sideOffset: i.value,
+        forceMount: t.forceMountSubmenu ?? ((R = r(a).forceMountSubmenu) == null ? void 0 : R.value),
+        trigger: t.triggerSubMenuAction ?? ((V = r(a).triggerSubMenuAction) == null ? void 0 : V.value),
+        closeDelay: ((Y = r(a).subMenuCloseDelay) == null ? void 0 : Y.value) ?? t.subMenuCloseDelay,
+        openDelay: ((Z = r(a).subMenuOpenDelay) == null ? void 0 : Z.value) ?? t.subMenuOpenDelay,
+        open: M.value,
+        "onUpdate:open": z
+      }, {
+        content: P(() => [
+          h(t.$slots, "items", j(G(s)), () => [
+            (p(!0), C(Q, null, F(t.items, (D) => (p(), w(I, O({ ref_for: !0 }, D), W({ _: 2 }, [
+              F(Object.keys(t.$slots), (A) => ({
+                name: A,
+                fn: P((oe) => [
+                  h(t.$slots, A, O({ ref_for: !0 }, oe))
+                ])
+              }))
+            ]), 1040))), 256))
+          ])
+        ]),
+        default: P(() => [
+          u.value ? (p(), C("div", {
+            key: 0,
+            class: v([r(y), s.submenuTriggerCls]),
+            ref_key: "root",
+            ref: m,
+            onPointerdown: l
+          }, [
+            pe(x, O(b.value, {
+              class: r(k)(r(y), "trigger")
+            }), W({ _: 2 }, [
+              F(Object.keys(t.$slots), (D) => ({
+                name: D,
+                fn: P((A) => [
+                  h(t.$slots, D, j(G(A)))
+                ])
+              }))
+            ]), 1040, ["class"])
+          ], 34)) : (p(), w(x, j(O({ key: 1 }, b.value)), W({ _: 2 }, [
+            F(Object.keys(t.$slots), (D) => ({
+              name: D,
+              fn: P((A) => [
+                h(t.$slots, D, j(G(A)))
+              ])
+            }))
+          ]), 1040))
+        ]),
+        _: 3
+      }, 8, ["as-child", "as", "size", "to", "containerClass", "sideOffset", "forceMount", "trigger", "closeDelay", "openDelay", "open"]);
+    };
+  }
+}), De = [...ae, "none"];
+var Pe = "[object Map]", Ae = "[object Set]", je = Object.prototype, Fe = je.hasOwnProperty;
+function we(o) {
+  if (o == null)
+    return !0;
+  if (me(o) && (Me(o) || typeof o == "string" || typeof o.splice == "function" || ye(o) || ve(o) || Ce(o)))
+    return !o.length;
+  var s = he(o);
+  if (s == Pe || s == Ae)
+    return !o.size;
+  if (be(o))
+    return !ke(o).length;
+  for (var n in o)
+    if (Fe.call(o, n))
+      return !1;
+  return !0;
+}
+const [Ne, Ve] = te("Menu"), Le = () => Ne({}), _e = /* @__PURE__ */ U({
+  ...ne("Menu"),
+  __name: "Menu",
+  props: {
+    size: { default: "md" },
+    header: {},
+    forceMountSubmenu: { type: Boolean },
+    multiple: { type: Boolean },
+    selectable: { type: Boolean, default: !0 },
+    hoverTrailing: { type: Boolean },
+    leadingCenter: { type: Boolean },
+    items: {},
+    class: {},
+    submenuCls: {},
+    openKeys: {},
+    selectedKeys: {},
+    subMenuCloseDelay: {},
+    subMenuOpenDelay: {},
+    triggerSubMenuAction: { default: "hover" },
+    gap: {},
+    as: {}
+  },
+  emits: [
+    "update:openKeys",
+    "update:selectedKeys",
+    "openChange",
+    "click",
+    "headerClick",
+    "deselect",
+    "select"
+  ],
+  setup(o, { emit: s }) {
+    const n = o, i = s, u = X("menu"), m = se(u, {
+      variants: {
+        gap: B(De, u)
+      }
+    }), l = q(n.openKeys ?? []);
+    _(
+      () => n.openKeys,
+      () => {
+        l.value = n.openKeys ?? [];
+      }
+    );
+    const y = (e, b) => {
+      let g = J(l.value);
+      b ? g = [...e.parentKeys, e.key] : g = g.filter((M) => M !== e.key), n.openKeys || (l.value = g), i("update:openKeys", g), i("openChange", g);
+    }, a = (e) => l.value.includes(e), d = q(n.selectedKeys ?? []);
+    _(
+      () => n.selectedKeys,
+      () => {
+        d.value = n.selectedKeys ?? [];
+      }
+    );
+    const S = (e, b) => {
+      const g = ![void 0, null].includes(e.key) && (ze(e.key) && !we(e.key) || Se(e.key));
+      if (!e.danger && !e.disabled && g && n.selectable && !e.hasChildren) {
+        if (n.multiple)
+          if (d.value.indexOf(e.key) > -1) {
+            if (d.value.length > 1) {
+              const z = J(d.value).filter((t) => t !== e.key);
+              n.selectedKeys || (d.value = z), i("update:selectedKeys", z), i("deselect", { item: e, selectedKeys: d.value });
+            }
+          } else {
+            const z = [...J(d.value), e.key];
+            n.selectedKeys || (d.value = z), i("update:selectedKeys", z), i("select", { item: e, selectedKeys: d.value });
+          }
+        else {
+          const M = [e.key];
+          n.selectedKeys || (d.value = M), i("update:selectedKeys", M), i("select", { item: e, selectedKeys: d.value });
+        }
+        i("click", e, b);
+      }
+    }, N = (e) => !e.danger && !e.disabled && d.value.includes(e.key);
+    return Ve({
+      size: c(() => n.size),
+      forceMountSubmenu: c(() => n.forceMountSubmenu),
+      hoverTrailing: c(() => n.hoverTrailing),
+      leadingCenter: c(() => n.leadingCenter),
+      subMenuCloseDelay: c(() => n.subMenuCloseDelay),
+      subMenuOpenDelay: c(() => n.subMenuOpenDelay),
+      triggerSubMenuAction: c(() => n.triggerSubMenuAction),
+      submenuCls: c(() => n.submenuCls),
+      onClick: S,
+      isItemSelected: N,
+      onChildrenOpenChange: y,
+      isOpen: a
+    }), (e, b) => (p(), w(r(re), {
+      as: e.as,
+      class: v([r(m)({ gap: e.gap ?? e.size }), n.class]),
+      onClick: b[1] || (b[1] = ge(() => {
+      }, ["stop"]))
+    }, {
+      default: P(() => [
+        e.$slots.header || e.header || e.$slots.headerActions ? (p(), C("div", {
+          key: 0,
+          class: v([r(k)(r(u), "header")]),
+          onClick: b[0] || (b[0] = (g) => i("headerClick", g))
+        }, [
+          e.$slots.header || e.header ? (p(), C("div", {
+            key: 0,
+            class: v([r(k)(r(u), "header__title")])
+          }, [
+            h(e.$slots, "header", {}, () => [
+              L(E(e.header), 1)
+            ])
+          ], 2)) : $("", !0),
+          e.$slots.headerActions ? (p(), C("div", {
+            key: 1,
+            class: v([r(k)(r(u), "header__actions")])
+          }, [
+            h(e.$slots, "headerActions")
+          ], 2)) : $("", !0)
+        ], 2)) : $("", !0),
+        h(e.$slots, "default", {}, () => [
+          (p(!0), C(Q, null, F(e.items, (g) => (p(), w(Ie, O({ ref_for: !0 }, g), W({ _: 2 }, [
+            F(Object.keys(e.$slots), (M) => ({
+              name: M,
+              fn: P((z) => [
+                h(e.$slots, M, O({ ref_for: !0 }, z))
+              ])
+            }))
+          ]), 1040))), 256))
+        ])
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  De as M,
+  _e as _,
+  Ie as a,
+  ae as b,
+  Le as i,
+  Ve as p
+};