@quidgest/ui 0.14.14 → 0.14.16

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
 };

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

@@ -1,7 +1,26 @@
 declare const QOverlay: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean;
-    } & import('./types').QOverlayProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        anchor?: import('../../utils/getElement').Selector;
+        appearance?: import('../../composables/overlay').Appearance;
+        arrow?: boolean;
+        attach?: string;
+        inline?: boolean;
+        backdropBlur?: boolean;
+        backdropClass?: string | unknown[];
+        delay?: number;
+        nonModal?: boolean;
+        scrollLock?: boolean;
+        offset?: number;
+        crossOffset?: number;
+        persistent?: boolean;
+        placement?: import('../../composables/overlay').Placement;
+        spy?: boolean;
+        transition?: string;
+        trigger?: import('../../composables/overlay').Trigger;
+        width?: "auto" | "anchor";
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
         onLeave?: (() => any) | undefined;
@@ -13,12 +32,12 @@ declare const QOverlay: {
     }, import('vue').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;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         overlayRef: HTMLDivElement;
@@ -32,19 +51,38 @@ declare const QOverlay: {
         Defaults: {};
     }, Readonly<{
         modelValue?: boolean;
-    } & import('./types').QOverlayProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        anchor?: import('../../utils/getElement').Selector;
+        appearance?: import('../../composables/overlay').Appearance;
+        arrow?: boolean;
+        attach?: string;
+        inline?: boolean;
+        backdropBlur?: boolean;
+        backdropClass?: string | unknown[];
+        delay?: number;
+        nonModal?: boolean;
+        scrollLock?: boolean;
+        offset?: number;
+        crossOffset?: number;
+        persistent?: boolean;
+        placement?: import('../../composables/overlay').Placement;
+        spy?: boolean;
+        transition?: string;
+        trigger?: import('../../composables/overlay').Trigger;
+        width?: "auto" | "anchor";
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
         onLeave?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         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;
     }>;
     __isFragment?: never;
@@ -52,7 +90,26 @@ declare const QOverlay: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
-} & import('./types').QOverlayProps> & Readonly<{
+} & import('../../types/component').QBaseComponentProps & {
+    anchor?: import('../../utils/getElement').Selector;
+    appearance?: import('../../composables/overlay').Appearance;
+    arrow?: boolean;
+    attach?: string;
+    inline?: boolean;
+    backdropBlur?: boolean;
+    backdropClass?: string | unknown[];
+    delay?: number;
+    nonModal?: boolean;
+    scrollLock?: boolean;
+    offset?: number;
+    crossOffset?: number;
+    persistent?: boolean;
+    placement?: import('../../composables/overlay').Placement;
+    spy?: boolean;
+    transition?: string;
+    trigger?: import('../../composables/overlay').Trigger;
+    width?: "auto" | "anchor";
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onEnter?: (() => any) | undefined;
     onLeave?: (() => any) | undefined;
@@ -64,12 +121,12 @@ declare const QOverlay: {
 }, string, {
     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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -1,6 +1,7 @@
 import { Appearance, Placement, Trigger } from '../../composables/overlay';
 import { Selector } from '../../utils/getElement';
-export type QOverlayProps = {
+import { QBaseComponentProps } from '../../types/component';
+export type QOverlayProps = QBaseComponentProps & {
     /**
      * The DOM element the overlay should be anchored to.
      */
@@ -83,9 +84,5 @@ export type QOverlayProps = {
      * or matches the overlay's anchor.
      */
     width?: 'auto' | 'anchor';
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CACzB,CAAA"}

package/esm/components/QPopover/QPopover.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     html: boolean;
+    placement: import('../../composables/overlay').Placement;
     arrow: boolean;
     attach: string;
-    placement: import('../../composables/overlay').Placement;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AA4BA;AAuDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwET,OAAO,IAA6B;;wBAXtB,GAAG;sBACL,GAAG;;;;EAe5B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAQnB,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":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AA6BA;AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;wBAXtB,GAAG;sBACL,GAAG;;;;EAe5B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAQnB,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/QPopover/QPopover.vue.js

@@ -1,15 +1,17 @@
-import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as t, unref as f, withCtx as y, createElementBlock as l, createCommentVNode as d, createTextVNode as _, renderSlot as s, toDisplayString as i } from "vue";
-import { QOverlay as v } from "../QOverlay/index.js";
-const b = {
+import { defineComponent as p, mergeModels as m, useModel as u, createBlock as h, openBlock as t, unref as f, normalizeClass as y, withCtx as _, createElementBlock as l, createCommentVNode as s, createTextVNode as v, renderSlot as d, toDisplayString as i } from "vue";
+import { QOverlay as b } from "../QOverlay/index.js";
+const k = {
   key: 0,
   class: "q-popover__header"
-}, k = {
+}, B = {
   key: 1,
   class: "q-popover__body"
-}, B = ["innerHTML"], V = { key: 1 }, M = /* @__PURE__ */ c({
+}, V = ["innerHTML"], g = { key: 1 }, x = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "QPopover",
   props: /* @__PURE__ */ m({
+    id: {},
+    class: {},
     anchor: {},
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -26,10 +28,11 @@ const b = {
   emits: ["update:modelValue"],
   setup(a) {
     const e = a, r = u(a, "modelValue");
-    return (o, n) => (t(), h(f(v), {
+    return (o, n) => (t(), h(f(b), {
+      id: e.id,
       modelValue: r.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (p) => r.value = p),
-      class: "q-popover",
+      "onUpdate:modelValue": n[0] || (n[0] = (c) => r.value = c),
+      class: y(["q-popover", e.class]),
       trigger: "click",
       anchor: e.anchor,
       arrow: e.arrow,
@@ -38,34 +41,34 @@ const b = {
       disabled: e.disabled,
       placement: e.placement
     }, {
-      default: y(() => [
-        e.title || o.$slots.header ? (t(), l("h3", b, [
-          _(
+      default: _(() => [
+        e.title || o.$slots.header ? (t(), l("h3", k, [
+          v(
             i(e.title) + " ",
             1
             /* TEXT */
           ),
-          s(o.$slots, "header")
-        ])) : d("v-if", !0),
-        e.text || o.$slots.body ? (t(), l("div", k, [
+          d(o.$slots, "header")
+        ])) : s("v-if", !0),
+        e.text || o.$slots.body ? (t(), l("div", B, [
           e.html ? (t(), l("span", {
             key: 0,
             innerHTML: e.text
-          }, null, 8, B)) : (t(), l(
+          }, null, 8, V)) : (t(), l(
             "span",
-            V,
+            g,
             i(e.text),
             1
             /* TEXT */
           )),
-          s(o.$slots, "body")
-        ])) : d("v-if", !0)
+          d(o.$slots, "body")
+        ])) : s("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["modelValue", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
+    }, 8, ["id", "modelValue", "class", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
   }
 });
 export {
-  M as default
+  x as default
 };

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

@@ -1,15 +1,25 @@
 declare const QPopover: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean;
-    } & import('./types').QPopoverProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        anchor: import('../../utils/getElement').Selector;
+        arrow?: boolean;
+        attach?: string;
+        inline?: boolean;
+        disabled?: boolean;
+        html?: boolean;
+        placement?: import('../../composables/overlay').Placement;
+        text: string;
+        title?: string;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
         html: boolean;
+        placement: import('../../composables/overlay').Placement;
         arrow: boolean;
         attach: string;
-        placement: import('../../composables/overlay').Placement;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -19,28 +29,48 @@ declare const QPopover: {
         Defaults: {};
     }, Readonly<{
         modelValue?: boolean;
-    } & import('./types').QPopoverProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        anchor: import('../../utils/getElement').Selector;
+        arrow?: boolean;
+        attach?: string;
+        inline?: boolean;
+        disabled?: boolean;
+        html?: boolean;
+        placement?: import('../../composables/overlay').Placement;
+        text: string;
+        title?: string;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         html: boolean;
+        placement: import('../../composables/overlay').Placement;
         arrow: boolean;
         attach: string;
-        placement: import('../../composables/overlay').Placement;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
-} & import('./types').QPopoverProps> & Readonly<{
+} & import('../../types/component').QBaseComponentProps & {
+    anchor: import('../../utils/getElement').Selector;
+    arrow?: boolean;
+    attach?: string;
+    inline?: boolean;
+    disabled?: boolean;
+    html?: boolean;
+    placement?: import('../../composables/overlay').Placement;
+    text: string;
+    title?: string;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, {
     html: boolean;
+    placement: import('../../composables/overlay').Placement;
     arrow: boolean;
     attach: string;
-    placement: import('../../composables/overlay').Placement;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -1,6 +1,7 @@
 import { Placement } from '../../composables/overlay';
 import { Selector } from '../../utils/getElement';
-export type QPopoverProps = {
+import { QBaseComponentProps } from '../../types/component';
+export type QPopoverProps = QBaseComponentProps & {
     /**
      * The DOM element the popover should be anchored to.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/esm/components/QPropertyList/QPropertyList.d.ts

@@ -1,4 +1,4 @@
-import { QPropertyListField, QPropertyListGroupProps, QPropertyListProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
+import { QPropertyListField, QPropertyListProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {
@@ -30,7 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<QPropertyListProps,
 }>, {
     icons: typeof DEFAULT_ICONS;
     texts: typeof DEFAULT_TEXTS;
-    groups: QPropertyListGroupProps[];
+    groups: import('./types').QPropertyListGroup[];
     fields: QPropertyListField[];
     panelPosition: import('./types').PanelPosition;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -1 +1 @@
-{"version":3,"file":"QPropertyList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyList.vue"],"names":[],"mappings":"AAuDA;AAoMC,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI9F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAwIvD,iBAAS,cAAc;WA+HT,OAAO,IAA6B;;;UAbqC,GAAG;;;;;;;;;;YAE9D,GAAG;;;;;;EAgB9B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAUnB,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":"QPropertyList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyList.vue"],"names":[],"mappings":"AAuDA;AA6NC,OAAO,KAAK,EAAE,kBAAkB,EAA2B,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI9F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAiKvD,iBAAS,cAAc;WA+HT,OAAO,IAA6B;;;UAbqC,GAAG;;;;;;;;;;YAE9D,GAAG;;;;;;EAgB9B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAUnB,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"}