@quidgest/ui 0.14.6 → 0.14.8

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

@@ -1,7 +1,8 @@
-import { defineComponent as G, mergeModels as $, useModel as H, computed as c, reactive as M, watch as h, ref as R, nextTick as u, onMounted as J, onBeforeUnmount as X, openBlock as w, createBlock as Y, Teleport as Z, createElementBlock as L, normalizeClass as V, createCommentVNode as g, createVNode as ee, Transition as te, withCtx as oe, normalizeStyle as A, createElementVNode as ne, mergeProps as re, withKeys as ie, renderSlot as ae } from "vue";
-import { getSideFromPlacement as le, computePosition as se } from "../../composables/overlay.js";
-import { getElement as de } from "../../utils/getElement.js";
-const ce = ["role"], me = /* @__PURE__ */ G({
+import { defineComponent as H, mergeModels as $, useModel as J, computed as c, reactive as M, watch as w, ref as R, nextTick as f, onMounted as X, onBeforeUnmount as Y, openBlock as s, createElementBlock as k, Fragment as Z, createBlock as V, Teleport as ee, normalizeClass as A, createCommentVNode as g, createVNode as te, Transition as ne, withCtx as oe, normalizeStyle as U, createElementVNode as re, mergeProps as ie, withKeys as ae, renderSlot as le, unref as de } from "vue";
+import { QRemoveScrollBar as se } from "../QRemoveScrollBar/index.js";
+import { getSideFromPlacement as ue, computePosition as ce } from "../../composables/overlay.js";
+import { getElement as fe } from "../../utils/getElement.js";
+const me = ["role"], we = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: /* @__PURE__ */ $({
@@ -28,224 +29,233 @@ const ce = ["role"], me = /* @__PURE__ */ G({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["enter", "leave"], ["update:modelValue"]),
-  setup(E, { emit: U }) {
-    const t = E, b = U, a = H(E, "modelValue"), z = c(() => [
+  setup(E, { emit: z }) {
+    const t = E, B = z, r = J(E, "modelValue"), I = c(() => [
       "q-overlay",
-      `q-overlay--${le(o.placement)}`,
+      `q-overlay--${ue(n.placement)}`,
       {
         "q-overlay--independent": t.anchor === void 0,
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), B = c(() => (a.value || o.animating) && !t.nonModal), o = M({
+    ]), b = c(() => (r.value || n.animating) && !t.nonModal), n = M({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), r = M({
+    }), i = M({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), I = c(() => o.top !== 0 && o.left !== 0);
-    h(a, () => o.animating = !0);
-    const N = c(() => {
+    }), N = c(() => n.top !== 0 && n.left !== 0);
+    w(r, () => n.animating = !0);
+    const O = c(() => {
       if (t.anchor === void 0) return;
-      const e = s(), y = t.width === "anchor", n = y ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
+      const e = d(), h = t.width === "anchor", o = h ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
-        top: `${o.top}px`,
-        left: `${o.left}px`,
-        width: n !== void 0 ? `${n}px` : void 0
+        top: `${n.top}px`,
+        left: `${n.left}px`,
+        width: o !== void 0 ? `${o}px` : void 0
       };
-    }), O = c(() => {
+    }), P = c(() => {
       if (t.arrow)
         return {
-          top: r.top !== void 0 ? `${r.top}px` : void 0,
-          left: r.left !== void 0 ? `${r.left}px` : void 0,
-          opacity: r.hidden ? 0 : 1
+          top: i.top !== void 0 ? `${i.top}px` : void 0,
+          left: i.left !== void 0 ? `${i.left}px` : void 0,
+          opacity: i.hidden ? 0 : 1
         };
-    }), v = R(null), f = R(null);
-    function i() {
-      const e = s();
-      if (!e || !f.value)
+    }), m = R(null), p = R(null);
+    function a() {
+      const e = d();
+      if (!e || !p.value)
         return;
-      const y = {
+      const h = {
         placement: t.placement,
         width: t.width,
         offset: t.offset,
         arrow: t.arrow
-      }, n = se(
+      }, o = ce(
         e,
-        f.value,
-        (v == null ? void 0 : v.value) ?? void 0,
-        y
+        p.value,
+        (m == null ? void 0 : m.value) ?? void 0,
+        h
       );
-      o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement, r.hidden = n.arrowCoords === void 0, n.arrowCoords && (r.top = n.arrowCoords.y, r.left = n.arrowCoords.x);
+      n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, i.hidden = o.arrowCoords === void 0, o.arrowCoords && (i.top = o.arrowCoords.y, i.left = o.arrowCoords.x);
     }
-    h(
+    w(
       () => t.placement,
-      () => u(i)
+      () => f(a)
     );
-    let m;
-    function p() {
+    let v;
+    function y() {
       C(0);
     }
     function _() {
       C(t.delay);
     }
     function C(e) {
-      m || (m = window.setTimeout(() => {
-        a.value = !0;
+      v || (v = window.setTimeout(() => {
+        r.value = !0;
       }, e));
     }
     function l() {
-      if (clearTimeout(m), m = void 0, a.value = !1, t.anchor && t.trigger === "click") {
-        const e = s();
+      if (clearTimeout(v), v = void 0, r.value = !1, t.anchor && t.trigger === "click") {
+        const e = d();
         e == null || e.focus();
       }
     }
-    h(I, () => u(P));
-    function P() {
-      b("enter");
+    w(N, () => f(D));
+    function D() {
+      B("enter");
     }
     let T;
-    function D() {
-      window.clearTimeout(T), T = window.setTimeout(() => o.animating = !1, 200), b("leave");
+    function F() {
+      window.clearTimeout(T), T = window.setTimeout(() => n.animating = !1, 200), B("leave");
     }
-    function s() {
-      return t.anchor ? de(t.anchor) : null;
+    function d() {
+      return t.anchor ? fe(t.anchor) : null;
     }
-    let d;
+    let u;
     function K() {
-      const e = s();
+      const e = d();
       if (e)
-        switch (d = new MutationObserver(i), d.observe(e, {
+        switch (u = new MutationObserver(a), u.observe(e, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), t.trigger) {
           case "click":
-            e.addEventListener("click", p);
+            e.addEventListener("click", y);
             break;
           case "hover":
-            e.addEventListener("mouseenter", _), e.addEventListener("mouseleave", l), e.addEventListener("focusin", p), e.addEventListener("focusout", l);
+            e.addEventListener("mouseenter", _), e.addEventListener("mouseleave", l), e.addEventListener("focusin", y), e.addEventListener("focusout", l);
             break;
         }
     }
-    function F() {
-      const e = s();
+    function Q() {
+      const e = d();
       if (e)
-        switch (d == null || d.disconnect(), t.trigger) {
+        switch (u == null || u.disconnect(), t.trigger) {
           case "click":
-            e.removeEventListener("click", p);
+            e.removeEventListener("click", y);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", _), e.removeEventListener("mouseleave", l), e.removeEventListener("focusin", p), e.removeEventListener("focusout", l);
+            e.removeEventListener("mouseenter", _), e.removeEventListener("mouseleave", l), e.removeEventListener("focusin", y), e.removeEventListener("focusout", l);
             break;
         }
     }
-    function Q() {
-      window.addEventListener("resize", i), t.scrollLock || window.addEventListener("scroll", i);
-    }
     function W() {
-      window.removeEventListener("resize", i), t.scrollLock || window.removeEventListener("scroll", i);
+      window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
     }
-    let k;
+    function j() {
+      window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
+    }
+    let L;
     function x() {
-      s() ? (i(), k = window.setTimeout(x, 100)) : l();
+      d() ? (a(), L = window.setTimeout(x, 100)) : l();
     }
-    function j() {
-      Q(), t.spy ? x() : i(), t.scrollLock && document.body.classList.add("no-scroll"), (t.anchor === void 0 || t.trigger === "click") && u(() => {
+    function G() {
+      W(), t.spy ? x() : a(), (t.anchor === void 0 || t.trigger === "click") && f(() => {
         var e;
-        return (e = f.value) == null ? void 0 : e.focus();
+        return (e = p.value) == null ? void 0 : e.focus();
       });
     }
-    function q() {
-      W(), t.spy && (clearTimeout(k), k = void 0), t.scrollLock && document.body.classList.remove("no-scroll"), o.top = 0, o.left = 0;
-    }
     function S() {
+      j(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
+    }
+    function q() {
       t.persistent || l();
     }
-    return J(() => {
-      u(K);
-    }), X(() => {
-      F(), q();
-    }), h(
-      a,
+    return X(() => {
+      f(K);
+    }), Y(() => {
+      Q(), S();
+    }), w(
+      r,
       (e) => {
-        u(() => e ? j() : q());
+        f(() => e ? G() : S());
       },
       { immediate: !0 }
-    ), (e, y) => (w(), Y(Z, {
-      disabled: !a.value && !o.animating || t.inline,
-      to: t.attach
-    }, [
-      B.value ? (w(), L(
-        "div",
-        {
-          key: 0,
-          class: V([
-            t.backdropClass,
-            "q-overlay__underlay",
-            { "q-overlay__underlay--blur": t.backdropBlur }
-          ])
-        },
-        null,
-        2
-        /* CLASS */
-      )) : g("v-if", !0),
-      ee(te, {
-        name: t.transition,
-        appear: "",
-        onLeave: D
-      }, {
-        default: oe(() => [
-          a.value ? (w(), L(
+    ), (e, h) => (s(), k(
+      Z,
+      null,
+      [
+        (s(), V(ee, {
+          disabled: !r.value && !n.animating || t.inline,
+          to: t.attach
+        }, [
+          b.value ? (s(), k(
             "div",
             {
               key: 0,
-              class: V(z.value),
-              style: A(N.value)
+              class: A([
+                t.backdropClass,
+                "q-overlay__underlay",
+                { "q-overlay__underlay--blur": t.backdropBlur }
+              ])
             },
-            [
-              ne("div", re({
-                class: "q-overlay__content",
-                ref_key: "overlayRef",
-                ref: f,
-                tabindex: "-1",
-                role: B.value ? "dialog" : void 0
-              }, e.$attrs, {
-                onKeydown: ie(S, ["escape"]),
-                onBlur: S
-              }), [
-                t.arrow ? (w(), L(
-                  "div",
-                  {
-                    key: 0,
-                    ref_key: "arrowRef",
-                    ref: v,
-                    role: "presentation",
-                    class: "q-overlay__arrow",
-                    style: A(O.value)
-                  },
-                  null,
-                  4
-                  /* STYLE */
-                )) : g("v-if", !0),
-                ae(e.$slots, "default")
-              ], 16, ce)
-            ],
-            6
-            /* CLASS, STYLE */
-          )) : g("v-if", !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["name"])
-    ], 8, ["disabled", "to"]));
+            null,
+            2
+            /* CLASS */
+          )) : g("v-if", !0),
+          te(ne, {
+            name: t.transition,
+            appear: "",
+            onLeave: F
+          }, {
+            default: oe(() => [
+              r.value ? (s(), k(
+                "div",
+                {
+                  key: 0,
+                  class: A(I.value),
+                  style: U(O.value)
+                },
+                [
+                  re("div", ie({
+                    ref_key: "overlayRef",
+                    ref: p,
+                    class: "q-overlay__content",
+                    tabindex: "-1",
+                    role: b.value ? "dialog" : void 0
+                  }, e.$attrs, {
+                    onKeydown: ae(q, ["escape"]),
+                    onBlur: q
+                  }), [
+                    t.arrow ? (s(), k(
+                      "div",
+                      {
+                        key: 0,
+                        ref_key: "arrowRef",
+                        ref: m,
+                        role: "presentation",
+                        class: "q-overlay__arrow",
+                        style: U(P.value)
+                      },
+                      null,
+                      4
+                      /* STYLE */
+                    )) : g("v-if", !0),
+                    le(e.$slots, "default")
+                  ], 16, me)
+                ],
+                6
+                /* CLASS, STYLE */
+              )) : g("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["name"])
+        ], 8, ["disabled", "to"])),
+        t.scrollLock && r.value ? (s(), V(de(se), { key: 0 })) : g("v-if", !0)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
   }
 });
 export {
-  me as default
+  we as default
 };

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

@@ -1,21 +1,22 @@
 import { QPopoverProps } from './types';
-declare let __VLS_typeProps: QPopoverProps;
+type __VLS_Props = QPopoverProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
         body?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     html: boolean;
     title: string;

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":"AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI7C,QAAA,IAAI,eAAe,EAAG,aAAa,CAAC;AA4BpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;wBAqDK,GAAG;sBACL,GAAG;;;WASf,OAAO,IAA6B;EAEjD;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;AAgBpG,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":"AA4BA;AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI7C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6BjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8DT,OAAO,IAA6B;;wBATtB,GAAG;sBACL,GAAG;;;;EAa5B;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;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,5 +1,6 @@
 import { QPropertyListField, QPropertyListGroupProps, QPropertyListProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {
         field: QPropertyListField;
     }) => any>> & {
@@ -17,7 +18,7 @@ declare function __VLS_template(): {
     refs: {
         componentRoot: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QPropertyListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -31,7 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<QPropertyListProps,
     texts: typeof DEFAULT_TEXTS;
     fields: QPropertyListField[];
     panelPosition: import('./types').PanelPosition;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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":"AAkMC,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI9F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8IvD,iBAAS,cAAc;;;UAyH+D,GAAG;;;;;;;;;;YAE7D,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,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":"AAsDA;AAkMC,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI9F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8IvD,iBAAS,cAAc;WAoIT,OAAO,IAA6B;;;UAXoC,GAAG;;;;;;;;;;YAE7D,GAAG;;;;;;EAc9B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPropertyList/QPropertyList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, ref as d, computed as g, openBlock as s, createElementBlock as u, normalizeClass as v, createElementVNode as i, Fragment as p, renderList as _, createBlock as c, unref as f, createCommentVNode as y, withCtx as h, renderSlot as F } from "vue";
+import { defineComponent as w, ref as d, computed as g, openBlock as s, createElementBlock as a, normalizeClass as v, createElementVNode as i, Fragment as p, renderList as _, createBlock as c, unref as f, createCommentVNode as y, withCtx as h, renderSlot as F } from "vue";
 import { QPropertyListGroup as G, QPropertyListRow as Q, QPropertyListPanel as S } from "./index.js";
 import { DEFAULT_ICONS as A, DEFAULT_TEXTS as N } from "./types.js";
 const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
@@ -16,7 +16,7 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
   },
   emits: ["field-change"],
   setup(k, { emit: P }) {
-    const t = k, x = P, a = d(t.groups.map((e) => e.id)), r = d(void 0), m = d(null), C = g(() => t.groups.length ? t.groups.filter(
+    const t = k, x = P, u = d(t.groups.map((e) => e.id)), r = d(void 0), m = d(null), C = g(() => t.groups.length ? t.groups.filter(
       (e) => t.fields.some((o) => o.group === e.id)
     ) : [{ id: "", title: "" }]), L = g(() => [
       t.class,
@@ -32,16 +32,16 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
       return e ? t.fields.filter((o) => o.group === e) : t.fields;
     }
     function B(e) {
-      const o = a.value.indexOf(e);
-      o === -1 ? a.value.push(e) : a.value.splice(o, 1);
+      const o = u.value.indexOf(e);
+      o === -1 ? u.value.push(e) : u.value.splice(o, 1);
     }
     function E(e) {
-      var n;
-      const o = e.group && !a.value.includes(e.group), l = ((n = r.value) == null ? void 0 : n.id) === e.id;
+      var l;
+      const o = e.group && !u.value.includes(e.group), n = ((l = r.value) == null ? void 0 : l.id) === e.id;
       return [
         {
           "q-property-list__row--closed": o,
-          "q-property-list__row--selected": l
+          "q-property-list__row--selected": n
         }
       ];
     }
@@ -51,13 +51,13 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
     function b(e, o) {
       t.readonly || (e.props.readonly ?? !1) || (e.props.modelValue = o, x("field-change", e));
     }
-    return (e, o) => (s(), u(
+    return (e, o) => (s(), a(
       "div",
       {
-        tabindex: "0",
-        class: v(["q-property-list", L.value]),
         ref_key: "componentRoot",
         ref: m,
+        tabindex: "0",
+        class: v(["q-property-list", L.value]),
         onFocusout: T
       },
       [
@@ -74,36 +74,36 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
             /* HOISTED */
           )),
           i("tbody", null, [
-            (s(!0), u(
+            (s(!0), a(
               p,
               null,
-              _(C.value, (l) => (s(), u(
+              _(C.value, (n) => (s(), a(
                 p,
                 {
-                  key: l.id
+                  key: n.id
                 },
                 [
-                  l.title ? (s(), c(f(G), {
+                  n.title ? (s(), c(f(G), {
                     key: 0,
-                    id: l.id,
-                    title: l.title,
+                    id: n.id,
+                    title: n.title,
                     icons: t.icons,
                     "no-toggle": t.noToggle,
                     onToggleGroup: B
                   }, null, 8, ["id", "title", "icons", "no-toggle"])) : y("v-if", !0),
-                  (s(!0), u(
+                  (s(!0), a(
                     p,
                     null,
-                    _(q(l.id), (n) => (s(), c(f(Q), {
-                      key: n.id,
-                      class: v(E(n)),
-                      field: n,
+                    _(q(n.id), (l) => (s(), c(f(Q), {
+                      key: l.id,
+                      class: v(E(l)),
+                      field: l,
                       readonly: t.readonly,
                       onFocus: R,
                       onFieldChange: b
                     }, {
                       default: h(() => [
-                        F(e.$slots, n.id, { field: n })
+                        F(e.$slots, l.id, { field: l })
                       ]),
                       _: 2
                       /* DYNAMIC */

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

@@ -6,6 +6,6 @@ declare const _default: import('vue').DefineComponent<QPropertyListGroupProps, {
 }>, {
     icons: typeof DEFAULT_ICONS;
     noToggle: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 export default _default;
 //# sourceMappingURL=QPropertyListGroup.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QPropertyListGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListGroup.vue"],"names":[],"mappings":"AAyEC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;AAoIxC,wBAUG"}
+{"version":3,"file":"QPropertyListGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListGroup.vue"],"names":[],"mappings":"AAuBA;AAyEC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;AAoIxC,wBASG"}

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

@@ -1,16 +1,17 @@
 import { QPropertyListPanelProps, DEFAULT_TEXTS } from './types';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QPropertyListPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QPropertyListPanelProps> & Readonly<{}>, {
     texts: typeof DEFAULT_TEXTS;
     field: import('./types').QPropertyListField;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QPropertyListPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListPanel.vue"],"names":[],"mappings":"AA+BC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAkBxC,iBAAS,cAAc;;yBAwCM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QPropertyListPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListPanel.vue"],"names":[],"mappings":"AAeA;AA+BC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAmBxC,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPropertyList/QPropertyListPanel.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as n, openBlock as s, createElementBlock as o, renderSlot as p, createElementVNode as l, toDisplayString as t } from "vue";
+import { defineComponent as r, openBlock as s, createElementBlock as o, renderSlot as p, createElementVNode as l, toDisplayString as t } from "vue";
 import { DEFAULT_TEXTS as a } from "./types.js";
 const d = { class: "q-property-list-panel__container" }, _ = { class: "q-property-list-panel__label" }, c = { class: "q-property-list-panel__description" }, f = {
   key: 1,
   class: "q-property-list-panel__empty"
-}, h = /* @__PURE__ */ n({
+}, h = /* @__PURE__ */ r({
   __name: "QPropertyListPanel",
   props: {
     field: { default: void 0 },
@@ -12,8 +12,8 @@ const d = { class: "q-property-list-panel__container" }, _ = { class: "q-propert
   },
   setup(i) {
     const e = i;
-    return (r, m) => (s(), o("div", d, [
-      e.field ? p(r.$slots, "default", { key: 0 }, () => [
+    return (n, m) => (s(), o("div", d, [
+      e.field ? p(n.$slots, "default", { key: 0 }, () => [
         l(
           "div",
           _,

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

@@ -1,10 +1,11 @@
 import { QPropertyListField, QPropertyListRowProps } from './types';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableRowElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QPropertyListRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -13,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<QPropertyListRowPro
 }, string, import('vue').PublicProps, Readonly<QPropertyListRowProps> & Readonly<{
     onFocus?: ((field: QPropertyListField) => any) | undefined;
     "onField-change"?: ((field: QPropertyListField, value: unknown) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AAsEC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AA+CzE,iBAAS,cAAc;;yBA0DM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AA0BA;AAsEC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AA8CzE,iBAAS,cAAc;WAkET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}