@quidgest/ui 0.14.11 → 0.14.13

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

@@ -1,7 +1,7 @@
-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({
+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({
   __name: "QPropertyList",
   props: {
     fields: { default: () => [] },
@@ -10,15 +10,15 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
     panelPosition: { default: "bottom" },
     groups: { default: () => [] },
     readonly: { type: Boolean },
-    class: { default: void 0 },
+    class: {},
     icons: { default: () => A },
-    texts: { default: () => N }
+    texts: { default: () => U }
   },
-  emits: ["field-change"],
-  setup(k, { emit: P }) {
-    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(
+  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(
       (e) => t.fields.some((o) => o.group === e.id)
-    ) : [{ id: "", title: "" }]), L = g(() => [
+    ) : [{ id: "", title: "" }]), L = v(() => [
       t.class,
       {
         "q-property-list--side-panel": t.panelPosition === "right"
@@ -26,18 +26,18 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
     ]);
     function T() {
       var e;
-      (e = m.value) != null && e.contains(document.activeElement) || (r.value = void 0);
+      (e = g.value) != null && e.contains(document.activeElement) || (s.value = void 0);
     }
     function q(e) {
       return e ? t.fields.filter((o) => o.group === e) : t.fields;
     }
     function B(e) {
-      const o = u.value.indexOf(e);
-      o === -1 ? u.value.push(e) : u.value.splice(o, 1);
+      const o = a.value.indexOf(e);
+      o === -1 ? a.value.push(e) : a.value.splice(o, 1);
     }
     function E(e) {
       var l;
-      const o = e.group && !u.value.includes(e.group), n = ((l = r.value) == null ? void 0 : l.id) === e.id;
+      const o = e.group && !a.value.includes(e.group), n = ((l = s.value) == null ? void 0 : l.id) === e.id;
       return [
         {
           "q-property-list__row--closed": o,
@@ -46,22 +46,22 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
       ];
     }
     function R(e) {
-      r.value = e;
+      s.value = e, y("select-field", s.value.id);
     }
     function b(e, o) {
-      t.readonly || (e.props.readonly ?? !1) || (e.props.modelValue = o, x("field-change", e));
+      t.readonly || (e.props.readonly ?? !1) || y("field-change", e, o);
     }
-    return (e, o) => (s(), a(
+    return (e, o) => (r(), u(
       "div",
       {
         ref_key: "componentRoot",
-        ref: m,
+        ref: g,
         tabindex: "0",
-        class: v(["q-property-list", L.value]),
+        class: _(["q-property-list", L.value]),
         onFocusout: T
       },
       [
-        i("table", O, [
+        i("table", N, [
           o[0] || (o[0] = i(
             "thead",
             { class: "q-property-list__header" },
@@ -74,40 +74,41 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
             /* HOISTED */
           )),
           i("tbody", null, [
-            (s(!0), a(
-              p,
+            (r(!0), u(
+              f,
               null,
-              _(C.value, (n) => (s(), a(
-                p,
+              h(C.value, (n) => (r(), u(
+                f,
                 {
                   key: n.id
                 },
                 [
-                  n.title ? (s(), c(f(G), {
+                  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"])) : y("v-if", !0),
-                  (s(!0), a(
-                    p,
+                  }, null, 8, ["id", "title", "icons", "no-toggle"])) : c("v-if", !0),
+                  (r(!0), u(
+                    f,
                     null,
-                    _(q(n.id), (l) => (s(), c(f(Q), {
+                    h(q(n.id), (l) => (r(), p(m(Q), {
                       key: l.id,
-                      class: v(E(l)),
+                      class: _(E(l)),
                       field: l,
+                      "model-value": l.props.modelValue,
                       readonly: t.readonly,
                       onFocus: R,
-                      onFieldChange: b
+                      "onUpdate:modelValue": (w) => b(l, w)
                     }, {
-                      default: h(() => [
-                        F(e.$slots, l.id, { field: l })
+                      default: F(() => [
+                        k(e.$slots, l.id, { field: l })
                       ]),
                       _: 2
                       /* DYNAMIC */
-                    }, 1032, ["class", "field", "readonly"]))),
+                    }, 1032, ["class", "field", "model-value", "readonly", "onUpdate:modelValue"]))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -120,16 +121,16 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
             ))
           ])
         ]),
-        t.noPanel ? y("v-if", !0) : (s(), c(f(S), {
+        t.noPanel ? c("v-if", !0) : (r(), p(m(S), {
           key: 0,
-          field: r.value,
+          field: s.value,
           texts: t.texts
         }, {
-          default: h(() => [
-            r.value ? F(e.$slots, "panel", {
+          default: F(() => [
+            s.value ? k(e.$slots, "panel", {
               key: 0,
-              field: r.value
-            }) : y("v-if", !0)
+              field: s.value
+            }) : c("v-if", !0)
           ]),
           _: 3
           /* FORWARDED */
@@ -141,5 +142,5 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
   }
 });
 export {
-  $ as default
+  z as default
 };

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

@@ -5,7 +5,6 @@ declare const _default: import('vue').DefineComponent<QPropertyListGroupProps, {
     "onToggle-group"?: ((id: string) => any) | undefined;
 }>, {
     icons: typeof DEFAULT_ICONS;
-    noToggle: boolean;
 }, {}, {}, {}, 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":"AAuBA;AAyEC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;AAoIxC,wBASG"}
+{"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"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as g, computed as n, openBlock as i, createElementBlock as f, normalizeClass as _, unref as o, createElementVNode as s, createBlock as y, withCtx as k, createVNode as v, normalizeProps as C, guardReactiveProps as b, createCommentVNode as T, createTextVNode as h, toDisplayString as x } from "vue";
+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 { QButton as B } from "../QButton/index.js";
 import { QIcon as N } from "../QIcon/index.js";
 import { useId as V } from "../../composables/uid.js";
@@ -8,7 +8,7 @@ const E = ["data-key", "aria-labelledby"], I = ["id"], P = { class: "q-property-
   props: {
     id: {},
     title: {},
-    noToggle: { type: Boolean, default: !1 },
+    noToggle: { type: Boolean },
     icons: { default: () => q },
     texts: {}
   },
@@ -23,8 +23,8 @@ const E = ["data-key", "aria-labelledby"], I = ["id"], P = { class: "q-property-
     function l() {
       e.noToggle || (t.value = !t.value, p("toggle-group", e.id));
     }
-    return (Q, z) => (i(), f("tr", {
-      class: _(d.value),
+    return (Q, z) => (i(), _("tr", {
+      class: f(d.value),
       role: "group",
       "data-key": e.id,
       "aria-labelledby": o(r),
@@ -35,16 +35,16 @@ const E = ["data-key", "aria-labelledby"], I = ["id"], P = { class: "q-property-
         colspan: "2"
       }, [
         s("div", P, [
-          e.noToggle ? T("v-if", !0) : (i(), y(o(B), {
+          e.noToggle ? k("v-if", !0) : (i(), y(o(B), {
             key: 0,
             "b-style": "tertiary",
             borderless: "",
             onClick: l
           }, {
-            default: k(() => [
-              v(
+            default: C(() => [
+              b(
                 o(N),
-                C(b(u.value)),
+                T(h(u.value)),
                 null,
                 16
                 /* FULL_PROPS */
@@ -53,7 +53,7 @@ const E = ["data-key", "aria-labelledby"], I = ["id"], P = { class: "q-property-
             _: 1
             /* STABLE */
           })),
-          h(
+          v(
             " " + x(e.title),
             1
             /* TEXT */

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

@@ -10,7 +10,6 @@ declare function __VLS_template(): {
 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, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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;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"}
+{"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"}

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

@@ -1,34 +1,34 @@
-import { defineComponent as r, openBlock as s, createElementBlock as o, renderSlot as p, createElementVNode as l, toDisplayString as t } from "vue";
+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 d = { class: "q-property-list-panel__container" }, _ = { class: "q-property-list-panel__label" }, c = { class: "q-property-list-panel__description" }, f = {
+const _ = { class: "q-property-list-panel__container" }, c = { class: "q-property-list-panel__label" }, d = { class: "q-property-list-panel__description" }, f = {
   key: 1,
   class: "q-property-list-panel__empty"
-}, h = /* @__PURE__ */ r({
+}, h = /* @__PURE__ */ n({
   __name: "QPropertyListPanel",
   props: {
-    field: { default: void 0 },
+    field: {},
     icons: {},
     texts: { default: () => a }
   },
   setup(i) {
     const e = i;
-    return (n, m) => (s(), o("div", d, [
-      e.field ? p(n.$slots, "default", { key: 0 }, () => [
+    return (r, m) => (o(), s("div", _, [
+      e.field ? p(r.$slots, "default", { key: 0 }, () => [
         l(
           "div",
-          _,
+          c,
           t(e.field.label),
           1
           /* TEXT */
         ),
         l(
           "div",
-          c,
+          d,
           t(e.field.description),
           1
           /* TEXT */
         )
-      ]) : (s(), o(
+      ]) : (o(), s(
         "div",
         f,
         t(e.texts.emptyMessage),

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

@@ -1,25 +1,22 @@
 import { QPropertyListField, QPropertyListRowProps } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
+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"> & ({
+        modelValue?: T;
+    } & QPropertyListRowProps) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
-    rootEl: HTMLTableRowElement;
+    emit: ((e: "focus", field: QPropertyListField) => void) & ((evt: "update:modelValue", value: T) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QPropertyListRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    focus: (field: QPropertyListField) => any;
-    "field-change": (field: QPropertyListField, value: unknown) => any;
-}, 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, {}, HTMLTableRowElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=QPropertyListRow.vue.d.ts.map

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":"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"}
+{"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"}

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

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

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

@@ -1,12 +1,121 @@
-import { default as _QPropertyList } from './QPropertyList';
-import { default as _QPropertyListRow } from './QPropertyListRow';
-import { default as _QPropertyListGroup } from './QPropertyListGroup';
-import { default as _QPropertyListPanel } from './QPropertyListPanel';
 import { QPropertyListProps, QPropertyListRowProps, QPropertyListGroupProps, QPropertyListPanelProps } from './types';
-declare const QPropertyList: typeof _QPropertyList;
-declare const QPropertyListRow: typeof _QPropertyListRow;
-declare const QPropertyListGroup: typeof _QPropertyListGroup;
-declare const QPropertyListPanel: typeof _QPropertyListPanel;
+declare const QPropertyList: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QPropertyListProps> & Readonly<{
+        "onField-change"?: ((field: import('./types').QPropertyListField, value: unknown) => any) | undefined;
+        "onSelect-field"?: ((fieldId: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "field-change": (field: import('./types').QPropertyListField, value: unknown) => any;
+        "select-field": (fieldId: string) => any;
+    }, import('vue').PublicProps, {
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+        groups: QPropertyListGroupProps[];
+        fields: import('./types').QPropertyListField[];
+        panelPosition: import('./types').PanelPosition;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        componentRoot: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<QPropertyListProps> & Readonly<{
+        "onField-change"?: ((field: import('./types').QPropertyListField, value: unknown) => any) | undefined;
+        "onSelect-field"?: ((fieldId: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+        groups: QPropertyListGroupProps[];
+        fields: import('./types').QPropertyListField[];
+        panelPosition: import('./types').PanelPosition;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<QPropertyListProps> & Readonly<{
+    "onField-change"?: ((field: import('./types').QPropertyListField, value: unknown) => any) | undefined;
+    "onSelect-field"?: ((fieldId: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "field-change": (field: import('./types').QPropertyListField, value: unknown) => any;
+    "select-field": (fieldId: string) => any;
+}, string, {
+    icons: typeof import('./types').DEFAULT_ICONS;
+    texts: typeof import('./types').DEFAULT_TEXTS;
+    groups: QPropertyListGroupProps[];
+    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 () => {
+    $slots: Partial<Record<string, (_: {
+        field: import('./types').QPropertyListField;
+    }) => any>> & {
+        panel?(_: {
+            field: {
+                id: string;
+                group?: string | undefined;
+                label: string;
+                description?: string | undefined;
+                component?: string | undefined;
+                props: Record<string, unknown>;
+            };
+        }): any;
+    };
+});
+declare const QPropertyListRow: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    slots: {
+        default?(_: {}): any;
+    };
+    attrs: any;
+    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;
+        modelValue?: T | undefined;
+        field: import('./types').QPropertyListField;
+        class?: string | unknown[] | undefined;
+        readonly?: boolean | undefined;
+    } & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: ((e: "focus", field: import('./types').QPropertyListField) => void) & ((evt: "update:modelValue", value: T) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const QPropertyListGroup: import('vue').DefineComponent<QPropertyListGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "toggle-group": (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<QPropertyListGroupProps> & Readonly<{
+    "onToggle-group"?: ((id: string) => any) | undefined;
+}>, {
+    icons: typeof import('./types').DEFAULT_ICONS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
+declare const QPropertyListPanel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QPropertyListPanelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<QPropertyListPanelProps> & Readonly<{}>, {}, {}, {}, {}, {
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<QPropertyListPanelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    texts: typeof import('./types').DEFAULT_TEXTS;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
 export { QPropertyList, QPropertyListRow, QPropertyListGroup, QPropertyListPanel };
 export type { QPropertyListProps, QPropertyListRowProps, QPropertyListGroupProps, QPropertyListPanelProps };
 //# sourceMappingURL=index.d.ts.map

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":"AACA,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,iBAAiB,MAAM,wBAAwB,CAAA;AACtD,OAAO,mBAAmB,MAAM,0BAA0B,CAAA;AAC1D,OAAO,mBAAmB,MAAM,0BAA0B,CAAA;AAG1D,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa,EAAsC,OAAO,cAAc,CAAA;AAC9E,QAAA,MAAM,gBAAgB,EAAyC,OAAO,iBAAiB,CAAA;AACvF,QAAA,MAAM,kBAAkB,EAA2C,OAAO,mBAAmB,CAAA;AAC7F,QAAA,MAAM,kBAAkB,EAA2C,OAAO,mBAAmB,CAAA;AAG7F,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;;;;;;;;;;;;;;;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"}

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

@@ -1,4 +1,3 @@
-import { Icon } from '../QIcon';
 /**
  * Position where the panel should be rendered relative to the main content
  * @value 'bottom' - Panel appears below the main content
@@ -127,7 +126,12 @@ export type QPropertyListPanelProps = {
 export declare const DEFAULT_TEXTS: {
     emptyMessage: string;
 };
-type IconKeys = 'open' | 'close';
-export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
-export {};
+export declare const DEFAULT_ICONS: {
+    open: {
+        icon: string;
+    };
+    close: {
+        icon: string;
+    };
+};
 //# sourceMappingURL=types.d.ts.map