@quidgest/ui 0.10.1 → 0.12.0

package/esm/components/QSelect/QSelect.d.ts

@@ -0,0 +1,265 @@
+import { Primitive } from '../../types/primitive';
+import { QListItemGroupProps, QListItemProps } from '../QList';
+import { Icon } from '../QIcon';
+import { QFieldSize } from '../QField';
+
+export type QSelectProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The label of the input.
+     */
+    label?: string;
+    /**
+     * Whether the value of the component can be cleared.
+     */
+    clearable?: boolean;
+    /**
+     * Whether the select is readonly.
+     */
+    readonly?: boolean;
+    /**
+     * Whether the select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, an asterisk (*) is displayed
+     * to indicate that the field is required.
+     */
+    required?: boolean;
+    /**
+     * Whether the items of the list are being loaded.
+     */
+    loading?: boolean;
+    /**
+     * The icons of the component.
+     */
+    icons?: Icons;
+    /**
+     * The list of available items for selection.
+     */
+    items: (Omit<QListItemProps, 'value' | 'label'> & {
+        [key: string]: any;
+    })[];
+    /**
+     * The item groups used for organizing the available items.
+     */
+    groups?: (QListItemGroupProps & {
+        id: string;
+    })[];
+    /**
+     * Property on each item that contains its value.
+     */
+    itemValue?: string;
+    /**
+     * Property on each item that contains its title.
+     */
+    itemLabel?: string;
+    /**
+     * The value to be used in comparisons,
+     * used to check if the field has a selected item.
+     */
+    emptyValue?: Primitive;
+    /**
+     * The size category of the input.
+     */
+    size?: QFieldSize;
+    /**
+     * Necessary strings to be used in labels and buttons of the component.
+     */
+    texts?: Texts;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+declare const DEFAULT_TEXTS: {
+    placeholder: string;
+};
+declare const DEFAULT_ICONS: Record<string, Icon>;
+type Texts = typeof DEFAULT_TEXTS;
+type Icons = typeof DEFAULT_ICONS;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue: import('vue').PropType<any>;
+    size: {
+        type: import('vue').PropType<QFieldSize>;
+        default: undefined;
+    };
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+        default: string;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    icons: {
+        type: import('vue').PropType<Record<string, Icon>>;
+        default: () => Record<string, Icon>;
+    };
+    items: {
+        type: import('vue').PropType<(Omit<QListItemProps, "label" | "value"> & {
+            [key: string]: any;
+        })[]>;
+        required: true;
+    };
+    groups: {
+        type: import('vue').PropType<(QListItemGroupProps & {
+            id: string;
+        })[]>;
+        default: () => never[];
+    };
+    itemValue: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    itemLabel: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+    };
+    emptyValue: {
+        type: import('vue').PropType<Primitive>;
+        default: undefined;
+    };
+    texts: {
+        type: import('vue').PropType<{
+            placeholder: string;
+        }>;
+        default: () => {
+            placeholder: string;
+        };
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "before-show": () => void;
+    "before-hide": () => void;
+    show: () => void;
+    hide: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    size: {
+        type: import('vue').PropType<QFieldSize>;
+        default: undefined;
+    };
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+        default: string;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    icons: {
+        type: import('vue').PropType<Record<string, Icon>>;
+        default: () => Record<string, Icon>;
+    };
+    items: {
+        type: import('vue').PropType<(Omit<QListItemProps, "label" | "value"> & {
+            [key: string]: any;
+        })[]>;
+        required: true;
+    };
+    groups: {
+        type: import('vue').PropType<(QListItemGroupProps & {
+            id: string;
+        })[]>;
+        default: () => never[];
+    };
+    itemValue: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    itemLabel: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+    };
+    emptyValue: {
+        type: import('vue').PropType<Primitive>;
+        default: undefined;
+    };
+    texts: {
+        type: import('vue').PropType<{
+            placeholder: string;
+        }>;
+        default: () => {
+            placeholder: string;
+        };
+    };
+}>> & {
+    "onBefore-show"?: (() => any) | undefined;
+    "onBefore-hide"?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}, {
+    size: QFieldSize;
+    class: string | unknown[];
+    label: string;
+    icons: Record<string, Icon>;
+    groups: (QListItemGroupProps & {
+        id: string;
+    })[];
+    itemValue: string;
+    itemLabel: string;
+    id: string;
+    emptyValue: Primitive;
+    texts: {
+        placeholder: string;
+    };
+}, {}>, {
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    extras?(_: {}): any;
+    "body.prepend"?(_: {}): any;
+    item?(_: {
+        item: Omit<QListItemProps, "label" | "value"> & {
+            [key: string]: any;
+        };
+    }): any;
+    "body.append"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QSelect.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect"],"names":[],"mappings":"AAuHA;AAWC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAMlD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;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,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;OAEG;IACH,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;QAGjD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAClB,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,mBAAmB,GAAG;QAC/B,EAAE,EAAE,MAAM,CAAA;KACV,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;AAKD,QAAA,MAAM,aAAa;;CAElB,CAAA;AAGD,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAOvC,CAAA;AAED,KAAK,KAAK,GAAG,OAAO,aAAa,CAAA;AACjC,KAAK,KAAK,GAAG,OAAO,aAAa,CAAA;;gBAmMtB,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA3B,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2VT,GAAG;oBACJ,GAAG;oBACH,GAAG;4BACK,GAAG;;;;;QACZ,GAAG;2BACM,GAAG;;AAliBxC,wBAmlBI;AASJ,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/esm/components/QSelect/QSelect.vue.js

@@ -0,0 +1,317 @@
+import { defineComponent as J, mergeModels as D, useModel as Y, ref as m, computed as _, watch as Z, nextTick as ee, openBlock as t, createElementBlock as p, Fragment as I, createVNode as v, unref as i, normalizeClass as le, withModifiers as F, createSlots as oe, withCtx as s, renderSlot as u, createBlock as k, normalizeProps as C, guardReactiveProps as M, createCommentVNode as g, toDisplayString as U, createTextVNode as ae, mergeProps as te, createElementVNode as ie } from "vue";
+import A from "../QButton/QButton.vue.js";
+import "../QField/index.js";
+import "../QIcon/index.js";
+import "../QList/index.js";
+import "../QOverlay/index.js";
+import "../QSpinnerLoader/index.js";
+import ne from "../QField/QField.vue.js";
+import L from "../QIcon/QIcon.vue.js";
+import se from "../QOverlay/QOverlay.vue.js";
+import de from "../QSpinnerLoader/QSpinnerLoader.vue.js";
+import re from "../QList/QList.vue.js";
+const ue = {
+  key: 0,
+  class: "q-select__value"
+}, ce = {
+  key: 1,
+  class: "q-select__placeholder"
+}, fe = ["data-key"], me = {
+  key: 0,
+  class: "q-select__loader"
+}, pe = {
+  placeholder: "Choose..."
+}, ve = {
+  chevron: {
+    icon: "chevron-down"
+  },
+  clear: {
+    icon: "close"
+  }
+}, Le = /* @__PURE__ */ J({
+  __name: "QSelect",
+  props: /* @__PURE__ */ D({
+    id: { default: void 0 },
+    label: { default: "" },
+    clearable: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    loading: { type: Boolean },
+    icons: { default: () => ve },
+    items: {},
+    groups: { default: () => [] },
+    itemValue: { default: "key" },
+    itemLabel: { default: "label" },
+    emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
+    size: { default: void 0 },
+    texts: { default: () => pe },
+    class: { default: "" }
+  }, {
+    modelValue: {
+      type: [String, Number, Boolean, Symbol]
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ D(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(x, { emit: O }) {
+    const l = x, y = O, c = Y(x, "modelValue"), a = m(!1), h = m(""), b = m(null), w = m(null), V = m(null), P = _(() => d.value === void 0), d = _(
+      () => {
+        var e;
+        return (e = l.items) == null ? void 0 : e.find((o) => o[l.itemValue] === c.value);
+      }
+    ), K = _(
+      () => d.value ? d.value[l.itemLabel] : ""
+    ), $ = _(
+      () => l.clearable && !l.readonly && !l.disabled && !l.loading
+    );
+    function S(e) {
+      c.value = e, E();
+    }
+    function q() {
+      $.value && S(l.emptyValue);
+    }
+    function H(e) {
+      var o, r, f;
+      !((o = V.value) != null && o.contains(e.relatedTarget)) && !((f = (r = b.value) == null ? void 0 : r.fieldRef) != null && f.contains(e.relatedTarget)) && E();
+    }
+    function Q() {
+      a.value || (y("before-show"), a.value = !0);
+    }
+    function E() {
+      a.value && (y("before-hide"), a.value = !1);
+    }
+    function T() {
+      l.readonly || l.disabled || (a.value ? E() : Q());
+    }
+    let B;
+    function z(e) {
+      if (!(!e.key || l.readonly || l.disabled)) {
+        if (window.clearTimeout(B), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), ["Enter", " "].includes(e.key) && (a.value = !0), ["Escape", "Tab"].includes(e.key) && (a.value ? a.value = !1 : $.value && e.key === "Escape" && q()), e.key === "Delete" && l.clearable && q(), /^[a-z]$/i.test(e.key)) {
+          h.value += e.key.toLowerCase();
+          for (let o = 0; o < l.items.length; o++)
+            if (l.items[o][l.itemLabel].toLowerCase().startsWith(h.value)) {
+              G(o);
+              break;
+            }
+        }
+        B = window.setTimeout(function() {
+          h.value = "";
+        }, 500);
+      }
+    }
+    function W() {
+      var e;
+      l.loading ? (e = V.value) == null || e.focus() : N(), y("show");
+    }
+    function X() {
+      j(), y("hide");
+    }
+    function j() {
+      var e, o;
+      (o = (e = b.value) == null ? void 0 : e.fieldRef) == null || o.focus();
+    }
+    function N() {
+      var e;
+      (e = w.value) == null || e.$el.focus();
+    }
+    function G(e) {
+      var o;
+      (o = w.value) == null || o.focusItem(e);
+    }
+    return Z(
+      () => l.loading,
+      (e) => {
+        !e && a.value && ee(N);
+      }
+    ), (e, o) => {
+      var r, f;
+      return t(), p(
+        I,
+        null,
+        [
+          v(i(ne), {
+            id: l.id,
+            label: l.label,
+            required: l.required,
+            ref_key: "triggerEl",
+            ref: b,
+            role: "combobox",
+            tabindex: l.disabled ? -1 : 0,
+            class: le([
+              "q-select",
+              {
+                "q-select--readonly": l.readonly,
+                "q-select--disabled": l.disabled,
+                "q-select--expanded": a.value
+              },
+              l.class
+            ]),
+            readonly: l.readonly,
+            disabled: l.disabled,
+            "data-loading": l.loading,
+            "aria-expanded": a.value,
+            "aria-haspopup": "listbox",
+            size: l.size,
+            onClick: T,
+            onKeydown: F(z, ["stop"])
+          }, oe({
+            append: s(() => [
+              u(e.$slots, "append"),
+              $.value && c.value ? (t(), k(i(A), {
+                key: 0,
+                class: "q-select__clear",
+                "b-style": "plain",
+                borderless: "",
+                tabindex: "-1",
+                onClick: q
+              }, {
+                default: s(() => [
+                  v(
+                    i(L),
+                    C(M(l.icons.clear)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })) : g("v-if", !0),
+              l.readonly ? g("v-if", !0) : (t(), k(i(A), {
+                key: 1,
+                class: "q-select__chevron",
+                "b-style": "plain",
+                borderless: "",
+                tabindex: "-1",
+                disabled: l.disabled,
+                onClick: T
+              }, {
+                default: s(() => [
+                  v(
+                    i(L),
+                    C(M(l.icons.chevron)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"]))
+            ]),
+            default: s(() => [
+              P.value ? (t(), p("span", ce, [
+                !l.readonly && !l.disabled ? (t(), p(
+                  I,
+                  { key: 0 },
+                  [
+                    ae(
+                      U(e.texts.placeholder),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : g("v-if", !0)
+              ])) : (t(), p(
+                "span",
+                ue,
+                U(K.value),
+                1
+                /* TEXT */
+              ))
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            (r = d.value) != null && r.icon || e.$slots.prepend ? {
+              name: "prepend",
+              fn: s(() => {
+                var n, R;
+                return [
+                  u(e.$slots, "prepend"),
+                  (n = d.value) != null && n.icon ? (t(), k(
+                    i(L),
+                    C(te({ key: 0 }, (R = d.value) == null ? void 0 : R.icon)),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : g("v-if", !0)
+                ];
+              }),
+              key: "0"
+            } : void 0,
+            e.$slots.extras ? {
+              name: "extras",
+              fn: s(() => [
+                u(e.$slots, "extras")
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
+          v(i(se), {
+            modelValue: a.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (n) => a.value = n),
+            spy: "",
+            trigger: "manual",
+            placement: "bottom-start",
+            width: "anchor",
+            "scroll-lock": "",
+            anchor: (f = b.value) == null ? void 0 : f.$el,
+            offset: 2,
+            onEnter: W,
+            onLeave: X
+          }, {
+            default: s(() => [
+              ie("div", {
+                ref_key: "contentRef",
+                ref: V,
+                "data-testid": "combobox-dropdown",
+                "data-key": l.id,
+                class: "q-select__body",
+                tabindex: "-1",
+                onFocusout: H,
+                onKeydown: F(z, ["stop"])
+              }, [
+                u(e.$slots, "body.prepend"),
+                l.loading ? (t(), p("div", me, [
+                  v(i(de), { size: 24 })
+                ])) : (t(), k(i(re), {
+                  key: 1,
+                  ref_key: "listRef",
+                  ref: w,
+                  class: "q-select__items",
+                  modelValue: c.value,
+                  "onUpdate:modelValue": [
+                    o[0] || (o[0] = (n) => c.value = n),
+                    S
+                  ],
+                  items: l.items,
+                  groups: e.groups,
+                  "item-label": l.itemLabel,
+                  "item-value": l.itemValue
+                }, {
+                  item: s(({ item: n }) => [
+                    u(e.$slots, "item", { item: n })
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
+                u(e.$slots, "body.append")
+              ], 40, fe)
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["modelValue", "anchor"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+export {
+  Le as default
+};

package/esm/components/QSelect/QSelect.vue2.js

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

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

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

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

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

package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts

@@ -0,0 +1,46 @@
+export type QSkeletonLoaderProps = {
+    /**
+     * The type of the skeleton.
+     */
+    type?: 'text' | 'icon';
+    /**
+     * The width of the skeleton.
+     */
+    width?: string | number;
+    /**
+     * The height of the skeleton.
+     */
+    height?: string | number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSkeletonLoaderProps>, {
+    type: undefined;
+    width: undefined;
+    height: undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSkeletonLoaderProps>, {
+    type: undefined;
+    width: undefined;
+    height: undefined;
+}>>>, {
+    type: "text" | "icon";
+    height: string | number;
+    width: string | number;
+}, {}>;
+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];
+} & {};
+//# sourceMappingURL=QSkeletonLoader.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader"],"names":[],"mappings":"AAOA;AAIC,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;;;;;;;;;;;;;;AAgFF,wBAMG;AACH,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"}

package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as i, computed as n, openBlock as a, createElementBlock as r, normalizeClass as c, normalizeStyle as h, createElementVNode as p } from "vue";
+const u = /* @__PURE__ */ p(
+  "div",
+  { class: "q-skeleton-loader__bone" },
+  null,
+  -1
+  /* HOISTED */
+), m = [
+  u
+], f = /* @__PURE__ */ i({
+  __name: "QSkeletonLoader",
+  props: {
+    type: { default: void 0 },
+    width: { default: void 0 },
+    height: { default: void 0 }
+  },
+  setup(l) {
+    const e = l, s = n(() => e.type ? `q-skeleton-loader--${e.type}` : void 0), d = n(() => {
+      const t = typeof e.width == "number" ? `${e.width}px` : e.width, o = typeof e.height == "number" ? `${e.height}px` : e.height;
+      return {
+        width: t,
+        height: o
+      };
+    });
+    return (t, o) => (a(), r(
+      "div",
+      {
+        class: c(["q-skeleton-loader", s.value]),
+        style: h(d.value)
+      },
+      m,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+export {
+  f as default
+};

package/esm/components/QSkeletonLoader/QSkeletonLoader.vue2.js

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