@quidgest/ui 0.14.6 → 0.14.8

package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts

@@ -0,0 +1,24 @@
+import { QRemoveScrollBarProps } from './types';
+import { GapMode } from './utils/gap';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QRemoveScrollBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QRemoveScrollBarProps> & Readonly<{}>, {
+    noRelative: boolean;
+    noImportant: boolean;
+    gapMode: GapMode;
+}, {}, {}, {}, 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=QRemoveScrollBar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QRemoveScrollBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QRemoveScrollBar/QRemoveScrollBar.vue"],"names":[],"mappings":"AAGA;AAuHC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,KAAK,OAAO,EAA+B,MAAM,aAAa,CAAA;AA0GxE,iBAAS,cAAc;WAiCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;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/QRemoveScrollBar/QRemoveScrollBar.vue.js

@@ -0,0 +1,72 @@
+import { defineComponent as c, onMounted as f, onUnmounted as h, renderSlot as b } from "vue";
+import { lockAttribute as r, noScrollbarsClassName as v, zeroRightClassName as i, fullWidthClassName as d, removedBarSizeVariable as y } from "./constants.js";
+import { getGapWidth as x } from "./utils/gap.js";
+import { useStylesheet as S } from "./utils/stylesheet.js";
+const R = /* @__PURE__ */ c({
+  __name: "QRemoveScrollBar",
+  props: {
+    noRelative: { type: Boolean, default: !1 },
+    noImportant: { type: Boolean, default: !1 },
+    gapMode: { default: "margin" }
+  },
+  setup(g) {
+    const n = g, a = S(), l = () => {
+      const e = parseInt(document.body.getAttribute(r) || "0", 10);
+      return isFinite(e) ? e : 0;
+    }, u = ({ left: e, top: s, right: m, gap: o }, p, $ = "margin", t) => `
+  .${v} {
+    overflow: hidden ${t};
+    padding-right: ${o}px ${t};
+  }
+  body[${r}] {
+    overflow: hidden ${t};
+    overscroll-behavior: contain;
+    ${[
+      p && `position: relative ${t};`,
+      $ === "margin" && `
+    padding-left: ${e}px;
+    padding-top: ${s}px;
+    padding-right: ${m}px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: ${o}px ${t};
+    `,
+      $ === "padding" && `padding-right: ${o}px ${t};`
+    ].filter(Boolean).join("")}
+  }
+
+  .${i} {
+    right: ${o}px ${t};
+  }
+
+  .${d} {
+    margin-right: ${o}px ${t};
+  }
+
+  .${i} .${i} {
+    right: 0 ${t};
+  }
+
+  .${d} .${d} {
+    margin-right: 0 ${t};
+  }
+
+  body[${r}] {
+    ${y}: ${o}px;
+  }
+`;
+    return f(() => {
+      document.body.setAttribute(r, (l() + 1).toString());
+      const e = x(n.gapMode);
+      a.add(
+        u(e, !n.noRelative, n.gapMode, n.noImportant ? "" : "!important")
+      );
+    }), h(() => {
+      const e = l() - 1;
+      e <= 0 ? document.body.removeAttribute(r) : document.body.setAttribute(r, e.toString()), a.remove();
+    }), (e, s) => b(e.$slots, "default");
+  }
+});
+export {
+  R as default
+};

package/esm/components/QRemoveScrollBar/QRemoveScrollBar.vue2.js

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

package/esm/components/QRemoveScrollBar/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const lockAttribute = "data-scroll-locked";
+export declare const zeroRightClassName = "right-scroll-bar-position";
+export declare const fullWidthClassName = "width-before-scroll-bar";
+export declare const noScrollbarsClassName = "with-scroll-bars-hidden";
+/**
+ * Name of a CSS variable containing the amount of "hidden" scrollbar
+ * ! might be undefined ! use will fallback!
+ */
+export declare const removedBarSizeVariable = "--removed-body-scroll-bar-size";
+//# sourceMappingURL=constants.d.ts.map

package/esm/components/QRemoveScrollBar/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QRemoveScrollBar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uBAAuB,CAAA;AACjD,eAAO,MAAM,kBAAkB,8BAA8B,CAAA;AAC7D,eAAO,MAAM,kBAAkB,4BAA4B,CAAA;AAC3D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAC9D;;;GAGG;AACH,eAAO,MAAM,sBAAsB,mCAAmC,CAAA"}

package/esm/components/QRemoveScrollBar/constants.js

@@ -0,0 +1,8 @@
+const o = "data-scroll-locked", l = "right-scroll-bar-position", r = "width-before-scroll-bar", s = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
+export {
+  r as fullWidthClassName,
+  o as lockAttribute,
+  s as noScrollbarsClassName,
+  e as removedBarSizeVariable,
+  l as zeroRightClassName
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QRemoveScrollBar/index.ts"],"names":[],"mappings":"AAMA,OAAO,iBAAiB,MAAM,wBAAwB,CAAA;AAKtD,QAAA,MAAM,gBAAgB,EAAyC,OAAO,iBAAiB,CAAA;AAGvF,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/esm/components/QRemoveScrollBar/index.js

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

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

@@ -0,0 +1,18 @@
+import { GapMode } from './utils/gap';
+export type QRemoveScrollBarProps = {
+    /**
+     * Whether to disable relative positioning. Default is false.
+     * @default false
+     */
+    noRelative?: boolean;
+    /**
+     * Whether to disable the use of `!important` CSS rule. Default is false.
+     * @default false
+     */
+    noImportant?: boolean;
+    /**
+     * Defines the gap behavior or mode. Custom `GapMode` type.
+     */
+    gapMode?: GapMode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QRemoveScrollBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}

package/esm/components/QRemoveScrollBar/utils/gap.d.ts

@@ -0,0 +1,15 @@
+export type GapMode = 'padding' | 'margin';
+export interface GapOffset {
+    left: number;
+    top: number;
+    right: number;
+    gap: number;
+}
+export declare const zeroGap: {
+    left: number;
+    top: number;
+    right: number;
+    gap: number;
+};
+export declare const getGapWidth: (gapMode?: GapMode) => GapOffset;
+//# sourceMappingURL=gap.d.ts.map

package/esm/components/QRemoveScrollBar/utils/gap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["../../../../src/components/QRemoveScrollBar/utils/gap.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE1C,MAAM,WAAW,SAAS;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACX;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAcD,eAAO,MAAM,WAAW,aAAa,OAAO,KAAc,SAezD,CAAA"}

package/esm/components/QRemoveScrollBar/utils/gap.js

@@ -0,0 +1,23 @@
+const g = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, o = (n) => parseInt(n || "", 10) || 0, p = (n) => {
+  const t = window.getComputedStyle(document.body), e = t[n === "padding" ? "paddingLeft" : "marginLeft"], i = t[n === "padding" ? "paddingTop" : "marginTop"], d = t[n === "padding" ? "paddingRight" : "marginRight"];
+  return [o(e), o(i), o(d)];
+}, r = (n = "margin") => {
+  if (typeof window > "u")
+    return g;
+  const t = p(n), e = document.documentElement.clientWidth, i = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, i - e + t[2] - t[0])
+  };
+};
+export {
+  r as getGapWidth,
+  g as zeroGap
+};

package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts

@@ -0,0 +1,5 @@
+export declare const useStylesheet: () => {
+    add: (style: string) => void;
+    remove: () => void;
+};
+//# sourceMappingURL=stylesheet.d.ts.map

package/esm/components/QRemoveScrollBar/utils/stylesheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../src/components/QRemoveScrollBar/utils/stylesheet.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,aAAa,QAAO;IAChC,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAA;CAyBlB,CAAA"}

package/esm/components/QRemoveScrollBar/utils/stylesheet.js

@@ -0,0 +1,24 @@
+function l() {
+  return document ? document.createElement("style") : null;
+}
+function d(t, e) {
+  t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  (document.head || document.getElementsByTagName("head")[0]).appendChild(t);
+}
+const o = () => {
+  let t = 0, e = null;
+  return {
+    add: (n) => {
+      t === 0 && (e = l()) && (d(e, n), a(e)), t++;
+    },
+    remove: () => {
+      var n;
+      t--, !t && e && ((n = e.parentNode) == null || n.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  o as useStylesheet
+};

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

@@ -1,11 +1,12 @@
 import { QSelectProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
 import { Primitive } from '../../types/primitive';
 import { nextTick } from 'vue';
-declare let __VLS_typeProps: QSelectProps;
+type __VLS_Props = QSelectProps;
 type __VLS_PublicProps = {
     modelValue?: any;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         prepend?(_: {}): any;
         append?(_: {}): any;
@@ -105,7 +106,7 @@ declare function __VLS_template(): {
                 readonly disabled?: boolean | undefined;
                 readonly class?: (string | unknown[]) | undefined;
                 readonly selectable?: boolean | undefined;
-                readonly "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -119,12 +120,12 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "update:modelValue", modelValue: any) => void;
+            $emit: (event: "update:modelValue", value: any) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: any;
             } & import('../QList').QListProps> & Readonly<{
-                "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             }>, {
                 focusItem: (itemIdx: number, preventScroll?: boolean) => void;
                 getItem: (idx: number) => HTMLElement | undefined;
@@ -132,7 +133,7 @@ declare function __VLS_template(): {
                 getFirstFocusableItemIndex: () => number;
                 getLastFocusableItemIndex: () => number;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (modelValue: any) => any;
+                "update:modelValue": (value: any) => any;
             }, string, {
                 class: string | unknown[];
                 highlighted: Primitive;
@@ -168,7 +169,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             modelValue?: any;
         } & import('../QList').QListProps> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("class" | "highlighted" | "groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             focusItem: (itemIdx: number, preventScroll?: boolean) => void;
             getItem: (idx: number) => HTMLElement | undefined;
@@ -183,18 +184,18 @@ declare function __VLS_template(): {
             };
         }) | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: any) => any;
+    "update:modelValue": (value: any) => any;
 } & {
     "before-show": () => any;
     "before-hide": () => any;
     show: () => any;
     hide: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
     "onBefore-hide"?: (() => any) | undefined;
     onShow?: (() => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAmVC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAIrD,QAAA,IAAI,eAAe,EAAG,YAAY,CAAC;AAkNnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;yBA6QO,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhCJ,GAAG,8CACR,GAAG,yBAAyB,GAAG,6DAC7D,GACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHmC,GAAG,8CACR,GAAG,yBAAyB,GAAG,6DAC7D,GACA;;;;;;;;;;;;;;;;;;;;;;;;;WAyCc,OAAO,IAA6B;EAEjD;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;6EAanB,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":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AA2HA;AAmVC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAIrD,KAAK,WAAW,GAAG,YAAY,CAAC;AA+MhC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6RT,OAAO,IAA6B;;yBAhBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAjC1B,GAAG,8CACS,GAAG,yBAC5B,GAAE,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF3B,GAAG,8CACS,GAAG,yBAC5B,GAAE,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CvC;AAgCD,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/QSelect/QSelect.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as Y, mergeModels as R, useModel as Z, ref as f, computed as k, watch as ee, nextTick as le, openBlock as o, createElementBlock as m, Fragment as D, createVNode as p, unref as i, mergeProps as F, withModifiers as O, createSlots as ae, withCtx as n, renderSlot as u, createBlock as g, normalizeProps as x, guardReactiveProps as A, createCommentVNode as h, toDisplayString as M, createTextVNode as te, createElementVNode as oe } from "vue";
+import { defineComponent as Y, mergeModels as R, useModel as Z, ref as f, computed as k, watch as ee, nextTick as le, openBlock as o, createElementBlock as m, Fragment as D, createVNode as p, unref as n, mergeProps as F, withModifiers as O, createSlots as ae, withCtx as i, renderSlot as u, createBlock as g, normalizeProps as x, guardReactiveProps as A, createCommentVNode as h, toDisplayString as M, createTextVNode as te, createElementVNode as oe } from "vue";
 import { QButton as U } from "../QButton/index.js";
-import { QField as ie } from "../QField/index.js";
+import { QField as ne } from "../QField/index.js";
 import { QIcon as S } from "../QIcon/index.js";
-import { QList as ne } from "../QList/index.js";
+import { QList as ie } from "../QList/index.js";
 import { QOverlay as se } from "../QOverlay/index.js";
 import { QSpinnerLoader as de } from "../QSpinnerLoader/index.js";
 import { DEFAULT_ICONS as re, DEFAULT_TEXTS as ue } from "./types.js";
@@ -43,10 +43,10 @@ const ce = {
   }),
   emits: /* @__PURE__ */ R(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup($, { emit: P }) {
-    const e = $, v = P, y = Z($, "modelValue"), t = f(!1), _ = f(""), b = f(null), w = f(null), V = f(null), K = k(() => s.value === void 0), s = k(
+    const e = $, y = P, b = Z($, "modelValue"), t = f(!1), _ = f(""), v = f(null), w = f(null), V = f(null), K = k(() => s.value === void 0), s = k(
       () => {
         var l;
-        return (l = e.items) == null ? void 0 : l.find((a) => a[e.itemValue] === y.value);
+        return (l = e.items) == null ? void 0 : l.find((a) => a[e.itemValue] === b.value);
       }
     ), H = k(
       () => s.value ? s.value[e.itemLabel] : ""
@@ -54,20 +54,20 @@ const ce = {
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function B(l) {
-      y.value = l, L();
+      b.value = l, L();
     }
     function E() {
       q.value && (B(e.emptyValue), I());
     }
     function W(l) {
       var a, d, c;
-      !((a = V.value) != null && a.contains(l.relatedTarget)) && !((c = (d = b.value) == null ? void 0 : d.fieldRef) != null && c.contains(l.relatedTarget)) && L();
+      !((a = V.value) != null && a.contains(l.relatedTarget)) && !((c = (d = v.value) == null ? void 0 : d.fieldRef) != null && c.contains(l.relatedTarget)) && L();
     }
     function X() {
-      t.value || (v("before-show"), t.value = !0);
+      t.value || (y("before-show"), t.value = !0);
     }
     function L() {
-      t.value && (v("before-hide"), t.value = !1);
+      t.value && (y("before-hide"), t.value = !1);
     }
     function T() {
       e.readonly || e.disabled || (t.value ? L() : X());
@@ -90,14 +90,14 @@ const ce = {
     }
     function j() {
       var l;
-      e.loading ? (l = V.value) == null || l.focus() : N(), v("show");
+      e.loading ? (l = V.value) == null || l.focus() : N(), y("show");
     }
     function G() {
-      I(), v("hide");
+      I(), y("hide");
     }
     function I() {
       var l, a;
-      (a = (l = b.value) == null ? void 0 : l.fieldRef) == null || a.focus();
+      (a = (l = v.value) == null ? void 0 : l.fieldRef) == null || a.focus();
     }
     function N() {
       var l;
@@ -118,12 +118,12 @@ const ce = {
         D,
         null,
         [
-          p(i(ie), F({
+          p(n(ne), F({
             id: e.id,
+            ref_key: "triggerEl",
+            ref: v,
             label: e.label,
             required: e.required,
-            ref_key: "triggerEl",
-            ref: b,
             role: "combobox",
             tabindex: e.disabled ? -1 : 0,
             class: [
@@ -145,9 +145,9 @@ const ce = {
             onClick: T,
             onKeydown: O(z, ["stop"])
           }), ae({
-            append: n(() => [
+            append: i(() => [
               u(l.$slots, "append"),
-              q.value && y.value ? (o(), g(i(U), {
+              q.value && b.value ? (o(), g(n(U), {
                 key: 0,
                 class: "q-select__clear",
                 "aria-label": e.texts.clearValue,
@@ -156,9 +156,9 @@ const ce = {
                 tabindex: "-1",
                 onClick: E
               }, {
-                default: n(() => [
+                default: i(() => [
                   p(
-                    i(S),
+                    n(S),
                     x(A(e.icons.clear)),
                     null,
                     16
@@ -168,7 +168,7 @@ const ce = {
                 _: 1
                 /* STABLE */
               }, 8, ["aria-label"])) : h("v-if", !0),
-              e.readonly ? h("v-if", !0) : (o(), g(i(U), {
+              e.readonly ? h("v-if", !0) : (o(), g(n(U), {
                 key: 1,
                 class: "q-select__chevron",
                 "aria-label": e.texts.showOptions,
@@ -178,9 +178,9 @@ const ce = {
                 disabled: e.disabled,
                 onClick: T
               }, {
-                default: n(() => [
+                default: i(() => [
                   p(
-                    i(S),
+                    n(S),
                     x(A(e.icons.chevron)),
                     null,
                     16
@@ -191,7 +191,7 @@ const ce = {
                 /* STABLE */
               }, 8, ["aria-label", "disabled"]))
             ]),
-            default: n(() => [
+            default: i(() => [
               K.value ? (o(), m("span", fe, [
                 !e.readonly && !e.disabled ? (o(), m(
                   D,
@@ -219,12 +219,12 @@ const ce = {
           }, [
             (d = s.value) != null && d.icon || l.$slots.prepend ? {
               name: "prepend",
-              fn: n(() => {
+              fn: i(() => {
                 var r, Q;
                 return [
                   u(l.$slots, "prepend"),
                   (r = s.value) != null && r.icon ? (o(), g(
-                    i(S),
+                    n(S),
                     x(F({ key: 0 }, (Q = s.value) == null ? void 0 : Q.icon)),
                     null,
                     16
@@ -236,13 +236,13 @@ const ce = {
             } : void 0,
             l.$slots.extras ? {
               name: "extras",
-              fn: n(() => [
+              fn: i(() => [
                 u(l.$slots, "extras")
               ]),
               key: "1"
             } : void 0
           ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-          p(i(se), {
+          p(n(se), {
             modelValue: t.value,
             "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
             spy: "",
@@ -250,12 +250,12 @@ const ce = {
             placement: "bottom-start",
             width: "anchor",
             "scroll-lock": "",
-            anchor: (c = b.value) == null ? void 0 : c.$el,
+            anchor: (c = v.value) == null ? void 0 : c.$el,
             offset: 2,
             onEnter: j,
             onLeave: G
           }, {
-            default: n(() => [
+            default: i(() => [
               oe("div", {
                 ref_key: "contentRef",
                 ref: V,
@@ -268,21 +268,21 @@ const ce = {
               }, [
                 u(l.$slots, "body.prepend"),
                 e.loading ? (o(), m("div", pe, [
-                  p(i(de), { size: 24 })
-                ])) : (o(), g(i(ne), {
+                  p(n(de), { size: 24 })
+                ])) : (o(), g(n(ie), {
                   key: 1,
                   ref_key: "listRef",
                   ref: w,
                   class: "q-select__items",
                   selectable: "",
-                  "model-value": y.value,
+                  "model-value": b.value,
                   items: e.items,
                   groups: l.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
                   "onUpdate:modelValue": B
                 }, {
-                  item: n(({ item: r }) => [
+                  item: i(({ item: r }) => [
                     u(l.$slots, "item", { item: r })
                   ]),
                   _: 3

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

@@ -3,6 +3,6 @@ declare const _default: import('vue').DefineComponent<QSkeletonLoaderProps, {},
     type: "text" | "icon";
     width: string | number;
     height: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=QSkeletonLoader.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"AAoCC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;;;;;;AAoFpD,wBAOG"}
+{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"AAOA;AAoCC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;;;;;;AAuFpD,wBAQG"}

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

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

package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts

@@ -2,6 +2,6 @@ import { QSpinnerLoaderProps } from './types';
 declare const _default: import('vue').DefineComponent<QSpinnerLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSpinnerLoaderProps> & Readonly<{}>, {
     size: number;
     class: string | unknown[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=QSpinnerLoader.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QSpinnerLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSpinnerLoader/QSpinnerLoader.vue"],"names":[],"mappings":"AAyBC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;;;;;AAuEnD,wBAOG"}
+{"version":3,"file":"QSpinnerLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSpinnerLoader/QSpinnerLoader.vue"],"names":[],"mappings":"AAKA;AAyBC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;;;;;AA0EnD,wBAQG"}