@quidgest/ui 0.15.2 → 0.15.4

package/esm/components/QOverlay/QOverlay.vue.js

@@ -1,12 +1,14 @@
-import { defineComponent as ee, mergeModels as $, useModel as te, computed as d, reactive as M, watch as k, ref as R, nextTick as y, onMounted as ne, onBeforeUnmount as oe, createElementBlock as g, openBlock as u, Fragment as re, createBlock as V, createCommentVNode as L, Teleport as ie, createVNode as ae, normalizeClass as A, Transition as le, withCtx as se, normalizeStyle as z, createElementVNode as de, mergeProps as ce, withKeys as ue, renderSlot as fe, unref as me } from "vue";
-import { QRemoveScrollBar as ve } from "../QRemoveScrollBar/index.js";
-import { getSideFromPlacement as pe, computePosition as ye } from "../../composables/overlay.js";
-import { useTheme as he } from "../../composables/theme.js";
-import { getElement as we } from "../../utils/getElement.js";
-const ke = ["id"], ge = ["role"], be = /* @__PURE__ */ ee({
+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 C, Transition as z, withCtx as L, normalizeClass as F, normalizeStyle as Q, unref as T, 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 Ce = ["id"], Te = ["role"], Ae = /* @__PURE__ */ ue({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ I({
     id: {},
     class: {},
     anchor: {},
@@ -27,53 +29,54 @@ const ke = ["id"], ge = ["role"], be = /* @__PURE__ */ ee({
     transition: { default: "fade" },
     trigger: { default: "click" },
     closeOnContentClick: { type: Boolean },
-    width: { default: "auto" }
+    width: { default: "auto" },
+    focusTrap: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["enter", "leave"], ["update:modelValue"]),
-  setup(C, { emit: I }) {
-    const t = C, B = I, r = te(C, "modelValue"), { class: U } = he(), F = d(() => [
+  emits: /* @__PURE__ */ I(["enter", "leave"], ["update:modelValue"]),
+  setup(x, { emit: U }) {
+    const t = x, S = U, r = ce(x, "modelValue"), { class: N } = _e(), W = d(() => [
       "q-overlay",
-      `q-overlay--${pe(n.placement)}`,
-      U.value,
+      `q-overlay--${Ee(o.placement)}`,
+      N.value,
       {
         "q-overlay--independent": f.value,
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), f = d(() => t.anchor === void 0), _ = d(() => (r.value || n.animating) && !t.nonModal), N = d(() => (r.value || n.animating) && t.scrollLock), n = M({
+    ]), f = d(() => t.anchor === void 0), O = d(() => r.value && !t.nonModal), j = d(() => (r.value || o.animating) && t.scrollLock), G = d(() => !t.inline && (r.value || o.animating)), o = P({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), i = M({
+    }), a = P({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), P = d(() => n.top !== 0 && n.left !== 0);
-    k(r, () => n.animating = !0);
-    const K = d(() => {
+    });
+    V(r, ee);
+    const H = d(() => {
       if (f.value) return;
-      const e = c(), s = t.width === "anchor", o = s ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
+      const e = l(), s = t.width === "anchor", n = s ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
-        top: `${n.top}px`,
-        left: `${n.left}px`,
-        width: o !== void 0 ? `${o}px` : void 0
+        top: `${o.top}px`,
+        left: `${o.left}px`,
+        width: n !== void 0 ? `${n}px` : void 0
       };
-    }), Q = d(() => {
+    }), J = d(() => {
       if (t.arrow)
         return {
-          top: i.top !== void 0 ? `${i.top}px` : void 0,
-          left: i.left !== void 0 ? `${i.left}px` : void 0,
-          opacity: i.hidden ? 0 : 1
+          top: a.top !== void 0 ? `${a.top}px` : void 0,
+          left: a.left !== void 0 ? `${a.left}px` : void 0,
+          opacity: a.hidden ? 0 : 1
         };
-    }), h = R(null), m = R(null);
-    function a() {
-      const e = c();
-      if (!e || !m.value)
+    }), y = _(null), h = _(null), E = _(null);
+    function i() {
+      const e = l();
+      if (!e || !h.value)
         return;
       const s = {
         placement: t.placement,
@@ -81,55 +84,86 @@ const ke = ["id"], ge = ["role"], be = /* @__PURE__ */ ee({
         offset: t.offset,
         crossOffset: t.crossOffset,
         arrow: t.arrow
-      }, o = ye(
+      }, n = be(
         e,
-        m.value,
-        (h == null ? void 0 : h.value) ?? void 0,
+        h.value,
+        (y == null ? void 0 : y.value) ?? void 0,
         s
       );
-      n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, i.hidden = o.arrowCoords === void 0, o.arrowCoords && (i.top = o.arrowCoords.y, i.left = o.arrowCoords.x);
+      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);
     }
-    k(
+    V(
       () => t.placement,
-      () => y(a)
+      () => g(i)
     );
-    let v;
+    let p;
     function w() {
-      T(0);
+      R(0);
     }
-    function b() {
-      T(t.delay);
+    function D() {
+      R(t.delay);
     }
-    function T(e) {
-      v && x(), v = window.setTimeout(() => {
+    function R(e) {
+      p && q(), p = window.setTimeout(() => {
         r.value = !0;
       }, e);
     }
-    function l() {
-      if (v && x(), r.value = !1, t.anchor && t.trigger === "click") {
-        const e = c();
-        e == null || e.focus();
+    function c() {
+      if (p && q(), r.value = !1, t.anchor && t.trigger === "click") {
+        const e = l();
+        g(() => e == null ? void 0 : e.focus());
       }
     }
-    function x() {
-      clearTimeout(v), v = void 0;
+    function q() {
+      clearTimeout(p), p = void 0;
+    }
+    function K() {
+      g(se), S("enter");
     }
-    k(P, () => y(D));
-    function D() {
-      B("enter");
+    function X() {
+      M();
     }
-    let S;
-    function W() {
-      window.clearTimeout(S), S = window.setTimeout(() => n.animating = !1, 200), B("leave");
+    function Y() {
+      S("leave");
     }
-    function c() {
-      return t.anchor ? we(t.anchor) : null;
+    function Z() {
+      M(), de();
     }
-    let p;
-    function j() {
-      const e = c();
+    function ee() {
+      o.animating = !0;
+    }
+    function M() {
+      o.animating = !1;
+    }
+    function l() {
+      return t.anchor ? Be(t.anchor) : null;
+    }
+    function te(e) {
+      t.persistent && e.preventDefault();
+    }
+    function ne(e) {
+      var A;
+      if (t.persistent) {
+        e.preventDefault();
+        return;
+      }
+      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)) {
+        e.preventDefault();
+        return;
+      }
+      e.detail.originalEvent.type === "focusin" && s && e.preventDefault();
+    }
+    function oe() {
+      c();
+    }
+    let v;
+    function re() {
+      const e = l();
       if (e)
-        switch (p = new MutationObserver(a), p.observe(e, {
+        switch (v = new MutationObserver(i), v.observe(e, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -139,125 +173,140 @@ const ke = ["id"], ge = ["role"], be = /* @__PURE__ */ ee({
             e.addEventListener("click", w);
             break;
           case "hover":
-            e.addEventListener("mouseenter", b), e.addEventListener("mouseleave", l), e.addEventListener("focusin", w), e.addEventListener("focusout", l);
+            e.addEventListener("mouseenter", D), e.addEventListener("mouseleave", c), e.addEventListener("focusin", w), e.addEventListener("focusout", c);
             break;
         }
     }
-    function G() {
-      const e = c();
+    function ae() {
+      const e = l();
       if (e)
-        switch (p == null || p.disconnect(), t.trigger) {
+        switch (v == null || v.disconnect(), t.trigger) {
           case "click":
             e.removeEventListener("click", w);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", b), e.removeEventListener("mouseleave", l), e.removeEventListener("focusin", w), e.removeEventListener("focusout", l);
+            e.removeEventListener("mouseenter", D), e.removeEventListener("mouseleave", c), e.removeEventListener("focusin", w), e.removeEventListener("focusout", c);
             break;
         }
     }
-    function H() {
-      window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
+    function ie() {
+      window.addEventListener("resize", i), t.scrollLock || window.addEventListener("scroll", i);
     }
-    function J() {
-      window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
+    function le() {
+      window.removeEventListener("resize", i), t.scrollLock || window.removeEventListener("scroll", i);
     }
-    let E;
-    function q() {
-      c() ? (a(), E = window.setTimeout(q, 100)) : l();
-    }
-    function X() {
-      f.value || (H(), t.spy ? q() : a()), (f.value || t.trigger === "click") && y(() => {
-        var e;
-        return (e = m.value) == null ? void 0 : e.focus();
-      });
-    }
-    function O() {
-      f.value || J(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
+    let b;
+    function $() {
+      l() ? (i(), b = window.setTimeout($, 100)) : c();
     }
-    function Y() {
-      t.persistent || l();
+    function se() {
+      var e;
+      f.value || (ie(), t.spy ? $() : i()), (f.value || t.trigger === "click") && ((e = h.value) == null || e.focus());
     }
-    function Z(e) {
-      var s;
-      t.persistent || (t.closeOnContentClick || !((s = m.value) != null && s.contains(e.relatedTarget))) && l();
+    function de() {
+      f.value || le(), t.spy && (clearTimeout(b), b = void 0);
     }
-    return ne(() => {
-      y(j);
-    }), oe(() => {
-      G(), O();
-    }), k(
-      r,
-      (e) => {
-        y(() => e ? X() : O());
-      },
-      { immediate: !0 }
-    ), (e, s) => (u(), g(
-      re,
+    return fe(() => {
+      g(re);
+    }), pe(ae), (e, s) => (u(), k(
+      ve,
       null,
       [
-        (u(), V(ie, {
-          disabled: !r.value && !n.animating || t.inline,
+        (u(), B(me, {
+          disabled: !G.value,
           to: t.attach
         }, [
-          _.value ? (u(), g(
-            "div",
-            {
-              key: 0,
-              class: A([
-                t.backdropClass,
-                "q-overlay__underlay",
-                { "q-overlay__underlay--blur": t.backdropBlur }
-              ])
-            },
-            null,
-            2
-            /* CLASS */
-          )) : L("v-if", !0),
-          ae(le, {
+          C(z, {
+            name: "fade",
+            appear: ""
+          }, {
+            default: L(() => [
+              O.value ? (u(), k(
+                "div",
+                {
+                  key: 0,
+                  class: F([
+                    t.backdropClass,
+                    "q-overlay__underlay",
+                    { "q-overlay__underlay--blur": t.backdropBlur }
+                  ])
+                },
+                null,
+                2
+                /* CLASS */
+              )) : m("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          C(z, {
             name: t.transition,
             appear: "",
-            onLeave: W
+            onEnter: K,
+            onAfterEnter: X,
+            onLeave: Y,
+            onAfterLeave: Z
           }, {
-            default: se(() => [
-              r.value ? (u(), g("div", {
+            default: L(() => [
+              r.value ? (u(), k("div", {
                 key: 0,
                 id: t.id,
-                class: A(F.value),
-                style: z(K.value)
+                ref_key: "overlayContainerRef",
+                ref: E,
+                tabindex: "-1",
+                class: F(W.value),
+                style: Q(H.value)
               }, [
-                de("div", ce({
-                  ref_key: "overlayRef",
-                  ref: m,
-                  class: "q-overlay__content",
-                  tabindex: "-1",
-                  role: _.value ? "dialog" : void 0
-                }, e.$attrs, {
-                  onKeydown: ue(Y, ["escape"]),
-                  onFocusout: Z
-                }), [
-                  t.arrow ? (u(), g(
-                    "div",
-                    {
+                C(T(ge), {
+                  onDismiss: oe,
+                  onInteractOutside: ne,
+                  onPointerDownOutside: te
+                }, {
+                  default: L(() => [
+                    E.value ? (u(), B(T(ke), {
                       key: 0,
-                      ref_key: "arrowRef",
-                      ref: h,
-                      role: "presentation",
-                      class: "q-overlay__arrow",
-                      style: z(Q.value)
-                    },
-                    null,
-                    4
-                    /* STYLE */
-                  )) : L("v-if", !0),
-                  fe(e.$slots, "default")
-                ], 16, ge)
-              ], 14, ke)) : L("v-if", !0)
+                      disabled: t.nonModal || !r.value,
+                      options: { fallbackFocus: E.value }
+                    }, {
+                      default: L(() => [
+                        ye("div", he({
+                          ref_key: "overlayRef",
+                          ref: h,
+                          class: "q-overlay__content",
+                          tabindex: "-1",
+                          role: O.value ? "dialog" : void 0
+                        }, e.$attrs), [
+                          t.arrow ? (u(), k(
+                            "div",
+                            {
+                              key: 0,
+                              ref_key: "arrowRef",
+                              ref: y,
+                              role: "presentation",
+                              class: "q-overlay__arrow",
+                              style: Q(J.value)
+                            },
+                            null,
+                            4
+                            /* STYLE */
+                          )) : m("v-if", !0),
+                          we(e.$slots, "default")
+                        ], 16, Te)
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    }, 8, ["disabled", "options"])) : m("v-if", !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                })
+              ], 14, Ce)) : m("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
           }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        N.value ? (u(), V(me(ve), { key: 0 })) : L("v-if", !0)
+        j.value ? (u(), B(T(Le), { key: 0 })) : m("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -265,5 +314,5 @@ const ke = ["id"], ge = ["role"], be = /* @__PURE__ */ ee({
   }
 });
 export {
-  be as default
+  Ae as default
 };

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

@@ -22,6 +22,7 @@ declare const QOverlay: {
         trigger?: import('../../composables/overlay').Trigger;
         closeOnContentClick?: boolean;
         width?: "auto" | "anchor";
+        focusTrap?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -42,6 +43,7 @@ declare const QOverlay: {
         crossOffset: number;
         trigger: import('../../composables/overlay').Trigger;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        overlayContainerRef: HTMLDivElement;
         overlayRef: HTMLDivElement;
         arrowRef: HTMLDivElement;
     }, any, import('vue').ComponentProvideOptions, {
@@ -73,6 +75,7 @@ declare const QOverlay: {
         trigger?: import('../../composables/overlay').Trigger;
         closeOnContentClick?: boolean;
         width?: "auto" | "anchor";
+        focusTrap?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -113,6 +116,7 @@ declare const QOverlay: {
     trigger?: import('../../composables/overlay').Trigger;
     closeOnContentClick?: boolean;
     width?: "auto" | "anchor";
+    focusTrap?: 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

@@ -1,6 +1,6 @@
+import { QBaseComponentProps } from '../../types/component';
 import { Appearance, Placement, Trigger } from '../../composables/overlay';
 import { Selector } from '../../utils/getElement';
-import { QBaseComponentProps } from '../../types/component';
 export type QOverlayProps = QBaseComponentProps & {
     /**
      * The DOM element the overlay should be anchored to.
@@ -88,5 +88,10 @@ export type QOverlayProps = QBaseComponentProps & {
      * or matches the overlay's anchor.
      */
     width?: 'auto' | 'anchor';
+    /**
+     * Whether to enable focus trapping within the overlay.
+     * When enabled, focus will be constrained to elements within the overlay.
+     */
+    focusTrap?: 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,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,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;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5D,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;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}

package/esm/components/QPasswordField/QPasswordField.d.ts

@@ -23,10 +23,10 @@ declare function __VLS_template(): {
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
                 readonly for?: string | undefined;
+                readonly required?: boolean | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly required?: boolean | undefined;
                 readonly invalid?: boolean | undefined;
                 readonly placeholder?: string | undefined;
                 readonly clearable?: boolean | undefined;
@@ -49,10 +49,10 @@ declare function __VLS_template(): {
                         readonly class?: string | unknown[] | undefined;
                         readonly label?: string | undefined;
                         readonly for?: string | undefined;
+                        readonly required?: boolean | undefined;
                         readonly size?: import('..').QFieldSize | undefined;
                         readonly readonly?: boolean | undefined;
                         readonly disabled?: boolean | undefined;
-                        readonly required?: boolean | undefined;
                         readonly invalid?: boolean | undefined;
                     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
@@ -125,6 +125,7 @@ declare function __VLS_template(): {
             } & import('../../types/component').QBaseComponentProps & {
                 label?: string;
                 for?: string;
+                required?: boolean;
             } & {
                 size?: import('..').QFieldSize;
                 readonly?: boolean;
@@ -175,6 +176,7 @@ declare function __VLS_template(): {
         } & import('../../types/component').QBaseComponentProps & {
             label?: string;
             for?: string;
+            required?: boolean;
         } & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
@@ -224,10 +226,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly class?: string | unknown[] | undefined;
             readonly label?: string | undefined;
             readonly for?: string | undefined;
+            readonly required?: boolean | undefined;
             readonly size?: import('..').QFieldSize | undefined;
             readonly readonly?: boolean | undefined;
             readonly disabled?: boolean | undefined;
-            readonly required?: boolean | undefined;
             readonly invalid?: boolean | undefined;
             readonly placeholder?: string | undefined;
             readonly clearable?: boolean | undefined;
@@ -250,10 +252,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                     readonly class?: string | unknown[] | undefined;
                     readonly label?: string | undefined;
                     readonly for?: string | undefined;
+                    readonly required?: boolean | undefined;
                     readonly size?: import('..').QFieldSize | undefined;
                     readonly readonly?: boolean | undefined;
                     readonly disabled?: boolean | undefined;
-                    readonly required?: boolean | undefined;
                     readonly invalid?: boolean | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
@@ -326,6 +328,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         } & import('../../types/component').QBaseComponentProps & {
             label?: string;
             for?: string;
+            required?: boolean;
         } & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
@@ -376,6 +379,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+        required?: boolean;
     } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AA6DA;AAqLC,OAAO,KAAK,EAEX,mBAAmB,EAEnB,MAAM,SAAS,CAAA;AAKhB,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA4FxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAkLT,OAAO,IAA6B;;iCAhBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAwE4uT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAvDj4T;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA8BuvT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBh4T,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":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AA6DA;AAqLC,OAAO,KAAK,EAEX,mBAAmB,EAEnB,MAAM,SAAS,CAAA;AAKhB,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA4FxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAkLT,OAAO,IAA6B;;iCAhBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAwE4uT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAvDj4T;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA8BuvT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBh4T,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/QPasswordField/QPasswordField.vue.js

@@ -13,10 +13,10 @@ const Y = /* @__PURE__ */ S({
     class: {},
     label: {},
     for: {},
+    required: { type: Boolean },
     size: { default: "medium" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean },
     invalid: { type: Boolean },
     placeholder: {},
     toggle: { type: Boolean },