@validol4ik/uikit 0.9.12 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@validol4ik/uikit",
-  "version": "0.9.12",
+  "version": "0.10.0",
   "type": "module",
   "main": "./dist/uikit.cjs",
   "module": "./dist/uikit.es.js",

package/dist/BottomSheet-BpPLO-1_.cjs

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

package/dist/BottomSheet-CQee6Pd9.js

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