@quidgest/ui 0.14.1 → 0.14.3

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.14.1
+ * Quidgest UI v0.14.3
  * (c) 2024 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -497,6 +497,106 @@ $button-text-on-plain: var(--q-theme-on-background);
     }
   }
 }
+.q-checkbox {
+  $this: &;
+  --box-size: 1.15rem;
+  --icon-color: var(--q-theme-on-primary);
+  --icon-opacity: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  width: fit-content;
+  color: var(--q-theme-neutral-dark);
+  cursor: pointer;
+  &__input {
+    position: relative;
+    width: var(--box-size);
+    height: var(--box-size);
+    border: 1px solid $border;
+    border-radius: $border-radius;
+    transition:
+      background 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
+    background-color: transparent;
+    flex-shrink: 0;
+    cursor: inherit;
+    &:hover:not(:disabled) {
+      border-color: var(--active-color);
+    }
+    &:focus:not(:disabled) {
+      outline: 0;
+    }
+    &:focus-visible:not(:disabled) {
+      outline: $outline;
+    }
+    &-icon.q-icon {
+      position: absolute;
+      top: -1px;
+      left: -1px;
+      width: inherit;
+      height: inherit;
+      padding: 0.25rem;
+      pointer-events: none;
+      user-select: none;
+      fill: var(--icon-color);
+      transition: transform 0.2s ease;
+      opacity: var(--icon-opacity);
+    }
+  }
+  &__native-input {
+    transform: translateX(-100%);
+    position: absolute;
+    pointer-events: none;
+    opacity: 0;
+    margin: 0;
+  }
+  
+  &--small {
+    --box-size: 0.95rem;
+  }
+  &--large {
+    --box-size: 1.3rem;
+  }
+  
+  @mixin color-variant($color) {
+    &--#{$color} {
+      --active-color: var(--q-theme-#{$color});
+      --icon-color: var(--q-theme-on-#{$color});
+    }
+  }
+  @each $color in (primary, info, success, warning, danger) {
+    @include color-variant($color);
+  }
+  
+  &--checked,
+  &--indeterminate {
+    --icon-opacity: 1;
+    #{$this}__input {
+      background-color: var(--active-color);
+      border-color: var(--active-color);
+    }
+  }
+  &--disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+  &--readonly {
+    --active-color: var(--q-theme-neutral-light);
+    cursor: default;
+    &:not(#{$this}--checked):not(#{$this}--indeterminate) {
+      #{$this}__input {
+        background-color: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
+      }
+    }
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .q-checkbox__input,
+  .q-checkbox__input .q-icon {
+    transition: none;
+  }
+}
 .q-combobox {
   $this: &;
   &:not(#{$this}--disabled) {

package/esm/components/QButtonToggle/QButtonToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AA2CC,OAAO,KAAK,EAAU,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI1D,QAAA,IAAI,eAAe,EAAG,kBAAkB,CAAC;AAgBzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;6CAyD+D,GAAG;;WAU3E,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AA8CC,OAAO,KAAK,EAAU,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI1D,QAAA,IAAI,eAAe,EAAG,kBAAkB,CAAC;AAgBzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;6CAyD+D,GAAG;;WAU3E,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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/QButtonToggle/QButtonToggle.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as i, mergeModels as c, useModel as m, openBlock as a, createBlock as r, unref as d, normalizeClass as b, withCtx as n, createElementBlock as f, Fragment as y, renderList as k, renderSlot as p } from "vue";
-import { QButton as v } from "../QButton/index.js";
+import { defineComponent as i, mergeModels as c, useModel as m, openBlock as o, createBlock as s, unref as d, normalizeClass as b, withCtx as n, createElementBlock as y, Fragment as f, renderList as k, renderSlot as v } from "vue";
+import { QButton as p } from "../QButton/index.js";
 import { QButtonGroup as B } from "../QButtonGroup/index.js";
-const Q = /* @__PURE__ */ i({
+const M = /* @__PURE__ */ i({
   __name: "QButtonToggle",
   props: /* @__PURE__ */ c({
     options: {},
@@ -15,35 +15,38 @@ const Q = /* @__PURE__ */ i({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, t = m(s, "modelValue");
-    function u(o) {
-      t.value === o.key && !e.required ? t.value = void 0 : t.value = o.key;
+  setup(r) {
+    const l = r, t = m(r, "modelValue");
+    function u(a) {
+      t.value === a.key && !l.required ? t.value = void 0 : t.value = a.key;
     }
-    return (o, g) => (a(), r(d(B), {
+    return (a, g) => (o(), s(d(B), {
       "b-style": "secondary",
-      class: b(e.class),
-      disabled: e.disabled,
-      borderless: e.borderless,
-      elevated: e.elevated
+      class: b(l.class),
+      disabled: l.disabled,
+      borderless: l.borderless,
+      elevated: l.elevated,
+      role: "listbox"
     }, {
       default: n(() => [
-        (a(!0), f(
-          y,
+        (o(!0), y(
+          f,
           null,
-          k(e.options, (l) => (a(), r(d(v), {
-            key: l.key,
-            title: l.title,
-            label: l.label,
-            active: t.value === l.key,
-            onClick: () => u(l)
+          k(l.options, (e) => (o(), s(d(p), {
+            key: e.key,
+            title: e.title,
+            label: e.label,
+            active: t.value === e.key,
+            role: "option",
+            "aria-selected": t.value === e.key,
+            onClick: () => u(e)
           }, {
             default: n(() => [
-              p(o.$slots, l.key)
+              v(a.$slots, e.key)
             ]),
             _: 2
             /* DYNAMIC */
-          }, 1032, ["title", "label", "active", "onClick"]))),
+          }, 1032, ["title", "label", "active", "aria-selected", "onClick"]))),
           128
           /* KEYED_FRAGMENT */
         ))
@@ -54,5 +57,5 @@ const Q = /* @__PURE__ */ i({
   }
 });
 export {
-  Q as default
+  M as default
 };

package/esm/components/QCheckbox/QCheckbox.d.ts

@@ -0,0 +1,20 @@
+import { QCheckboxProps, DEFAULT_ICONS } from './types';
+declare let __VLS_typeProps: QCheckboxProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {
+    size: "regular" | "small" | "large";
+    class: string | unknown[];
+    label: string;
+    color: string;
+    icons: typeof DEFAULT_ICONS;
+    id: string;
+    labelPlacement: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=QCheckbox.vue.d.ts.map

package/esm/components/QCheckbox/QCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAyFC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAIxC,QAAA,IAAI,eAAe,EAAG,cAAc,CAAC;AAmDrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;;;;;;;;;;;;;;AA2E3B,wBAQG"}

package/esm/components/QCheckbox/QCheckbox.vue.js

@@ -0,0 +1,105 @@
+import { defineComponent as k, mergeModels as f, useModel as y, computed as v, openBlock as l, createElementBlock as t, Fragment as x, createElementVNode as a, normalizeClass as _, toDisplayString as s, createCommentVNode as n, unref as u, withModifiers as d, withKeys as m, createBlock as g, mergeProps as q } from "vue";
+import { QIcon as B } from "../QIcon/index.js";
+import { useId as C } from "../../composables/uid.js";
+import { DEFAULT_ICONS as V } from "./types.js";
+const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = { key: 1 }, z = ["checked", "disabled"], D = /* @__PURE__ */ k({
+  __name: "QCheckbox",
+  props: /* @__PURE__ */ f({
+    id: { default: void 0 },
+    label: { default: "" },
+    labelPlacement: { default: "right" },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    indeterminate: { type: Boolean },
+    color: { default: "primary" },
+    size: { default: "regular" },
+    class: { default: void 0 },
+    icons: { default: () => V }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const e = i, o = y(i, "modelValue"), b = C(e.id), p = v(() => [
+      "q-checkbox",
+      `q-checkbox--${e.size}`,
+      `q-checkbox--${e.color}`,
+      {
+        "q-checkbox--readonly": e.readonly,
+        "q-checkbox--disabled": e.disabled,
+        "q-checkbox--checked": o.value,
+        "q-checkbox--indeterminate": e.indeterminate
+      },
+      e.class
+    ]);
+    function c() {
+      !e.disabled && !e.readonly && (o.value = !o.value);
+    }
+    return (h, r) => (l(), t(
+      x,
+      null,
+      [
+        a(
+          "label",
+          {
+            class: _(p.value)
+          },
+          [
+            e.labelPlacement !== "right" ? (l(), t(
+              "span",
+              w,
+              s(e.label),
+              1
+              /* TEXT */
+            )) : n("v-if", !0),
+            a("button", {
+              id: u(b),
+              role: "checkbox",
+              type: "button",
+              "aria-checked": e.indeterminate ? "mixed" : o.value,
+              disabled: e.disabled || e.readonly,
+              class: "q-checkbox__input",
+              onClick: d(c, ["prevent"]),
+              onKeydown: [
+                m(d(c, ["prevent"]), ["space"]),
+                r[0] || (r[0] = m(d(() => {
+                }, ["prevent"]), ["enter"]))
+              ]
+            }, [
+              o.value || h.indeterminate ? (l(), g(
+                u(B),
+                q({ key: 0 }, o.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
+                null,
+                16
+                /* FULL_PROPS */
+              )) : n("v-if", !0)
+            ], 40, M),
+            e.labelPlacement === "right" ? (l(), t(
+              "span",
+              P,
+              s(e.label),
+              1
+              /* TEXT */
+            )) : n("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        a("input", {
+          type: "checkbox",
+          tabindex: "-1",
+          "aria-hidden": "true",
+          class: "q-checkbox__native-input",
+          checked: !!o.value,
+          disabled: e.disabled || e.readonly
+        }, null, 8, z)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+});
+export {
+  D as default
+};

package/esm/components/QCheckbox/QCheckbox.vue2.js

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

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

@@ -0,0 +1,4 @@
+import { default as _QCheckbox } from './QCheckbox';
+declare const QCheckbox: typeof _QCheckbox;
+export { QCheckbox };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/index.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,iBAAiB,CAAA;AAKxC,QAAA,MAAM,SAAS,EAAkC,OAAO,UAAU,CAAA;AAGlE,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/esm/components/QCheckbox/index.js

@@ -0,0 +1,6 @@
+import o from "./QCheckbox.vue.js";
+import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
+const t = r(o);
+export {
+  t as QCheckbox
+};

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

@@ -0,0 +1,47 @@
+import { Icon } from '../QIcon';
+export type QCheckboxProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The text content of the checkbox.
+     */
+    label?: string;
+    /**
+     * The placement of the label shown.
+     */
+    labelPlacement?: string;
+    /**
+     * If true, the checkbox is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, the checkbox is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * If set to true, the checkbox appears in an indeterminate state
+     */
+    indeterminate?: boolean;
+    /**
+     * Applies specified color to the control
+     */
+    color?: string;
+    /**
+     * The size of the checkbox, either 'regular', 'small' or 'large.
+     */
+    size?: 'regular' | 'small' | 'large';
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+};
+type IconKeys = 'checked' | 'indeterminate';
+export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAA;AAG3C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}

package/esm/components/QCheckbox/types.js

@@ -0,0 +1,11 @@
+const c = {
+  checked: {
+    icon: "check-bold"
+  },
+  indeterminate: {
+    icon: "minus-thick"
+  }
+};
+export {
+  c as DEFAULT_ICONS
+};

package/esm/components/QCombobox/QCombobox.d.ts

@@ -495,12 +495,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     class: string | unknown[];
     label: string;
     icons: typeof DEFAULT_ICONS;
+    id: string;
     groups: (import('../QList').QListItemGroupProps & {
         id: string;
     })[];
     itemValue: string;
     itemLabel: string;
-    id: string;
     placeholder: string;
     selectionMode: "manual" | "automatic";
     filterMode: "builtin" | "manual";

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

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
                 group?: string | undefined;
                 label: string;
                 description?: string | undefined;
-                component: ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[];
+                component?: string | undefined;
                 props: Record<string, unknown>;
             };
         }): any;

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

@@ -9,8 +9,8 @@ const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
     noToggle: { type: Boolean },
     panelPosition: { default: "bottom" },
     groups: { default: () => [] },
-    class: { default: void 0 },
     readonly: { type: Boolean },
+    class: { default: void 0 },
     icons: { default: () => A },
     texts: { default: () => N }
   },

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":"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"}
+{"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AAsEC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AA+CzE,iBAAS,cAAc;;yBA0DM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,5 +1,8 @@
-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({
+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 = {
+  key: 0,
+  class: "q-property-list-field__container"
+}, P = /* @__PURE__ */ v({
   __name: "QPropertyListRow",
   props: {
     field: {},
@@ -7,50 +10,50 @@ const B = { class: "q-property-list-field__container" }, b = /* @__PURE__ */ y({
     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;
+  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 (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() {
+      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 m(l) {
+    function _(l) {
       r("field-change", e.field, l);
     }
-    const _ = o(() => ({
+    const y = o(() => ({
       ...e.field.props,
-      readonly: f.value
+      readonly: m.value
     }));
-    return (l, t) => (a(), q(
+    return (l, s) => (n(), a(
       "tr",
       {
-        class: c(d.value),
-        onFocusin: s
+        class: c(u.value),
+        onFocusin: t
       },
       [
-        n(
+        i(
           "td",
           {
-            class: c(u.value),
-            onClick: s
+            class: c(f.value),
+            onClick: t
           },
-          v(e.field.label),
+          q(e.field.label),
           3
           /* TEXT, CLASS */
         ),
-        n("td", {
+        i("td", {
           class: "q-property-list__cell",
-          onClick: s
+          onClick: t
         }, [
           C(l.$slots, "default", {}, () => [
-            n("div", B, [
-              (a(), h(g(e.field.component), k(_.value, {
+            e.field.component ? (n(), a("div", B, [
+              (n(), h(k(e.field.component), g(y.value, {
                 "model-value": e.field.props.modelValue,
-                "onUpdate:modelValue": m
+                "onUpdate:modelValue": _
               }), null, 16, ["model-value"]))
-            ])
+            ])) : V("v-if", !0)
           ])
         ])
       ],
@@ -60,5 +63,5 @@ const B = { class: "q-property-list-field__container" }, b = /* @__PURE__ */ y({
   }
 });
 export {
-  b as default
+  P as default
 };

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

@@ -1,5 +1,4 @@
 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
@@ -28,14 +27,14 @@ export type QPropertyListProps = {
      * 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 CSS classes to apply to the root element.
+     */
+    class?: string | unknown[];
     /**
      * Custom icon configurations.
      */
@@ -87,11 +86,8 @@ export type QPropertyListField = {
     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>;
+    component?: string;
     /**
      * Configuration object passed as props to the rendered component.
      * Supports any valid props accepted by the specified component.

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

@@ -1 +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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;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;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;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/QSelect/QSelect.d.ts

@@ -204,12 +204,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     class: string | unknown[];
     label: string;
     icons: typeof DEFAULT_ICONS;
+    id: string;
     groups: (import('../QList').QListItemGroupProps & {
         id: string;
     })[];
     itemValue: string;
     itemLabel: string;
-    id: string;
     emptyValue: Primitive;
     texts: typeof DEFAULT_TEXTS;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/esm/components/QTooltip/QTooltip.d.ts

@@ -22,6 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
 }>, {
     class: string | unknown[];
+    anchor: import('../../utils/getElement').Selector;
     html: boolean;
     icon: import('../QIcon').Icon;
     id: string;

package/esm/components/QTooltip/QTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAsEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO7C,QAAA,IAAI,eAAe,EAAG,aAAa,CAAC;AAoCpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;;;;;YAoDK,GAAG;yBACF,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAuEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO7C,QAAA,IAAI,eAAe,EAAG,aAAa,CAAC;AAsCpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;;;;;YAoDK,GAAG;yBACF,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QTooltip/QTooltip.vue.js

@@ -6,7 +6,7 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
   __name: "QTooltip",
   props: /* @__PURE__ */ p({
     id: { default: void 0 },
-    anchor: {},
+    anchor: { default: void 0 },
     appearance: { default: "inverted" },
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },

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

@@ -9,7 +9,7 @@ export type QTooltipProps = {
     /**
      * The DOM element the tooltip should be anchored to.
      */
-    anchor: Selector;
+    anchor?: Selector;
     /**
      * The appearance of the tooltip.
      * 'regular' uses body text color for background and body background color for text.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}