@quidgest/ui 0.13.3 → 0.14.1

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

@@ -0,0 +1,11 @@
+import { QPropertyListGroupProps, DEFAULT_ICONS } from './types';
+declare const _default: 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 DEFAULT_ICONS;
+    noToggle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=QPropertyListGroup.vue.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,68 @@
+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 { 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({
+  __name: "QPropertyListGroup",
+  props: {
+    id: {},
+    title: {},
+    noToggle: { type: Boolean, default: !1 },
+    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(() => [
+      "q-property-list-group",
+      {
+        "q-property-list-group--no-toggle": e.noToggle
+      }
+    ]);
+    function l() {
+      e.noToggle || (t.value = !t.value, p("toggle-group", e.id));
+    }
+    return (Q, z) => (i(), f("tr", {
+      class: _(d.value),
+      role: "group",
+      "data-key": e.id,
+      "aria-labelledby": o(r),
+      onClick: l
+    }, [
+      s("td", {
+        id: o(r),
+        colspan: "2"
+      }, [
+        s("div", P, [
+          e.noToggle ? T("v-if", !0) : (i(), y(o(B), {
+            key: 0,
+            "b-style": "tertiary",
+            borderless: "",
+            onClick: l
+          }, {
+            default: k(() => [
+              v(
+                o(N),
+                C(b(u.value)),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })),
+          h(
+            " " + x(e.title),
+            1
+            /* TEXT */
+          )
+        ])
+      ], 8, I)
+    ], 10, E));
+  }
+});
+export {
+  A as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./QPropertyListGroup.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,21 @@
+import { QPropertyListPanelProps, DEFAULT_TEXTS } from './types';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QPropertyListPanel.vue.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,43 @@
+import { defineComponent as n, 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({
+  __name: "QPropertyListPanel",
+  props: {
+    field: { default: void 0 },
+    icons: {},
+    texts: { default: () => a }
+  },
+  setup(i) {
+    const e = i;
+    return (r, m) => (s(), o("div", d, [
+      e.field ? p(r.$slots, "default", { key: 0 }, () => [
+        l(
+          "div",
+          _,
+          t(e.field.label),
+          1
+          /* TEXT */
+        ),
+        l(
+          "div",
+          c,
+          t(e.field.description),
+          1
+          /* TEXT */
+        )
+      ]) : (s(), o(
+        "div",
+        f,
+        t(e.texts.emptyMessage),
+        1
+        /* TEXT */
+      ))
+    ]));
+  }
+});
+export {
+  h as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./QPropertyListPanel.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,24 @@
+import { QPropertyListField, QPropertyListRowProps } from './types';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+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, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QPropertyListRow.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AAoEC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AA+CzE,iBAAS,cAAc;;yBAwDM,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"}

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

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

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

@@ -0,0 +1,4 @@
+import f from "./QPropertyListRow.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,12 @@
+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;
+export { QPropertyList, QPropertyListRow, QPropertyListGroup, QPropertyListPanel };
+export type { QPropertyListProps, QPropertyListRowProps, QPropertyListGroupProps, QPropertyListPanelProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/esm/components/QPropertyList/index.js

@@ -0,0 +1,12 @@
+import r from "./QPropertyList.vue.js";
+import t from "./QPropertyListRow.vue.js";
+import m from "./QPropertyListGroup.vue.js";
+import s from "./QPropertyListPanel.vue.js";
+import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
+const _ = o(r), e = o(t), P = o(m), a = o(s);
+export {
+  _ as QPropertyList,
+  P as QPropertyListGroup,
+  a as QPropertyListPanel,
+  e as QPropertyListRow
+};

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

@@ -0,0 +1,137 @@
+import { Icon } from '../QIcon';
+import { Component, PropType } from 'vue';
+/**
+ * Position where the panel should be rendered relative to the main content
+ * @value 'bottom' - Panel appears below the main content
+ * @value 'right' - Panel appears to the right of the main content
+ */
+export type PanelPosition = 'bottom' | 'right';
+export type QPropertyListProps = {
+    /**
+     * Array of field configurations that define the content and behavior
+     * of each property list item
+     */
+    fields?: QPropertyListField[];
+    /**
+     * When true, hides the description panel that displays additional field information.
+     */
+    noPanel?: boolean;
+    /**
+     * When true, disables the ability to expand/collapse property groups.
+     */
+    noToggle?: boolean;
+    /**
+     * Determines the layout position of the description panel.
+     */
+    panelPosition?: PanelPosition;
+    /**
+     * Configuration for property groups used to organize and categorize fields.
+     */
+    groups?: QPropertyListGroupProps[];
+    /**
+     * Custom CSS classes to apply to the root element.
+     */
+    class?: string | unknown[];
+    /**
+     * When true, renders all fields in a read-only state preventing user interaction.
+     */
+    readonly?: boolean;
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export type QPropertyListGroupProps = {
+    /**
+     * Unique identifier for the property group.
+     */
+    id: string;
+    /**
+     * Display title for the group header.
+     */
+    title: string;
+    /**
+     * When true, disables the expand/collapse functionality for this specific group,
+     * keeping it permanently expanded.
+     */
+    noToggle?: boolean;
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export type QPropertyListField = {
+    /**
+     * Unique identifier for the field.
+     */
+    id: string;
+    /**
+     * Associates the field with a specific group.
+     */
+    group?: string;
+    /**
+     * Display label that appears above the field input.
+     */
+    label: string;
+    /**
+     * Additional explanatory text shown below the field.
+     */
+    description?: string;
+    /**
+     * Component responsible for rendering the field's input element.
+     * Can be specified as either:
+     * - A string identifier for a registered component
+     * - A direct component reference
+     */
+    component: PropType<string | Component>;
+    /**
+     * Configuration object passed as props to the rendered component.
+     * Supports any valid props accepted by the specified component.
+     * @example { placeholder: 'Enter value', disabled: false }
+     */
+    props: Record<string, unknown>;
+};
+export type QPropertyListRowProps = {
+    /**
+     * Configuration object for the field to be rendered within this row.
+     */
+    field: QPropertyListField;
+    /**
+     * Custom CSS classes to apply to the row element.
+     */
+    class?: string | unknown[];
+    /**
+     * When true, renders the field in a read-only state preventing user interaction.
+     */
+    readonly?: boolean;
+};
+export type QPropertyListPanelProps = {
+    /**
+     * Configuration object for the currently selected field to display
+     * in the description panel.
+     */
+    field?: QPropertyListField;
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_TEXTS: {
+    emptyMessage: string;
+};
+type IconKeys = 'open' | 'close';
+export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAE9C;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACrC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;OAKG;IACH,SAAS,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAEvC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IACnC;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,aAAa;;CAEzB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAGhC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}

package/esm/components/QPropertyList/types.js

@@ -0,0 +1,14 @@
+const e = {
+  emptyMessage: "Select a field to view details."
+}, o = {
+  open: {
+    icon: "minus-box"
+  },
+  close: {
+    icon: "plus-box"
+  }
+};
+export {
+  o as DEFAULT_ICONS,
+  e as DEFAULT_TEXTS
+};