@validol4ik/uikit 0.9.5 → 0.9.6

package/dist/BottomSheet-DSqcRbL0.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./QDialog-f6QBtGnd.cjs"),i=require("./index-ChHy5BBm.cjs"),S={key:0,class:"bottom-sheet__title"},k={class:"bottom-sheet__body"},P={key:0,class:"bottom-sheet__loading"},N=e.defineComponent({__name:"BottomSheet",props:e.mergeModels({modelValue:{type:Boolean},title:{},loading:{type:Boolean},persistent:{type:Boolean},maxHeight:{default:"95vh"}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["hide","beforeShow"],["update:modelValue"]),setup(d,{emit:h}){const g=d,a=e.useModel(d,"modelValue"),u=h,c=e.ref(null),l=e.ref(!1),n=e.ref(0);let m=0,r=null;const b=e.computed(()=>({maxHeight:g.maxHeight,transform:n.value?`translateY(${n.value}px)`:void 0})),p=()=>a.value=!1,_=t=>{if(t.target.closest(".bottom-sheet__close"))return;r=t.pointerId,m=t.clientY,l.value=!0;const o=t.currentTarget;typeof o.setPointerCapture=="function"&&o.setPointerCapture(t.pointerId)},y=t=>{!l.value||t.pointerId!==r||(n.value=Math.max(0,t.clientY-m))},f=t=>{var v;if(!l.value||t.pointerId!==r)return;l.value=!1,r=null;const o=((v=c.value)==null?void 0:v.offsetHeight)??0,s=Math.min(120,o*.25||120);if(n.value>s){p();return}n.value=0,u("hide")},V=()=>{l.value=!1,r=null,n.value=0};return(t,o)=>(e.openBlock(),e.createBlock(e.unref(B.QDialog),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=s=>a.value=s),position:"bottom",persistent:t.persistent,class:"bottom-sheet-dialog","backdrop-filter":"blur(10px)",onHide:V,onBeforeShow:o[1]||(o[1]=s=>u("beforeShow"))},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"sheetRef",ref:c,class:e.normalizeClass(["bottom-sheet",{"bottom-sheet_dragging":l.value}]),style:e.normalizeStyle(b.value)},[e.createElementVNode("div",{class:"bottom-sheet__header",onPointerdown:_,onPointermove:y,onPointerup:f,onPointercancel:f},[o[2]||(o[2]=e.createElementVNode("div",{class:"bottom-sheet__grabber"},null,-1)),e.createElementVNode("div",null,[e.renderSlot(t.$slots,"header",{},void 0,!0)]),t.title?(e.openBlock(),e.createElementBlock("div",S,[e.createTextVNode(e.toDisplayString(t.title),1),e.renderSlot(t.$slots,"title",{},void 0,!0)])):e.createCommentVNode("",!0),e.createVNode(i.CloseButton,{class:"bottom-sheet__close",size:"xl",onClick:p})],32),e.createElementVNode("div",k,[t.loading?(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(e.unref(i.QSpinner),{size:"40px",color:"primary"})])):e.renderSlot(t.$slots,"default",{key:1},void 0,!0)])],6)]),_:3},8,["modelValue","persistent"]))}}),C=i._export_sfc(N,[["__scopeId","data-v-ec9c1a7b"]]);exports.default=C;

package/dist/BottomSheet-qodpM1oq.js

@@ -0,0 +1,103 @@
+import { defineComponent as x, useModel as M, ref as i, computed as H, openBlock as d, createBlock as I, unref as b, withCtx as Y, createElementVNode as n, normalizeStyle as $, normalizeClass as z, renderSlot as u, createElementBlock as _, createTextVNode as N, toDisplayString as D, createCommentVNode as Q, createVNode as y, mergeModels as V } from "vue";
+import { Q as E } from "./QDialog-Pw0XBuWk.js";
+import { F as R, b as T, _ as U } from "./index-jCxpgc08.js";
+const F = {
+  key: 0,
+  class: "bottom-sheet__title"
+}, j = { class: "bottom-sheet__body" }, q = {
+  key: 0,
+  class: "bottom-sheet__loading"
+}, A = /* @__PURE__ */ x({
+  __name: "BottomSheet",
+  props: /* @__PURE__ */ V({
+    modelValue: { type: Boolean },
+    title: {},
+    loading: { type: Boolean },
+    persistent: { type: Boolean },
+    maxHeight: { default: "95vh" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["hide", "beforeShow"], ["update:modelValue"]),
+  setup(m, { emit: B }) {
+    const P = m, r = M(m, "modelValue"), c = B, p = i(null), o = i(!1), l = i(0);
+    let f = 0, s = null;
+    const S = H(() => ({
+      maxHeight: P.maxHeight,
+      transform: l.value ? `translateY(${l.value}px)` : void 0
+    })), v = () => r.value = !1, k = (e) => {
+      if (e.target.closest(".bottom-sheet__close")) return;
+      s = e.pointerId, f = e.clientY, o.value = !0;
+      const t = e.currentTarget;
+      typeof t.setPointerCapture == "function" && t.setPointerCapture(e.pointerId);
+    }, C = (e) => {
+      !o.value || e.pointerId !== s || (l.value = Math.max(0, e.clientY - f));
+    }, h = (e) => {
+      var g;
+      if (!o.value || e.pointerId !== s) return;
+      o.value = !1, s = null;
+      const t = ((g = p.value) == null ? void 0 : g.offsetHeight) ?? 0, a = Math.min(120, t * 0.25 || 120);
+      if (l.value > a) {
+        v();
+        return;
+      }
+      l.value = 0, c("hide");
+    }, w = () => {
+      o.value = !1, s = null, l.value = 0;
+    };
+    return (e, t) => (d(), I(b(E), {
+      modelValue: r.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => r.value = a),
+      position: "bottom",
+      persistent: e.persistent,
+      class: "bottom-sheet-dialog",
+      "backdrop-filter": "blur(10px)",
+      onHide: w,
+      onBeforeShow: t[1] || (t[1] = (a) => c("beforeShow"))
+    }, {
+      default: Y(() => [
+        n("div", {
+          ref_key: "sheetRef",
+          ref: p,
+          class: z(["bottom-sheet", { "bottom-sheet_dragging": o.value }]),
+          style: $(S.value)
+        }, [
+          n("div", {
+            class: "bottom-sheet__header",
+            onPointerdown: k,
+            onPointermove: C,
+            onPointerup: h,
+            onPointercancel: h
+          }, [
+            t[2] || (t[2] = n("div", { class: "bottom-sheet__grabber" }, null, -1)),
+            n("div", null, [
+              u(e.$slots, "header", {}, void 0, !0)
+            ]),
+            e.title ? (d(), _("div", F, [
+              N(D(e.title), 1),
+              u(e.$slots, "title", {}, void 0, !0)
+            ])) : Q("", !0),
+            y(R, {
+              class: "bottom-sheet__close",
+              size: "xl",
+              onClick: v
+            })
+          ], 32),
+          n("div", j, [
+            e.loading ? (d(), _("div", q, [
+              y(b(T), {
+                size: "40px",
+                color: "primary"
+              })
+            ])) : u(e.$slots, "default", { key: 1 }, void 0, !0)
+          ])
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["modelValue", "persistent"]));
+  }
+}), L = /* @__PURE__ */ U(A, [["__scopeId", "data-v-ec9c1a7b"]]);
+export {
+  L as default
+};

package/dist/DropdownButton-0caxYIDd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),l=require("./index-ChHy5BBm.cjs"),h=require("./QMenu-xk1k4IZT.cjs"),q=require("./escape-key-BmiNyljw.cjs"),k={[l.SIZES.SM]:"3px 9px",[l.SIZES.MD]:"5px 12px",[l.SIZES.LG]:"6px 15px",[l.SIZES.XL]:"9px 20px"},M=l.createComponent({name:"QBtnGroup",props:{unelevated:Boolean,outline:Boolean,flat:Boolean,rounded:Boolean,square:Boolean,push:Boolean,stretch:Boolean,glossy:Boolean,spread:Boolean},setup(e,{slots:r}){const t=n.computed(()=>{const u=["unelevated","outline","flat","rounded","square","push","stretch","glossy"].filter(d=>e[d]===!0).map(d=>`q-btn-group--${d}`).join(" ");return`q-btn-group row no-wrap${u.length!==0?" "+u:""}`+(e.spread===!0?" q-btn-group--spread":" inline")});return()=>n.h("div",{class:t.value},l.hSlot(r.default))}}),I=Object.keys(l.nonRoundBtnProps);function A(e){return I.reduce((r,t)=>{const u=e[t];return u!==void 0&&(r[t]=u),r},{})}const L=l.createComponent({name:"QBtnDropdown",props:{...l.nonRoundBtnProps,...q.useTransitionProps,modelValue:Boolean,split:Boolean,dropdownIcon:String,contentClass:[Array,String,Object],contentStyle:[Array,String,Object],cover:Boolean,persistent:Boolean,noEscDismiss:Boolean,noRouteDismiss:Boolean,autoClose:Boolean,noRefocus:Boolean,noFocus:Boolean,menuAnchor:{type:String,default:"bottom end"},menuSelf:{type:String,default:"top end"},menuOffset:Array,disableMainBtn:Boolean,disableDropdown:Boolean,noIconAnimation:Boolean,toggleAriaLabel:String},emits:["update:modelValue","click","beforeShow","show","beforeHide","hide"],setup(e,{slots:r,emit:t}){const{proxy:u}=n.getCurrentInstance(),d=n.ref(e.modelValue),i=n.ref(null),c=h.useId(),f=n.computed(()=>{const o={"aria-expanded":d.value===!0?"true":"false","aria-haspopup":"true","aria-controls":c.value,"aria-label":e.toggleAriaLabel||u.$q.lang.label[d.value===!0?"collapse":"expand"](e.label)};return(e.disable===!0||e.split===!1&&e.disableMainBtn===!0||e.disableDropdown===!0)&&(o["aria-disabled"]="true"),o}),a=n.computed(()=>"q-btn-dropdown__arrow"+(d.value===!0&&e.noIconAnimation===!1?" rotate-180":"")+(e.split===!1?" q-btn-dropdown__arrow-container":"")),b=n.computed(()=>l.getBtnDesignAttr(e)),m=n.computed(()=>A(e));n.watch(()=>e.modelValue,o=>{var s;(s=i.value)==null||s[o?"show":"hide"]()}),n.watch(()=>e.split,w);function g(o){d.value=!0,t("beforeShow",o)}function p(o){t("show",o),t("update:modelValue",!0)}function S(o){d.value=!1,t("beforeHide",o)}function v(o){t("hide",o),t("update:modelValue",!1)}function y(o){t("click",o)}function C(o){l.stop(o),w(),t("click",o)}function D(o){var s;(s=i.value)==null||s.toggle(o)}function B(o){var s;(s=i.value)==null||s.show(o)}function w(o){var s;(s=i.value)==null||s.hide(o)}return Object.assign(u,{show:B,hide:w,toggle:D}),n.onMounted(()=>{e.modelValue===!0&&B()}),()=>{const o=[n.h(l.QIcon,{class:a.value,name:e.dropdownIcon||u.$q.iconSet.arrow.dropdown})];return e.disableDropdown!==!0&&o.push(n.h(h.QMenu,{ref:i,id:c.value,class:e.contentClass,style:e.contentStyle,cover:e.cover,fit:!0,persistent:e.persistent,noEscDismiss:e.noEscDismiss,noRouteDismiss:e.noRouteDismiss,autoClose:e.autoClose,noFocus:e.noFocus,noRefocus:e.noRefocus,anchor:e.menuAnchor,self:e.menuSelf,offset:e.menuOffset,separateClosePopup:!0,transitionShow:e.transitionShow,transitionHide:e.transitionHide,transitionDuration:e.transitionDuration,onBeforeShow:g,onShow:p,onBeforeHide:S,onHide:v},r.default)),e.split===!1?n.h(l.QBtn,{class:"q-btn-dropdown q-btn-dropdown--simple",...m.value,...f.value,disable:e.disable===!0||e.disableMainBtn===!0,noWrap:!0,round:!1,onClick:y},{default:()=>l.hSlot(r.label,[]).concat(o),loading:r.loading}):n.h(M,{class:"q-btn-dropdown q-btn-dropdown--split no-wrap q-btn-item",rounded:e.rounded,square:e.square,...b.value,glossy:e.glossy,stretch:e.stretch},()=>[n.h(l.QBtn,{class:"q-btn-dropdown--current",...m.value,disable:e.disable===!0||e.disableMainBtn===!0,noWrap:!0,round:!1,onClick:C},{default:r.label,loading:r.loading}),n.h(l.QBtn,{class:"q-btn-dropdown__arrow-container q-anchor--skip",...f.value,...b.value,disable:e.disable===!0||e.disableDropdown===!0,rounded:e.rounded,color:e.color,textColor:e.textColor,dense:e.dense,size:e.size,padding:e.padding,ripple:e.ripple},()=>o)])}}}),R={key:1,class:"dropdown-btn__label"},V=n.defineComponent({__name:"DropdownButton",props:{size:{default:l.SIZES.MD},transparent:{type:Boolean},flat:{type:Boolean},rounded:{type:Boolean},color:{default:l.COLORS.PRIMARY},iconLeft:{},iconMiddle:{},hideDropIcon:{type:Boolean},disabled:{type:Boolean},loading:{type:Boolean},ariaLabel:{},label:{},menuOffset:{},menuAnchor:{},menuSelf:{},menuClass:{},glass:{type:Boolean}},emits:["menuShown","menuHidden"],setup(e,{emit:r}){const t=e,u=r,d=n.ref(!1),i=n.computed(()=>["dropdown-btn",{"dropdown-btn_default":!t.transparent&&!t.flat,"dropdown-btn_trans":t.transparent,"dropdown-btn_flat":t.flat,"dropdown-btn_rounded":t.rounded,"dropdown-btn_icon-left":t.iconLeft,"dropdown-btn_icon-middle":t.iconMiddle,"dropdown-btn_no-drop":t.hideDropIcon},`dropdown-btn_${t.size}`,`dropdown-btn_${t.color}`]),c=()=>{d.value=!0,u("menuShown")},f=()=>{d.value=!1,u("menuHidden")};return(a,b)=>(n.openBlock(),n.createBlock(n.unref(L),{"no-caps":"",unelevated:"",modelValue:d.value,"onUpdate:modelValue":b[0]||(b[0]=m=>d.value=m),class:n.normalizeClass(i.value),padding:n.unref(k)[a.size||n.unref(l.SIZES).MD],loading:a.loading,disable:a.disabled||void 0,"aria-label":a.ariaLabel,"menu-offset":a.menuOffset,"menu-anchor":a.menuAnchor,"menu-self":a.menuSelf,"content-class":["kl-menu dropdown-menu",{"glass-menu":a.glass},a.menuClass],"dropdown-icon":"icon-kl icon-kl-arrow-down",onBeforeShow:c,onBeforeHide:f},{label:n.withCtx(()=>[a.iconLeft||a.iconMiddle?(n.openBlock(),n.createElementBlock("i",{key:0,class:n.normalizeClass(["icon-kl",a.iconLeft?"icon-kl_left":"icon-kl_middle",`icon-kl-${a.iconLeft||a.iconMiddle}`,a.transparent||a.flat?`text-${a.color}`:"text-secondary"])},null,2)):n.createCommentVNode("",!0),a.label?(n.openBlock(),n.createElementBlock("span",R,n.toDisplayString(a.label),1)):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"label",{},void 0,!0)]),default:n.withCtx(()=>[n.renderSlot(a.$slots,"default",{},void 0,!0),n.renderSlot(a.$slots,"options",{hideMenu:f,showMenu:c},void 0,!0)]),_:3},8,["modelValue","class","padding","loading","disable","aria-label","menu-offset","menu-anchor","menu-self","content-class"]))}}),E=l._export_sfc(V,[["__scopeId","data-v-9ad6865d"]]);exports.default=E;

package/dist/{DropdownButton-C37a5e17.js → DropdownButton-CmUx9BXY.js}

@@ -1,6 +1,7 @@
 import { computed as u, h as i, getCurrentInstance as P, ref as S, watch as D, onMounted as z, defineComponent as j, openBlock as g, createBlock as E, unref as h, normalizeClass as C, withCtx as k, renderSlot as p, createElementBlock as q, createCommentVNode as M, toDisplayString as F } from "vue";
-import { S as c, c as A, h as L, y as I, z as G, Q as U, B as v, w as W, C as N, _ as T } from "./index-CTeqfCv_.js";
-import { d as X, u as Y, Q as Z } from "./QMenu-Ci2SWpGp.js";
+import { S as c, c as A, h as L, r as I, t as G, Q as U, v, l as W, C as N, _ as T } from "./index-jCxpgc08.js";
+import { u as X, Q as Y } from "./QMenu-BEJJgJal.js";
+import { u as Z } from "./escape-key-DphMa6bO.js";
 const J = {
   [c.SM]: "3px 9px",
   [c.MD]: "5px 12px",
@@ -37,7 +38,7 @@ const ne = A({
   name: "QBtnDropdown",
   props: {
     ...I,
-    ...X,
+    ...Z,
     modelValue: Boolean,
     split: Boolean,
     dropdownIcon: String,
@@ -66,7 +67,7 @@ const ne = A({
   },
   emits: ["update:modelValue", "click", "beforeShow", "show", "beforeHide", "hide"],
   setup(e, { slots: l, emit: o }) {
-    const { proxy: s } = P(), a = S(e.modelValue), r = S(null), f = Y(), b = u(() => {
+    const { proxy: s } = P(), a = S(e.modelValue), r = S(null), f = X(), b = u(() => {
       const n = {
         "aria-expanded": a.value === !0 ? "true" : "false",
         "aria-haspopup": "true",
@@ -125,7 +126,7 @@ const ne = A({
         })
       ];
       return e.disableDropdown !== !0 && n.push(
-        i(Z, {
+        i(Y, {
           ref: r,
           id: f.value,
           class: e.contentClass,
@@ -285,7 +286,7 @@ const ne = A({
       _: 3
     }, 8, ["modelValue", "class", "padding", "loading", "disable", "aria-label", "menu-offset", "menu-anchor", "menu-self", "content-class"]));
   }
-}), de = /* @__PURE__ */ T(te, [["__scopeId", "data-v-9ad6865d"]]);
+}), re = /* @__PURE__ */ T(te, [["__scopeId", "data-v-9ad6865d"]]);
 export {
-  de as default
+  re as default
 };

package/dist/QDialog-Pw0XBuWk.js

@@ -0,0 +1,264 @@
+import { onBeforeUnmount as te, getCurrentInstance as ge, ref as F, computed as m, watch as Y, h as w, Transition as j } from "vue";
+import { c as v, r as I, a as we } from "./focusout-DjvPXP_b.js";
+import { y as d, s as ye, G as pe, c as be, h as xe, E as Te } from "./index-jCxpgc08.js";
+import { m as qe, n as Se, o as ke, b as Ee, u as Ce, c as Be, e as Le, d as Pe, f as _e, i as He, h as Fe, j as Q, a as ze, l as Me } from "./escape-key-DphMa6bO.js";
+function De(e, t, s) {
+  function n() {
+  }
+  return te(() => {
+    e.value === !0 && void 0;
+  }), {
+    removeFromHistory: n,
+    addToHistory() {
+    }
+  };
+}
+let y = 0, z, M, p, D = !1, U, G, J, f = null;
+function Re(e) {
+  Ve(e) && ye(e);
+}
+function Ve(e) {
+  if (e.target === document.body || e.target.classList.contains("q-layout__backdrop"))
+    return !0;
+  const t = pe(e), s = e.shiftKey && !e.deltaX, n = !s && Math.abs(e.deltaX) <= Math.abs(e.deltaY), r = s || n ? e.deltaY : e.deltaX;
+  for (let a = 0; a < t.length; a++) {
+    const i = t[a];
+    if (ke(i, n))
+      return n ? r < 0 && i.scrollTop === 0 ? !0 : r > 0 && i.scrollTop + i.clientHeight === i.scrollHeight : r < 0 && i.scrollLeft === 0 ? !0 : r > 0 && i.scrollLeft + i.clientWidth === i.scrollWidth;
+  }
+  return !0;
+}
+function N(e) {
+  e.target === document && (document.scrollingElement.scrollTop = document.scrollingElement.scrollTop);
+}
+function q(e) {
+  D !== !0 && (D = !0, requestAnimationFrame(() => {
+    D = !1;
+    const { height: t } = e.target, { clientHeight: s, scrollTop: n } = document.scrollingElement;
+    (p === void 0 || t !== window.innerHeight) && (p = s - t, document.scrollingElement.scrollTop = n), n > p && (document.scrollingElement.scrollTop -= Math.ceil((n - p) / 8));
+  }));
+}
+function Z(e) {
+  const t = document.body, s = window.visualViewport !== void 0;
+  if (e === "add") {
+    const { overflowY: n, overflowX: r } = window.getComputedStyle(t);
+    z = qe(window), M = Se(window), U = t.style.left, G = t.style.top, J = window.location.href, t.style.left = `-${z}px`, t.style.top = `-${M}px`, r !== "hidden" && (r === "scroll" || t.scrollWidth > window.innerWidth) && t.classList.add("q-body--force-scrollbar-x"), n !== "hidden" && (n === "scroll" || t.scrollHeight > window.innerHeight) && t.classList.add("q-body--force-scrollbar-y"), t.classList.add("q-body--prevent-scroll"), document.qScrollPrevented = !0, v.is.ios === !0 && (s === !0 ? (window.scrollTo(0, 0), window.visualViewport.addEventListener("resize", q, d.passiveCapture), window.visualViewport.addEventListener("scroll", q, d.passiveCapture), window.scrollTo(0, 0)) : window.addEventListener("scroll", N, d.passiveCapture));
+  }
+  v.is.desktop === !0 && v.is.mac === !0 && window[`${e}EventListener`]("wheel", Re, d.notPassive), e === "remove" && (v.is.ios === !0 && (s === !0 ? (window.visualViewport.removeEventListener("resize", q, d.passiveCapture), window.visualViewport.removeEventListener("scroll", q, d.passiveCapture)) : window.removeEventListener("scroll", N, d.passiveCapture)), t.classList.remove("q-body--prevent-scroll"), t.classList.remove("q-body--force-scrollbar-x"), t.classList.remove("q-body--force-scrollbar-y"), document.qScrollPrevented = !1, t.style.left = U, t.style.top = G, window.location.href === J && window.scrollTo(z, M), p = void 0);
+}
+function $e(e) {
+  let t = "add";
+  if (e === !0) {
+    if (y++, f !== null) {
+      clearTimeout(f), f = null;
+      return;
+    }
+    if (y > 1) return;
+  } else {
+    if (y === 0 || (y--, y > 0)) return;
+    if (t = "remove", v.is.ios === !0 && v.is.nativeMobile === !0) {
+      f !== null && clearTimeout(f), f = setTimeout(() => {
+        Z(t), f = null;
+      }, 100);
+      return;
+    }
+  }
+  Z(t);
+}
+function Ae() {
+  let e;
+  return {
+    preventBodyScroll(t) {
+      t !== e && (e !== void 0 || t === !0) && (e = t, $e(t));
+    }
+  };
+}
+let S = 0;
+const Oe = {
+  standard: "fixed-full flex-center",
+  top: "fixed-top justify-center",
+  bottom: "fixed-bottom justify-center",
+  right: "fixed-right items-center",
+  left: "fixed-left items-center"
+}, ee = {
+  standard: ["scale", "scale"],
+  top: ["slide-down", "slide-up"],
+  bottom: ["slide-up", "slide-down"],
+  right: ["slide-left", "slide-right"],
+  left: ["slide-right", "slide-left"]
+}, je = be({
+  name: "QDialog",
+  inheritAttrs: !1,
+  props: {
+    ...Be,
+    ...Ce,
+    transitionShow: String,
+    // override useTransitionProps
+    transitionHide: String,
+    // override useTransitionProps
+    persistent: Boolean,
+    autoClose: Boolean,
+    allowFocusOutside: Boolean,
+    noEscDismiss: Boolean,
+    noBackdropDismiss: Boolean,
+    noRouteDismiss: Boolean,
+    noRefocus: Boolean,
+    noFocus: Boolean,
+    noShake: Boolean,
+    seamless: Boolean,
+    maximized: Boolean,
+    fullWidth: Boolean,
+    fullHeight: Boolean,
+    square: Boolean,
+    backdropFilter: String,
+    position: {
+      type: String,
+      default: "standard",
+      validator: (e) => ["standard", "top", "bottom", "left", "right"].includes(e)
+    }
+  },
+  emits: [
+    ...Ee,
+    "shake",
+    "click",
+    "escapeKey"
+  ],
+  setup(e, { slots: t, emit: s, attrs: n }) {
+    const r = ge(), a = F(null), i = F(!1), h = F(!1);
+    let u = null, c = null, b, k;
+    const oe = m(
+      () => e.persistent !== !0 && e.noRouteDismiss !== !0 && e.seamless !== !0
+    ), { preventBodyScroll: R } = Ae(), { registerTimeout: V } = Le(), { registerTick: le, removeTick: $ } = Pe(), { transitionProps: ie, transitionStyle: A } = _e(
+      e,
+      () => ee[e.position][0],
+      () => ee[e.position][1]
+    ), ne = m(() => A.value + (e.backdropFilter !== void 0 ? `;backdrop-filter:${e.backdropFilter};-webkit-backdrop-filter:${e.backdropFilter}` : "")), { showPortal: O, hidePortal: W, portalIsAccessible: se, renderPortal: re } = He(
+      r,
+      a,
+      he,
+      "dialog"
+    ), { hide: E } = Fe({
+      showing: i,
+      hideOnRouteChange: oe,
+      handleShow: de,
+      handleHide: fe,
+      processOnMount: !0
+    });
+    De(i);
+    const ae = m(
+      () => `q-dialog__inner flex no-pointer-events q-dialog__inner--${e.maximized === !0 ? "maximized" : "minimized"} q-dialog__inner--${e.position} ${Oe[e.position]}` + (h.value === !0 ? " q-dialog__inner--animating" : "") + (e.fullWidth === !0 ? " q-dialog__inner--fullwidth" : "") + (e.fullHeight === !0 ? " q-dialog__inner--fullheight" : "") + (e.square === !0 ? " q-dialog__inner--square" : "")
+    ), x = m(() => i.value === !0 && e.seamless !== !0), ue = m(() => e.autoClose === !0 ? { onClick: me } : {}), ce = m(() => [
+      `q-dialog fullscreen no-pointer-events q-dialog--${x.value === !0 ? "modal" : "seamless"}`,
+      n.class
+    ]);
+    Y(() => e.maximized, (o) => {
+      i.value === !0 && L(o);
+    }), Y(x, (o) => {
+      R(o), o === !0 ? (we(P), Me(B)) : (I(P), Q(B));
+    });
+    function de(o) {
+      var l;
+      c = e.noRefocus === !1 && document.activeElement !== null ? document.activeElement : null, L(e.maximized), O(), h.value = !0, e.noFocus !== !0 ? ((l = document.activeElement) == null || l.blur(), le(g)) : $(), V(() => {
+        if (r.proxy.$q.platform.is.ios === !0) {
+          if (e.seamless !== !0 && document.activeElement) {
+            const { top: T, bottom: _ } = document.activeElement.getBoundingClientRect(), { innerHeight: X } = window, H = window.visualViewport !== void 0 ? window.visualViewport.height : X;
+            T > 0 && _ > H / 2 && (document.scrollingElement.scrollTop = Math.min(
+              document.scrollingElement.scrollHeight - H,
+              _ >= X ? 1 / 0 : Math.ceil(document.scrollingElement.scrollTop + _ - H / 2)
+            )), document.activeElement.scrollIntoView();
+          }
+          k = !0, a.value.click(), k = !1;
+        }
+        O(!0), h.value = !1, s("show", o);
+      }, e.transitionDuration);
+    }
+    function fe(o) {
+      $(), K(!0), h.value = !0, W(), c !== null && ((((o == null ? void 0 : o.type.indexOf("key")) === 0 ? c.closest('[tabindex]:not([tabindex^="-"])') : void 0) || c).focus(), c = null), V(() => {
+        W(!0), h.value = !1, s("hide", o);
+      }, e.transitionDuration);
+    }
+    function g(o) {
+      ze(() => {
+        let l = a.value;
+        if (l !== null) {
+          if (o !== void 0) {
+            const T = l.querySelector(o);
+            if (T !== null) {
+              T.focus({ preventScroll: !0 });
+              return;
+            }
+          }
+          l.contains(document.activeElement) !== !0 && (l = l.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]") || l.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]") || l.querySelector("[autofocus], [data-autofocus]") || l, l.focus({ preventScroll: !0 }));
+        }
+      });
+    }
+    function C(o) {
+      o && typeof o.focus == "function" ? o.focus({ preventScroll: !0 }) : g(), s("shake");
+      const l = a.value;
+      l !== null && (l.classList.remove("q-animate--scale"), l.classList.add("q-animate--scale"), u !== null && clearTimeout(u), u = setTimeout(() => {
+        u = null, a.value !== null && (l.classList.remove("q-animate--scale"), g());
+      }, 170));
+    }
+    function B() {
+      e.seamless !== !0 && (e.persistent === !0 || e.noEscDismiss === !0 ? e.maximized !== !0 && e.noShake !== !0 && C() : (s("escapeKey"), E()));
+    }
+    function K(o) {
+      u !== null && (clearTimeout(u), u = null), (o === !0 || i.value === !0) && (L(!1), e.seamless !== !0 && (R(!1), I(P), Q(B))), o !== !0 && (c = null);
+    }
+    function L(o) {
+      o === !0 ? b !== !0 && (S < 1 && document.body.classList.add("q-body--dialog"), S++, b = !0) : b === !0 && (S < 2 && document.body.classList.remove("q-body--dialog"), S--, b = !1);
+    }
+    function me(o) {
+      k !== !0 && (E(o), s("click", o));
+    }
+    function ve(o) {
+      e.persistent !== !0 && e.noBackdropDismiss !== !0 ? E(o) : e.noShake !== !0 && C();
+    }
+    function P(o) {
+      e.allowFocusOutside !== !0 && se.value === !0 && Te(a.value, o.target) !== !0 && g('[tabindex]:not([tabindex="-1"])');
+    }
+    Object.assign(r.proxy, {
+      // expose public methods
+      focus: g,
+      shake: C,
+      // private but needed by QSelect
+      __updateRefocusTarget(o) {
+        c = o || null;
+      }
+    }), te(K);
+    function he() {
+      return w("div", {
+        role: "dialog",
+        "aria-modal": x.value === !0 ? "true" : "false",
+        ...n,
+        class: ce.value
+      }, [
+        w(j, {
+          name: "q-transition--fade",
+          appear: !0
+        }, () => x.value === !0 ? w("div", {
+          class: "q-dialog__backdrop fixed-full",
+          style: ne.value,
+          "aria-hidden": "true",
+          tabindex: -1,
+          onClick: ve
+        }) : null),
+        w(
+          j,
+          ie.value,
+          () => i.value === !0 ? w("div", {
+            ref: a,
+            class: ae.value,
+            style: A.value,
+            tabindex: -1,
+            ...ue.value
+          }, xe(t.default)) : null
+        )
+      ]);
+    }
+    return re;
+  }
+});
+export {
+  je as Q
+};

package/dist/QDialog-f6QBtGnd.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),f=require("./focusout-DzWGke-4.cjs"),u=require("./index-ChHy5BBm.cjs"),r=require("./escape-key-BmiNyljw.cjs");function ce(e,t,a){function s(){}return i.onBeforeUnmount(()=>{e.value===!0&&void 0}),{removeFromHistory:s,addToHistory(){}}}let p=0,H,z,y,O=!1,X,Y,I,h=null;function de(e){fe(e)&&u.stopAndPrevent(e)}function fe(e){if(e.target===document.body||e.target.classList.contains("q-layout__backdrop"))return!0;const t=u.getEventPath(e),a=e.shiftKey&&!e.deltaX,s=!a&&Math.abs(e.deltaX)<=Math.abs(e.deltaY),c=a||s?e.deltaY:e.deltaX;for(let d=0;d<t.length;d++){const n=t[d];if(r.hasScrollbar(n,s))return s?c<0&&n.scrollTop===0?!0:c>0&&n.scrollTop+n.clientHeight===n.scrollHeight:c<0&&n.scrollLeft===0?!0:c>0&&n.scrollLeft+n.clientWidth===n.scrollWidth}return!0}function j(e){e.target===document&&(document.scrollingElement.scrollTop=document.scrollingElement.scrollTop)}function T(e){O!==!0&&(O=!0,requestAnimationFrame(()=>{O=!1;const{height:t}=e.target,{clientHeight:a,scrollTop:s}=document.scrollingElement;(y===void 0||t!==window.innerHeight)&&(y=a-t,document.scrollingElement.scrollTop=s),s>y&&(document.scrollingElement.scrollTop-=Math.ceil((s-y)/8))}))}function Q(e){const t=document.body,a=window.visualViewport!==void 0;if(e==="add"){const{overflowY:s,overflowX:c}=window.getComputedStyle(t);H=r.getHorizontalScrollPosition(window),z=r.getVerticalScrollPosition(window),X=t.style.left,Y=t.style.top,I=window.location.href,t.style.left=`-${H}px`,t.style.top=`-${z}px`,c!=="hidden"&&(c==="scroll"||t.scrollWidth>window.innerWidth)&&t.classList.add("q-body--force-scrollbar-x"),s!=="hidden"&&(s==="scroll"||t.scrollHeight>window.innerHeight)&&t.classList.add("q-body--force-scrollbar-y"),t.classList.add("q-body--prevent-scroll"),document.qScrollPrevented=!0,f.client.is.ios===!0&&(a===!0?(window.scrollTo(0,0),window.visualViewport.addEventListener("resize",T,u.listenOpts.passiveCapture),window.visualViewport.addEventListener("scroll",T,u.listenOpts.passiveCapture),window.scrollTo(0,0)):window.addEventListener("scroll",j,u.listenOpts.passiveCapture))}f.client.is.desktop===!0&&f.client.is.mac===!0&&window[`${e}EventListener`]("wheel",de,u.listenOpts.notPassive),e==="remove"&&(f.client.is.ios===!0&&(a===!0?(window.visualViewport.removeEventListener("resize",T,u.listenOpts.passiveCapture),window.visualViewport.removeEventListener("scroll",T,u.listenOpts.passiveCapture)):window.removeEventListener("scroll",j,u.listenOpts.passiveCapture)),t.classList.remove("q-body--prevent-scroll"),t.classList.remove("q-body--force-scrollbar-x"),t.classList.remove("q-body--force-scrollbar-y"),document.qScrollPrevented=!1,t.style.left=X,t.style.top=Y,window.location.href===I&&window.scrollTo(H,z),y=void 0)}function me(e){let t="add";if(e===!0){if(p++,h!==null){clearTimeout(h),h=null;return}if(p>1)return}else{if(p===0||(p--,p>0))return;if(t="remove",f.client.is.ios===!0&&f.client.is.nativeMobile===!0){h!==null&&clearTimeout(h),h=setTimeout(()=>{Q(t),h=null},100);return}}Q(t)}function ve(){let e;return{preventBodyScroll(t){t!==e&&(e!==void 0||t===!0)&&(e=t,me(t))}}}let S=0;const he={standard:"fixed-full flex-center",top:"fixed-top justify-center",bottom:"fixed-bottom justify-center",right:"fixed-right items-center",left:"fixed-left items-center"},U={standard:["scale","scale"],top:["slide-down","slide-up"],bottom:["slide-up","slide-down"],right:["slide-left","slide-right"],left:["slide-right","slide-left"]},ge=u.createComponent({name:"QDialog",inheritAttrs:!1,props:{...r.useModelToggleProps,...r.useTransitionProps,transitionShow:String,transitionHide:String,persistent:Boolean,autoClose:Boolean,allowFocusOutside:Boolean,noEscDismiss:Boolean,noBackdropDismiss:Boolean,noRouteDismiss:Boolean,noRefocus:Boolean,noFocus:Boolean,noShake:Boolean,seamless:Boolean,maximized:Boolean,fullWidth:Boolean,fullHeight:Boolean,square:Boolean,backdropFilter:String,position:{type:String,default:"standard",validator:e=>["standard","top","bottom","left","right"].includes(e)}},emits:[...r.useModelToggleEmits,"shake","click","escapeKey"],setup(e,{slots:t,emit:a,attrs:s}){const c=i.getCurrentInstance(),d=i.ref(null),n=i.ref(!1),g=i.ref(!1);let m=null,v=null,b,k;const G=i.computed(()=>e.persistent!==!0&&e.noRouteDismiss!==!0&&e.seamless!==!0),{preventBodyScroll:M}=ve(),{registerTimeout:D}=r.useTimeout(),{registerTick:J,removeTick:R}=r.useTick(),{transitionProps:N,transitionStyle:V}=r.useTransition(e,()=>U[e.position][0],()=>U[e.position][1]),Z=i.computed(()=>V.value+(e.backdropFilter!==void 0?`;backdrop-filter:${e.backdropFilter};-webkit-backdrop-filter:${e.backdropFilter}`:"")),{showPortal:$,hidePortal:A,portalIsAccessible:ee,renderPortal:te}=r.usePortal(c,d,ue,"dialog"),{hide:E}=r.useModelToggle({showing:n,hideOnRouteChange:G,handleShow:ne,handleHide:se,processOnMount:!0});ce(n);const oe=i.computed(()=>`q-dialog__inner flex no-pointer-events q-dialog__inner--${e.maximized===!0?"maximized":"minimized"} q-dialog__inner--${e.position} ${he[e.position]}`+(g.value===!0?" q-dialog__inner--animating":"")+(e.fullWidth===!0?" q-dialog__inner--fullwidth":"")+(e.fullHeight===!0?" q-dialog__inner--fullheight":"")+(e.square===!0?" q-dialog__inner--square":"")),q=i.computed(()=>n.value===!0&&e.seamless!==!0),ie=i.computed(()=>e.autoClose===!0?{onClick:re}:{}),le=i.computed(()=>[`q-dialog fullscreen no-pointer-events q-dialog--${q.value===!0?"modal":"seamless"}`,s.class]);i.watch(()=>e.maximized,o=>{n.value===!0&&L(o)}),i.watch(q,o=>{M(o),o===!0?(f.addFocusout(P),r.addEscapeKey(C)):(f.removeFocusout(P),r.removeEscapeKey(C))});function ne(o){var l;v=e.noRefocus===!1&&document.activeElement!==null?document.activeElement:null,L(e.maximized),$(),g.value=!0,e.noFocus!==!0?((l=document.activeElement)==null||l.blur(),J(w)):R(),D(()=>{if(c.proxy.$q.platform.is.ios===!0){if(e.seamless!==!0&&document.activeElement){const{top:x,bottom:_}=document.activeElement.getBoundingClientRect(),{innerHeight:W}=window,F=window.visualViewport!==void 0?window.visualViewport.height:W;x>0&&_>F/2&&(document.scrollingElement.scrollTop=Math.min(document.scrollingElement.scrollHeight-F,_>=W?1/0:Math.ceil(document.scrollingElement.scrollTop+_-F/2))),document.activeElement.scrollIntoView()}k=!0,d.value.click(),k=!1}$(!0),g.value=!1,a("show",o)},e.transitionDuration)}function se(o){R(),K(!0),g.value=!0,A(),v!==null&&((((o==null?void 0:o.type.indexOf("key"))===0?v.closest('[tabindex]:not([tabindex^="-"])'):void 0)||v).focus(),v=null),D(()=>{A(!0),g.value=!1,a("hide",o)},e.transitionDuration)}function w(o){r.addFocusFn(()=>{let l=d.value;if(l!==null){if(o!==void 0){const x=l.querySelector(o);if(x!==null){x.focus({preventScroll:!0});return}}l.contains(document.activeElement)!==!0&&(l=l.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]")||l.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]")||l.querySelector("[autofocus], [data-autofocus]")||l,l.focus({preventScroll:!0}))}})}function B(o){o&&typeof o.focus=="function"?o.focus({preventScroll:!0}):w(),a("shake");const l=d.value;l!==null&&(l.classList.remove("q-animate--scale"),l.classList.add("q-animate--scale"),m!==null&&clearTimeout(m),m=setTimeout(()=>{m=null,d.value!==null&&(l.classList.remove("q-animate--scale"),w())},170))}function C(){e.seamless!==!0&&(e.persistent===!0||e.noEscDismiss===!0?e.maximized!==!0&&e.noShake!==!0&&B():(a("escapeKey"),E()))}function K(o){m!==null&&(clearTimeout(m),m=null),(o===!0||n.value===!0)&&(L(!1),e.seamless!==!0&&(M(!1),f.removeFocusout(P),r.removeEscapeKey(C))),o!==!0&&(v=null)}function L(o){o===!0?b!==!0&&(S<1&&document.body.classList.add("q-body--dialog"),S++,b=!0):b===!0&&(S<2&&document.body.classList.remove("q-body--dialog"),S--,b=!1)}function re(o){k!==!0&&(E(o),a("click",o))}function ae(o){e.persistent!==!0&&e.noBackdropDismiss!==!0?E(o):e.noShake!==!0&&B()}function P(o){e.allowFocusOutside!==!0&&ee.value===!0&&u.childHasFocus(d.value,o.target)!==!0&&w('[tabindex]:not([tabindex="-1"])')}Object.assign(c.proxy,{focus:w,shake:B,__updateRefocusTarget(o){v=o||null}}),i.onBeforeUnmount(K);function ue(){return i.h("div",{role:"dialog","aria-modal":q.value===!0?"true":"false",...s,class:le.value},[i.h(i.Transition,{name:"q-transition--fade",appear:!0},()=>q.value===!0?i.h("div",{class:"q-dialog__backdrop fixed-full",style:Z.value,"aria-hidden":"true",tabindex:-1,onClick:ae}):null),i.h(i.Transition,N.value,()=>n.value===!0?i.h("div",{ref:d,class:oe.value,style:V.value,tabindex:-1,...ie.value},u.hSlot(t.default)):null)])}return te}});exports.QDialog=ge;