@quidgest/ui 0.15.9 → 0.16.1

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

@@ -101,8 +101,8 @@ declare function __VLS_template(): {
                 readonly itemLabel?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly selectable?: boolean | undefined;
-                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 readonly onClick?: ((key: any) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -124,8 +124,8 @@ declare function __VLS_template(): {
                         readonly disabled?: boolean | undefined;
                         readonly description?: string | undefined;
                         readonly icons?: typeof import('../QList/types').DEFAULT_ICONS | undefined;
-                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                         readonly onClick?: (() => any) | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
@@ -139,13 +139,13 @@ declare function __VLS_template(): {
                     $root: import('vue').ComponentPublicInstance | null;
                     $parent: import('vue').ComponentPublicInstance | null;
                     $host: Element | null;
-                    $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
+                    $emit: ((event: "click") => void) & ((event: "update:modelValue", value: boolean) => void);
                     $el: HTMLLIElement;
                     $options: import('vue').ComponentOptionsBase<Readonly<{
                         modelValue?: boolean;
                     } & import('..').QListItemProps> & Readonly<{
-                        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                         onClick?: (() => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                         "update:modelValue": (value: boolean) => any;
                     } & {
@@ -177,8 +177,8 @@ declare function __VLS_template(): {
                 }> & Omit<Readonly<{
                     modelValue?: boolean;
                 } & import('..').QListItemProps> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     onClick?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         prepend?(_: {}): any;
@@ -193,7 +193,7 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "click", key: any) => void);
+            $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: any;
@@ -206,8 +206,8 @@ declare function __VLS_template(): {
                 disabled?: boolean;
                 selectable?: boolean;
             }> & Readonly<{
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 onClick?: ((key: any) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             }>, {
                 getItem: (idx: number) => HTMLElement | undefined;
                 getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
@@ -256,8 +256,8 @@ declare function __VLS_template(): {
             disabled?: boolean;
             selectable?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             onClick?: ((key: any) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             getItem: (idx: number) => HTMLElement | undefined;
             getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
@@ -383,8 +383,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly itemLabel?: string | undefined;
             readonly disabled?: boolean | undefined;
             readonly selectable?: boolean | undefined;
-            readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             readonly onClick?: ((key: any) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -406,8 +406,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                     readonly disabled?: boolean | undefined;
                     readonly description?: string | undefined;
                     readonly icons?: typeof import('../QList/types').DEFAULT_ICONS | undefined;
-                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     readonly onClick?: (() => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
@@ -421,13 +421,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 $root: import('vue').ComponentPublicInstance | null;
                 $parent: import('vue').ComponentPublicInstance | null;
                 $host: Element | null;
-                $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
+                $emit: ((event: "click") => void) & ((event: "update:modelValue", value: boolean) => void);
                 $el: HTMLLIElement;
                 $options: import('vue').ComponentOptionsBase<Readonly<{
                     modelValue?: boolean;
                 } & import('..').QListItemProps> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     onClick?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     "update:modelValue": (value: boolean) => any;
                 } & {
@@ -459,8 +459,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             }> & Omit<Readonly<{
                 modelValue?: boolean;
             } & import('..').QListItemProps> & Readonly<{
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 onClick?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     prepend?(_: {}): any;
@@ -475,7 +475,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "click", key: any) => void);
+        $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: any;
@@ -488,8 +488,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             disabled?: boolean;
             selectable?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             onClick?: ((key: any) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }>, {
             getItem: (idx: number) => HTMLElement | undefined;
             getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
@@ -538,8 +538,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         disabled?: boolean;
         selectable?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         onClick?: ((key: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     }>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
         getItem: (idx: number) => HTMLElement | undefined;
         getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;

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":"AAyHA;AAuSC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AAkKjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4TT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoFmvB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjE/4B;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BqwB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB94B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,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":"AA0HA;AAwSC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AAkKjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8TT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoFmsB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjE/1B;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BqtB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB91B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,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,4 +1,4 @@
-import { defineComponent as P, mergeModels as D, useModel as H, ref as y, computed as b, watch as X, nextTick as j, createElementBlock as f, openBlock as t, Fragment as z, createVNode as k, unref as n, mergeProps as A, withModifiers as F, createSlots as G, withCtx as i, toDisplayString as O, createCommentVNode as g, createTextVNode as J, renderSlot as r, createBlock as h, normalizeProps as W, createElementVNode as Y } from "vue";
+import { defineComponent as P, mergeModels as D, useModel as K, ref as b, computed as k, watch as H, nextTick as X, createElementBlock as f, openBlock as t, Fragment as z, createVNode as g, unref as n, mergeProps as A, createSlots as j, withCtx as i, toDisplayString as F, createCommentVNode as h, createTextVNode as G, renderSlot as d, createBlock as _, normalizeProps as J, createElementVNode as W, withModifiers as Y } from "vue";
 import { DEFAULT_TEXTS as Z, DEFAULT_ICONS as ee } from "./types.js";
 import { QButton as le } from "../QButton/index.js";
 import { QField as oe } from "../QField/index.js";
@@ -7,8 +7,8 @@ import { QList as te } from "../QList/index.js";
 import { QOverlay as ne } from "../QOverlay/index.js";
 import { QSpinnerLoader as ie } from "../QSpinnerLoader/index.js";
 import { QChevron as se } from "../__internal__/QChevron/index.js";
-import { QClearButton as de } from "../__internal__/QClearButton/index.js";
-const re = {
+import { QClearButton as re } from "../__internal__/QClearButton/index.js";
+const de = {
   key: 0,
   class: "q-select__value"
 }, ue = {
@@ -37,6 +37,7 @@ const re = {
     clearable: { type: Boolean },
     loading: { type: Boolean },
     emptyValue: {},
+    inline: { type: Boolean },
     icons: { default: () => ee },
     texts: { default: () => Z }
   }, {
@@ -44,44 +45,44 @@ const re = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ D(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(q, { emit: R }) {
-    const e = q, m = R, p = H(q, "modelValue"), o = y(!1), v = y(null), x = y(null), _ = y(null), M = b(() => s.value === void 0), s = b(
+  setup(q, { emit: O }) {
+    const e = q, m = O, p = K(q, "modelValue"), o = b(!1), v = b(null), x = b(null), w = b(null), R = k(() => s.value === void 0), s = k(
       () => {
         var l;
         return (l = e.items) == null ? void 0 : l.find((a) => a[e.itemValue] === p.value);
       }
-    ), N = b(
+    ), M = k(
       () => s.value ? s.value[e.itemLabel] : ""
-    ), w = b(
+    ), V = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function B(l) {
-      p.value = l, E();
+      p.value = l, y();
     }
-    function V() {
-      w.value && (B(e.emptyValue), Q());
+    function E() {
+      V.value && (B(e.emptyValue), Q());
     }
-    function U(l) {
+    function N(l) {
       var a, u, c;
-      !((a = _.value) != null && a.contains(l.relatedTarget)) && !((c = (u = v.value) == null ? void 0 : u.fieldRef) != null && c.contains(l.relatedTarget)) && E();
+      !((a = w.value) != null && a.contains(l.relatedTarget)) && !((c = (u = v.value) == null ? void 0 : u.fieldRef) != null && c.contains(l.relatedTarget)) && y();
     }
     function L() {
       o.value || (m("before-show"), o.value = !0);
     }
-    function E() {
+    function y() {
       o.value && (m("before-hide"), o.value = !1);
     }
     function $() {
-      e.readonly || e.disabled || (o.value ? E() : L());
+      e.readonly || e.disabled || (o.value ? y() : L());
     }
     function C(l) {
-      !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && L(), ["Escape", "Tab"].includes(l.key) && (o.value ? o.value = !1 : w.value && l.key === "Escape" && V()), l.key === "Delete" && e.clearable && V());
+      !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && L(), ["Escape", "Tab"].includes(l.key) && (o.value ? y() : V.value && l.key === "Escape" && E()), l.key === "Delete" && e.clearable && E());
     }
-    function I() {
+    function U() {
       var l;
-      e.loading ? (l = _.value) == null || l.focus() : T(), m("show");
+      e.loading ? (l = w.value) == null || l.focus() : T(), m("show");
     }
-    function K() {
+    function I() {
       Q(), m("hide");
     }
     function Q() {
@@ -92,10 +93,10 @@ const re = {
       var l;
       (l = x.value) == null || l.$el.focus();
     }
-    return X(
+    return H(
       () => e.loading,
       (l) => {
-        !l && o.value && j(T);
+        !l && o.value && X(T);
       }
     ), (l, a) => {
       var u, c;
@@ -103,7 +104,7 @@ const re = {
         z,
         null,
         [
-          k(n(oe), A({
+          g(n(oe), A({
             id: e.id,
             ref_key: "triggerEl",
             ref: v,
@@ -128,17 +129,17 @@ const re = {
             invalid: e.invalid
           }, l.$attrs, {
             onClick: $,
-            onKeydown: F(C, ["stop"])
-          }), G({
+            onKeydown: C
+          }), j({
             append: i(() => [
-              r(l.$slots, "append"),
-              w.value && p.value ? (t(), h(n(de), {
+              d(l.$slots, "append"),
+              V.value && p.value ? (t(), _(n(re), {
                 key: 0,
                 icons: e.icons,
                 texts: e.texts,
-                onClick: V
-              }, null, 8, ["icons", "texts"])) : g("v-if", !0),
-              e.readonly ? g("v-if", !0) : (t(), h(n(le), {
+                onClick: E
+              }, null, 8, ["icons", "texts"])) : h("v-if", !0),
+              e.readonly ? h("v-if", !0) : (t(), _(n(le), {
                 key: 1,
                 class: "q-select__chevron",
                 "aria-label": e.texts.showOptions,
@@ -150,7 +151,7 @@ const re = {
                 onClick: $
               }, {
                 default: i(() => [
-                  k(n(se), {
+                  g(n(se), {
                     "model-value": o.value,
                     icons: e.icons
                   }, null, 8, ["model-value", "icons"])
@@ -160,24 +161,24 @@ const re = {
               }, 8, ["aria-label", "disabled"]))
             ]),
             default: i(() => [
-              M.value ? (t(), f("span", ue, [
+              R.value ? (t(), f("span", ue, [
                 !e.readonly && !e.disabled ? (t(), f(
                   z,
                   { key: 0 },
                   [
-                    J(
-                      O(e.texts.placeholder),
+                    G(
+                      F(e.texts.placeholder),
                       1
                       /* TEXT */
                     )
                   ],
                   64
                   /* STABLE_FRAGMENT */
-                )) : g("v-if", !0)
+                )) : h("v-if", !0)
               ])) : (t(), f(
                 "span",
-                re,
-                O(N.value),
+                de,
+                F(M.value),
                 1
                 /* TEXT */
               ))
@@ -188,16 +189,16 @@ const re = {
             (u = s.value) != null && u.icon || l.$slots.prepend ? {
               name: "prepend",
               fn: i(() => {
-                var d, S;
+                var r, S;
                 return [
-                  r(l.$slots, "prepend"),
-                  (d = s.value) != null && d.icon ? (t(), h(
+                  d(l.$slots, "prepend"),
+                  (r = s.value) != null && r.icon ? (t(), _(
                     n(ae),
-                    W(A({ key: 0 }, (S = s.value) == null ? void 0 : S.icon)),
+                    J(A({ key: 0 }, (S = s.value) == null ? void 0 : S.icon)),
                     null,
                     16
                     /* FULL_PROPS */
-                  )) : g("v-if", !0)
+                  )) : h("v-if", !0)
                 ];
               }),
               key: "0"
@@ -205,39 +206,40 @@ const re = {
             l.$slots.extras ? {
               name: "extras",
               fn: i(() => [
-                r(l.$slots, "extras")
+                d(l.$slots, "extras")
               ]),
               key: "1"
             } : void 0
           ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
-          k(n(ne), {
+          g(n(ne), {
             modelValue: o.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (d) => o.value = d),
+            "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
             spy: "",
             trigger: "manual",
             placement: "bottom-start",
             width: "anchor",
             "scroll-lock": "",
+            inline: e.inline,
             anchor: (c = v.value) == null ? void 0 : c.$el,
             offset: 2,
-            onEnter: I,
-            onLeave: K
+            onEnter: U,
+            onLeave: I
           }, {
             default: i(() => [
-              Y("div", {
+              W("div", {
                 ref_key: "contentRef",
-                ref: _,
+                ref: w,
                 "data-testid": "combobox-dropdown",
                 "data-key": e.id,
                 class: "q-select__body",
                 tabindex: "-1",
-                onFocusout: U,
-                onKeydown: F(C, ["stop"])
+                onFocusout: N,
+                onKeydown: Y(C, ["stop"])
               }, [
-                r(l.$slots, "body.prepend"),
+                d(l.$slots, "body.prepend"),
                 e.loading ? (t(), f("div", fe, [
-                  k(n(ie), { size: 24 })
-                ])) : (t(), h(n(te), {
+                  g(n(ie), { size: 24 })
+                ])) : (t(), _(n(te), {
                   key: 1,
                   ref_key: "listRef",
                   ref: x,
@@ -250,18 +252,18 @@ const re = {
                   "item-value": e.itemValue,
                   "onUpdate:modelValue": B
                 }, {
-                  item: i(({ item: d }) => [
-                    r(l.$slots, "item", { item: d })
+                  item: i(({ item: r }) => [
+                    d(l.$slots, "item", { item: r })
                   ]),
                   _: 3
                   /* FORWARDED */
                 }, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
-                r(l.$slots, "body.append")
+                d(l.$slots, "body.append")
               ], 40, ce)
             ]),
             _: 3
             /* FORWARDED */
-          }, 8, ["modelValue", "anchor"])
+          }, 8, ["modelValue", "inline", "anchor"])
         ],
         64
         /* STABLE_FRAGMENT */

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

@@ -19,6 +19,7 @@ declare const QSelect: {
         clearable?: boolean;
         loading?: boolean;
         emptyValue?: any;
+        inline?: boolean;
         icons?: typeof import('./types').DEFAULT_ICONS;
         texts?: typeof import('./types').DEFAULT_TEXTS;
     }> & Readonly<{
@@ -125,8 +126,8 @@ declare const QSelect: {
                 readonly itemLabel?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly selectable?: boolean | undefined;
-                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 readonly onClick?: ((key: any) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -148,8 +149,8 @@ declare const QSelect: {
                         readonly disabled?: boolean | undefined;
                         readonly description?: string | undefined;
                         readonly icons?: typeof import('../QList/types').DEFAULT_ICONS | undefined;
-                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                         readonly onClick?: (() => any) | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
@@ -163,13 +164,13 @@ declare const QSelect: {
                     $root: import('vue').ComponentPublicInstance | null;
                     $parent: import('vue').ComponentPublicInstance | null;
                     $host: Element | null;
-                    $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
+                    $emit: ((event: "click") => void) & ((event: "update:modelValue", value: boolean) => void);
                     $el: HTMLLIElement;
                     $options: import('vue').ComponentOptionsBase<Readonly<{
                         modelValue?: boolean;
                     } & import('..').QListItemProps> & Readonly<{
-                        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                         onClick?: (() => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                         "update:modelValue": (value: boolean) => any;
                     } & {
@@ -201,8 +202,8 @@ declare const QSelect: {
                 }> & Omit<Readonly<{
                     modelValue?: boolean;
                 } & import('..').QListItemProps> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                     onClick?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         prepend?(_: {}): any;
@@ -217,7 +218,7 @@ declare const QSelect: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "click", key: any) => void);
+            $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: any;
@@ -230,8 +231,8 @@ declare const QSelect: {
                 disabled?: boolean;
                 selectable?: boolean;
             }> & Readonly<{
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 onClick?: ((key: any) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             }>, {
                 getItem: (idx: number) => HTMLElement | undefined;
                 getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
@@ -280,8 +281,8 @@ declare const QSelect: {
             disabled?: boolean;
             selectable?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             onClick?: ((key: any) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             getItem: (idx: number) => HTMLElement | undefined;
             getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
@@ -326,6 +327,7 @@ declare const QSelect: {
         clearable?: boolean;
         loading?: boolean;
         emptyValue?: any;
+        inline?: boolean;
         icons?: typeof import('./types').DEFAULT_ICONS;
         texts?: typeof import('./types').DEFAULT_TEXTS;
     }> & Readonly<{
@@ -364,6 +366,7 @@ declare const QSelect: {
     clearable?: boolean;
     loading?: boolean;
     emptyValue?: any;
+    inline?: boolean;
     icons?: typeof import('./types').DEFAULT_ICONS;
     texts?: typeof import('./types').DEFAULT_TEXTS;
 }> & Readonly<{

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIuwzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJj2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIuwzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJj2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}

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

@@ -30,6 +30,10 @@ export type QSelectProps = QFieldProps & {
      * used to check if the field has a selected item.
      */
     emptyValue?: any;
+    /**
+     * Whether to disable the teleport of the select overlay.
+     */
+    inline?: boolean;
     /**
      * Custom icon configurations.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGM,CAAA"}

package/esm/components/{QButtonToggle/QButtonToggle.d.ts → QToggle/QToggle.d.ts}

@@ -1,20 +1,22 @@
-import { QButtonToggleProps } from './types';
-type __VLS_Props = QButtonToggleProps;
+import { QToggleProps } from './types';
+type __VLS_Props = QToggleProps;
 type __VLS_PublicProps = {
-    modelValue?: string;
+    modelValue?: boolean;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {}) => any>>;
+    slots: {
+        default?(_: {}): any;
+    };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -22,4 +24,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=QButtonToggle.vue.d.ts.map
+//# sourceMappingURL=QToggle.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/QToggle.vue"],"names":[],"mappings":"AAQA;AAyCC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,KAAK,WAAW,GAAG,YAAY,CAAC;AAoBjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;gGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QToggle/QToggle.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as s, mergeModels as r, useModel as c, computed as d, createBlock as u, openBlock as p, unref as i, mergeProps as m, withCtx as g, renderSlot as f } from "vue";
+import { QButton as B } from "../QButton/index.js";
+const k = /* @__PURE__ */ s({
+  __name: "QToggle",
+  props: /* @__PURE__ */ r({
+    id: {},
+    class: {},
+    label: {},
+    variant: {},
+    color: {},
+    disabled: { type: Boolean },
+    borderless: { type: Boolean },
+    elevated: { type: Boolean },
+    block: { type: Boolean },
+    loading: { type: Boolean },
+    size: {},
+    iconPos: {},
+    pill: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const l = o, e = c(o, "modelValue"), t = d(() => ["q-toggle", { "q-toggle--active": e.value }]);
+    function a() {
+      e.value = !e.value;
+    }
+    return (n, v) => (p(), u(i(B), m({ class: t.value }, l, { onClick: a }), {
+      default: g(() => [
+        f(n.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["class"]));
+  }
+});
+export {
+  k as default
+};

package/esm/components/QToggle/QToggle.vue2.js

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