@quidgest/ui 0.16.21 → 0.16.22

package/esm/components/QSelect/QSelect.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as H, mergeModels as R, useModel as X, ref as h, computed as k, watch as j, nextTick as G, createElementBlock as p, openBlock as t, Fragment as A, createVNode as g, unref as i, normalizeClass as J, createSlots as W, withCtx as s, withDirectives as Y, toDisplayString as F, createCommentVNode as _, createTextVNode as Z, createElementVNode as K, mergeProps as M, vModelText as ee, renderSlot as r, createBlock as w, normalizeProps as le, withModifiers as oe } from "vue";
+import { defineComponent as H, mergeModels as R, useModel as X, ref as h, computed as k, watch as j, nextTick as G, createElementBlock as p, openBlock as t, Fragment as A, createVNode as g, unref as i, normalizeClass as J, createSlots as W, withCtx as s, withDirectives as Y, toDisplayString as F, createCommentVNode as _, createTextVNode as Z, createElementVNode as K, mergeProps as M, vModelText as ee, renderSlot as d, createBlock as w, normalizeProps as le, withModifiers as oe } from "vue";
 import { DEFAULT_TEXTS as ae, DEFAULT_ICONS as te } from "./types.js";
 import { QButton as ne } from "../QButton/index.js";
 import { QField as ie } from "../QField/index.js";
 import { QIcon as se } from "../QIcon/index.js";
-import { QList as de } from "../QList/index.js";
-import { QOverlay as re } from "../QOverlay/index.js";
+import { QList as re } from "../QList/index.js";
+import { QOverlay as de } from "../QOverlay/index.js";
 import { QSpinnerLoader as ue } from "../QSpinnerLoader/index.js";
 import { QChevron as ce } from "../__internal__/QChevron/index.js";
 import { QClearButton as fe } from "../__internal__/QClearButton/index.js";
@@ -46,13 +46,13 @@ const pe = {
   }),
   emits: /* @__PURE__ */ R(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(C, { emit: O }) {
-    const e = C, m = O, v = X(C, "modelValue"), a = h(!1), y = h(null), B = h(null), V = h(null), D = k(() => d.value === void 0), d = k(
+    const e = C, m = O, v = X(C, "modelValue"), a = h(!1), y = h(null), B = h(null), V = h(null), D = k(() => r.value === void 0), r = k(
       () => {
         var l;
         return (l = e.items) == null ? void 0 : l.find((o) => o[e.itemValue] === v.value);
       }
     ), q = k(
-      () => d.value ? d.value[e.itemLabel] : ""
+      () => r.value ? r.value[e.itemLabel] : ""
     ), u = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
@@ -133,7 +133,7 @@ const pe = {
             onKeydown: E
           }, W({
             append: s(() => [
-              r(l.$slots, "append"),
+              d(l.$slots, "append"),
               u.value && v.value ? (t(), w(i(fe), {
                 key: 0,
                 icons: e.icons,
@@ -201,15 +201,15 @@ const pe = {
             _: 2
             /* DYNAMIC */
           }, [
-            (c = d.value) != null && c.icon || l.$slots.prepend ? {
+            (c = r.value) != null && c.icon || l.$slots.prepend ? {
               name: "prepend",
               fn: s(() => {
                 var n, z;
                 return [
-                  r(l.$slots, "prepend"),
-                  (n = d.value) != null && n.icon ? (t(), w(
+                  d(l.$slots, "prepend"),
+                  (n = r.value) != null && n.icon ? (t(), w(
                     i(se),
-                    le(M({ key: 0 }, (z = d.value) == null ? void 0 : z.icon)),
+                    le(M({ key: 0 }, (z = r.value) == null ? void 0 : z.icon)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -221,12 +221,12 @@ const pe = {
             l.$slots.extras ? {
               name: "extras",
               fn: s(() => [
-                r(l.$slots, "extras")
+                d(l.$slots, "extras")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
-          g(i(re), {
+          g(i(de), {
             modelValue: a.value,
             "onUpdate:modelValue": o[1] || (o[1] = (n) => a.value = n),
             spy: "",
@@ -251,16 +251,16 @@ const pe = {
                 onFocusout: U,
                 onKeydown: oe(E, ["stop"])
               }, [
-                r(l.$slots, "body.prepend"),
+                d(l.$slots, "body.prepend"),
                 e.loading ? (t(), p("div", be, [
                   g(i(ue), { size: 24 })
-                ])) : (t(), w(i(de), {
+                ])) : (t(), w(i(re), {
                   key: 1,
                   ref_key: "listRef",
                   ref: B,
                   class: "q-select__items",
                   selectable: "",
-                  required: "",
+                  required: e.required,
                   "model-value": v.value,
                   items: e.items,
                   groups: l.groups,
@@ -269,12 +269,12 @@ const pe = {
                   "onUpdate:modelValue": L
                 }, {
                   item: s(({ item: n }) => [
-                    r(l.$slots, "item", { item: n })
+                    d(l.$slots, "item", { item: n })
                   ]),
                   _: 3
                   /* FORWARDED */
-                }, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
-                r(l.$slots, "body.append")
+                }, 8, ["required", "model-value", "items", "groups", "item-label", "item-value"])),
+                d(l.$slots, "body.append")
               ], 40, ye)
             ]),
             _: 3

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

@@ -116,9 +116,9 @@ declare const QSelect: {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly modelValue?: any;
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
+                readonly modelValue?: any;
                 readonly highlighted?: any;
                 readonly items?: import('../QList/types').Item[] | undefined;
                 readonly groups?: import('../QList/types').Group[] | undefined;
@@ -129,7 +129,7 @@ declare const QSelect: {
                 readonly multiple?: boolean | undefined;
                 readonly required?: boolean | undefined;
                 readonly onClick?: ((key: any) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((val: any) => any) | undefined;
                 readonly "onMouseenter:item"?: ((key: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -221,23 +221,11 @@ declare const QSelect: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void) & ((event: "mouseenter:item", key: any) => void);
+            $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", val: any) => void) & ((event: "mouseenter:item", key: any) => void);
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: any;
-            } & import('../../types/component').QBaseComponentProps & {
-                highlighted?: any;
-                items?: import('../QList/types').Item[];
-                groups?: import('../QList/types').Group[];
-                itemValue?: string;
-                itemLabel?: string;
-                disabled?: boolean;
-                selectable?: boolean;
-                multiple?: boolean;
-                required?: boolean;
-            }> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').QListProps> & Readonly<{
                 onClick?: ((key: any) => any) | undefined;
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: any) => any) | undefined;
                 "onMouseenter:item"?: ((key: any) => any) | undefined;
             }>, {
                 getItem: (idx: number) => HTMLElement | undefined;
@@ -245,10 +233,9 @@ declare const QSelect: {
                 getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
                 getFirstFocusableItemIndex: () => number;
                 getLastFocusableItemIndex: () => number;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: any) => any;
-            } & {
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (key: any) => any;
+                "update:modelValue": (val: any) => any;
                 "mouseenter:item": (key: any) => any;
             }, string, {
                 groups: import('../QList/types').Group[];
@@ -278,21 +265,9 @@ declare const QSelect: {
             groups: import('../QList/types').Group[];
             itemValue: string;
             itemLabel: string;
-        }> & Omit<Readonly<{
-            modelValue?: any;
-        } & import('../../types/component').QBaseComponentProps & {
-            highlighted?: any;
-            items?: import('../QList/types').Item[];
-            groups?: import('../QList/types').Group[];
-            itemValue?: string;
-            itemLabel?: string;
-            disabled?: boolean;
-            selectable?: boolean;
-            multiple?: boolean;
-            required?: boolean;
-        }> & Readonly<{
+        }> & Omit<Readonly<import('..').QListProps> & Readonly<{
             onClick?: ((key: any) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             "onMouseenter:item"?: ((key: any) => any) | undefined;
         }>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             getItem: (idx: number) => HTMLElement | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIuwzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJj2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIuwzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJj2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/esm/components/QToggleGroup/types.d.ts

@@ -2,7 +2,7 @@ import { QButtonProps } from '../QButton';
 import { QButtonGroupProps } from '../QButtonGroup/types';
 export type QToggleGroupProps = QButtonGroupProps & {
     /**
-     * Indicates if options can be deselected.
+     * Indicates whether multiple options can be selected.
      */
     multiple?: boolean;
     /**

package/esm/composables/useGroup/index.d.ts

@@ -1,6 +1,7 @@
 import { ComputedRef, InjectionKey, MaybeRef, Ref } from 'vue';
 /** Symbol used for dependency injection of Group. */
 export declare const GroupSymbol: InjectionKey<Group<unknown>>;
+type Active<T> = T | T[] | undefined;
 /**
  * Props interface for creating a group component
  * @template T The type of the active item(s)
@@ -11,7 +12,7 @@ export interface GroupProps<T> {
      * - When multiple is false: A single active item of type T
      * - When multiple is true: An array of active items of type T[]
      */
-    active: MaybeRef<T | T[] | undefined>;
+    active?: MaybeRef<Active<T>>;
     /**
      * Whether multiple items can be active simultaneously
      * - When true: active will be treated as T[]
@@ -34,7 +35,7 @@ export interface Group<T> {
      * - When multiple is false: A single active item of type T or undefined
      * - When multiple is true: An array of active items of type T[] or undefined
      */
-    active: Ref<T | T[] | undefined>;
+    active: Ref<Active<T>>;
     /**
      * Computed boolean indicating if multiple selection is enabled
      */
@@ -101,4 +102,5 @@ export declare function useGroup<T>(options: GroupProps<T>): Group<T>;
  * - In multiple selection mode, multiple items can be active simultaneously
  */
 export declare function useGroupItem(itemId: MaybeRef<string>): GroupProvide | undefined;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/esm/composables/useGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAyB,CAAA;AAE9E;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC5B;;;;OAIG;IACH,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;IAErC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;IAEhC;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAuC5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,YAAY,GAAG,SAAS,CAyC/E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAyB,CAAA;AAE9E,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAA;AAEpC;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA2C5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,YAAY,GAAG,SAAS,CAyC/E"}

package/esm/composables/useGroup/index.js

@@ -1,40 +1,42 @@
-import { inject as s, computed as r, unref as v, ref as o, isRef as m, watch as f, provide as y } from "vue";
-const n = Symbol.for("q-group");
+import { inject as o, computed as l, unref as u, ref as d, isRef as m, watch as n, provide as p } from "vue";
+const f = Symbol.for("q-group");
 function q(a) {
   const e = {
-    active: o(
-      v(a.multiple) ? Array.isArray(v(a.active)) ? v(a.active) : v(a.active) !== void 0 ? [v(a.active)] : [] : v(a.active)
-    ),
-    multiple: r(() => v(a.multiple) || !1),
-    required: r(() => v(a.required) || !1)
+    active: d(y(a)),
+    multiple: l(() => u(a.multiple) || !1),
+    required: l(() => u(a.required) || !1)
   };
-  return m(a.active) && f(a.active, (i) => {
+  return m(a.active) && n(a.active, (i) => {
     e.active.value = i;
-  }), f(
+  }), n(
     () => e.multiple.value,
     (i) => {
-      i && e.active.value ? e.active.value = [e.active.value] : i ? e.active.value = [] : Array.isArray(e.active.value) && e.active.value.length === 1 ? e.active.value = e.active.value[0] : e.active.value = void 0;
+      i ? e.active.value ? e.active.value = [e.active.value] : e.active.value = [] : Array.isArray(e.active.value) && e.active.value.length === 1 ? e.active.value = e.active.value[0] : e.active.value = void 0;
     }
-  ), y(n, e), e;
+  ), p(f, e), e;
 }
-function h(a) {
-  const e = s(n, void 0);
+function G(a) {
+  const e = o(f, void 0);
   if (!e) return;
-  const i = r(() => {
-    var l;
-    const u = v(a);
-    return Array.isArray(e.active.value) ? (l = e.active.value) == null ? void 0 : l.includes(u) : e.active.value === u;
+  const i = l(() => {
+    var t;
+    const r = u(a);
+    return Array.isArray(e.active.value) ? (t = e.active.value) == null ? void 0 : t.includes(r) : e.active.value === r;
   });
   return { isActive: i, toggle: () => {
-    var l, t, c;
-    const u = v(a);
-    Array.isArray(e.active.value) ? i.value ? (!((l = e.required) != null && l.value) || e.active.value.length > 1) && (e.active.value = (t = e.active.value) == null ? void 0 : t.filter(
-      (d) => d !== u
-    )) : e.active.value.push(u) : e.active.value !== u ? e.active.value = u : (c = e.required) != null && c.value || (e.active.value = void 0);
+    var t, v, c;
+    const r = u(a);
+    Array.isArray(e.active.value) ? i.value ? (!((t = e.required) != null && t.value) || e.active.value.length > 1) && (e.active.value = (v = e.active.value) == null ? void 0 : v.filter(
+      (s) => s !== r
+    )) : e.active.value.push(r) : e.active.value !== r ? e.active.value = r : (c = e.required) != null && c.value || (e.active.value = void 0);
   } };
 }
+function y(a) {
+  const e = u(a.multiple), i = u(a.active);
+  return e ? Array.isArray(i) ? i : i !== void 0 ? [i] : [] : Array.isArray(i) ? i.length === 1 ? i[0] : void 0 : i;
+}
 export {
-  n as GroupSymbol,
+  f as GroupSymbol,
   q as useGroup,
-  h as useGroupItem
+  G as useGroupItem
 };

package/package.json

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