@quidgest/ui 0.14.10 → 0.14.12

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

@@ -22,17 +22,20 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QPropertyListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "field-change": (field: QPropertyListField) => any;
+    "field-change": (field: QPropertyListField, value: unknown) => any;
+    "select-field": (fieldId: string) => any;
 }, string, import('vue').PublicProps, Readonly<QPropertyListProps> & Readonly<{
-    "onField-change"?: ((field: QPropertyListField) => any) | undefined;
+    "onField-change"?: ((field: QPropertyListField, value: unknown) => any) | undefined;
+    "onSelect-field"?: ((fieldId: string) => any) | undefined;
 }>, {
-    class: string | unknown[];
     icons: typeof DEFAULT_ICONS;
-    groups: QPropertyListGroupProps[];
     texts: typeof DEFAULT_TEXTS;
+    groups: QPropertyListGroupProps[];
     fields: QPropertyListField[];
     panelPosition: import('./types').PanelPosition;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    componentRoot: HTMLDivElement;
+}, 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":"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"}
+{"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"}

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