@validol4ik/uikit 0.10.2 → 0.11.2

package/dist/QDialog-Cy2w4ntF.js

@@ -1,264 +0,0 @@
-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-DFNWQp-Z.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-BlsDwJUQ.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-tGGvOIPj.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("vue"),f=require("./focusout-DzWGke-4.cjs"),u=require("./index-BB31xQaa.cjs"),r=require("./escape-key-CRpXNCKN.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;