@quidgest/ui 0.16.3 → 0.16.5

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAG5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,mBAAmB,GAAG;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;OAEG;IAEH,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjB;;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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IAEH,KAAK,EAAE,GAAG,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAG5D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,mBAAmB,GAAG;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;OAEG;IAEH,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjB;;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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IAEH,KAAK,EAAE,GAAG,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA4DA;AA+gBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmclC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OASnB,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":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA4DA;AAghBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAoclC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OASnB,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/QOverlay/QOverlay.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as ue, mergeModels as I, useModel as ce, computed as d, reactive as P, watch as V, ref as _, nextTick as g, onMounted as fe, onBeforeUnmount as pe, createElementBlock as k, openBlock as u, Fragment as ve, createBlock as B, createCommentVNode as m, Teleport as me, createVNode as T, Transition as z, withCtx as L, normalizeClass as F, normalizeStyle as Q, unref as C, createElementVNode as ye, mergeProps as he, renderSlot as we } from "vue";
+import { defineComponent as ue, mergeModels as A, useModel as ce, computed as d, reactive as I, watch as P, ref as _, nextTick as g, onMounted as fe, onBeforeUnmount as pe, createElementBlock as k, openBlock as u, Fragment as ve, createBlock as B, createCommentVNode as m, Teleport as me, createVNode as T, Transition as z, withCtx as L, normalizeClass as F, normalizeStyle as Q, unref as C, createElementVNode as ye, mergeProps as he, renderSlot as we } from "vue";
 import { QDismissibleLayer as ge } from "../QDismissibleLayer/index.js";
 import { QFocusTrap as ke } from "../QFocusTrap/index.js";
 import { QRemoveScrollBar as Le } from "../QRemoveScrollBar/index.js";
 import { getSideFromPlacement as Ee, computePosition as be } from "../../composables/overlay.js";
 import { useTheme as _e } from "../../composables/theme.js";
 import { getElement as Be } from "../../utils/getElement.js";
-const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
+const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ A({
     id: {},
     class: {},
     anchor: {},
@@ -29,12 +29,13 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
     transition: { default: "fade" },
     trigger: { default: "click" },
     width: { default: "auto" },
-    focusTrap: { type: Boolean }
+    focusTrap: { type: Boolean },
+    centerVertically: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["enter", "leave"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ A(["enter", "leave"], ["update:modelValue"]),
   setup(x, { emit: U }) {
     const t = x, S = U, r = ce(x, "modelValue"), { class: N } = _e(), W = d(() => [
       "q-overlay",
@@ -42,21 +43,22 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
       N.value,
       {
         "q-overlay--independent": f.value,
-        "q-overlay--inverted": t.appearance === "inverted"
+        "q-overlay--inverted": t.appearance === "inverted",
+        "q-overlay--center": t.centerVertically
       },
       t.class
-    ]), f = d(() => t.anchor === void 0), D = d(() => r.value && !t.nonModal), j = d(() => (r.value || o.animating) && t.scrollLock), G = d(() => !t.inline && (r.value || o.animating)), o = P({
+    ]), f = d(() => t.anchor === void 0), q = d(() => r.value && !t.nonModal), j = d(() => (r.value || o.animating) && t.scrollLock), G = d(() => !t.inline && (r.value || o.animating)), o = I({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), a = P({
+    }), a = I({
       top: void 0,
       left: void 0,
       hidden: !0
     });
-    V(r, ee);
+    P(r, ee);
     const H = d(() => {
       if (f.value) return;
       const e = l(), s = t.width === "anchor", n = s ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
@@ -91,29 +93,29 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
       );
       o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement, a.hidden = n.arrowCoords === void 0, n.arrowCoords && (a.top = n.arrowCoords.y, a.left = n.arrowCoords.x);
     }
-    V(
+    P(
       () => t.placement,
       () => g(i)
     );
     let p;
     function w() {
-      R(0);
+      O(0);
     }
-    function O() {
-      R(t.delay);
+    function D() {
+      O(t.delay);
     }
-    function R(e) {
-      p && q(), p = window.setTimeout(() => {
+    function O(e) {
+      p && R(), p = window.setTimeout(() => {
         r.value = !0;
       }, e);
     }
     function c() {
-      if (p && q(), r.value = !1, t.anchor && t.trigger === "click") {
+      if (p && R(), r.value = !1, t.anchor && t.trigger === "click") {
         const e = l();
         g(() => e == null ? void 0 : e.focus());
       }
     }
-    function q() {
+    function R() {
       clearTimeout(p), p = void 0;
     }
     function K() {
@@ -141,7 +143,7 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
       t.persistent && e.preventDefault();
     }
     function ne(e) {
-      var A;
+      var $;
       if (t.persistent) {
         e.preventDefault();
         return;
@@ -149,7 +151,7 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
       let s = !1;
       e.defaultPrevented || e.detail.originalEvent.type === "pointerdown" && (s = !0);
       const n = e.detail.originalEvent.target;
-      if ((A = l()) == null ? void 0 : A.contains(n)) {
+      if (($ = l()) == null ? void 0 : $.contains(n)) {
         e.preventDefault();
         return;
       }
@@ -172,7 +174,7 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
             e.addEventListener("click", w);
             break;
           case "hover":
-            e.addEventListener("mouseenter", O), e.addEventListener("mouseleave", c), e.addEventListener("focusin", w), e.addEventListener("focusout", c);
+            e.addEventListener("mouseenter", D), e.addEventListener("mouseleave", c), e.addEventListener("focusin", w), e.addEventListener("focusout", c);
             break;
         }
     }
@@ -184,7 +186,7 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
             e.removeEventListener("click", w);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", O), e.removeEventListener("mouseleave", c), e.removeEventListener("focusin", w), e.removeEventListener("focusout", c);
+            e.removeEventListener("mouseenter", D), e.removeEventListener("mouseleave", c), e.removeEventListener("focusin", w), e.removeEventListener("focusout", c);
             break;
         }
     }
@@ -195,12 +197,12 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
       window.removeEventListener("resize", i), t.scrollLock || window.removeEventListener("scroll", i);
     }
     let b;
-    function $() {
-      l() ? (i(), b = window.setTimeout($, 100)) : c();
+    function V() {
+      l() ? (i(), b = window.setTimeout(V, 100)) : c();
     }
     function se() {
       var e;
-      f.value || (ie(), t.spy ? $() : i()), (f.value || t.trigger === "click") && ((e = h.value) == null || e.focus());
+      f.value || (ie(), t.spy ? V() : i()), (f.value || t.trigger === "click") && ((e = h.value) == null || e.focus());
     }
     function de() {
       f.value || le(), t.spy && (clearTimeout(b), b = void 0);
@@ -220,7 +222,7 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
             appear: ""
           }, {
             default: L(() => [
-              D.value ? (u(), k(
+              q.value ? (u(), k(
                 "div",
                 {
                   key: 0,
@@ -273,7 +275,7 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
                           ref: h,
                           class: "q-overlay__content",
                           tabindex: "-1",
-                          role: D.value ? "dialog" : void 0
+                          role: q.value ? "dialog" : void 0
                         }, e.$attrs), [
                           t.arrow ? (u(), k(
                             "div",
@@ -313,5 +315,5 @@ const Te = ["id"], Ce = ["role"], Ae = /* @__PURE__ */ ue({
   }
 });
 export {
-  Ae as default
+  $e as default
 };

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

@@ -22,6 +22,7 @@ declare const QOverlay: {
         trigger?: import('../../composables/overlay').Trigger;
         width?: "auto" | "anchor";
         focusTrap?: boolean;
+        centerVertically?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -74,6 +75,7 @@ declare const QOverlay: {
         trigger?: import('../../composables/overlay').Trigger;
         width?: "auto" | "anchor";
         focusTrap?: boolean;
+        centerVertically?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -114,6 +116,7 @@ declare const QOverlay: {
     trigger?: import('../../composables/overlay').Trigger;
     width?: "auto" | "anchor";
     focusTrap?: boolean;
+    centerVertically?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onEnter?: (() => any) | undefined;

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

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

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

@@ -89,5 +89,9 @@ export type QOverlayProps = QBaseComponentProps & {
      * When enabled, focus will be constrained to elements within the overlay.
      */
     focusTrap?: boolean;
+    /**
+     * Whether to vertically align the overlay to the center (true) or top (false)
+     */
+    centerVertically?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA"}

package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, mergeModels as u, useModel as f, computed as h, createBlock as d, openBlock as r, unref as i, withCtx as v, createElementVNode as c, createElementBlock as y, createCommentVNode as m, createVNode as g, toDisplayString as B } from "vue";
+import { defineComponent as p, mergeModels as u, useModel as f, computed as h, createBlock as d, openBlock as r, unref as c, withCtx as y, createElementVNode as i, createElementBlock as v, createCommentVNode as m, createVNode as g, toDisplayString as B } from "vue";
 import { QMeter as _ } from "../QMeter/index.js";
 import { QOverlay as V } from "../QOverlay/index.js";
 import k from "./QPasswordFieldMessages.vue.js";
@@ -30,6 +30,7 @@ const w = { class: "q-password-field__meter" }, M = {
     trigger: {},
     width: {},
     focusTrap: { type: Boolean },
+    centerVertically: { type: Boolean },
     messages: {},
     score: {},
     levels: {}
@@ -54,7 +55,7 @@ const w = { class: "q-password-field__meter" }, M = {
       }
       return o.levels[o.levels.length - 1];
     });
-    return (t, l) => (r(), d(i(V), {
+    return (t, l) => (r(), d(c(V), {
       modelValue: n.value,
       "onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e),
       trigger: "manual",
@@ -63,17 +64,17 @@ const w = { class: "q-password-field__meter" }, M = {
       "non-modal": "",
       placement: "bottom"
     }, {
-      default: v(() => {
+      default: y(() => {
         var e;
         return [
-          c("div", w, [
-            s.value ? (r(), y("div", M, [
-              g(i(_), {
+          i("div", w, [
+            s.value ? (r(), v("div", M, [
+              g(c(_), {
                 "model-value": o.score,
                 max: 1,
                 color: s.value.color
               }, null, 8, ["model-value", "color"]),
-              c(
+              i(
                 "span",
                 null,
                 B(s.value.label),

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

@@ -101,6 +101,8 @@ declare function __VLS_template(): {
                 readonly itemLabel?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly selectable?: boolean | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly required?: boolean | undefined;
                 readonly onClick?: ((key: any) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -205,6 +207,8 @@ declare function __VLS_template(): {
                 itemLabel?: string;
                 disabled?: boolean;
                 selectable?: boolean;
+                multiple?: boolean;
+                required?: boolean;
             }> & Readonly<{
                 onClick?: ((key: any) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -255,6 +259,8 @@ declare function __VLS_template(): {
             itemLabel?: string;
             disabled?: boolean;
             selectable?: boolean;
+            multiple?: boolean;
+            required?: boolean;
         }> & Readonly<{
             onClick?: ((key: any) => any) | undefined;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -265,6 +271,7 @@ declare function __VLS_template(): {
             getLastFocusableItemIndex: () => number;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
+                default?(_: {}): any;
                 item?(_: {
                     item: import('../QList/types').Item;
                     element: HTMLLIElement | undefined;
@@ -383,6 +390,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly itemLabel?: string | undefined;
             readonly disabled?: boolean | undefined;
             readonly selectable?: boolean | undefined;
+            readonly multiple?: boolean | undefined;
+            readonly required?: boolean | undefined;
             readonly onClick?: ((key: any) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -487,6 +496,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             itemLabel?: string;
             disabled?: boolean;
             selectable?: boolean;
+            multiple?: boolean;
+            required?: boolean;
         }> & Readonly<{
             onClick?: ((key: any) => any) | undefined;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -537,6 +548,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         itemLabel?: string;
         disabled?: boolean;
         selectable?: boolean;
+        multiple?: boolean;
+        required?: boolean;
     }> & Readonly<{
         onClick?: ((key: any) => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -547,6 +560,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         getLastFocusableItemIndex: () => number;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
+            default?(_: {}): any;
             item?(_: {
                 item: import('../QList/types').Item;
                 element: HTMLLIElement | 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":"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"}
+{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AA2HA;AAySC,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;WAgUT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoFkpB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAjE9yB;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8BoqB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB7yB,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

@@ -245,6 +245,7 @@ const de = {
                   ref: x,
                   class: "q-select__items",
                   selectable: "",
+                  required: "",
                   "model-value": p.value,
                   items: e.items,
                   groups: l.groups,

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

@@ -126,6 +126,8 @@ declare const QSelect: {
                 readonly itemLabel?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly selectable?: boolean | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly required?: boolean | undefined;
                 readonly onClick?: ((key: any) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -230,6 +232,8 @@ declare const QSelect: {
                 itemLabel?: string;
                 disabled?: boolean;
                 selectable?: boolean;
+                multiple?: boolean;
+                required?: boolean;
             }> & Readonly<{
                 onClick?: ((key: any) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -280,6 +284,8 @@ declare const QSelect: {
             itemLabel?: string;
             disabled?: boolean;
             selectable?: boolean;
+            multiple?: boolean;
+            required?: boolean;
         }> & Readonly<{
             onClick?: ((key: any) => any) | undefined;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -290,6 +296,7 @@ declare const QSelect: {
             getLastFocusableItemIndex: () => number;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
+                default?(_: {}): any;
                 item?(_: {
                     item: import('../QList/types').Item;
                     element: HTMLLIElement | undefined;

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/QSidebar/QSidebar.d.ts

@@ -0,0 +1,39 @@
+import { QSidebarProps } from './types';
+type __VLS_Props = QSidebarProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`anchor:${string}`, (_: {
+        item: import('./types').QSidebarAnchorItemProps;
+    }) => any>> & Partial<Record<`header.prepend:${string}`, (_: {}) => any>> & Partial<Record<`header:${string}`, (_: {}) => any>> & Partial<Record<`header.append:${string}`, (_: {}) => any>> & Partial<Record<`content:${string}`, (_: {}) => any>> & Partial<Record<`footer:${string}`, (_: {}) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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;
+} & {
+    resize: (width: number) => any;
+    "click:item": (id: string) => any;
+    "resize:start": () => any;
+    "resize:end": (finalWidth: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onResize?: ((width: number) => any) | undefined;
+    "onClick:item"?: ((id: string) => any) | undefined;
+    "onResize:start"?: (() => any) | undefined;
+    "onResize:end"?: ((finalWidth: number) => any) | undefined;
+}>, {
+    position: "left" | "right";
+    anchorWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QSidebar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgEA;AAgOC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAsJlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;;UAhBmC,GAAG,2DACnB,GAAG,mDACH,GAAG,0DACH,GAAG,oDACH,GAAG,mDACH,GAAG;;;EAgBvE;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;wFASnB,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/QSidebar/QSidebar.vue.js

@@ -0,0 +1,155 @@
+import { defineComponent as P, mergeModels as z, useModel as x, ref as b, watch as W, computed as r, createElementBlock as A, openBlock as w, normalizeStyle as N, normalizeClass as I, createVNode as k, createSlots as y, renderList as Q, withCtx as o, renderSlot as s, Transition as T, createBlock as U, createCommentVNode as j } from "vue";
+import D from "./QSidebarAnchor.vue.js";
+import F from "./QSidebarPanel.vue.js";
+const K = /* @__PURE__ */ P({
+  __name: "QSidebar",
+  props: /* @__PURE__ */ z({
+    anchorWidth: { default: 50 },
+    showLabels: { type: Boolean },
+    panels: {},
+    position: { default: "left" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ z(["click:item", "resize", "resize:start", "resize:end"], ["update:modelValue"]),
+  setup(f, { emit: V }) {
+    const a = f, u = V, n = x(f, "modelValue"), m = b();
+    W(
+      n,
+      (e) => {
+        e && (m.value = e);
+      },
+      { immediate: !0 }
+    );
+    const i = r(() => a.panels.find((e) => e.id === m.value)), h = r(() => !!i.value), t = b(), q = r(() => {
+      if (t.value !== void 0)
+        return h.value ? typeof t.value == "number" ? `${a.anchorWidth + t.value}px` : `calc(${a.anchorWidth}px + ${t.value})` : `${a.anchorWidth}px`;
+    }), C = r(() => {
+      var e, l, d, v, p, c, $;
+      return [
+        "q-sidebar",
+        `q-sidebar--${((e = i.value) == null ? void 0 : e.initialWidth) ?? "small"}`,
+        `q-sidebar--${a.position}`,
+        {
+          "q-sidebar--expanded": h.value,
+          [`q-sidebar--min-${(l = i.value) == null ? void 0 : l.minWidth}`]: ((d = i.value) == null ? void 0 : d.resizable) && ((v = i.value) == null ? void 0 : v.minWidth) !== void 0,
+          [`q-sidebar--max-${(p = i.value) == null ? void 0 : p.maxWidth}`]: ((c = i.value) == null ? void 0 : c.resizable) && (($ = i.value) == null ? void 0 : $.maxWidth) !== void 0
+        }
+      ];
+    }), R = r(() => a.position === "left" ? "right" : "left");
+    function S() {
+      u("resize:start");
+    }
+    function g(e) {
+      t.value = e, u("resize", e);
+    }
+    function B() {
+      u("resize:end", t.value);
+    }
+    function L(e) {
+      u("click:item", e);
+    }
+    function E() {
+      n.value || (m.value = void 0);
+    }
+    function M() {
+      var l;
+      const e = (l = i.value) == null ? void 0 : l.initialWidth;
+      typeof e == "number" ? t.value = e : t.value = void 0;
+    }
+    return W([() => a.anchorWidth, i], M, { immediate: !0, deep: !0 }), (e, l) => (w(), A(
+      "div",
+      {
+        class: I(C.value),
+        style: N({ width: q.value })
+      },
+      [
+        k(D, {
+          modelValue: n.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (d) => n.value = d),
+          panels: a.panels,
+          "anchor-width": a.anchorWidth,
+          "show-labels": a.showLabels,
+          "onClick:item": L
+        }, y({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          Q(a.panels, (d) => ({
+            name: d.id,
+            fn: o(() => [
+              s(e.$slots, `anchor:${d.id}`, { item: d })
+            ])
+          }))
+        ]), 1032, ["modelValue", "panels", "anchor-width", "show-labels"]),
+        k(T, {
+          name: e.position === "left" ? "slide-right" : "slide-left",
+          onAfterLeave: E
+        }, {
+          default: o(() => [
+            n.value && i.value ? (w(), U(F, {
+              key: 0,
+              "show-grip": "",
+              title: i.value.title,
+              "initial-width": i.value.initialWidth,
+              "min-width": i.value.minWidth,
+              "max-width": i.value.maxWidth,
+              resizable: i.value.resizable,
+              "resize-position": R.value,
+              "onResize:start": S,
+              onResize: g,
+              "onResize:end": B
+            }, y({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              e.$slots[`header.prepend:${n.value}`] ? {
+                name: "header.prepend",
+                fn: o(() => [
+                  s(e.$slots, `header.prepend:${n.value}`)
+                ]),
+                key: "0"
+              } : void 0,
+              e.$slots[`header:${n.value}`] ? {
+                name: "header",
+                fn: o(() => [
+                  s(e.$slots, `header:${n.value}`)
+                ]),
+                key: "1"
+              } : void 0,
+              e.$slots[`header.append:${n.value}`] ? {
+                name: "header.append",
+                fn: o(() => [
+                  s(e.$slots, `header.append:${n.value}`)
+                ]),
+                key: "2"
+              } : void 0,
+              e.$slots[`content:${n.value}`] ? {
+                name: "content",
+                fn: o(() => [
+                  s(e.$slots, `content:${n.value}`)
+                ]),
+                key: "3"
+              } : void 0,
+              e.$slots[`footer:${n.value}`] ? {
+                name: "footer",
+                fn: o(() => [
+                  s(e.$slots, `footer:${n.value}`)
+                ]),
+                key: "4"
+              } : void 0
+            ]), 1032, ["title", "initial-width", "min-width", "max-width", "resizable", "resize-position"])) : j("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["name"])
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+export {
+  K as default
+};

package/esm/components/QSidebar/QSidebar.vue2.js

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