@quidgest/ui 0.11.0 → 0.12.0

package/esm/components/QCombobox/QCombobox.vue.js

@@ -0,0 +1,381 @@
+import { defineComponent as re, mergeModels as K, useModel as C, ref as k, onMounted as ce, computed as v, watch as I, nextTick as w, openBlock as y, createElementBlock as S, Fragment as fe, createVNode as V, unref as c, normalizeClass as me, withModifiers as j, createSlots as ve, withCtx as r, renderSlot as f, createBlock as T, normalizeProps as Q, guardReactiveProps as W, createCommentVNode as X, createElementVNode as pe, toDisplayString as be } from "vue";
+import G from "../QButton/QButton.vue.js";
+import "../QIcon/index.js";
+import "../QList/index.js";
+import "../QOverlay/index.js";
+import "../QSpinnerLoader/index.js";
+import "../QTextField/index.js";
+import ye from "../QTextField/QTextField.vue.js";
+import J from "../QIcon/QIcon.vue.js";
+import he from "../QOverlay/QOverlay.vue.js";
+import ge from "../QSpinnerLoader/QSpinnerLoader.vue.js";
+import ke from "../QList/QList.vue.js";
+const Ie = ["data-key"], we = {
+  key: 0,
+  class: "q-select__loader"
+}, Ve = {
+  key: 2,
+  class: "q-select__loader"
+}, xe = {
+  noData: "No data available"
+}, _e = {
+  chevron: {
+    icon: "chevron-down"
+  },
+  clear: {
+    icon: "close"
+  }
+}, ze = /* @__PURE__ */ re({
+  __name: "QCombobox",
+  props: /* @__PURE__ */ K({
+    id: { default: void 0 },
+    placeholder: { default: "" },
+    selectionMode: { default: "automatic" },
+    filterMode: { default: "builtin" },
+    label: { default: "" },
+    clearable: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    loading: { type: Boolean },
+    items: {},
+    groups: { default: () => [] },
+    itemValue: { default: "key" },
+    itemLabel: { default: "label" },
+    emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
+    size: { default: void 0 },
+    texts: { default: () => xe },
+    icons: { default: () => _e },
+    class: { default: void 0 }
+  }, {
+    modelValue: {
+      type: [String, Number, Boolean, Symbol]
+    },
+    modelModifiers: {},
+    open: { type: Boolean },
+    openModifiers: {},
+    search: { default: "" },
+    searchModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
+  setup(x, { expose: Y, emit: Z }) {
+    const l = x, _ = Z, d = C(x, "modelValue"), i = C(x, "open"), s = C(x, "search"), t = k(void 0), m = k(null), u = k(null), $ = k(null), L = k(null);
+    ce(g);
+    const M = v(() => l.clearable && !l.readonly && !l.disabled), p = v(() => {
+      var e;
+      return l.filterMode === "manual" || !le.value ? l.items : (e = l.items) == null ? void 0 : e.filter(
+        (o) => o[l.itemLabel].toLowerCase().startsWith(s.value.toLowerCase())
+      );
+    }), h = v(() => {
+      var e;
+      return (e = l.items) == null ? void 0 : e.find((o) => o[l.itemValue] === d.value);
+    }), A = v(() => h.value === void 0), D = v(() => {
+      const e = t.value;
+      if (e !== void 0 && p.value[e])
+        return p.value[e];
+    }), ee = v(() => {
+      var o;
+      if (t.value === void 0)
+        return;
+      const e = (o = u.value) == null ? void 0 : o.getItem(t.value);
+      return e == null ? void 0 : e.id;
+    }), le = v(() => {
+      var e;
+      return s.value.length > 0 && s.value !== ((e = h.value) == null ? void 0 : e[l.itemLabel]);
+    });
+    function z(e) {
+      d.value = e, F();
+    }
+    function g() {
+      var o;
+      const e = ((o = h.value) == null ? void 0 : o[l.itemLabel]) || "";
+      s.value !== e && (s.value = e);
+    }
+    function B() {
+      i.value || l.readonly || l.disabled || (_("before-show"), i.value = !0, E());
+    }
+    function F() {
+      i.value && (_("before-hide"), i.value = !1, t.value = void 0);
+    }
+    function oe() {
+      i.value ? F() : N();
+    }
+    function ae() {
+      M.value && (d.value = l.emptyValue, t.value = void 0, E());
+    }
+    function N() {
+      if (B(), h.value !== void 0) {
+        const e = p.value.indexOf(h.value);
+        e !== -1 && w(() => O(e));
+      }
+    }
+    function te(e) {
+      var o, a;
+      if (!(!e.key || l.readonly || l.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "Escape")
+          g(), i.value && F();
+        else if (["ArrowDown", "ArrowUp"].includes(e.key))
+          i.value ? w(() => {
+            if (t.value === void 0)
+              q();
+            else {
+              const n = e.key === "ArrowDown" ? "next" : "prev";
+              ie(t.value, n);
+            }
+          }) : (B(), w(() => {
+            e.key === "ArrowDown" ? q() : ne();
+          }));
+        else if (e.key === "Enter") {
+          if (D.value === void 0)
+            return;
+          z(D.value[l.itemValue]);
+        } else
+          e.key === "Home" ? t.value = (o = u.value) == null ? void 0 : o.getFirstFocusableItemIndex() : e.key === "End" ? t.value = (a = u.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && B();
+    }
+    function q() {
+      var e, o;
+      if (A.value)
+        t.value = (o = u.value) == null ? void 0 : o.getFirstFocusableItemIndex();
+      else {
+        const a = p.value.findIndex(
+          (n) => n[l.itemValue] === d.value
+        );
+        a === -1 ? t.value = (e = u.value) == null ? void 0 : e.getFirstFocusableItemIndex() : t.value = a;
+      }
+    }
+    function ne() {
+      var e;
+      t.value = (e = u.value) == null ? void 0 : e.getLastFocusableItemIndex();
+    }
+    function ie(e, o) {
+      var a;
+      t.value = (a = u.value) == null ? void 0 : a.getAdjacentItemIndex(e, o);
+    }
+    function U(e) {
+      var b, P, R, H;
+      const o = ((b = $ == null ? void 0 : $.value) == null ? void 0 : b.$el) === e.relatedTarget, a = (R = (P = m == null ? void 0 : m.value) == null ? void 0 : P.$el) == null ? void 0 : R.contains(e.relatedTarget), n = (H = L == null ? void 0 : L.value) == null ? void 0 : H.contains(e.relatedTarget);
+      if (o || n || a) {
+        e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      F(), M.value && !s.value && (d.value = l.emptyValue), g();
+    }
+    function E() {
+      var e, o;
+      (o = (e = m.value) == null ? void 0 : e.inputRef) == null || o.focus();
+    }
+    function se() {
+      E();
+    }
+    function ue() {
+      _("show");
+    }
+    function de() {
+      _("hide");
+    }
+    function O(e) {
+      var a;
+      const o = (a = u.value) == null ? void 0 : a.getItem(e);
+      u.value && (u.value.$el.scrollTop = o == null ? void 0 : o.offsetTop);
+    }
+    return I(d, g), I(
+      () => l.items,
+      (e, o) => {
+        if (!A.value) {
+          const a = o.find((n) => n[l.itemValue] === d.value);
+          s.value === (a == null ? void 0 : a[l.itemLabel]) && g();
+        }
+      },
+      { deep: !0 }
+    ), I(t, (e) => {
+      e !== void 0 && O(e);
+    }), I(s, (e) => {
+      e && i.value && l.selectionMode === "automatic" && w(q);
+    }), I(
+      () => l.loading,
+      (e) => {
+        !e && i.value && w(q);
+      }
+    ), Y({
+      triggerEl: m
+    }), (e, o) => {
+      var a;
+      return y(), S(
+        fe,
+        null,
+        [
+          V(c(ye), {
+            modelValue: s.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (n) => s.value = n),
+            id: l.id,
+            label: l.label,
+            required: l.required,
+            ref_key: "triggerEl",
+            ref: m,
+            role: "combobox",
+            placeholder: l.placeholder,
+            class: me([
+              "q-combobox",
+              {
+                "q-combobox--readonly": l.readonly,
+                "q-combobox--disabled": l.disabled,
+                "q-combobox--expanded": i.value
+              },
+              l.class
+            ]),
+            readonly: l.readonly,
+            disabled: l.disabled,
+            "data-loading": l.loading,
+            autocomplete: "off",
+            "aria-expanded": i.value,
+            "aria-haspopup": "listbox",
+            "aria-autocomplete": "list",
+            "aria-activedescendant": ee.value,
+            size: l.size,
+            onClick: N,
+            onFocusout: U,
+            onKeydown: j(te, ["stop"])
+          }, ve({
+            "label.prepend": r(() => [
+              f(e.$slots, "label.prepend")
+            ]),
+            "label.append": r(() => [
+              f(e.$slots, "label.append")
+            ]),
+            append: r(() => [
+              f(e.$slots, "append"),
+              M.value && s.value ? (y(), T(c(G), {
+                key: 0,
+                class: "q-combobox__clear",
+                "b-style": "plain",
+                borderless: "",
+                tabindex: "-1",
+                onClick: ae
+              }, {
+                default: r(() => [
+                  V(
+                    c(J),
+                    Q(W(l.icons.clear)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })) : X("v-if", !0),
+              l.readonly ? X("v-if", !0) : (y(), T(c(G), {
+                key: 1,
+                ref_key: "toggleRef",
+                ref: $,
+                class: "q-combobox__chevron",
+                "b-style": "plain",
+                borderless: "",
+                tabindex: "-1",
+                disabled: l.disabled,
+                onMousedown: j(oe, ["stop", "prevent"])
+              }, {
+                default: r(() => [
+                  V(
+                    c(J),
+                    Q(W(l.icons.chevron)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"]))
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            e.$slots.prepend ? {
+              name: "prepend",
+              fn: r(() => [
+                f(e.$slots, "prepend")
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.extras ? {
+              name: "extras",
+              fn: r(() => [
+                f(e.$slots, "extras")
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
+          V(c(he), {
+            modelValue: i.value,
+            "onUpdate:modelValue": o[2] || (o[2] = (n) => i.value = n),
+            spy: "",
+            "non-modal": "",
+            trigger: "manual",
+            placement: "bottom-start",
+            width: "anchor",
+            offset: 4,
+            anchor: (a = m.value) == null ? void 0 : a.$el,
+            onEnter: ue,
+            onLeave: de
+          }, {
+            default: r(() => {
+              var n;
+              return [
+                pe("div", {
+                  ref_key: "contentRef",
+                  ref: L,
+                  class: "q-select__body",
+                  "data-testid": "combobox-dropdown",
+                  "data-key": l.id,
+                  onFocusout: U
+                }, [
+                  f(e.$slots, "body.prepend"),
+                  l.loading ? (y(), S("div", we, [
+                    V(c(ge), { size: 24 })
+                  ])) : p.value.length ? (y(), T(c(ke), {
+                    key: 1,
+                    ref_key: "listRef",
+                    ref: u,
+                    class: "q-select__items",
+                    modelValue: d.value,
+                    "onUpdate:modelValue": [
+                      o[1] || (o[1] = (b) => d.value = b),
+                      z
+                    ],
+                    highlighted: (n = D.value) == null ? void 0 : n[l.itemValue],
+                    items: p.value,
+                    groups: e.groups,
+                    "item-label": l.itemLabel,
+                    "item-value": l.itemValue,
+                    onMouseup: se
+                  }, {
+                    item: r(({ item: b }) => [
+                      f(e.$slots, "item", { item: b })
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (y(), S(
+                    "div",
+                    Ve,
+                    be(e.texts.noData),
+                    1
+                    /* TEXT */
+                  )),
+                  f(e.$slots, "body.append")
+                ], 40, Ie)
+              ];
+            }),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["modelValue", "anchor"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+export {
+  ze as default
+};

package/esm/components/QCombobox/QCombobox.vue2.js

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

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

@@ -0,0 +1,4 @@
+import { default as QCombobox } from "./QCombobox";
+
+export { QCombobox };
+//# sourceMappingURL=index.d.ts.map

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

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

package/esm/components/QField/QField.d.ts

@@ -0,0 +1,89 @@
+export type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
+export type QFieldProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The label of the input.
+     */
+    label?: string;
+    /**
+     * The form field associated with the label.
+     */
+    for?: string;
+    /**
+     * The size category of the field.
+     */
+    size?: QFieldSize;
+    /**
+     * Whether the input is readonly.
+     */
+    readonly?: boolean;
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, an asterisk (*) is displayed
+     * to indicate that the field is required.
+     */
+    required?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QFieldProps>, {
+    id: undefined;
+    label: string;
+    for: undefined;
+    size: string;
+    class: undefined;
+}>, {
+    fieldRef: import('vue').Ref<HTMLElement | null>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QFieldProps>, {
+    id: undefined;
+    label: string;
+    for: undefined;
+    size: string;
+    class: undefined;
+}>>>, {
+    size: QFieldSize;
+    class: string | unknown[];
+    label: string;
+    id: string;
+    for: string;
+}, {}>, {
+    "label.prepend"?(_: {}): any;
+    "label.append"?(_: {}): any;
+    control?(_: {}): any;
+    prepend?(_: {}): any;
+    default?(_: {}): any;
+    append?(_: {}): any;
+    extras?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QField.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QField/QField"],"names":[],"mappings":"AA+CA;AAQC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/F,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqPF,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/esm/components/QField/QField.vue.js

@@ -0,0 +1,81 @@
+import { defineComponent as u, ref as c, computed as _, openBlock as d, createElementBlock as o, unref as m, normalizeClass as q, renderSlot as s, createElementVNode as r, toDisplayString as v, createCommentVNode as i, mergeProps as y } from "vue";
+import { useId as $ } from "../../composables/uid.js";
+const b = ["id"], h = {
+  key: 0,
+  class: "q-field__label"
+}, k = ["for"], B = {
+  key: 0,
+  class: "q-field__prepend"
+}, z = {
+  key: 1,
+  class: "q-field__append"
+}, C = {
+  key: 1,
+  class: "q-field__extras"
+}, N = /* @__PURE__ */ u({
+  inheritAttrs: !1,
+  __name: "QField",
+  props: {
+    id: { default: void 0 },
+    label: { default: "" },
+    for: { default: void 0 },
+    size: { default: "medium" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    class: { default: void 0 }
+  },
+  setup(a, { expose: n }) {
+    const e = a, f = $(e.id), t = c(null), p = _(() => e.required && !e.readonly && !e.disabled);
+    return n({
+      fieldRef: t
+    }), (l, R) => (d(), o("div", {
+      id: m(f),
+      class: q([
+        "q-field",
+        `q-field--${e.size}`,
+        {
+          "q-field--readonly": e.readonly,
+          "q-field--disabled": e.disabled,
+          "q-field--required": p.value
+        },
+        e.class
+      ])
+    }, [
+      e.label ? (d(), o("div", h, [
+        s(l.$slots, "label.prepend"),
+        r("label", {
+          for: e.for
+        }, v(e.label), 9, k),
+        s(l.$slots, "label.append")
+      ])) : i("v-if", !0),
+      s(l.$slots, "control", {}, () => [
+        r(
+          "div",
+          y({
+            class: "q-field__control",
+            ref_key: "fieldRef",
+            ref: t
+          }, l.$attrs),
+          [
+            l.$slots.prepend ? (d(), o("div", B, [
+              s(l.$slots, "prepend")
+            ])) : i("v-if", !0),
+            s(l.$slots, "default"),
+            l.$slots.append ? (d(), o("div", z, [
+              s(l.$slots, "append")
+            ])) : i("v-if", !0)
+          ],
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      l.$slots.extras ? (d(), o("div", C, [
+        s(l.$slots, "extras")
+      ])) : i("v-if", !0)
+    ], 10, b));
+  }
+});
+export {
+  N as default
+};

package/esm/components/QField/QField.vue2.js

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

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

@@ -0,0 +1,5 @@
+import { default as QField, QFieldProps, QFieldSize } from "./QField";
+
+export { QField };
+export type { QFieldProps, QFieldSize };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QField/index.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,cAAc,CAAA;AAEjC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAQ3D,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

package/esm/components/QField/index.js

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