@quidgest/ui 0.16.48 → 0.16.50

package/esm/components/QFocusWrap/QFocusWrap.vue.js

@@ -0,0 +1,119 @@
+import { defineComponent as v, useTemplateRef as h, onBeforeUnmount as y, nextTick as c, watch as x, createElementBlock as u, openBlock as r, Fragment as B, createCommentVNode as d, createElementVNode as S, renderSlot as _ } from "vue";
+const w = { ref: "container" }, A = /* @__PURE__ */ v({
+  __name: "QFocusWrap",
+  props: {
+    id: {},
+    class: {},
+    active: { type: Boolean, default: !0 },
+    initialFocus: {},
+    focusWithinOnActivate: { type: Boolean, default: !0 },
+    closingFocus: {},
+    returnFocusOnDeactivate: { type: Boolean }
+  },
+  setup(b) {
+    const t = b, p = h("container"), m = [
+      "a[href]",
+      "area[href]",
+      "input:not([disabled])",
+      "select:not([disabled])",
+      "textarea:not([disabled])",
+      "button:not([disabled])",
+      "iframe",
+      "object",
+      "embed",
+      '[tabindex]:not([tabindex="-1"])',
+      "[contenteditable]"
+    ].join(",");
+    let i;
+    y(() => {
+      t.closingFocus ? c(() => {
+        a(t.closingFocus);
+      }) : t.returnFocusOnDeactivate && c(() => {
+        a(i);
+      });
+    });
+    function F(n) {
+      return n ? Array.prototype.slice.call(
+        n.querySelectorAll(m)
+      ).filter((o) => (o.offsetWidth > 0 || o.offsetHeight > 0 || o.getClientRects().length > 0) && !o.getAttribute("data-focus-wall")) : void 0;
+    }
+    function l(n) {
+      const e = F(p.value);
+      if (!e || e.length === 0) return;
+      const o = n === "first" ? 0 : e.length - 1, s = e[o];
+      typeof (s == null ? void 0 : s.focus) == "function" && s.focus();
+    }
+    function f() {
+      l("first");
+    }
+    function g() {
+      l("last");
+    }
+    function a(n) {
+      let e;
+      typeof n == "string" ? e = document.querySelector(n) : e = n, typeof (e == null ? void 0 : e.focus) == "function" && (e == null || e.focus());
+    }
+    return x(
+      () => t.active,
+      () => {
+        t.active ? (t.returnFocusOnDeactivate && (i = document.activeElement), t.initialFocus ? c(() => {
+          a(t.initialFocus);
+        }) : t.focusWithinOnActivate && c(() => {
+          f();
+        })) : t.closingFocus ? c(() => {
+          a(t.closingFocus);
+        }) : t.returnFocusOnDeactivate && c(() => {
+          a(i);
+        });
+      },
+      {
+        immediate: !0
+      }
+    ), (n, e) => (r(), u(
+      B,
+      null,
+      [
+        t.active ? (r(), u(
+          "span",
+          {
+            key: 0,
+            class: "q-focus-wrap",
+            tabindex: "0",
+            "data-focus-wall": "true",
+            onFocus: g
+          },
+          null,
+          32
+          /* NEED_HYDRATION */
+        )) : d("v-if", !0),
+        S(
+          "span",
+          w,
+          [
+            _(n.$slots, "default")
+          ],
+          512
+          /* NEED_PATCH */
+        ),
+        t.active ? (r(), u(
+          "span",
+          {
+            key: 1,
+            class: "q-focus-wrap",
+            tabindex: "0",
+            "data-focus-wall": "true",
+            onFocus: f
+          },
+          null,
+          32
+          /* NEED_HYDRATION */
+        )) : d("v-if", !0)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+});
+export {
+  A as default
+};

package/esm/components/QFocusWrap/QFocusWrap.vue2.js

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

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

@@ -0,0 +1,31 @@
+declare const QFocusWrap: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QFocusWrapProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        active: boolean;
+        focusWithinOnActivate: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        container: HTMLSpanElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QFocusWrapProps> & Readonly<{}>, {}, {}, {}, {}, {
+        active: boolean;
+        focusWithinOnActivate: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QFocusWrapProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    active: boolean;
+    focusWithinOnActivate: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export { QFocusWrap };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusWrap/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+B,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA;AAGrB,cAAc,SAAS,CAAA"}

package/esm/components/QFocusWrap/index.js

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

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

@@ -0,0 +1,42 @@
+import { QBaseComponentProps } from '../../types/component';
+export type QFocusWrapProps = QBaseComponentProps & {
+    /**
+     * Whether to enable focus wrapping within the components contents.
+     * When enabled, focus will wrap from the last element to the first
+     * when tabbing forward and from the first element to the last
+     * when tabbing backward.
+     *
+     * @category Behavior
+     */
+    active?: boolean;
+    /**
+     * Element to set focus on when the focus wrap is activated.
+     * Has priority over focusWithinOnActivate
+     *
+     * @category Behavior
+     */
+    initialFocus?: HTMLElement | string | null;
+    /**
+     * Whether to focus on the first focusable element within when
+     * activating the focus wrap.
+     *
+     * @category Behavior
+     */
+    focusWithinOnActivate?: boolean;
+    /**
+     * Element to set focus on when the focus wrap is deactivated.
+     * Has priority over returnFocusOnDeactivate.
+     *
+     * @category Behavior
+     */
+    closingFocus?: HTMLElement | string | null;
+    /**
+     * Whether to return focus to the element that had focus before
+     * activating the focus wrap.
+     *
+     * @category Behavior
+     */
+    returnFocusOnDeactivate?: boolean;
+};
+export type QFocusWrapElementIndicator = 'first' | 'last';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusWrap/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IACnD;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IAE1C;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IAE1C;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,MAAM,CAAA"}

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

@@ -29,13 +29,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     transition: string;
     width: "auto" | "anchor";
     placement: import('../../composables/overlay').Placement;
+    focusWithinOnActivate: boolean;
+    returnFocusOnDeactivate: boolean;
     appearance: import('../../composables/overlay').Appearance;
     offset: number;
     crossOffset: number;
     attach: string;
     delay: number;
     trigger: import('../../composables/overlay').Trigger;
-    returnFocusOnDeactivate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     overlayContainerRef: HTMLDivElement;
     overlayRef: HTMLDivElement;

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":"AA8DA;AAuhBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA0clC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6KT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA+BD,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":"AAgEA;AA0hBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA4clC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgLT,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"}