@validol4ik/uikit 0.9.11 → 0.9.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@validol4ik/uikit",
3
- "version": "0.9.11",
3
+ "version": "0.9.14",
4
4
  "type": "module",
5
5
  "main": "./dist/uikit.cjs",
6
6
  "module": "./dist/uikit.es.js",
@@ -1,112 +0,0 @@
1
- import { defineComponent as H, useCssVars as I, useModel as Y, ref as i, computed as b, openBlock as d, createBlock as $, unref as _, withCtx as z, createElementVNode as n, normalizeStyle as N, normalizeClass as D, renderSlot as u, createElementBlock as y, createTextVNode as Q, toDisplayString as E, createCommentVNode as R, createVNode as B, mergeModels as V } from "vue";
2
- import { Q as T } from "./QDialog-KSPssqyk.js";
3
- import { F as U, b as F, _ as j } from "./index-DvR38daU.js";
4
- const q = {
5
- key: 0,
6
- class: "bottom-sheet__title"
7
- }, A = { class: "bottom-sheet__body" }, G = {
8
- key: 0,
9
- class: "bottom-sheet__loading"
10
- }, J = /* @__PURE__ */ H({
11
- __name: "BottomSheet",
12
- props: /* @__PURE__ */ V({
13
- modelValue: { type: Boolean },
14
- title: {},
15
- loading: { type: Boolean },
16
- persistent: { type: Boolean },
17
- maxHeight: { default: "95vh" },
18
- glass: { type: Boolean },
19
- splitContent: { type: Boolean }
20
- }, {
21
- modelValue: { type: Boolean },
22
- modelModifiers: {}
23
- }),
24
- emits: /* @__PURE__ */ V(["hide", "beforeShow"], ["update:modelValue"]),
25
- setup(m, { emit: C }) {
26
- I((e) => ({
27
- "63fd6154": P.value
28
- }));
29
- const k = m, r = Y(m, "modelValue"), p = C, c = i(null), o = i(!1), s = i(0);
30
- let f = 0, l = null;
31
- const P = b(() => k.maxHeight), S = b(() => ({
32
- transform: s.value ? `translateY(${s.value}px)` : void 0
33
- })), h = () => r.value = !1, w = (e) => {
34
- if (e.target.closest(".bottom-sheet__close")) return;
35
- l = e.pointerId, f = e.clientY, o.value = !0;
36
- const t = e.currentTarget;
37
- typeof t.setPointerCapture == "function" && t.setPointerCapture(e.pointerId);
38
- }, M = (e) => {
39
- !o.value || e.pointerId !== l || (s.value = Math.max(0, e.clientY - f));
40
- }, v = (e) => {
41
- var g;
42
- if (!o.value || e.pointerId !== l) return;
43
- o.value = !1, l = null;
44
- const t = ((g = c.value) == null ? void 0 : g.offsetHeight) ?? 0, a = Math.min(120, t * 0.25 || 120);
45
- if (s.value > a) {
46
- h();
47
- return;
48
- }
49
- s.value = 0, p("hide");
50
- }, x = () => {
51
- o.value = !1, l = null, s.value = 0;
52
- };
53
- return (e, t) => (d(), $(_(T), {
54
- modelValue: r.value,
55
- "onUpdate:modelValue": t[0] || (t[0] = (a) => r.value = a),
56
- position: "bottom",
57
- persistent: e.persistent,
58
- class: "bottom-sheet-dialog",
59
- "backdrop-filter": "blur(12px)",
60
- onHide: x,
61
- onBeforeShow: t[1] || (t[1] = (a) => p("beforeShow"))
62
- }, {
63
- default: z(() => [
64
- n("div", {
65
- ref_key: "sheetRef",
66
- ref: c,
67
- class: D(["bottom-sheet", {
68
- "bottom-sheet_dragging": o.value,
69
- "bottom-sheet_glass": e.glass,
70
- "bottom-sheet_splited": e.splitContent
71
- }]),
72
- style: N(S.value)
73
- }, [
74
- n("div", {
75
- class: "bottom-sheet__header",
76
- onPointerdown: w,
77
- onPointermove: M,
78
- onPointerup: v,
79
- onPointercancel: v
80
- }, [
81
- t[2] || (t[2] = n("div", { class: "bottom-sheet__grabber" }, null, -1)),
82
- n("div", null, [
83
- u(e.$slots, "header", {}, void 0, !0)
84
- ]),
85
- e.title ? (d(), y("div", q, [
86
- Q(E(e.title), 1),
87
- u(e.$slots, "title", {}, void 0, !0)
88
- ])) : R("", !0),
89
- B(U, {
90
- class: "bottom-sheet__close",
91
- size: "xl",
92
- onClick: h
93
- })
94
- ], 32),
95
- n("div", A, [
96
- e.loading ? (d(), y("div", G, [
97
- B(_(F), {
98
- size: "55px",
99
- thickness: 3,
100
- color: "grey-5"
101
- })
102
- ])) : u(e.$slots, "default", { key: 1 }, void 0, !0)
103
- ])
104
- ], 6)
105
- ]),
106
- _: 3
107
- }, 8, ["modelValue", "persistent"]));
108
- }
109
- }), W = /* @__PURE__ */ j(J, [["__scopeId", "data-v-c1fe9b09"]]);
110
- export {
111
- W as default
112
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),S=require("./QDialog-DhVqrVMM.cjs"),i=require("./index-DCu8-BqP.cjs"),k={key:0,class:"bottom-sheet__title"},C={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"},glass:{type:Boolean},splitContent:{type:Boolean}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["hide","beforeShow"],["update:modelValue"]),setup(d,{emit:h}){e.useCssVars(t=>({"63fd6154":b.value}));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,s=null;const b=e.computed(()=>g.maxHeight),y=e.computed(()=>({transform:n.value?`translateY(${n.value}px)`:void 0})),p=()=>a.value=!1,_=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))},f=t=>{var v;if(!l.value||t.pointerId!==s)return;l.value=!1,s=null;const o=((v=c.value)==null?void 0:v.offsetHeight)??0,r=Math.min(120,o*.25||120);if(n.value>r){p();return}n.value=0,u("hide")},B=()=>{l.value=!1,s=null,n.value=0};return(t,o)=>(e.openBlock(),e.createBlock(e.unref(S.QDialog),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=r=>a.value=r),position:"bottom",persistent:t.persistent,class:"bottom-sheet-dialog","backdrop-filter":"blur(12px)",onHide:B,onBeforeShow:o[1]||(o[1]=r=>u("beforeShow"))},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"sheetRef",ref:c,class:e.normalizeClass(["bottom-sheet",{"bottom-sheet_dragging":l.value,"bottom-sheet_glass":t.glass,"bottom-sheet_splited":t.splitContent}]),style:e.normalizeStyle(y.value)},[e.createElementVNode("div",{class:"bottom-sheet__header",onPointerdown:_,onPointermove:V,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",k,[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",C,[t.loading?(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(e.unref(i.QSpinner),{size:"55px",thickness:3,color:"grey-5"})])):e.renderSlot(t.$slots,"default",{key:1},void 0,!0)])],6)]),_:3},8,["modelValue","persistent"]))}}),M=i._export_sfc(N,[["__scopeId","data-v-c1fe9b09"]]);exports.default=M;