@routa/ui-vue 0.1.0

package/dist/drawer/index.js

@@ -0,0 +1,2 @@
+require('../style/drawer.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const g=require("../chunks/modal-CRbFkVcm.js"),O=require("../chunks/use-signals-Bz1smiXh.js"),D=require("../config-provider/index.js");function N(r={}){return g.createModalController(r)}const p={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},placement:{type:String,default:"right"},size:{type:[String,Number],default:420},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!1}},f={"update:modelValue":r=>!0,open:r=>!0,close:r=>!0},q=["data-theme"],z=["aria-label"],T={key:0,class:"l-drawer__header"},M={key:0,class:"l-drawer__title"},$={class:"l-drawer__body"},L={key:1,class:"l-drawer__footer"},m='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',P=e.defineComponent({name:"Drawer",__name:"Drawer",props:p,emits:f,setup(r,{emit:y}){const o=r,d=y,{teleportedCssVars:w,teleportedTheme:h}=D.useTeleportedConfig(),a=e.ref(null),n=N({destroyOnClose:()=>o.destroyOnClose,closeOnClickModal:()=>o.closeOnClickModal,closeOnPressEscape:()=>o.closeOnPressEscape,onOpen:t=>d("open",t),onVisibilityChange:t=>d("update:modelValue",t),onCloseRequest:()=>d("close",!1)}),{shouldRender:C,zIndex:v}=O.useController(n),k=e.computed(()=>o.placement==="left"||o.placement==="right"),E=e.computed(()=>["l-drawer__panel",`is-${o.placement}`]),_=e.computed(()=>({[k.value?"width":"height"]:typeof o.size=="number"?`${o.size}px`:o.size})),b=e.computed(()=>({zIndex:v.value,...w.value})),S=()=>{n.actions.requestClose("manual")},B=()=>{n.actions.handleOverlayClick()},i=t=>{n.actions.handleEscapeKeydown(t)},V=t=>{if(t.key!=="Tab"||!a.value)return;const l=a.value.querySelectorAll(m);if(l.length===0)return;const c=l[0],u=l[l.length-1];t.shiftKey?document.activeElement===c&&(t.preventDefault(),u.focus()):document.activeElement===u&&(t.preventDefault(),c.focus())};return e.watch(()=>o.modelValue,t=>{n.actions.syncVisible(t),t&&e.nextTick(()=>{if(a.value){const l=a.value.querySelector(m);l==null||l.focus()}})},{immediate:!0}),e.watch(()=>o.destroyOnClose,()=>n.actions.syncRenderState()),e.onMounted(()=>{window.addEventListener("keydown",i)}),e.onUnmounted(()=>{window.removeEventListener("keydown",i),n.actions.close()}),(t,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"l-drawer-fade"},{default:e.withCtx(()=>[e.unref(C)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"l-drawer","data-theme":e.unref(h),style:e.normalizeStyle(b.value),onClick:e.withModifiers(B,["self"]),onKeydown:V},[e.createElementVNode("div",{ref_key:"drawerRef",ref:a,class:e.normalizeClass(E.value),style:e.normalizeStyle(_.value),role:"dialog","aria-modal":"true","aria-label":t.title||"drawer"},[t.title||t.$slots.header||t.showClose?(e.openBlock(),e.createElementBlock("div",T,[t.title||t.$slots.header?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"l-drawer__close","aria-label":"Close drawer",onClick:S},[...l[0]||(l[0]=[e.createElementVNode("span",{"aria-hidden":"true"},"×",-1)])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",$,[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],14,z)],44,q)),[[e.vShow,t.modelValue]]):e.createCommentVNode("",!0)]),_:3})]))}}),s=P;s.install=r=>{r.component("LDrawer",s)};exports.LDrawer=s;exports.default=s;exports.drawerEmits=f;exports.drawerProps=p;

package/dist/drawer/index.mjs

@@ -0,0 +1,168 @@
+import '../style/drawer.css';
+import { defineComponent as L, ref as M, computed as d, watch as w, nextTick as R, onMounted as q, onUnmounted as K, openBlock as a, createBlock as N, Teleport as P, createVNode as A, Transition as I, withCtx as U, unref as h, withDirectives as F, createElementBlock as r, withModifiers as H, normalizeStyle as C, createElementVNode as u, normalizeClass as W, renderSlot as p, createTextVNode as j, toDisplayString as G, createCommentVNode as i, vShow as J } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { c as Q } from "../chunks/modal-BiivqQQz.mjs";
+import { u as X } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as Y } from "../config-provider/index.mjs";
+function Z(l = {}) {
+  return Q(l);
+}
+const x = {
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  placement: {
+    type: String,
+    default: "right"
+  },
+  size: {
+    type: [String, Number],
+    default: 420
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: !1
+  }
+}, ee = {
+  "update:modelValue": (l) => !0,
+  open: (l) => !0,
+  close: (l) => !0
+}, te = ["data-theme"], oe = ["aria-label"], le = {
+  key: 0,
+  class: "l-drawer__header"
+}, se = {
+  key: 0,
+  class: "l-drawer__title"
+}, ae = { class: "l-drawer__body" }, ne = {
+  key: 1,
+  class: "l-drawer__footer"
+}, v = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', re = /* @__PURE__ */ L({
+  name: "Drawer",
+  __name: "Drawer",
+  props: x,
+  emits: ee,
+  setup(l, { emit: k }) {
+    const t = l, c = k, { teleportedCssVars: b, teleportedTheme: E } = Y(), n = M(null), s = Z({
+      destroyOnClose: () => t.destroyOnClose,
+      closeOnClickModal: () => t.closeOnClickModal,
+      closeOnPressEscape: () => t.closeOnPressEscape,
+      onOpen: (e) => c("open", e),
+      onVisibilityChange: (e) => c("update:modelValue", e),
+      onCloseRequest: () => c("close", !1)
+    }), { shouldRender: O, zIndex: S } = X(s), g = d(() => t.placement === "left" || t.placement === "right"), V = d(() => [
+      "l-drawer__panel",
+      `is-${t.placement}`
+    ]), D = d(() => ({
+      [g.value ? "width" : "height"]: typeof t.size == "number" ? `${t.size}px` : t.size
+    })), z = d(() => ({
+      zIndex: S.value,
+      ...b.value
+    })), B = () => {
+      s.actions.requestClose("manual");
+    }, T = () => {
+      s.actions.handleOverlayClick();
+    }, f = (e) => {
+      s.actions.handleEscapeKeydown(e);
+    }, $ = (e) => {
+      if (e.key !== "Tab" || !n.value) return;
+      const o = n.value.querySelectorAll(v);
+      if (o.length === 0) return;
+      const m = o[0], y = o[o.length - 1];
+      e.shiftKey ? document.activeElement === m && (e.preventDefault(), y.focus()) : document.activeElement === y && (e.preventDefault(), m.focus());
+    };
+    return w(
+      () => t.modelValue,
+      (e) => {
+        s.actions.syncVisible(e), e && R(() => {
+          if (n.value) {
+            const o = n.value.querySelector(v);
+            o == null || o.focus();
+          }
+        });
+      },
+      { immediate: !0 }
+    ), w(
+      () => t.destroyOnClose,
+      () => s.actions.syncRenderState()
+    ), q(() => {
+      window.addEventListener("keydown", f);
+    }), K(() => {
+      window.removeEventListener("keydown", f), s.actions.close();
+    }), (e, o) => (a(), N(P, { to: "body" }, [
+      A(I, { name: "l-drawer-fade" }, {
+        default: U(() => [
+          h(O) ? F((a(), r("div", {
+            key: 0,
+            class: "l-drawer",
+            "data-theme": h(E),
+            style: C(z.value),
+            onClick: H(T, ["self"]),
+            onKeydown: $
+          }, [
+            u("div", {
+              ref_key: "drawerRef",
+              ref: n,
+              class: W(V.value),
+              style: C(D.value),
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": e.title || "drawer"
+            }, [
+              e.title || e.$slots.header || e.showClose ? (a(), r("div", le, [
+                e.title || e.$slots.header ? (a(), r("div", se, [
+                  p(e.$slots, "header", {}, () => [
+                    j(G(e.title), 1)
+                  ])
+                ])) : i("", !0),
+                e.showClose ? (a(), r("button", {
+                  key: 1,
+                  type: "button",
+                  class: "l-drawer__close",
+                  "aria-label": "Close drawer",
+                  onClick: B
+                }, [...o[0] || (o[0] = [
+                  u("span", { "aria-hidden": "true" }, "×", -1)
+                ])])) : i("", !0)
+              ])) : i("", !0),
+              u("div", ae, [
+                p(e.$slots, "default")
+              ]),
+              e.$slots.footer ? (a(), r("div", ne, [
+                p(e.$slots, "footer")
+              ])) : i("", !0)
+            ], 14, oe)
+          ], 44, te)), [
+            [J, e.modelValue]
+          ]) : i("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), _ = re;
+_.install = (l) => {
+  l.component("LDrawer", _);
+};
+export {
+  _ as LDrawer,
+  _ as default,
+  ee as drawerEmits,
+  x as drawerProps
+};

package/dist/drawer/types.d.ts

@@ -0,0 +1,42 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const drawerProps: {
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: PropType<"left" | "right" | "top" | "bottom">;
+        readonly default: "right";
+    };
+    readonly size: {
+        readonly type: PropType<string | number>;
+        readonly default: 420;
+    };
+    readonly closeOnClickModal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnPressEscape: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare const drawerEmits: {
+    readonly 'update:modelValue': (_visible: boolean) => boolean;
+    readonly open: (_visible: boolean) => boolean;
+    readonly close: (_visible: boolean) => boolean;
+};
+export type DrawerProps = ExtractPropTypes<typeof drawerProps>;
+export type DrawerEmits = typeof drawerEmits;

package/dist/dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,109 @@
+import { VNodeChild } from 'vue';
+import { DropdownCommand, DropdownItemInput } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLDivElement;
+        popperRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly trigger: {
+        readonly type: import('vue').PropType<"click" | "contextmenu">;
+        readonly default: "click";
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: 8;
+    };
+    readonly items: {
+        readonly type: import('vue').PropType<DropdownItemInput[]>;
+        readonly default: () => never[];
+    };
+    readonly renderItem: import('vue').PropType<(item: DropdownItemInput) => VNodeChild>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    command: (_command: DropdownCommand | undefined) => void;
+    "visible-change": (_visible: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly trigger: {
+        readonly type: import('vue').PropType<"click" | "contextmenu">;
+        readonly default: "click";
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: 8;
+    };
+    readonly items: {
+        readonly type: import('vue').PropType<DropdownItemInput[]>;
+        readonly default: () => never[];
+    };
+    readonly renderItem: import('vue').PropType<(item: DropdownItemInput) => VNodeChild>;
+}>> & Readonly<{
+    onCommand?: ((_command: DropdownCommand | undefined) => any) | undefined;
+    "onVisible-change"?: ((_visible: boolean) => any) | undefined;
+}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly placement: import('../../../headless/src/index.ts').Placement;
+    readonly offset: number;
+    readonly trigger: "click" | "contextmenu";
+    readonly width: string | number | undefined;
+    readonly items: DropdownItemInput[];
+    readonly hideOnClick: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    triggerRef: HTMLDivElement;
+    popperRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown/DropdownItem.vue.d.ts

@@ -0,0 +1,60 @@
+import { DropdownCommand } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        suffix?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly command: {
+        readonly type: import('vue').PropType<DropdownCommand | undefined>;
+        readonly default: undefined;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly danger: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly divided: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly command: {
+        readonly type: import('vue').PropType<DropdownCommand | undefined>;
+        readonly default: undefined;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly danger: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly divided: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly disabled: boolean;
+    readonly command: DropdownCommand | undefined;
+    readonly danger: boolean;
+    readonly divided: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dropdown/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as Dropdown } from './Dropdown.vue';
+import { default as DropdownItem } from './DropdownItem.vue';
+export declare const LDropdown: typeof Dropdown & Plugin;
+export declare const LDropdownItem: typeof DropdownItem & Plugin;
+export * from './types';
+export default LDropdown;

package/dist/dropdown/index.js

@@ -0,0 +1,3 @@
+require('../style/index.css');
+require('../style/menu.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const Z=require("../chunks/z-index-CNZLw1v7.js"),W=require("../chunks/auto-update-6n8Xn1EH.js"),c=require("../chunks/index-RYR-1S7A.js"),G=require("../chunks/use-signals-Bz1smiXh.js"),J=require("../config-provider/index.js"),M=require("../chunks/types-DS78vyi2.js"),Q=require("../chunks/use-id-BycaM3-h.js"),E=require("../menu/index.js"),X=["id","aria-disabled"],L=e.defineComponent({name:"DropdownItem",__name:"DropdownItem",props:c.dropdownItemProps,setup(m){const s=m,o=e.inject(M.MenuKey,null),t=o?null:e.inject(c.DropdownKey,null),a=Symbol("dropdown-item"),f=e.computed(()=>t?t.getItemIndex(a):-1),b=e.computed(()=>(t==null?void 0:t.highlightedIndex.value)===f.value);e.onMounted(()=>{t==null||t.registerItem({id:a,command:s.command,disabled:s.disabled})}),e.onUnmounted(()=>{t==null||t.unregisterItem(a)}),e.watch(()=>s.command,d=>{t==null||t.updateItem(a,{command:d})}),e.watch(()=>s.disabled,d=>{t==null||t.updateItem(a,{disabled:d})});const u=e.computed(()=>["l-dropdown-item",`l-dropdown-item--${(t==null?void 0:t.size.value)??"md"}`,{"is-active":b.value,"is-disabled":s.disabled,"is-danger":s.danger,"is-divided":s.divided}]),p=()=>{!t||f.value<0||s.disabled||t.setHighlightedIndex(f.value)},w=()=>{t==null||t.selectItem(s.command,s.disabled)};return(d,C)=>{var h;return e.unref(o)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[d.divided?(e.openBlock(),e.createBlock(e.unref(E.LMenuDivider),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(E.LMenuItem),{value:d.command,disabled:d.disabled,danger:d.danger},e.createSlots({default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:2},[d.$slots.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"icon")]),key:"0"}:void 0,d.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"suffix")]),key:"1"}:void 0]),1032,["value","disabled","danger"])],64)):(e.openBlock(),e.createElementBlock("div",{key:1,id:(h=e.unref(t))==null?void 0:h.getItemId(f.value),class:e.normalizeClass(u.value),role:"menuitem","aria-disabled":d.disabled,tabindex:"-1",onMouseenter:p,onClick:e.withModifiers(w,["stop"])},[e.renderSlot(d.$slots,"default")],42,X))}}}),Y={class:"l-dropdown"},ee=["aria-expanded","aria-activedescendant"],ne=["data-theme"],te=["role"],oe=e.defineComponent({name:"Dropdown",__name:"Dropdown",props:c.dropdownProps,emits:c.dropdownEmits,setup(m,{emit:s}){const o=m,t=s,a=e.useSlots(),{teleportedCssVars:f,teleportedTheme:b}=J.useTeleportedConfig(),u=e.ref(null),p=e.ref(null),w=e.ref(2e3),d=e.ref([]),C=e.computed(()=>o.size),h=Q.useId("dropdown"),_=n=>`${h}-item-${n}`,z=e.defineComponent({name:"DropdownRenderContent",props:{content:{type:null,required:!1}},setup(n){return()=>n.content??null}}),B=n=>n?n.some(r=>{if(Array.isArray(r.children)&&B(r.children))return!0;if(typeof r.type=="object"&&r.type){const i=r.type.name??r.type.__name;return i==="Menu"||i==="LMenu"}return!1}):!1,l=c.createDropdownController({trigger:o.trigger,disabled:()=>o.disabled,closeOnSelect:o.hideOnClick,placement:o.placement,offset:o.offset,flip:!0,shift:!0,getItems:()=>d.value.map(n=>({command:n.command,disabled:n.disabled})),onCommand:n=>{t("command",n)},onOpenChange:n=>{t("visible-change",n)}}),{nextZIndex:x}=Z.useZIndex(),{isOpen:v,highlightedIndex:k,x:q,y:P}=G.useController(l),D=()=>{u.value&&p.value&&(l.actions.setReference(u.value),l.actions.updatePosition(p.value))};let g=null;e.watch(v,n=>{n?(w.value=x(),e.nextTick(()=>{u.value&&p.value&&(g=W.autoUpdate(u.value,p.value,D))})):(g==null||g(),g=null)});const $=n=>{l.actions.handleInteractOutside(n.target,u.value,p.value)};e.onMounted(()=>{document.addEventListener("click",$),window.addEventListener("resize",D)}),e.onUnmounted(()=>{document.removeEventListener("click",$),window.removeEventListener("resize",D)});const R=()=>{o.trigger!=="click"||o.disabled||l.actions.toggle()},T=n=>{o.trigger!=="contextmenu"||o.disabled||(n.preventDefault(),l.actions.open())},N=n=>{if(!o.disabled){if(n.key==="ArrowDown"){if(n.preventDefault(),!v.value){l.actions.open();return}l.actions.moveHighlight("next")}if(n.key==="ArrowUp"){if(n.preventDefault(),!v.value){l.actions.open();return}l.actions.moveHighlight("prev")}if(n.key==="Enter"||n.key===" "){if(n.preventDefault(),!v.value){l.actions.open();return}l.actions.selectHighlighted()}n.key==="Escape"&&l.actions.close()}},V=e.computed(()=>["l-dropdown__menu",`l-dropdown__menu--${o.size}`]),S=e.computed(()=>{var n;return B((n=a.default)==null?void 0:n.call(a,{}))}),K=e.computed(()=>!a.default&&o.items.length>0),O=e.computed(()=>({top:`${P.value}px`,left:`${q.value}px`,minWidth:o.width?typeof o.width=="number"?`${o.width}px`:o.width:u.value?`${u.value.offsetWidth}px`:void 0,zIndex:w.value,...f.value})),H=n=>{d.value=[...d.value,n]},U=n=>{d.value=d.value.filter(r=>r.id!==n)},j=(n,r)=>{d.value=d.value.map(i=>i.id!==n?i:{...i,...r})},A=n=>d.value.findIndex(r=>r.id===n),F=n=>{var r;return(r=o.renderItem)==null?void 0:r.call(o,n)};return e.provide(c.DropdownKey,{highlightedIndex:k,size:C,registerItem:H,unregisterItem:U,updateItem:j,getItemIndex:A,getItemId:_,setHighlightedIndex:n=>{k.value=n},selectItem:(n,r)=>{r||l.actions.select(n)}}),e.provide(M.MenuPopupHostKey,{size:C,onSelect:n=>{t("command",n),o.hideOnClick&&e.nextTick(()=>{l.actions.close()})},close:()=>{l.actions.close()}}),(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Y,[e.createElementVNode("div",{ref_key:"triggerRef",ref:u,class:e.normalizeClass(["l-dropdown__trigger",{"is-disabled":n.disabled}]),role:"button",tabindex:"0","aria-haspopup":"menu","aria-expanded":e.unref(v)?"true":"false","aria-activedescendant":e.unref(k)>=0?_(e.unref(k)):void 0,onClick:R,onContextmenu:T,onKeydown:N},[e.renderSlot(n.$slots,"trigger")],42,ee)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"l-dropdown-fade"},{default:e.withCtx(()=>[e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:p,class:"l-dropdown__popper","data-theme":e.unref(b),style:e.normalizeStyle(O.value)},[e.createElementVNode("div",{class:e.normalizeClass(S.value?"l-dropdown__content":V.value),role:S.value?void 0:"menu"},[n.$slots.default?e.renderSlot(n.$slots,"default",{key:0}):K.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.items,i=>(e.openBlock(),e.createBlock(L,{key:String(i.command??i.label),command:i.command,disabled:i.disabled,danger:i.danger,divided:i.divided},{default:e.withCtx(()=>[n.renderItem?(e.openBlock(),e.createBlock(e.unref(z),{key:0,content:F(i)},null,8,["content"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(i.label),1)],64))]),_:2},1032,["command","disabled","danger","divided"]))),128)):e.createCommentVNode("",!0)],10,te)],12,ne)):e.createCommentVNode("",!0)]),_:3})]))],64))}}),I=oe,y=L;I.install=m=>{m.component("LDropdown",I),m.component("LDropdownItem",y)};y.install=m=>{m.component("LDropdownItem",y)};exports.DropdownKey=c.DropdownKey;exports.dropdownEmits=c.dropdownEmits;exports.dropdownItemProps=c.dropdownItemProps;exports.dropdownProps=c.dropdownProps;exports.LDropdown=I;exports.LDropdownItem=y;exports.default=I;