@quidgest/ui 0.16.19 → 0.16.21

package/esm/components/QCarousel/QCarousel.vue.js

@@ -0,0 +1,355 @@
+import { defineComponent as ne, mergeModels as z, useModel as re, ref as E, computed as N, watch as B, onMounted as ie, onUnmounted as ce, createElementBlock as l, openBlock as s, normalizeClass as L, createCommentVNode as a, createVNode as u, createElementVNode as q, unref as d, Fragment as p, normalizeStyle as $, renderList as Q, withModifiers as ue, renderSlot as de, toDisplayString as b, withCtx as F, mergeProps as U, nextTick as fe } from "vue";
+import { DEFAULT_TEXTS as he, DEFAULT_ICONS as _e } from "./constants.js";
+import { QButton as K } from "../QButton/index.js";
+import { QIcon as O } from "../QIcon/index.js";
+import { QSkeletonLoader as m } from "../QSkeletonLoader/index.js";
+const ve = ["id"], pe = {
+  key: 0,
+  class: "q-carousel__skeleton"
+}, me = { class: "q-carousel__skeleton-caption" }, ye = {
+  key: 0,
+  class: "q-carousel__skeleton-controls"
+}, ge = ["onClick"], ke = ["src", "alt"], we = {
+  key: 1,
+  class: "q-carousel__empty-container"
+}, Ce = {
+  key: 2,
+  class: "q-carousel__caption-global"
+}, qe = {
+  key: 0,
+  class: "q-carousel__title"
+}, be = {
+  key: 1,
+  class: "q-carousel__subtitle"
+}, Te = {
+  key: 3,
+  class: "q-carousel__indicators"
+}, Se = ["aria-label", "aria-current", "onClick"], Ie = { class: "q-carousel__sr-only" }, De = { class: "q-carousel__sr-only" }, Le = /* @__PURE__ */ ne({
+  __name: "QCarousel",
+  props: /* @__PURE__ */ z({
+    id: {},
+    class: {},
+    slides: { default: () => [] },
+    showIndicators: { type: Boolean },
+    showControls: { type: Boolean },
+    autoCycleInterval: { default: 5e3 },
+    autoCyclePause: { default: "hover" },
+    ride: { default: "carousel" },
+    swipeThreshold: { default: 50 },
+    wrap: { type: Boolean, default: !0 },
+    animationDuration: { default: 500 },
+    loading: { type: Boolean },
+    icons: { default: () => _e },
+    texts: { default: () => he }
+  }, {
+    currentSlide: { default: 0 },
+    currentSlideModifiers: {}
+  }),
+  emits: /* @__PURE__ */ z(["slide:before-change", "slide:after-change", "slide:click"], ["update:currentSlide"]),
+  setup(X, { emit: V }) {
+    const t = X, y = V, T = re(X, "currentSlide"), o = E(0);
+    let f = !1, S = !1, I = 0, D = 0;
+    const P = E(0), M = E(0);
+    let g, k;
+    const H = N(() => ({
+      transform: `translateX(-${o.value * 100}%)`,
+      transition: f ? `transform ${t.animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)` : "none"
+    })), R = N(() => ({
+      "--q-carousel-progress-duration": `${t.autoCycleInterval}ms`,
+      "--q-carousel-progress-width": `${P.value}%`
+    }));
+    function r(e) {
+      if (e < 0 || e >= t.slides.length || e === o.value || f) return;
+      const i = o.value, n = t.slides[i], v = t.slides[e];
+      y("slide:before-change", v.id, n == null ? void 0 : n.id), o.value = e, T.value = e, t.animationDuration > 0 ? (f = !0, setTimeout(() => {
+        f = !1, y("slide:after-change", v.id, n == null ? void 0 : n.id);
+      }, t.animationDuration)) : fe(() => {
+        y("slide:after-change", v.id, n == null ? void 0 : n.id);
+      });
+    }
+    function w() {
+      const e = o.value + 1;
+      e >= t.slides.length ? t.wrap && r(0) : r(e);
+    }
+    function A() {
+      const e = o.value - 1;
+      e < 0 ? t.wrap && r(t.slides.length - 1) : r(e);
+    }
+    function j(e) {
+      const i = window.getSelection();
+      if (i != null && i.toString().length) return;
+      const n = t.slides[e];
+      y("slide:click", n.id);
+    }
+    function G(e) {
+      const i = {};
+      return e != null && e.colorPlaceholder && (i["background-color"] = e.colorPlaceholder), i;
+    }
+    function J() {
+      t.autoCycleInterval && (k = window.setInterval(() => {
+        P.value = (Date.now() - M.value) / t.autoCycleInterval * 100;
+      }, 50));
+    }
+    function C() {
+      !t.autoCycleInterval || t.slides.length <= 1 || (_(), t.ride === "carousel" && !S && (M.value = Date.now(), J(), g = window.setTimeout(w, t.autoCycleInterval)));
+    }
+    function _() {
+      g && window.clearTimeout(g), k && window.clearInterval(k), g = void 0, k = void 0, M.value = 0, P.value = 0;
+    }
+    function W() {
+      _(), C();
+    }
+    function Y() {
+      t.autoCyclePause === "hover" && (S = !0, _());
+    }
+    function Z() {
+      t.autoCyclePause === "hover" && (S = !1, C());
+    }
+    function ee(e) {
+      if (!f)
+        switch (e.key) {
+          case "ArrowLeft":
+            e.preventDefault(), A();
+            break;
+          case "ArrowRight":
+            e.preventDefault(), w();
+            break;
+          case "Home":
+            e.preventDefault(), r(0);
+            break;
+          case "End":
+            e.preventDefault(), r(t.slides.length - 1);
+            break;
+        }
+    }
+    function te(e) {
+      f || (I = e.touches[0].clientX, _());
+    }
+    function oe(e) {
+      f || (D = e.touches[0].clientX);
+    }
+    function le() {
+      if (f) return;
+      const e = I - D;
+      Math.abs(e) > t.swipeThreshold && (e > 0 ? w() : A()), I = 0, D = 0, C();
+    }
+    function se(e) {
+      return t.texts.goToSlide.replace("{0}", `${e + 1}`);
+    }
+    function ae(e) {
+      if (e.length === 0) {
+        o.value = 0, T.value = 0, _();
+        return;
+      }
+      o.value >= e.length && r(0);
+    }
+    return B(() => t.slides, ae, { immediate: !0, deep: !0 }), B(o, W), B(T, (e) => {
+      e !== o.value && r(e);
+    }), ie(C), ce(_), (e, i) => {
+      var n, v, x;
+      return s(), l("div", {
+        id: t.id,
+        class: L(["q-carousel", t.class]),
+        tabindex: "0",
+        onMouseenter: Y,
+        onMouseleave: Z,
+        onKeydown: ee
+      }, [
+        a(" Skeleton Loader "),
+        e.loading ? (s(), l("div", pe, [
+          a(" Image placeholder "),
+          u(d(m), {
+            width: "100%",
+            height: "100%"
+          }),
+          a(" Overlay skeletons for text/captions "),
+          q("div", me, [
+            u(d(m), {
+              type: "text",
+              width: "40%",
+              height: "24px",
+              class: "q-carousel__skeleton-title"
+            }),
+            u(d(m), {
+              type: "text",
+              width: "60%",
+              height: "16px",
+              class: "q-carousel__skeleton-subtitle"
+            })
+          ]),
+          a(" Controls "),
+          t.showControls ? (s(), l("div", ye, [
+            u(d(m), {
+              type: "icon",
+              width: "40px",
+              height: "40px",
+              class: "q-carousel__skeleton-control"
+            }),
+            u(d(m), {
+              type: "icon",
+              width: "40px",
+              height: "40px",
+              class: "q-carousel__skeleton-control"
+            })
+          ])) : a("v-if", !0)
+        ])) : (s(), l(
+          p,
+          { key: 1 },
+          [
+            (n = e.slides) != null && n.length ? (s(), l(
+              p,
+              { key: 0 },
+              [
+                a(" Carousel Content "),
+                q(
+                  "div",
+                  {
+                    class: "q-carousel__track",
+                    style: $(H.value),
+                    onTouchstart: te,
+                    onTouchmove: oe,
+                    onTouchend: le
+                  },
+                  [
+                    (s(!0), l(
+                      p,
+                      null,
+                      Q(e.slides, (h, c) => (s(), l("div", {
+                        key: h.id,
+                        class: L([
+                          "q-carousel__slide",
+                          { "q-carousel__slide--active": c === o.value }
+                        ]),
+                        style: $(G(h)),
+                        onClick: ue(() => j(c), ["stop", "prevent"])
+                      }, [
+                        h.image ? (s(), l("img", {
+                          key: 0,
+                          src: h.image,
+                          alt: h.title || `Slide ${c + 1}`,
+                          class: "q-carousel__image",
+                          decoding: "async",
+                          loading: "lazy"
+                        }, null, 8, ke)) : a("v-if", !0)
+                      ], 14, ge))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  36
+                  /* STYLE, NEED_HYDRATION */
+                )
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : (s(), l("div", we, [
+              de(e.$slots, "empty")
+            ])),
+            a(" Captions (centered, above indicators) "),
+            e.slides[o.value] ? (s(), l("div", Ce, [
+              (v = e.slides[o.value]) != null && v.title ? (s(), l(
+                "h2",
+                qe,
+                b(e.slides[o.value].title),
+                1
+                /* TEXT */
+              )) : a("v-if", !0),
+              (x = e.slides[o.value]) != null && x.subtitle ? (s(), l(
+                "p",
+                be,
+                b(e.slides[o.value].subtitle),
+                1
+                /* TEXT */
+              )) : a("v-if", !0)
+            ])) : a("v-if", !0),
+            a(" Indicators "),
+            e.showIndicators && e.slides.length > 1 ? (s(), l("ol", Te, [
+              (s(!0), l(
+                p,
+                null,
+                Q(e.slides, (h, c) => (s(), l("li", {
+                  key: h.id,
+                  class: L([
+                    "q-carousel__indicator",
+                    { "q-carousel__indicator--active": c === o.value }
+                  ]),
+                  "data-testid": "carousel-indicator",
+                  style: $(c === o.value ? R.value : {}),
+                  "aria-label": se(c),
+                  "aria-current": c === o.value,
+                  onClick: () => r(c)
+                }, null, 14, Se))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : a("v-if", !0),
+            a(" Controls "),
+            e.showControls && e.slides.length > 1 ? (s(), l(
+              p,
+              { key: 4 },
+              [
+                u(d(K), {
+                  class: "q-carousel__control q-carousel__control--prev",
+                  "data-testid": "carousel-prev",
+                  "aria-label": e.texts.previousText,
+                  onClick: A
+                }, {
+                  default: F(() => [
+                    u(
+                      d(O),
+                      U({ class: "q-carousel__control-icon q-carousel__control-icon--prev" }, t.icons.back),
+                      null,
+                      16
+                      /* FULL_PROPS */
+                    ),
+                    q(
+                      "span",
+                      Ie,
+                      b(e.texts.previousText),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["aria-label"]),
+                u(d(K), {
+                  class: "q-carousel__control q-carousel__control--next",
+                  "data-testid": "carousel-next",
+                  "aria-label": e.texts.nextText,
+                  onClick: w
+                }, {
+                  default: F(() => [
+                    u(
+                      d(O),
+                      U({ class: "q-carousel__control-icon q-carousel__control-icon--next" }, t.icons.forward),
+                      null,
+                      16
+                      /* FULL_PROPS */
+                    ),
+                    q(
+                      "span",
+                      De,
+                      b(e.texts.nextText),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["aria-label"])
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : a("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ], 42, ve);
+    };
+  }
+});
+export {
+  Le as default
+};

package/esm/components/QCarousel/QCarousel.vue2.js

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

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

@@ -0,0 +1,14 @@
+export declare const DEFAULT_ICONS: {
+    back: {
+        icon: string;
+    };
+    forward: {
+        icon: string;
+    };
+};
+export declare const DEFAULT_TEXTS: {
+    previousText: string;
+    nextText: string;
+    goToSlide: string;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QCarousel/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA;AAGhC,eAAO,MAAM,aAAa;;;;CAIQ,CAAA"}

package/esm/components/QCarousel/constants.js

@@ -0,0 +1,16 @@
+const o = {
+  back: {
+    icon: "chevron-left"
+  },
+  forward: {
+    icon: "chevron-right"
+  }
+}, e = {
+  previousText: "Previous",
+  nextText: "Next",
+  goToSlide: "Go to slide {0}"
+};
+export {
+  o as DEFAULT_ICONS,
+  e as DEFAULT_TEXTS
+};

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

@@ -0,0 +1,119 @@
+declare const QCarousel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        currentSlide?: number;
+    } & import('../../types/component').QBaseComponentProps & {
+        slides?: import('./types').Slide[];
+        showIndicators?: boolean;
+        showControls?: boolean;
+        autoCycleInterval?: number;
+        autoCyclePause?: "hover" | "false";
+        ride?: "carousel" | "false";
+        swipeThreshold?: number;
+        wrap?: boolean;
+        animationDuration?: number;
+        loading?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
+    }> & Readonly<{
+        "onSlide:before-change"?: ((newId: string, oldId?: string | undefined) => any) | undefined;
+        "onSlide:after-change"?: ((newId: string, oldId?: string | undefined) => any) | undefined;
+        "onSlide:click"?: ((id: string) => any) | undefined;
+        "onUpdate:currentSlide"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "slide:before-change": (newId: string, oldId?: string | undefined) => any;
+        "slide:after-change": (newId: string, oldId?: string | undefined) => any;
+        "slide:click": (id: string) => any;
+        "update:currentSlide": (value: number) => any;
+    }, import('vue').PublicProps, {
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        slides: import('./types').Slide[];
+        autoCycleInterval: number;
+        autoCyclePause: "hover" | "false";
+        ride: "carousel" | "false";
+        swipeThreshold: number;
+        wrap: boolean;
+        animationDuration: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        currentSlide?: number;
+    } & import('../../types/component').QBaseComponentProps & {
+        slides?: import('./types').Slide[];
+        showIndicators?: boolean;
+        showControls?: boolean;
+        autoCycleInterval?: number;
+        autoCyclePause?: "hover" | "false";
+        ride?: "carousel" | "false";
+        swipeThreshold?: number;
+        wrap?: boolean;
+        animationDuration?: number;
+        loading?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
+    }> & Readonly<{
+        "onSlide:before-change"?: ((newId: string, oldId?: string | undefined) => any) | undefined;
+        "onSlide:after-change"?: ((newId: string, oldId?: string | undefined) => any) | undefined;
+        "onSlide:click"?: ((id: string) => any) | undefined;
+        "onUpdate:currentSlide"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        slides: import('./types').Slide[];
+        autoCycleInterval: number;
+        autoCyclePause: "hover" | "false";
+        ride: "carousel" | "false";
+        swipeThreshold: number;
+        wrap: boolean;
+        animationDuration: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    currentSlide?: number;
+} & import('../../types/component').QBaseComponentProps & {
+    slides?: import('./types').Slide[];
+    showIndicators?: boolean;
+    showControls?: boolean;
+    autoCycleInterval?: number;
+    autoCyclePause?: "hover" | "false";
+    ride?: "carousel" | "false";
+    swipeThreshold?: number;
+    wrap?: boolean;
+    animationDuration?: number;
+    loading?: boolean;
+    icons?: typeof import('./constants').DEFAULT_ICONS;
+    texts?: typeof import('./constants').DEFAULT_TEXTS;
+}> & Readonly<{
+    "onSlide:before-change"?: ((newId: string, oldId?: string | undefined) => any) | undefined;
+    "onSlide:after-change"?: ((newId: string, oldId?: string | undefined) => any) | undefined;
+    "onSlide:click"?: ((id: string) => any) | undefined;
+    "onUpdate:currentSlide"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "slide:before-change": (newId: string, oldId?: string | undefined) => any;
+    "slide:after-change": (newId: string, oldId?: string | undefined) => any;
+    "slide:click": (id: string) => any;
+    "update:currentSlide": (value: number) => any;
+}, string, {
+    icons: typeof import('./constants').DEFAULT_ICONS;
+    texts: typeof import('./constants').DEFAULT_TEXTS;
+    slides: import('./types').Slide[];
+    autoCycleInterval: number;
+    autoCyclePause: "hover" | "false";
+    ride: "carousel" | "false";
+    swipeThreshold: number;
+    wrap: boolean;
+    animationDuration: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        empty?(_: {}): any;
+    };
+});
+export { QCarousel };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCarousel/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/esm/components/QCarousel/index.js

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

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

@@ -0,0 +1,79 @@
+import { QBaseComponentProps } from 'src/types/component';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+/**
+ * Represents a single slide in the carousel.
+ */
+export type Slide = {
+    /** Unique identifier for the slide */
+    id: string;
+    /** Optional title text displayed on the slide */
+    title?: string;
+    /** Optional subtitle text displayed below the title */
+    subtitle?: string;
+    /** Image URL or path for the slide */
+    image: string;
+    /** Optional placeholder background color shown while the image loads */
+    colorPlaceholder?: string;
+};
+/**
+ * Props for the QCarousel component.
+ */
+export type QCarouselProps = QBaseComponentProps & {
+    /** Array of slides to be displayed in the carousel */
+    slides?: Slide[];
+    /** Whether to show slide indicators (dots) below the carousel */
+    showIndicators?: boolean;
+    /** Whether to show previous/next navigation controls */
+    showControls?: boolean;
+    /** Time interval in milliseconds between automatic slide transitions */
+    autoCycleInterval?: number;
+    /** Pausing behavior for auto cycling:
+     *  - `'hover'`: pause when hovering over the carousel
+     *  - `'false'`: do not pause
+     */
+    autoCyclePause?: 'hover' | 'false';
+    /** Determines if the carousel should auto-start cycling:
+     *  - `'carousel'`: start cycling automatically
+     *  - `'false'`: do not auto-start
+     */
+    ride?: 'carousel' | 'false';
+    /**
+     * The minimum horizontal distance in pixels that a touch gesture
+     * must travel to be recognized as a swipe.
+     */
+    swipeThreshold?: number;
+    /** Whether the carousel should loop back to the start after the last slide */
+    wrap?: boolean;
+    /** Duration of slide transition animations in milliseconds */
+    animationDuration?: number;
+    /** Whether the carousel is in a loading state (e.g., slides not yet ready) */
+    loading?: boolean;
+    /** Custom icon configurations. */
+    icons?: typeof DEFAULT_ICONS;
+    /** Custom text overrides for controls and labels */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export type QCarouselEmits = {
+    /**
+     * Emitted right before the slide changes.
+     * Useful for hooking into transitions.
+     *
+     * @param newId - Id of the slide to be shown
+     * @param oldId - Id of the slide being hidden, if it exists
+     */
+    'slide:before-change': [newId: string, oldId?: string];
+    /**
+     * Emitted after a slide transition completes.
+     *
+     * @param newId - Id of the now-active slide
+     * @param oldId - Id of the previous slide,  if it exists
+     */
+    'slide:after-change': [newId: string, oldId?: string];
+    /**
+     * Emitted when a slide is clicked.
+     *
+     * @param id - Id of the clicked slide
+     */
+    'slide:click': [id: string];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCarousel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IACnB,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAA;IAEV,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IAEb,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD,sDAAsD;IACtD,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAElC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAE3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;;;OAMG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IAEtD;;;;;OAKG;IACH,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IAErD;;;;OAIG;IACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;CAC3B,CAAA"}

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

@@ -902,16 +902,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "update:open": (value: boolean) => any;
     "update:search": (value: string) => any;
 } & {
+    hide: () => any;
+    show: () => any;
     "before-show": () => any;
     "before-hide": () => any;
-    show: () => any;
-    hide: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
     "onBefore-hide"?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:search"?: ((value: string) => any) | undefined;
 }>, {