@quidgest/ui 0.14.14 → 0.14.15

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

@@ -1,43 +1,52 @@
-import { defineComponent as G, ref as d, computed as v, createElementBlock as u, openBlock as r, normalizeClass as _, createElementVNode as i, createBlock as p, createCommentVNode as c, Fragment as f, renderList as h, unref as m, withCtx as F, renderSlot as k } from "vue";
-import { QPropertyListGroup as V, QPropertyListRow as Q, QPropertyListPanel as S } from "./index.js";
-import { DEFAULT_TEXTS as U, DEFAULT_ICONS as A } from "./types.js";
-const N = { class: "q-property-list__table" }, z = /* @__PURE__ */ G({
+import { defineComponent as A, ref as c, computed as g, watch as G, nextTick as Q, createElementBlock as d, openBlock as i, normalizeClass as _, createElementVNode as a, createBlock as p, createCommentVNode as f, Fragment as y, renderList as k, unref as m, withCtx as h, renderSlot as b } from "vue";
+import { QPropertyListGroup as S, QPropertyListRow as U, QPropertyListPanel as N } from "./index.js";
+import { DEFAULT_TEXTS as O, DEFAULT_ICONS as $ } from "./types.js";
+const D = ["id"], W = { class: "q-property-list__table" }, j = /* @__PURE__ */ A({
   __name: "QPropertyList",
   props: {
+    id: {},
+    class: {},
     fields: { default: () => [] },
-    noPanel: { type: Boolean },
-    noToggle: { type: Boolean },
-    panelPosition: { default: "bottom" },
     groups: { default: () => [] },
+    panelPosition: { default: "bottom" },
     readonly: { type: Boolean },
-    class: {},
-    icons: { default: () => A },
-    texts: { default: () => U }
+    block: { type: Boolean },
+    noPanel: { type: Boolean },
+    noToggle: { type: Boolean },
+    icons: { default: () => $ },
+    texts: { default: () => O }
   },
   emits: ["field-change", "select-field"],
-  setup(P, { emit: x }) {
-    const t = P, y = x, a = d(t.groups.map((e) => e.id)), s = d(void 0), g = d(null), C = v(() => t.groups.length ? t.groups.filter(
+  setup(x, { emit: C }) {
+    const t = x, v = C, u = c(t.groups.map((e) => e.id)), s = c(void 0), r = c(null), F = g(() => t.groups.length ? t.groups.filter(
       (e) => t.fields.some((o) => o.group === e.id)
-    ) : [{ id: "", title: "" }]), L = v(() => [
-      t.class,
+    ) : [{ id: "", title: "" }]), w = g(() => [
+      "q-property-list",
       {
-        "q-property-list--side-panel": t.panelPosition === "right"
-      }
+        "q-property-list--side-panel": t.panelPosition === "right",
+        "q-property-list--block": t.block
+      },
+      t.class
     ]);
-    function T() {
+    function P() {
+      if (!r.value) return;
+      const e = r.value.offsetWidth;
+      r.value.style.width = `${e}px`;
+    }
+    function q() {
       var e;
-      (e = g.value) != null && e.contains(document.activeElement) || (s.value = void 0);
+      (e = r.value) != null && e.contains(document.activeElement) || (s.value = void 0);
     }
-    function q(e) {
+    function B(e) {
       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);
+    function L(e) {
+      const o = u.value.indexOf(e);
+      o === -1 ? u.value.push(e) : u.value.splice(o, 1);
     }
-    function E(e) {
+    function T(e) {
       var l;
-      const o = e.group && !a.value.includes(e.group), n = ((l = s.value) == null ? void 0 : l.id) === e.id;
+      const o = e.group && !u.value.includes(e.group), n = ((l = s.value) == null ? void 0 : l.id) === e.id;
       return [
         {
           "q-property-list__row--closed": o,
@@ -45,102 +54,104 @@ const N = { class: "q-property-list__table" }, z = /* @__PURE__ */ G({
         }
       ];
     }
-    function R(e) {
-      s.value = e, y("select-field", s.value.id);
+    function E(e) {
+      s.value = e, v("select-field", s.value.id);
     }
-    function b(e, o) {
-      t.readonly || (e.props.readonly ?? !1) || y("field-change", e, o);
+    function R(e, o) {
+      t.readonly || (e.props.readonly ?? !1) || v("field-change", e, o);
     }
-    return (e, o) => (r(), u(
-      "div",
-      {
-        ref_key: "componentRoot",
-        ref: g,
-        tabindex: "0",
-        class: _(["q-property-list", L.value]),
-        onFocusout: T
+    return G(
+      () => t.block,
+      async (e) => {
+        var o;
+        await Q(), e ? (o = r.value) == null || o.removeAttribute("style") : P();
       },
-      [
-        i("table", N, [
-          o[0] || (o[0] = i(
-            "thead",
-            { class: "q-property-list__header" },
-            [
-              i("tr", null, [
-                i("th", { colspan: "2" })
-              ])
-            ],
-            -1
-            /* HOISTED */
-          )),
-          i("tbody", null, [
-            (r(!0), u(
-              f,
-              null,
-              h(C.value, (n) => (r(), u(
-                f,
-                {
-                  key: n.id
-                },
-                [
-                  n.title ? (r(), p(m(V), {
-                    key: 0,
-                    id: n.id,
-                    title: n.title,
-                    icons: t.icons,
-                    "no-toggle": t.noToggle,
-                    onToggleGroup: B
-                  }, null, 8, ["id", "title", "icons", "no-toggle"])) : c("v-if", !0),
-                  (r(!0), u(
-                    f,
-                    null,
-                    h(q(n.id), (l) => (r(), p(m(Q), {
-                      key: l.id,
-                      class: _(E(l)),
-                      field: l,
-                      "model-value": l.props.modelValue,
-                      readonly: t.readonly,
-                      onFocus: R,
-                      "onUpdate:modelValue": (w) => b(l, w)
-                    }, {
-                      default: F(() => [
-                        k(e.$slots, l.id, { field: l })
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1032, ["class", "field", "model-value", "readonly", "onUpdate:modelValue"]))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              ))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ])
+      { immediate: !0 }
+    ), (e, o) => (i(), d("div", {
+      id: t.id,
+      ref_key: "componentRoot",
+      ref: r,
+      tabindex: "0",
+      class: _(w.value),
+      onFocusout: q
+    }, [
+      a("table", W, [
+        o[0] || (o[0] = a(
+          "thead",
+          { class: "q-property-list__header" },
+          [
+            a("tr", null, [
+              a("th", { colspan: "2" })
+            ])
+          ],
+          -1
+          /* HOISTED */
+        )),
+        a("tbody", null, [
+          (i(!0), d(
+            y,
+            null,
+            k(F.value, (n) => (i(), d(
+              y,
+              {
+                key: n.id
+              },
+              [
+                n.title ? (i(), p(m(S), {
+                  key: 0,
+                  "data-key": n.id,
+                  title: n.title,
+                  icons: t.icons,
+                  "no-toggle": t.noToggle,
+                  onClick: () => L(n.id)
+                }, null, 8, ["data-key", "title", "icons", "no-toggle", "onClick"])) : f("v-if", !0),
+                (i(!0), d(
+                  y,
+                  null,
+                  k(B(n.id), (l) => (i(), p(m(U), {
+                    key: l.id,
+                    class: _(T(l)),
+                    field: l,
+                    "model-value": l.props.modelValue,
+                    readonly: t.readonly,
+                    onFocus: E,
+                    "onUpdate:modelValue": (V) => R(l, V)
+                  }, {
+                    default: h(() => [
+                      b(e.$slots, l.id, { field: l })
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["class", "field", "model-value", "readonly", "onUpdate:modelValue"]))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ]),
+      t.noPanel ? f("v-if", !0) : (i(), p(m(N), {
+        key: 0,
+        field: s.value,
+        texts: t.texts
+      }, {
+        default: h(() => [
+          s.value ? b(e.$slots, "panel", {
+            key: 0,
+            field: s.value
+          }) : f("v-if", !0)
         ]),
-        t.noPanel ? c("v-if", !0) : (r(), p(m(S), {
-          key: 0,
-          field: s.value,
-          texts: t.texts
-        }, {
-          default: F(() => [
-            s.value ? k(e.$slots, "panel", {
-              key: 0,
-              field: s.value
-            }) : c("v-if", !0)
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["field", "texts"]))
-      ],
-      34
-      /* CLASS, NEED_HYDRATION */
-    ));
+        _: 3
+        /* FORWARDED */
+      }, 8, ["field", "texts"]))
+    ], 42, D));
   }
 });
 export {
-  z as default
+  j as default
 };

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

@@ -1,8 +1,8 @@
 import { QPropertyListGroupProps, DEFAULT_ICONS } from './types';
 declare const _default: import('vue').DefineComponent<QPropertyListGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "toggle-group": (id: string) => any;
+    click: () => any;
 }, string, import('vue').PublicProps, Readonly<QPropertyListGroupProps> & Readonly<{
-    "onToggle-group"?: ((id: string) => any) | undefined;
+    onClick?: (() => any) | undefined;
 }>, {
     icons: typeof DEFAULT_ICONS;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;

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":"AAuBA;AAwEC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;AA2HxC,wBASG"}
+{"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;;;;;;;;AA4HxC,wBASG"}

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

@@ -1,48 +1,50 @@
-import { defineComponent as m, ref as g, computed as n, createElementBlock as _, openBlock as i, unref as o, normalizeClass as f, createElementVNode as s, createBlock as y, createCommentVNode as k, createTextVNode as v, withCtx as C, createVNode as b, normalizeProps as T, guardReactiveProps as h, toDisplayString as x } from "vue";
+import { defineComponent as m, ref as g, computed as l, createElementBlock as _, openBlock as i, unref as o, normalizeClass as f, createElementVNode as n, createBlock as y, createCommentVNode as v, createTextVNode as k, withCtx as b, createVNode as C, normalizeProps as T, guardReactiveProps as h, toDisplayString as x } from "vue";
 import { QButton as B } from "../QButton/index.js";
 import { QIcon as N } from "../QIcon/index.js";
 import { useId as V } from "../../composables/uid.js";
 import { DEFAULT_ICONS as q } from "./types.js";
-const E = ["data-key", "aria-labelledby"], I = ["id"], P = { class: "q-property-list-group__content" }, A = /* @__PURE__ */ m({
+const E = ["id", "aria-labelledby"], I = ["id"], P = { class: "q-property-list-group__content" }, A = /* @__PURE__ */ m({
   __name: "QPropertyListGroup",
   props: {
     id: {},
+    class: {},
     title: {},
     noToggle: { type: Boolean },
     icons: { default: () => q },
     texts: {}
   },
-  emits: ["toggle-group"],
-  setup(a, { emit: c }) {
-    const e = a, p = c, t = g(!0), r = V(), u = n(() => t.value ? e.icons.open : e.icons.close), d = n(() => [
+  emits: ["click"],
+  setup(c, { emit: a }) {
+    const e = c, p = a, t = g(!0), r = V(), u = l(() => t.value ? e.icons.open : e.icons.close), d = l(() => [
       "q-property-list-group",
       {
         "q-property-list-group--no-toggle": e.noToggle
-      }
+      },
+      e.class
     ]);
-    function l() {
-      e.noToggle || (t.value = !t.value, p("toggle-group", e.id));
+    function s() {
+      e.noToggle || (t.value = !t.value, p("click"));
     }
     return (Q, z) => (i(), _("tr", {
+      id: e.id,
       class: f(d.value),
       role: "group",
-      "data-key": e.id,
       "aria-labelledby": o(r),
-      onClick: l
+      onClick: s
     }, [
-      s("td", {
+      n("td", {
         id: o(r),
         colspan: "2"
       }, [
-        s("div", P, [
-          e.noToggle ? k("v-if", !0) : (i(), y(o(B), {
+        n("div", P, [
+          e.noToggle ? v("v-if", !0) : (i(), y(o(B), {
             key: 0,
             "b-style": "tertiary",
             borderless: "",
-            onClick: l
+            onClick: s
           }, {
-            default: C(() => [
-              b(
+            default: b(() => [
+              C(
                 o(N),
                 T(h(u.value)),
                 null,
@@ -53,7 +55,7 @@ const E = ["data-key", "aria-labelledby"], I = ["id"], P = { class: "q-property-
             _: 1
             /* STABLE */
           })),
-          v(
+          k(
             " " + x(e.title),
             1
             /* TEXT */

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":"AAeA;AA8BC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYxC,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/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;AAapG,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":"AAiBA;AAgCC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYxC,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/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;AAapG,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,43 +1,48 @@
-import { defineComponent as n, createElementBlock as s, openBlock as o, renderSlot as p, createElementVNode as l, toDisplayString as t } from "vue";
-import { DEFAULT_TEXTS as a } from "./types.js";
-const _ = { class: "q-property-list-panel__container" }, c = { class: "q-property-list-panel__label" }, d = { class: "q-property-list-panel__description" }, f = {
+import { defineComponent as p, createElementBlock as s, openBlock as l, normalizeClass as n, renderSlot as a, createElementVNode as o, toDisplayString as t } from "vue";
+import { DEFAULT_TEXTS as d } from "./types.js";
+const c = ["id"], _ = { class: "q-property-list-panel__label" }, m = { class: "q-property-list-panel__description" }, f = {
   key: 1,
   class: "q-property-list-panel__empty"
-}, h = /* @__PURE__ */ n({
+}, k = /* @__PURE__ */ p({
   __name: "QPropertyListPanel",
   props: {
+    id: {},
+    class: {},
     field: {},
     icons: {},
-    texts: { default: () => a }
+    texts: { default: () => d }
   },
   setup(i) {
     const e = i;
-    return (r, m) => (o(), s("div", _, [
-      e.field ? p(r.$slots, "default", { key: 0 }, () => [
-        l(
+    return (r, y) => (l(), s("div", {
+      id: e.id,
+      class: n(["q-property-list-panel", e.class])
+    }, [
+      e.field ? a(r.$slots, "default", { key: 0 }, () => [
+        o(
           "div",
-          c,
+          _,
           t(e.field.label),
           1
           /* TEXT */
         ),
-        l(
+        o(
           "div",
-          d,
+          m,
           t(e.field.description),
           1
           /* TEXT */
         )
-      ]) : (o(), s(
+      ]) : (l(), s(
         "div",
         f,
         t(e.texts.emptyMessage),
         1
         /* TEXT */
       ))
-    ]));
+    ], 10, c));
   }
 });
 export {
-  h as default
+  k as default
 };

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

@@ -1,11 +1,14 @@
-import { QPropertyListField, QPropertyListRowProps } from './types';
+import { QPropertyListField } from './types';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
         readonly onFocus?: ((field: QPropertyListField) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onFocus"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onUpdate:modelValue"> & ({
         modelValue?: T;
-    } & QPropertyListRowProps) & Partial<{}>> & import('vue').PublicProps;
+    } & import('../../types/component').QBaseComponentProps & {
+        field: QPropertyListField;
+        readonly?: boolean;
+    }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

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":"AA2BA;AAoFC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;yBAKvD,CAAC,eACL,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiJ1D,mBAAmB,CAAC;;;;qBAtFf,CAAC;4CAsFgF,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAlCkB,GAAG;;UAoCzB,KA/ID,OAAO,SAAS,kBAAkB,KAAG,IAAI,kDA+IJ;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3JxE,wBA2J2E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AA4BA;AAqFC,OAAO,KAAK,EAAE,kBAAkB,EAAyB,MAAM,SAAS,CAAA;yBAKvD,CAAC,eACL,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoJ1D,mBAAmB,CAAC;;;;qBAzFf,CAAC;;;;oBAyFgF,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAlCkB,GAAG;;UAoCzB,KAlJD,OAAO,SAAS,kBAAkB,KAAG,IAAI,kDAkJJ;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9JxE,wBA8J2E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,63 +1,73 @@
-import { defineComponent as g, mergeModels as i, useModel as k, computed as l, createElementBlock as d, openBlock as r, normalizeClass as p, createElementVNode as c, withModifiers as u, toDisplayString as B, renderSlot as M, createCommentVNode as b, createBlock as h, resolveDynamicComponent as w, mergeProps as P } from "vue";
-const D = ["data-group"], E = {
+import { defineComponent as g, mergeModels as d, useModel as k, computed as o, createElementBlock as p, openBlock as r, normalizeClass as c, createElementVNode as n, withModifiers as u, toDisplayString as B, renderSlot as M, createCommentVNode as b, createBlock as h, resolveDynamicComponent as w, mergeProps as P } from "vue";
+const D = ["id", "data-group"], E = {
   key: 0,
   class: "q-property-list-field__container"
 }, N = /* @__PURE__ */ g({
   __name: "QPropertyListRow",
-  props: /* @__PURE__ */ i({
-    field: {},
+  props: /* @__PURE__ */ d({
+    id: {},
     class: {},
+    field: {},
     readonly: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ i(["focus"], ["update:modelValue"]),
-  setup(n, { emit: m }) {
-    const e = n, f = m, t = k(n, "modelValue"), _ = l(() => ["q-property-list__row", e.class]), y = l(() => {
-      var o;
+  emits: /* @__PURE__ */ d(["focus"], ["update:modelValue"]),
+  setup(a, { emit: m }) {
+    const e = a, f = m, t = k(a, "modelValue"), _ = o(() => ["q-property-list__row", e.class]), y = o(() => {
+      var l;
       return [
         "q-property-list__cell",
         "q-property-list__cell-label",
         {
-          "q-property-list__cell--required": (o = e.field.props) == null ? void 0 : o.required
+          "q-property-list__cell--required": (l = e.field.props) == null ? void 0 : l.required
         }
       ];
-    }), v = l(() => e.readonly || (e.field.props.readonly ?? !1)), V = l(() => ({
+    }), v = o(() => e.readonly || (e.field.props.readonly ?? !1)), V = o(() => ({
       ...e.field.props,
       readonly: v.value
     }));
     function s() {
       f("focus", e.field);
     }
-    function q(o) {
-      t.value = o;
+    function q(l) {
+      t.value = l;
     }
-    return (o, a) => (r(), d("tr", {
-      class: p(_.value),
+    return (l, i) => (r(), p("tr", {
+      id: e.id,
+      class: c(_.value),
       "data-group": e.field.group,
       onFocusin: s
     }, [
-      c(
+      n(
         "td",
         {
-          class: p(y.value),
+          class: c(y.value),
           onClick: u(s, ["prevent", "stop"])
         },
-        B(e.field.label),
-        3
-        /* TEXT, CLASS */
+        [
+          n(
+            "div",
+            null,
+            B(e.field.label),
+            1
+            /* TEXT */
+          )
+        ],
+        2
+        /* CLASS */
       ),
-      c("td", {
+      n("td", {
         class: "q-property-list__cell",
         onClick: u(s, ["prevent", "stop"])
       }, [
-        M(o.$slots, "default", {}, () => [
-          e.field.component ? (r(), d("div", E, [
+        M(l.$slots, "default", {}, () => [
+          e.field.component ? (r(), p("div", E, [
             (r(), h(w(e.field.component), P(V.value, {
               modelValue: t.value,
               "onUpdate:modelValue": [
-                a[0] || (a[0] = (C) => t.value = C),
+                i[0] || (i[0] = (C) => t.value = C),
                 q
               ]
             }), null, 16, ["modelValue"]))

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

@@ -9,7 +9,7 @@ declare const QPropertyList: {
     }, import('vue').PublicProps, {
         icons: typeof import('./types').DEFAULT_ICONS;
         texts: typeof import('./types').DEFAULT_TEXTS;
-        groups: QPropertyListGroupProps[];
+        groups: import('./types').QPropertyListGroup[];
         fields: import('./types').QPropertyListField[];
         panelPosition: import('./types').PanelPosition;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -27,7 +27,7 @@ declare const QPropertyList: {
     }>, {}, {}, {}, {}, {
         icons: typeof import('./types').DEFAULT_ICONS;
         texts: typeof import('./types').DEFAULT_TEXTS;
-        groups: QPropertyListGroupProps[];
+        groups: import('./types').QPropertyListGroup[];
         fields: import('./types').QPropertyListField[];
         panelPosition: import('./types').PanelPosition;
     }>;
@@ -43,7 +43,7 @@ declare const QPropertyList: {
 }, string, {
     icons: typeof import('./types').DEFAULT_ICONS;
     texts: typeof import('./types').DEFAULT_TEXTS;
-    groups: QPropertyListGroupProps[];
+    groups: import('./types').QPropertyListGroup[];
     fields: import('./types').QPropertyListField[];
     panelPosition: import('./types').PanelPosition;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -70,11 +70,12 @@ declare const QPropertyListRow: <T>(__VLS_props: NonNullable<Awaited<typeof __VL
     emit: ((e: "focus", field: import('./types').QPropertyListField) => void) & ((evt: "update:modelValue", value: T) => void);
 }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: {
-        readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
         readonly onFocus?: ((field: import('./types').QPropertyListField) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
         modelValue?: T | undefined;
-        field: import('./types').QPropertyListField;
+        id?: string | undefined;
         class?: string | unknown[] | undefined;
+        field: import('./types').QPropertyListField;
         readonly?: boolean | undefined;
     } & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
@@ -87,9 +88,9 @@ declare const QPropertyListRow: <T>(__VLS_props: NonNullable<Awaited<typeof __VL
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const QPropertyListGroup: import('vue').DefineComponent<QPropertyListGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "toggle-group": (id: string) => any;
+    click: () => any;
 }, string, import('vue').PublicProps, Readonly<QPropertyListGroupProps> & Readonly<{
-    "onToggle-group"?: ((id: string) => any) | undefined;
+    onClick?: (() => any) | undefined;
 }>, {
     icons: typeof import('./types').DEFAULT_ICONS;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AACrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;2BAcq6M,KAAK;;;;;;cAA4J,KAAK;SAAiB,CAAC;CAdxjN,CAAA;AAC3D,QAAA,MAAM,kBAAkB;;;;;;6FAAuC,CAAA;AAC/D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAAuC,CAAA;AAG/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAGlF,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AACrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;2BAc2iN,KAAK;;;;;;cAA4J,KAAK;SAAiB,CAAC;CAd9rN,CAAA;AAC3D,QAAA,MAAM,kBAAkB;;;;;;6FAAuC,CAAA;AAC/D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAAuC,CAAA;AAG/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAGlF,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,CAAA"}