@quidgest/ui 0.16.30 → 0.16.31

package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as Q, mergeModels as V, useModel as _, ref as x, computed as I, useTemplateRef as T, resolveComponent as F, createBlock as L, openBlock as u, unref as v, normalizeClass as U, withCtx as g, createElementVNode as $, withModifiers as z, createVNode as C, renderSlot as A, createElementBlock as M, createCommentVNode as w, toDisplayString as H, Fragment as j, normalizeProps as G, guardReactiveProps as J, mergeProps as W, nextTick as X } from "vue";
-import { QList as Y } from "../QList/index.js";
-import { QOverlay as Z } from "../QOverlay/index.js";
-import { QIcon as K } from "../QIcon/index.js";
-import { DEFAULT_ICONS as ee } from "./types.js";
-const te = {
+import { defineComponent as F, mergeModels as x, useModel as C, ref as A, computed as M, useTemplateRef as U, resolveComponent as z, createBlock as q, openBlock as d, unref as y, normalizeClass as H, withCtx as r, createElementVNode as j, withModifiers as G, createVNode as E, renderSlot as f, createElementBlock as R, createCommentVNode as k, toDisplayString as J, Fragment as W, normalizeProps as b, guardReactiveProps as V, mergeProps as X, nextTick as Y } from "vue";
+import { QList as Z } from "../QList/index.js";
+import { QOverlay as K } from "../QOverlay/index.js";
+import { QIcon as ee } from "../QIcon/index.js";
+import { DEFAULT_ICONS as te } from "./types.js";
+const oe = {
   key: 0,
   class: "q-dropdown-menu__extra"
-}, se = /* @__PURE__ */ Q({
+}, re = /* @__PURE__ */ F({
   __name: "QDropdownMenuContent",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     id: {},
     class: {},
     activator: {},
@@ -23,7 +23,7 @@ const te = {
     delay: { default: 500 },
     trigger: { default: "hover" },
     depth: { default: 0 },
-    icons: { default: () => ee },
+    icons: { default: () => te },
     offset: { default: 0 },
     crossOffset: { default: -5 }
   }, {
@@ -32,139 +32,139 @@ const te = {
     highlighted: {},
     highlightedModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["select", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
-  setup(r, { emit: q }) {
-    const e = r, d = q, c = _(r, "modelValue"), l = _(r, "highlighted"), i = x(void 0), y = x([]), E = I(() => e.depth !== 0 ? e.offset : 4), R = I(() => e.depth !== 0 ? e.crossOffset : void 0), f = T("qListRef");
-    function P(t) {
+  emits: /* @__PURE__ */ x(["select", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
+  setup(u, { emit: P }) {
+    const e = u, c = P, m = C(u, "modelValue"), i = C(u, "highlighted"), s = A(void 0), _ = A([]), S = M(() => e.depth !== 0 ? e.offset : 4), B = M(() => e.depth !== 0 ? e.crossOffset : void 0), p = U("qListRef");
+    function D(t) {
       var o;
-      const n = (o = e.items) == null ? void 0 : o.find((s) => s[e.itemValue] === t);
-      y.value = (n == null ? void 0 : n.items) ?? [];
-      const a = y.value.length > 0;
-      l.value = t, a ? h(t) : k(t);
+      const n = (o = e.items) == null ? void 0 : o.find((l) => l[e.itemValue] === t);
+      _.value = (n == null ? void 0 : n.items) ?? [];
+      const a = _.value.length > 0;
+      i.value = t, a ? g(t) : I(t);
     }
-    function S(t) {
+    function O(t) {
       var n;
       if (t.key)
         switch (["Enter", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(t.key) && (t.preventDefault(), t.stopPropagation()), t.key) {
           case "ArrowRight":
-            const a = (n = f.value) == null ? void 0 : n.getActiveItemIndex();
-            e.items && (a || a === 0) && e.items[a] && (l.value = e.items[a].key, h(e.items[a].key));
+            const a = (n = p.value) == null ? void 0 : n.getActiveItemIndex();
+            e.items && (a || a === 0) && e.items[a] && (i.value = e.items[a].key, g(e.items[a].key));
             break;
           case "ArrowLeft":
-            m();
+            h();
             break;
           case "Escape":
           case "Tab":
-            p();
+            v();
             break;
         }
     }
-    function B(t) {
-      e.trigger === "hover" && (l.value = t, h(t));
+    function $(t) {
+      e.trigger === "hover" && (i.value = t, g(t));
     }
-    function k(t) {
-      d("select", t), p();
+    function I(t) {
+      c("select", t), v();
     }
-    function D() {
-      m();
+    function N() {
+      h();
     }
-    function m() {
-      i.value = void 0, l.value = void 0, c.value = !1, d("focus-previous");
+    function h() {
+      s.value = void 0, i.value = void 0, m.value = !1, c("focus-previous");
     }
-    function p() {
-      m(), d("hide");
+    function v() {
+      h(), c("hide");
     }
-    function h(t) {
-      i.value = t;
+    function g(t) {
+      s.value = t;
     }
-    function O() {
+    function Q() {
       var a, o;
       const t = (a = e.items) == null ? void 0 : a.findIndex(
-        (s) => s[e.itemValue] === i.value
+        (l) => l[e.itemValue] === s.value
       );
       if (!t && t !== 0) return;
-      const n = (o = f.value) == null ? void 0 : o.getItem(t);
-      i.value = void 0, l.value = void 0, n == null || n.focus();
+      const n = (o = p.value) == null ? void 0 : o.getItem(t);
+      s.value = void 0, i.value = void 0, n == null || n.focus();
     }
-    function N() {
-      X(() => {
+    function T() {
+      Y(() => {
         var t;
-        return (t = f.value) == null ? void 0 : t.$el.focus();
+        return (t = p.value) == null ? void 0 : t.$el.focus();
       });
     }
     return (t, n) => {
-      const a = F("q-dropdown-menu-content", !0);
-      return u(), L(v(Z), {
+      const a = z("q-dropdown-menu-content", !0);
+      return d(), q(y(K), {
         id: e.id,
-        modelValue: c.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (o) => c.value = o),
+        modelValue: m.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => m.value = o),
         anchor: e.activator,
         appearance: e.appearance,
         inline: e.inline,
         delay: e.delay,
-        offset: E.value,
-        "cross-offset": R.value,
+        offset: S.value,
+        "cross-offset": B.value,
         placement: e.placement,
         transition: e.transition,
-        class: U(e.class),
+        class: H(e.class),
         "scroll-lock": "",
         "non-modal": "",
-        onEnter: N,
-        onLeave: D
+        onEnter: T,
+        onLeave: N
       }, {
-        default: g(() => [
-          $(
+        default: r(() => [
+          j(
             "div",
             {
               class: "q-dropdown-menu__body",
               "data-testid": "dropdown-content",
               tabindex: "-1",
-              onKeydown: z(S, ["stop"])
+              onKeydown: G(O, ["stop"])
             },
             [
-              C(v(Y), {
+              E(y(Z), {
                 ref: "qListRef",
                 class: "q-dropdown-menu__items",
-                highlighted: l.value,
+                highlighted: i.value,
                 items: e.items,
                 groups: e.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
                 selectable: !1,
-                onClick: P,
-                "onMouseenter:item": B
+                onClick: D,
+                "onMouseenter:item": $
               }, {
-                item: g(({ item: o }) => [
-                  A(t.$slots, "item", { item: o })
+                item: r(({ item: o }) => [
+                  f(t.$slots, "item", { item: o })
                 ]),
-                "item.append": g(({ item: o, element: s }) => {
-                  var b;
+                "item.append": r(({ item: o, element: l }) => {
+                  var L;
                   return [
-                    A(t.$slots, "item.append", { item: o }, () => [
-                      o.extraInfo ? (u(), M(
+                    f(t.$slots, "item.append", { item: o }, () => [
+                      o.extraInfo ? (d(), R(
                         "span",
-                        te,
-                        H(o.extraInfo),
+                        oe,
+                        J(o.extraInfo),
                         1
                         /* TEXT */
-                      )) : w("v-if", !0)
+                      )) : k("v-if", !0)
                     ]),
-                    ((b = o.items) == null ? void 0 : b.length) > 0 ? (u(), M(
-                      j,
+                    ((L = o.items) == null ? void 0 : L.length) > 0 ? (d(), R(
+                      W,
                       { key: 0 },
                       [
-                        C(
-                          v(K),
-                          G(J(e.icons.expand)),
+                        E(
+                          y(ee),
+                          b(V(e.icons.expand)),
                           null,
                           16
                           /* FULL_PROPS */
                         ),
-                        i.value === o.key ? (u(), L(a, W({
+                        s.value === o.key ? (d(), q(a, X({
                           key: 0,
-                          "model-value": r.modelValue
+                          "model-value": u.modelValue
                         }, e, {
-                          activator: s,
+                          activator: l,
                           items: o.items,
                           groups: o.groups,
                           depth: e.depth + 1,
@@ -172,14 +172,23 @@ const te = {
                           placement: "right-start",
                           "non-modal": "",
                           inline: "",
-                          onHide: p,
-                          onSelect: k,
-                          onFocusPrevious: O
-                        }), null, 16, ["model-value", "activator", "items", "groups", "depth", "delay"])) : w("v-if", !0)
+                          onHide: v,
+                          onSelect: I,
+                          onFocusPrevious: Q
+                        }), {
+                          item: r((w) => [
+                            f(t.$slots, "item", b(V(w)))
+                          ]),
+                          "item.append": r((w) => [
+                            f(t.$slots, "item.append", b(V(w)))
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["model-value", "activator", "items", "groups", "depth", "delay"])) : k("v-if", !0)
                       ],
                       64
                       /* STABLE_FRAGMENT */
-                    )) : w("v-if", !0)
+                    )) : k("v-if", !0)
                   ];
                 }),
                 _: 3
@@ -197,5 +206,5 @@ const te = {
   }
 });
 export {
-  se as default
+  re as default
 };

package/esm/components/QDropdownMenu/index.d.ts

@@ -1,24 +1,58 @@
-declare const QDropdownMenu: import('vue').DefineComponent<{
-    modelValue?: boolean;
-} & import('../../types/component').QBaseComponentProps & {
-    activator?: import('../../utils/getElement').Selector;
-    itemValue?: string;
-    itemLabel?: string;
-    items?: import('../QList/types').Item[];
-    groups?: import('../QList/types').Group[];
-    appearance?: import('../../composables/overlay').Appearance;
-    placement?: import('../../composables/overlay').Placement;
-    transition?: string;
-    inline?: boolean;
-    delay?: number;
-    trigger?: import('../../composables/overlay').Trigger;
-    depth?: number;
-    icons?: typeof import('./types').DEFAULT_ICONS;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    select: (item: any) => any;
-}, string, import('vue').PublicProps, Readonly<{
+declare const QDropdownMenu: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: boolean;
+    } & import('../../types/component').QBaseComponentProps & {
+        activator?: import('../../utils/getElement').Selector;
+        itemValue?: string;
+        itemLabel?: string;
+        items?: import('../QList/types').Item[];
+        groups?: import('../QList/types').Group[];
+        appearance?: import('../../composables/overlay').Appearance;
+        placement?: import('../../composables/overlay').Placement;
+        transition?: string;
+        inline?: boolean;
+        delay?: number;
+        trigger?: import('../../composables/overlay').Trigger;
+        depth?: number;
+        icons?: typeof import('./types').DEFAULT_ICONS;
+    }> & Readonly<{
+        onSelect?: ((item: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    } & {
+        select: (item: any) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: boolean;
+    } & import('../../types/component').QBaseComponentProps & {
+        activator?: import('../../utils/getElement').Selector;
+        itemValue?: string;
+        itemLabel?: string;
+        items?: import('../QList/types').Item[];
+        groups?: import('../QList/types').Group[];
+        appearance?: import('../../composables/overlay').Appearance;
+        placement?: import('../../composables/overlay').Placement;
+        transition?: string;
+        inline?: boolean;
+        delay?: number;
+        trigger?: import('../../composables/overlay').Trigger;
+        depth?: number;
+        icons?: typeof import('./types').DEFAULT_ICONS;
+    }> & Readonly<{
+        onSelect?: ((item: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
 } & import('../../types/component').QBaseComponentProps & {
     activator?: import('../../utils/getElement').Selector;
@@ -37,6 +71,19 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
 }> & Readonly<{
     onSelect?: ((item: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    select: (item: any) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        item?(_: {
+            item: import('../QList/types').Item;
+        }): any;
+        'item.append'?(_: {
+            item: import('../QList/types').Item;
+        }): any;
+    };
+});
 export { QDropdownMenu };
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QDropdownMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.30",
+  "version": "0.16.31",
   "private": false,
   "type": "module",
   "author": "Quidgest",