@quidgest/ui 0.14.14 → 0.14.15

package/esm/components/QList/QList.d.ts

@@ -37,7 +37,7 @@ declare function getLastFocusableItemIndex(): number;
  */
 declare function getAdjacentItemIndex(idx: number, direction: 'next' | 'prev'): number;
 type __VLS_PublicProps = {
-    modelValue?: any;
+    modelValue?: Primitive;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -129,9 +129,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     getFirstFocusableItemIndex: typeof getFirstFocusableItemIndex;
     getLastFocusableItemIndex: typeof getLastFocusableItemIndex;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
+    "update:modelValue": (value: Primitive) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
 }>, {
     groups: Group[];
     itemValue: string;

package/esm/components/QList/QList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA0CA;AA+XC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAMlD,KAAK,WAAW,GAAG,UAAU,CAAC;AA6I9B;;;;;;GAMG;AACH,iBAAS,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,GAAE,OAAe,GAAG,IAAI,CAGxE;AAmBD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAaD;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AAsDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgIT,OAAO,IAA6B;;;;;YAbvB,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAxBU,GAAG,8CAGzC,GAAG,yBAA0B,GAAE,6DAC1C,GACA;;;;;;;;;;;;;;EAoCC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAjE4B,GAAG,8CAGzC,GAAG,yBAA0B,GAAE,6DAC1C,GACA;;;;;;;;;;;;OAuEE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA2CA;AA8XC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAKlD,KAAK,WAAW,GAAG,UAAU,CAAC;AA4I9B;;;;;;GAMG;AACH,iBAAS,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,GAAE,OAAe,GAAG,IAAI,CAGxE;AAmBD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAaD;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AAsDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;;;;YAbvB,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAb9B,GAAG,8CAA8C,GAAG,yBAGzD,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EA2B5C;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAtDZ,GAAG,8CAA8C,GAAG,yBAGzD,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OA8D3C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QList/QList.vue.js

@@ -3,24 +3,26 @@ import { QListItemGroup as P, QListItem as W } from "./index.js";
 const Z = /* @__PURE__ */ H({
   __name: "QList",
   props: /* @__PURE__ */ K({
+    id: {},
+    class: {},
     highlighted: { type: [String, Number, Boolean, Symbol] },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     disabled: { type: Boolean },
-    class: {},
     selectable: { type: Boolean }
   }, {
-    modelValue: {
-      type: [String, Number, Boolean, Symbol]
-    },
+    modelValue: { type: [String, Number, Boolean, Symbol] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(y, { expose: E }) {
-    const l = y, f = N(y, "modelValue"), p = k(!1), C = F(() => a.value.length > 1 ? "div" : "ul"), a = F(() => l.groups.length ? l.groups.filter(
-      (e) => l.items.some((t) => t.group === e.id)
+    const l = y, f = N(y, "modelValue"), p = k(!1), C = F(() => r.value.length > 1 ? "div" : "ul"), r = F(() => l.groups.length ? l.groups.filter(
+      (e) => {
+        var t;
+        return (t = l.items) == null ? void 0 : t.some((n) => n.group === e.id);
+      }
     ) : [{ id: "", title: "" }]), g = k(null), v = k(null);
     function R(e) {
       f.value = e;
@@ -33,12 +35,12 @@ const Z = /* @__PURE__ */ H({
     }
     function O(e) {
       var s;
-      if ((s = g.value) != null && s.contains(e.relatedTarget))
+      if (!l.items || (s = g.value) != null && s.contains(e.relatedTarget))
         return;
       let t;
       f.value ? t = l.items.findIndex((o) => o[l.itemValue] === f.value) : t = h();
       const n = p.value;
-      i(t, n);
+      a(t, n);
     }
     function Q(e) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
@@ -60,37 +62,37 @@ const Z = /* @__PURE__ */ H({
       switch (e) {
         case "next":
         case "prev":
-          i(j(e));
+          a(j(e));
           break;
         case "first":
-          i(h());
+          a(h());
           break;
         case "last":
-          i(w());
+          a(w());
           break;
       }
     }
-    function i(e, t = !1) {
+    function a(e, t = !1) {
       var s;
-      (s = r()[e]) == null || s.focus({ preventScroll: t });
+      (s = i()[e]) == null || s.focus({ preventScroll: t });
     }
-    function r() {
+    function i() {
       var t;
       const e = (t = g.value) == null ? void 0 : t.querySelectorAll("li");
       return e ? Array.from(e) : [];
     }
     function T(e) {
-      return r()[e];
+      return i()[e];
     }
     function U() {
-      return r().indexOf(document.activeElement);
+      return i().indexOf(document.activeElement);
     }
     function h() {
-      const e = r(), t = e.find((n) => I(n));
+      const e = i(), t = e.find((n) => I(n));
       return t ? e.indexOf(t) : -1;
     }
     function w() {
-      const e = r(), t = [...e].reverse().find((n) => I(n));
+      const e = i(), t = [...e].reverse().find((n) => I(n));
       return t ? e.indexOf(t) : -1;
     }
     function A(e, t, n) {
@@ -101,7 +103,7 @@ const Z = /* @__PURE__ */ H({
       return S(t, e);
     }
     function S(e, t) {
-      const n = r();
+      const n = i();
       if (A(e, t, n))
         return e;
       let s = e + (t === "next" ? 1 : -1);
@@ -116,15 +118,17 @@ const Z = /* @__PURE__ */ H({
       return e.tabIndex === -2;
     }
     function G(e) {
-      return e ? l.items.filter((t) => t.group === e) : l.items;
+      var t;
+      return e ? (t = l.items) == null ? void 0 : t.filter((n) => n.group === e) : l.items;
     }
     return E({
-      focusItem: i,
+      focusItem: a,
       getItem: T,
       getAdjacentItemIndex: S,
       getFirstFocusableItemIndex: h,
       getLastFocusableItemIndex: w
     }), (e, t) => (d(), x(z(C.value), {
+      id: l.id,
       ref_key: "listRef",
       ref: g,
       class: J(["q-list", { "q-list--disabled": l.disabled }, l.class]),
@@ -139,10 +143,10 @@ const Z = /* @__PURE__ */ H({
         (d(!0), B(
           L,
           null,
-          M(a.value, (n, s) => (d(), x(_(P), {
+          M(r.value, (n, s) => (d(), x(_(P), {
             id: n.id,
             key: n.id,
-            title: a.value.length === 1 ? void 0 : n.title
+            title: r.value.length === 1 ? void 0 : n.title
           }, {
             default: b(() => [
               (d(!0), B(
@@ -167,7 +171,7 @@ const Z = /* @__PURE__ */ H({
                     return [
                       D(e.$slots, "item.append", {
                         item: o,
-                        element: (c = (u = v.value) == null ? void 0 : u[V + s * a.value.length]) == null ? void 0 : c.$el
+                        element: (c = (u = v.value) == null ? void 0 : u[V + s * r.value.length]) == null ? void 0 : c.$el
                       })
                     ];
                   }),
@@ -176,7 +180,7 @@ const Z = /* @__PURE__ */ H({
                     return [
                       D(e.$slots, "item", {
                         item: o,
-                        element: (c = (u = v.value) == null ? void 0 : u[V + s * a.value.length]) == null ? void 0 : c.$el
+                        element: (c = (u = v.value) == null ? void 0 : u[V + s * r.value.length]) == null ? void 0 : c.$el
                       })
                     ];
                   }),
@@ -196,7 +200,7 @@ const Z = /* @__PURE__ */ H({
       ]),
       _: 3
       /* FORWARDED */
-    }, 40, ["class", "tabindex"]));
+    }, 40, ["id", "class", "tabindex"]));
   }
 });
 export {

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

@@ -1,9 +1,17 @@
 import { QListProps, QListItemProps, QListItemGroupProps } from './types';
 declare const QList: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: any;
-    } & QListProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        modelValue?: import('../../types/primitive').Primitive;
+    } & import('../../types/component').QBaseComponentProps & {
+        highlighted?: import('../../types/primitive').Primitive;
+        items?: import('./types').Item[];
+        groups?: import('./types').Group[];
+        itemValue?: string;
+        itemLabel?: string;
+        disabled?: boolean;
+        selectable?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
     }>, {
         focusItem: (itemIdx: number, preventScroll?: boolean) => void;
         getItem: (idx: number) => HTMLElement | undefined;
@@ -11,7 +19,7 @@ declare const QList: {
         getFirstFocusableItemIndex: () => number;
         getLastFocusableItemIndex: () => number;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (value: any) => any;
+        "update:modelValue": (value: import('../../types/primitive').Primitive) => any;
     }, import('vue').PublicProps, {
         groups: import('./types').Group[];
         itemValue: string;
@@ -91,9 +99,17 @@ declare const QList: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        modelValue?: any;
-    } & QListProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        modelValue?: import('../../types/primitive').Primitive;
+    } & import('../../types/component').QBaseComponentProps & {
+        highlighted?: import('../../types/primitive').Primitive;
+        items?: import('./types').Item[];
+        groups?: import('./types').Group[];
+        itemValue?: string;
+        itemLabel?: string;
+        disabled?: boolean;
+        selectable?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
     }>, {
         focusItem: (itemIdx: number, preventScroll?: boolean) => void;
         getItem: (idx: number) => HTMLElement | undefined;
@@ -109,9 +125,17 @@ declare const QList: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
-    modelValue?: any;
-} & QListProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    modelValue?: import('../../types/primitive').Primitive;
+} & import('../../types/component').QBaseComponentProps & {
+    highlighted?: import('../../types/primitive').Primitive;
+    items?: import('./types').Item[];
+    groups?: import('./types').Group[];
+    itemValue?: string;
+    itemLabel?: string;
+    disabled?: boolean;
+    selectable?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
 }>, {
     focusItem: (itemIdx: number, preventScroll?: boolean) => void;
     getItem: (idx: number) => HTMLElement | undefined;
@@ -119,7 +143,7 @@ declare const QList: {
     getFirstFocusableItemIndex: () => number;
     getLastFocusableItemIndex: () => number;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
+    "update:modelValue": (value: import('../../types/primitive').Primitive) => any;
 }, string, {
     groups: import('./types').Group[];
     itemValue: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASo1yB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EATh7yB,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASo1yB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EATh7yB,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -1,5 +1,6 @@
 import { Icon } from '../QIcon';
 import { Primitive } from '../../types/primitive';
+import { QBaseComponentProps } from '../../types/component';
 export type Item = Omit<QListItemProps, 'value' | 'label'> & {
     [key: string]: any;
 };
@@ -9,7 +10,7 @@ export type Group = QListItemGroupProps & {
      */
     disabled?: boolean;
 };
-export type QListProps = {
+export type QListProps = QBaseComponentProps & {
     /**
      * The value of the currently highlighted item.
      */
@@ -17,7 +18,7 @@ export type QListProps = {
     /**
      * The list of available items for selection.
      */
-    items: Item[];
+    items?: Item[];
     /**
      * The item groups used for organizing the available items.
      */
@@ -34,10 +35,6 @@ export type QListProps = {
      * Indicates whether the list is disabled.
      */
     disabled?: boolean;
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
     /**
      * Indicates whether the list items are selectable.
      */

package/esm/components/QList/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAG5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,mBAAmB,GAAG;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;OAEG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAG5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,mBAAmB,GAAG;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}

package/esm/components/QOverlay/QOverlay.d.ts

@@ -27,12 +27,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     transition: string;
     width: "auto" | "anchor";
+    placement: import('../../composables/overlay').Placement;
     appearance: import('../../composables/overlay').Appearance;
     attach: string;
     delay: number;
     offset: number;
     crossOffset: number;
-    placement: import('../../composables/overlay').Placement;
     trigger: import('../../composables/overlay').Trigger;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     overlayRef: HTMLDivElement;

package/esm/components/QOverlay/QOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA4CA;AA2ZC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmWlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;yBAbpB,GAAG;;;;;;;EAkBhC;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA6CA;AA4ZC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmWlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiHT,OAAO,IAA6B;;yBAbpB,GAAG;;;;;;;EAkBhC;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QOverlay/QOverlay.vue.js

@@ -1,13 +1,15 @@
-import { defineComponent as ne, mergeModels as V, useModel as oe, computed as l, reactive as A, watch as k, ref as U, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as E, openBlock as u, Fragment as ae, createBlock as B, createCommentVNode as g, Teleport as le, createVNode as se, normalizeClass as z, Transition as de, withCtx as I, unref as b, createElementVNode as P, normalizeStyle as N, mergeProps as ue, withKeys as ce, renderSlot as fe } from "vue";
+import { defineComponent as ne, mergeModels as V, useModel as oe, computed as l, reactive as A, watch as k, ref as U, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as E, openBlock as c, Fragment as ae, createBlock as _, createCommentVNode as g, Teleport as le, createVNode as se, normalizeClass as z, Transition as de, withCtx as I, unref as B, createElementVNode as P, normalizeStyle as N, mergeProps as ce, withKeys as ue, renderSlot as fe } from "vue";
 import { QRemoveScrollBar as me } from "../QRemoveScrollBar/index.js";
 import { QThemeProvider as ve } from "../QThemeProvider/index.js";
 import { getSideFromPlacement as pe, computePosition as he } from "../../composables/overlay.js";
 import { useTheme as ye } from "../../composables/theme.js";
 import { getElement as we } from "../../utils/getElement.js";
-const ke = ["role"], Te = /* @__PURE__ */ ne({
+const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: /* @__PURE__ */ V({
+    id: {},
+    class: {},
     anchor: {},
     appearance: { default: "regular" },
     arrow: { type: Boolean },
@@ -25,23 +27,22 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     spy: { type: Boolean },
     transition: { default: "fade" },
     trigger: { default: "click" },
-    width: { default: "auto" },
-    class: {}
+    width: { default: "auto" }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["enter", "leave"], ["update:modelValue"]),
-  setup(_, { emit: Q }) {
-    const t = _, T = Q, r = oe(_, "modelValue"), D = ye(), F = l(() => [
+  setup(b, { emit: Q }) {
+    const t = b, T = Q, r = oe(b, "modelValue"), D = ye(), F = l(() => [
       "q-overlay",
       `q-overlay--${pe(n.placement)}`,
       {
-        "q-overlay--independent": c.value,
+        "q-overlay--independent": u.value,
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), c = l(() => t.anchor === void 0), C = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = A({
+    ]), u = l(() => t.anchor === void 0), C = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = A({
       animating: !1,
       top: 0,
       left: 0,
@@ -54,7 +55,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
     }), W = l(() => n.top !== 0 && n.left !== 0);
     k(r, () => n.animating = !0);
     const j = l(() => {
-      if (c.value) return;
+      if (u.value) return;
       const e = d(), w = t.width === "anchor", o = w ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
         top: `${n.top}px`,
@@ -164,13 +165,13 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
       d() ? (a(), L = window.setTimeout(M, 100)) : s();
     }
     function te() {
-      c.value || (Z(), t.spy ? M() : a()), (c.value || t.trigger === "click") && v(() => {
+      u.value || (Z(), t.spy ? M() : a()), (u.value || t.trigger === "click") && v(() => {
         var e;
         return (e = h.value) == null ? void 0 : e.focus();
       });
     }
     function R() {
-      c.value || ee(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
+      u.value || ee(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
     }
     function O() {
       t.persistent || s();
@@ -185,15 +186,15 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
         v(() => e ? te() : R());
       },
       { immediate: !0 }
-    ), (e, w) => (u(), E(
+    ), (e, w) => (c(), E(
       ae,
       null,
       [
-        (u(), B(le, {
+        (c(), _(le, {
           disabled: !r.value && !n.animating || t.inline,
           to: t.attach
         }, [
-          C.value ? (u(), E(
+          C.value ? (c(), E(
             "div",
             {
               key: 0,
@@ -213,48 +214,43 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
             onLeave: J
           }, {
             default: I(() => [
-              r.value ? (u(), B(b(ve), {
+              r.value ? (c(), _(B(ve), {
                 key: 0,
-                theme: b(D).current.value.name
+                theme: B(D).current.value.name
               }, {
                 default: I(() => [
-                  P(
-                    "div",
-                    {
-                      class: z(F.value),
-                      style: N(j.value)
-                    },
-                    [
-                      P("div", ue({
-                        ref_key: "overlayRef",
-                        ref: h,
-                        class: "q-overlay__content",
-                        tabindex: "-1",
-                        role: C.value ? "dialog" : void 0
-                      }, e.$attrs, {
-                        onKeydown: ce(O, ["escape"]),
-                        onBlur: O
-                      }), [
-                        t.arrow ? (u(), E(
-                          "div",
-                          {
-                            key: 0,
-                            ref_key: "arrowRef",
-                            ref: p,
-                            role: "presentation",
-                            class: "q-overlay__arrow",
-                            style: N(G.value)
-                          },
-                          null,
-                          4
-                          /* STYLE */
-                        )) : g("v-if", !0),
-                        fe(e.$slots, "default")
-                      ], 16, ke)
-                    ],
-                    6
-                    /* CLASS, STYLE */
-                  )
+                  P("div", {
+                    id: t.id,
+                    class: z(F.value),
+                    style: N(j.value)
+                  }, [
+                    P("div", ce({
+                      ref_key: "overlayRef",
+                      ref: h,
+                      class: "q-overlay__content",
+                      tabindex: "-1",
+                      role: C.value ? "dialog" : void 0
+                    }, e.$attrs, {
+                      onKeydown: ue(O, ["escape"]),
+                      onBlur: O
+                    }), [
+                      t.arrow ? (c(), E(
+                        "div",
+                        {
+                          key: 0,
+                          ref_key: "arrowRef",
+                          ref: p,
+                          role: "presentation",
+                          class: "q-overlay__arrow",
+                          style: N(G.value)
+                        },
+                        null,
+                        4
+                        /* STYLE */
+                      )) : g("v-if", !0),
+                      fe(e.$slots, "default")
+                    ], 16, ge)
+                  ], 14, ke)
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -264,7 +260,7 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
             /* FORWARDED */
           }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        K.value ? (u(), B(b(me), { key: 0 })) : g("v-if", !0)
+        K.value ? (c(), _(B(me), { key: 0 })) : g("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -272,5 +268,5 @@ const ke = ["role"], Te = /* @__PURE__ */ ne({
   }
 });
 export {
-  Te as default
+  Ce as default
 };