@quidgest/ui 0.16.53 → 0.16.55

package/esm/components/QIcon/InlineSvg.js

@@ -1,5 +1,5 @@
 import { defineComponent as a, h as s } from "vue";
-const o = {}, h = a({
+const i = {}, h = a({
   name: "InlineSvg",
   inheritAttrs: !1,
   props: {
@@ -78,11 +78,11 @@ const o = {}, h = a({
      */
     async getSource(t) {
       try {
-        o[t] || (o[t] = u(this.download(t))), this.svgElSource && o[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const e = await o[t];
+        i[t] || (i[t] = u(this.download(t))), this.svgElSource && i[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const e = await i[t];
         this.svgElSource = e, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (e) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete o[t], this.$emit("error", e);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete i[t], this.$emit("error", e);
       }
     },
     /**
@@ -93,9 +93,9 @@ const o = {}, h = a({
     async download(t) {
       const e = await fetch(t);
       if (!e.ok) throw new Error("Error loading SVG");
-      const r = await e.text(), i = new DOMParser().parseFromString(r, "text/xml").getElementsByTagName("svg")[0];
-      if (!i) throw new Error("Loaded file is not a valid SVG");
-      return i;
+      const r = await e.text(), o = new DOMParser().parseFromString(r, "text/xml").getElementsByTagName("svg")[0];
+      if (!o) throw new Error("Loaded file is not a valid SVG");
+      return o;
     }
   },
   render() {
@@ -103,7 +103,7 @@ const o = {}, h = a({
     const t = this.getSvgContent(this.svgElSource);
     if (!t) return s("div", this.$attrs);
     const e = {};
-    return this.copySvgAttrs(e, this.svgElSource), this.copySvgAttrs(e, t), this.copyComponentAttrs(e, this.$attrs), e.innerHTML = t.innerHTML, s("svg", e);
+    return this.copySvgAttrs(e, this.svgElSource), this.copySvgAttrs(e, t), this.copyComponentAttrs(e, this.$attrs), e.innerHTML = t.innerHTML, this.$attrs.id || delete e.id, s("svg", e);
   },
   expose: []
 });

package/esm/components/QPopover/QPopover.d.ts

@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     placement: import('..').QOverlayPlacement;
     arrow: boolean;
     attach: string;
+    headingLevel: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAkCA;AA6DC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsFT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;;;;EAe/B;AAYD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAsCA;AAyEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6BlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACH,GAAG;yBACX,GAAG;;;;EAehC;AAaD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPopover/QPopover.vue.js

@@ -1,17 +1,18 @@
-import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as _, createElementVNode as d, createElementBlock as l, createCommentVNode as v, renderSlot as a, Fragment as k, toDisplayString as i } from "vue";
-import { QOverlay as B } from "../QOverlay/index.js";
-const V = { class: "q-popover__content" }, g = {
+import { defineComponent as u, mergeModels as h, useModel as v, computed as f, createBlock as s, openBlock as a, unref as y, normalizeClass as g, withCtx as i, createElementVNode as _, createElementBlock as l, createCommentVNode as k, renderSlot as o, Fragment as V, resolveDynamicComponent as B, createTextVNode as L, toDisplayString as p } from "vue";
+import { QOverlay as $ } from "../QOverlay/index.js";
+const b = { class: "q-popover__content" }, w = {
   key: 0,
   class: "q-popover__header"
-}, $ = { class: "q-popover__title" }, b = ["innerHTML"], w = { key: 1 }, C = /* @__PURE__ */ c({
+}, C = ["innerHTML"], M = { key: 1 }, N = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: /* @__PURE__ */ m({
+  props: /* @__PURE__ */ h({
     id: {},
     class: {},
     anchor: {},
     text: {},
     title: {},
+    headingLevel: { default: 2 },
     arrow: { type: Boolean, default: !0 },
     placement: { default: "right" },
     attach: { default: "body" },
@@ -24,12 +25,12 @@ const V = { class: "q-popover__content" }, g = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const e = n, s = u(n, "modelValue");
-    return (t, r) => (o(), h(f(B), {
+    const e = n, d = v(n, "modelValue"), c = f(() => e.headingLevel >= 1 && e.headingLevel <= 6 ? "h" + e.headingLevel : "div");
+    return (t, r) => (a(), s(y($), {
       id: e.id,
-      modelValue: s.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p),
-      class: y(["q-popover", e.class]),
+      modelValue: d.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (m) => d.value = m),
+      class: g(["q-popover", e.class]),
       trigger: "click",
       anchor: e.anchor,
       arrow: e.arrow,
@@ -38,35 +39,39 @@ const V = { class: "q-popover__content" }, g = {
       disabled: e.disabled,
       placement: e.placement
     }, {
-      default: _(() => [
-        d("div", V, [
-          e.title || t.$slots.header ? (o(), l("div", g, [
-            t.$slots.header ? a(t.$slots, "header", { key: 0 }) : (o(), l(
-              k,
+      default: i(() => [
+        _("div", b, [
+          e.title || t.$slots.header ? (a(), l("div", w, [
+            t.$slots.header ? o(t.$slots, "header", { key: 0 }) : (a(), l(
+              V,
               { key: 1 },
               [
-                a(t.$slots, "header.prepend"),
-                d(
-                  "h4",
-                  $,
-                  i(e.title),
-                  1
-                  /* TEXT */
-                ),
-                a(t.$slots, "header.append")
+                o(t.$slots, "header.prepend"),
+                (a(), s(B(c.value), { class: "q-popover__title" }, {
+                  default: i(() => [
+                    L(
+                      p(e.title),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })),
+                o(t.$slots, "header.append")
               ],
               64
               /* STABLE_FRAGMENT */
             ))
-          ])) : v("v-if", !0),
-          a(t.$slots, "default", {}, () => [
-            e.html ? (o(), l("span", {
+          ])) : k("v-if", !0),
+          o(t.$slots, "default", {}, () => [
+            e.html ? (a(), l("span", {
               key: 0,
               innerHTML: e.text
-            }, null, 8, b)) : (o(), l(
+            }, null, 8, C)) : (a(), l(
               "span",
-              w,
-              i(e.text),
+              M,
+              p(e.text),
               1
               /* TEXT */
             ))
@@ -79,5 +84,5 @@ const V = { class: "q-popover__content" }, g = {
   }
 });
 export {
-  C as default
+  N as default
 };

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

@@ -5,6 +5,7 @@ declare const QPopover: {
         anchor: import('../../utils/getElement').Selector;
         text?: string;
         title?: string;
+        headingLevel?: number;
         arrow?: boolean;
         placement?: import('..').QOverlayPlacement;
         attach?: string;
@@ -20,6 +21,7 @@ declare const QPopover: {
         placement: import('..').QOverlayPlacement;
         arrow: boolean;
         attach: string;
+        headingLevel: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -33,6 +35,7 @@ declare const QPopover: {
         anchor: import('../../utils/getElement').Selector;
         text?: string;
         title?: string;
+        headingLevel?: number;
         arrow?: boolean;
         placement?: import('..').QOverlayPlacement;
         attach?: string;
@@ -46,6 +49,7 @@ declare const QPopover: {
         placement: import('..').QOverlayPlacement;
         arrow: boolean;
         attach: string;
+        headingLevel: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -56,6 +60,7 @@ declare const QPopover: {
     anchor: import('../../utils/getElement').Selector;
     text?: string;
     title?: string;
+    headingLevel?: number;
     arrow?: boolean;
     placement?: import('..').QOverlayPlacement;
     attach?: string;
@@ -71,6 +76,7 @@ declare const QPopover: {
     placement: import('..').QOverlayPlacement;
     arrow: boolean;
     attach: string;
+    headingLevel: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}

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

@@ -20,6 +20,12 @@ export type QPopoverProps = QBaseComponentProps & {
      * @category Content
      */
     title?: string;
+    /**
+     * The heading level of the title of the popover.
+     *
+     * @category Content
+     */
+    headingLevel?: number;
     /**
      * Whether the popover has an arrow pointing to the target.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

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":"AAoMA;AAgiBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAgD,MAAM,KAAK,CAAA;AAMtF,KAAK,WAAW,GAAG,YAAY,CAAC;AAyUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkeT,OAAO,IAA6B;;yBAtBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAxXnC,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2YX;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAnbhB,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHP,GAAE,8CAEH,GAAG,yBAAyB,GAAG,6DACzB,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAybV,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":"AAoMA;AA+hBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAgD,MAAM,KAAK,CAAA;AAMtF,KAAK,WAAW,GAAG,YAAY,CAAC;AAwUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkeT,OAAO,IAA6B;;yBAtBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCArX5B,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyYxD;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAhbT,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF7C,GAAG,8CACL,GAAG,yBACG,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAubvD,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,21 +1,21 @@
-import { defineComponent as fe, mergeModels as Z, useModel as me, toRef as I, ref as ee, useTemplateRef as g, onMounted as pe, computed as q, nextTick as z, watch as T, createElementBlock as c, openBlock as a, Fragment as y, createVNode as $, unref as o, normalizeClass as ve, createSlots as be, withCtx as f, withDirectives as ye, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as h, normalizeProps as te, createElementVNode as ae, vModelText as ge, renderSlot as k, withModifiers as he } from "vue";
+import { defineComponent as fe, mergeModels as Z, useModel as me, toRef as z, ref as ee, useTemplateRef as g, onMounted as pe, computed as q, nextTick as $, watch as D, createElementBlock as c, openBlock as a, Fragment as y, createVNode as T, unref as o, normalizeClass as ve, createSlots as be, withCtx as f, withDirectives as ye, createBlock as m, createCommentVNode as p, renderList as le, createTextVNode as w, mergeProps as B, toDisplayString as h, normalizeProps as te, createElementVNode as ae, vModelText as ge, renderSlot as k, withModifiers as he } from "vue";
 import { DEFAULT_TEXTS as ke, DEFAULT_ICONS as _e } from "./constants.js";
-import { QBadge as D } from "../QBadge/index.js";
+import { QBadge as M } from "../QBadge/index.js";
 import { QButton as qe } from "../QButton/index.js";
 import { QField as we } from "../QField/index.js";
-import { QIcon as M } from "../QIcon/index.js";
+import { QIcon as Q } from "../QIcon/index.js";
 import { QList as Be } from "../QList/index.js";
 import { QOverlay as Ce } from "../QOverlay/index.js";
 import { QSpinnerLoader as Ve } from "../QSpinnerLoader/index.js";
 import { QChevron as Le } from "../__internal__/QChevron/index.js";
 import { QClearButton as Ee } from "../__internal__/QClearButton/index.js";
 import { useId as xe } from "../../composables/uid.js";
-import { useGroup as Te } from "../../composables/useGroup/index.js";
-const $e = {
+import { useGroup as $e } from "../../composables/useGroup/index.js";
+const De = {
   key: 0,
   ref: "badgesContainer",
   class: "q-select__badge-container"
-}, De = {
+}, Te = {
   key: 1,
   class: "q-select__value"
 }, Me = {
@@ -55,10 +55,10 @@ const $e = {
   }),
   emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(O, { emit: oe }) {
-    const e = O, C = oe, r = me(O, "modelValue"), Q = xe(I(e, "id")), { active: F } = Te({
+    const e = O, C = oe, r = me(O, "modelValue"), R = xe(z(e, "id")), { active: F } = $e({
       active: r,
-      required: I(e, "required"),
-      multiple: I(e, "multiple")
+      required: z(e, "required"),
+      multiple: z(e, "multiple")
     }), u = ee(!1), V = ee(0), K = g("trigger"), ie = g("input"), ne = g("list"), U = g("content"), N = g("badgesContainer"), W = g("allBadges");
     pe(x);
     const P = q(() => s.value.length === 0), s = q(() => {
@@ -73,7 +73,7 @@ const $e = {
       return (t = e.items) == null || t.forEach((d, i) => {
         l.set(d.key, i);
       }), l;
-    }), R = q(
+    }), S = q(
       () => {
         var l;
         return (l = s.value) == null ? void 0 : l.map((t) => t[e.itemLabel]).join(", ");
@@ -88,11 +88,11 @@ const $e = {
     function se(l) {
       e.multiple && l < r.value.length && (!e.required || r.value.length > 1) ? F.value = r.value.toSpliced(l, 1) : _();
     }
-    function S(l) {
+    function A(l) {
       Array.isArray(l) ? (r.value = l.sort((t, d) => H.value.get(t) - H.value.get(d)), x()) : (r.value = l, E());
     }
     function _() {
-      S(e.emptyValue), J();
+      A(e.emptyValue), J();
     }
     function re(l) {
       var t, d, i;
@@ -107,17 +107,15 @@ const $e = {
     function X() {
       e.readonly || e.disabled || (u.value ? E() : G());
     }
-    function A(l) {
+    function I(l) {
       !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End", "Delete"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && G(), ["Escape", "Tab"].includes(l.key) && (u.value ? E() : L.value && l.key === "Escape" && _()), L.value && l.key === "Delete" && _());
     }
     function de(l) {
-      l.key.length === 1 && l.preventDefault(), A(l);
+      l.key.length === 1 && l.preventDefault(), I(l);
     }
-    function ue() {
-      setTimeout(() => {
-        var l;
-        e.loading ? (l = U.value) == null || l.focus() : Y(), C("show");
-      }, 0);
+    async function ue() {
+      var l;
+      await $(), e.loading ? (l = U.value) == null || l.focus() : Y(), C("show");
     }
     function ce() {
       J(), C("hide");
@@ -132,7 +130,7 @@ const $e = {
     }
     async function x() {
       var n;
-      if (await z(), await z(), !e.multiple || !e.badges || !N.value) return;
+      if (await $(), await $(), !e.multiple || !e.badges || !N.value) return;
       let l = 0, t = 0;
       const d = N.value.offsetWidth, i = 4;
       for (const b of W.value ?? []) {
@@ -143,19 +141,19 @@ const $e = {
       }
       V.value = (((n = W.value) == null ? void 0 : n.length) ?? 0) - t;
     }
-    return T(
+    return D(
       () => e.loading,
       (l) => {
-        !l && u.value && z(Y);
+        !l && u.value && $(Y);
       }
-    ), T(() => e.badges, x), T(() => e.clearable, x), T(F, S), (l, t) => {
+    ), D(() => e.badges, x), D(() => e.clearable, x), D(F, A), (l, t) => {
       var d;
       return a(), c(
         y,
         null,
         [
-          $(o(we), {
-            id: o(Q),
+          T(o(we), {
+            id: o(R),
             ref: "trigger",
             label: e.label,
             required: e.required,
@@ -173,7 +171,7 @@ const $e = {
             size: e.size,
             invalid: e.invalid,
             onClick: X,
-            onKeydown: A
+            onKeydown: I
           }, be({
             append: f(() => [
               k(l.$slots, "append"),
@@ -195,7 +193,7 @@ const $e = {
                 onClick: X
               }, {
                 default: f(() => [
-                  $(o(Le), {
+                  T(o(Le), {
                     "model-value": u.value,
                     icons: e.icons
                   }, null, 8, ["model-value", "icons"])
@@ -225,7 +223,7 @@ const $e = {
                 [
                   e.badges ? (a(), c(
                     "span",
-                    $e,
+                    De,
                     [
                       e.multiple ? (a(), c(
                         y,
@@ -238,7 +236,7 @@ const $e = {
                               y,
                               { key: n },
                               [
-                                n < r.value.length - V.value ? (a(), m(o(D), {
+                                n < r.value.length - V.value ? (a(), m(o(M), {
                                   key: 0,
                                   pill: "",
                                   disabled: e.readonly || e.disabled,
@@ -250,7 +248,7 @@ const $e = {
                                     var b, v;
                                     return [
                                       (b = s.value[n]) != null && b.icon ? (a(), m(
-                                        o(M),
+                                        o(Q),
                                         B({
                                           key: 0,
                                           ref_for: !0
@@ -276,7 +274,7 @@ const $e = {
                             128
                             /* KEYED_FRAGMENT */
                           )),
-                          V.value > 0 ? (a(), m(o(D), {
+                          V.value > 0 ? (a(), m(o(M), {
                             key: 0,
                             pill: "",
                             class: "q-select__badge-count",
@@ -295,7 +293,7 @@ const $e = {
                           (a(!0), c(
                             y,
                             null,
-                            le(r.value, (i, n) => (a(), m(o(D), {
+                            le(r.value, (i, n) => (a(), m(o(M), {
                               key: n,
                               ref_for: !0,
                               ref: "allBadges",
@@ -308,7 +306,7 @@ const $e = {
                                 var b, v;
                                 return [
                                   (b = s.value[n]) != null && b.icon ? (a(), m(
-                                    o(M),
+                                    o(Q),
                                     B({
                                       key: 0,
                                       ref_for: !0
@@ -333,7 +331,7 @@ const $e = {
                         ],
                         64
                         /* STABLE_FRAGMENT */
-                      )) : (a(), m(o(D), {
+                      )) : (a(), m(o(M), {
                         key: 1,
                         pill: "",
                         disabled: e.readonly || e.disabled,
@@ -345,7 +343,7 @@ const $e = {
                           var i, n;
                           return [
                             (i = s.value[0]) != null && i.icon ? (a(), m(
-                              o(M),
+                              o(Q),
                               te(B({ key: 0 }, s.value[0].icon)),
                               null,
                               16
@@ -366,8 +364,8 @@ const $e = {
                     /* NEED_PATCH */
                   )) : (a(), c(
                     "span",
-                    De,
-                    h(R.value),
+                    Te,
+                    h(S.value),
                     1
                     /* TEXT */
                   ))
@@ -376,10 +374,10 @@ const $e = {
                 /* STABLE_FRAGMENT */
               )),
               ye(ae("input", B({
-                id: `${o(Q)}_input`,
+                id: `${o(R)}_input`,
                 ref: "input"
               }, l.$attrs, {
-                "onUpdate:modelValue": t[0] || (t[0] = (i) => R.value = i),
+                "onUpdate:modelValue": t[0] || (t[0] = (i) => S.value = i),
                 class: "q-select__input",
                 inputmode: "none",
                 type: "text",
@@ -391,7 +389,7 @@ const $e = {
                 "aria-keyshortcuts": L.value ? "Delete" : void 0,
                 onKeydown: de
               }), null, 16, Qe), [
-                [ge, R.value]
+                [ge, S.value]
               ])
             ]),
             _: 2
@@ -402,7 +400,7 @@ const $e = {
               fn: f(() => [
                 k(l.$slots, "prepend"),
                 s.value.length === 1 && s.value[0].icon && !e.badges ? (a(), m(
-                  o(M),
+                  o(Q),
                   te(B({ key: 0 }, s.value[0].icon)),
                   null,
                   16
@@ -419,7 +417,7 @@ const $e = {
               key: "1"
             } : void 0
           ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "size", "invalid"]),
-          $(o(Ce), {
+          T(o(Ce), {
             modelValue: u.value,
             "onUpdate:modelValue": t[1] || (t[1] = (i) => u.value = i),
             spy: "",
@@ -437,15 +435,15 @@ const $e = {
               ae("div", {
                 ref: "content",
                 "data-testid": "combobox-dropdown",
-                "data-key": o(Q),
+                "data-key": o(R),
                 class: "q-select__body",
                 tabindex: "-1",
                 onFocusout: re,
-                onKeydown: he(A, ["stop"])
+                onKeydown: he(I, ["stop"])
               }, [
                 k(l.$slots, "body.prepend"),
                 e.loading ? (a(), c("div", Se, [
-                  $(o(Ve), { size: 24 })
+                  T(o(Ve), { size: 24 })
                 ])) : (a(), m(o(Be), {
                   key: 1,
                   ref: "list",
@@ -458,7 +456,7 @@ const $e = {
                   groups: l.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
-                  "onUpdate:modelValue": S
+                  "onUpdate:modelValue": A
                 }, {
                   item: f(({ item: i }) => [
                     k(l.$slots, "item", { item: i })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.53",
+  "version": "0.16.55",
   "private": false,
   "type": "module",
   "author": "Quidgest",