sm-click-library-ui 0.0.5 → 0.0.6
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getCurrentScope as z, onScopeDispose as M, unref as j, watch as P, ref as S, computed as k, openBlock as
|
|
1
|
+
import { getCurrentScope as z, onScopeDispose as M, unref as j, watch as P, ref as S, computed as k, openBlock as _, createElementBlock as m, createElementVNode as s, toDisplayString as O, normalizeClass as C, renderSlot as w, createCommentVNode as b } from "vue";
|
|
2
2
|
function B(e) {
|
|
3
3
|
return z() ? (M(e), !0) : !1;
|
|
4
4
|
}
|
|
@@ -7,33 +7,33 @@ function A(e) {
|
|
|
7
7
|
}
|
|
8
8
|
const E = typeof window < "u" && typeof document < "u";
|
|
9
9
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
10
|
-
const I = Object.prototype.toString, V = (e) => I.call(e) === "[object Object]",
|
|
10
|
+
const I = Object.prototype.toString, V = (e) => I.call(e) === "[object Object]", y = () => {
|
|
11
11
|
}, F = /* @__PURE__ */ W();
|
|
12
12
|
function W() {
|
|
13
13
|
var e, i;
|
|
14
14
|
return E && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((i = window == null ? void 0 : window.navigator) == null ? void 0 : i.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function g(e) {
|
|
17
17
|
var i;
|
|
18
|
-
const
|
|
19
|
-
return (i =
|
|
18
|
+
const n = A(e);
|
|
19
|
+
return (i = n == null ? void 0 : n.$el) != null ? i : n;
|
|
20
20
|
}
|
|
21
21
|
const L = E ? window : void 0;
|
|
22
22
|
function x(...e) {
|
|
23
|
-
let i,
|
|
24
|
-
if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([
|
|
25
|
-
return
|
|
26
|
-
Array.isArray(
|
|
23
|
+
let i, n, l, a;
|
|
24
|
+
if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, a] = e, i = L) : [i, n, l, a] = e, !i)
|
|
25
|
+
return y;
|
|
26
|
+
Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
|
|
27
27
|
const r = [], p = () => {
|
|
28
28
|
r.forEach((d) => d()), r.length = 0;
|
|
29
29
|
}, f = (d, u, o, t) => (d.addEventListener(u, o, t), () => d.removeEventListener(u, o, t)), h = P(
|
|
30
|
-
() => [
|
|
30
|
+
() => [g(i), A(a)],
|
|
31
31
|
([d, u]) => {
|
|
32
32
|
if (p(), !d)
|
|
33
33
|
return;
|
|
34
34
|
const o = V(u) ? { ...u } : u;
|
|
35
35
|
r.push(
|
|
36
|
-
...
|
|
36
|
+
...n.flatMap((t) => l.map((c) => f(d, t, c, o)))
|
|
37
37
|
);
|
|
38
38
|
},
|
|
39
39
|
{ immediate: !0, flush: "post" }
|
|
@@ -43,22 +43,22 @@ function x(...e) {
|
|
|
43
43
|
return B(v), v;
|
|
44
44
|
}
|
|
45
45
|
let $ = !1;
|
|
46
|
-
function H(e, i,
|
|
47
|
-
const { window:
|
|
48
|
-
if (!
|
|
49
|
-
return
|
|
50
|
-
F && !$ && ($ = !0, Array.from(
|
|
46
|
+
function H(e, i, n = {}) {
|
|
47
|
+
const { window: l = L, ignore: a = [], capture: r = !0, detectIframe: p = !1 } = n;
|
|
48
|
+
if (!l)
|
|
49
|
+
return y;
|
|
50
|
+
F && !$ && ($ = !0, Array.from(l.document.body.children).forEach((o) => o.addEventListener("click", y)), l.document.documentElement.addEventListener("click", y));
|
|
51
51
|
let f = !0;
|
|
52
|
-
const h = (o) =>
|
|
52
|
+
const h = (o) => a.some((t) => {
|
|
53
53
|
if (typeof t == "string")
|
|
54
|
-
return Array.from(
|
|
54
|
+
return Array.from(l.document.querySelectorAll(t)).some((c) => c === o.target || o.composedPath().includes(c));
|
|
55
55
|
{
|
|
56
|
-
const
|
|
57
|
-
return
|
|
56
|
+
const c = g(t);
|
|
57
|
+
return c && (o.target === c || o.composedPath().includes(c));
|
|
58
58
|
}
|
|
59
59
|
}), d = [
|
|
60
|
-
x(
|
|
61
|
-
const t =
|
|
60
|
+
x(l, "click", (o) => {
|
|
61
|
+
const t = g(e);
|
|
62
62
|
if (!(!t || t === o.target || o.composedPath().includes(t))) {
|
|
63
63
|
if (o.detail === 0 && (f = !h(o)), !f) {
|
|
64
64
|
f = !0;
|
|
@@ -67,15 +67,15 @@ function H(e, i, l = {}) {
|
|
|
67
67
|
i(o);
|
|
68
68
|
}
|
|
69
69
|
}, { passive: !0, capture: r }),
|
|
70
|
-
x(
|
|
71
|
-
const t =
|
|
70
|
+
x(l, "pointerdown", (o) => {
|
|
71
|
+
const t = g(e);
|
|
72
72
|
f = !h(o) && !!(t && !o.composedPath().includes(t));
|
|
73
73
|
}, { passive: !0 }),
|
|
74
|
-
p && x(
|
|
74
|
+
p && x(l, "blur", (o) => {
|
|
75
75
|
setTimeout(() => {
|
|
76
76
|
var t;
|
|
77
|
-
const
|
|
78
|
-
((t =
|
|
77
|
+
const c = g(e);
|
|
78
|
+
((t = l.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(c != null && c.contains(l.document.activeElement)) && i(o);
|
|
79
79
|
}, 0);
|
|
80
80
|
})
|
|
81
81
|
].filter(Boolean);
|
|
@@ -95,10 +95,10 @@ const D = {
|
|
|
95
95
|
T
|
|
96
96
|
], q = {
|
|
97
97
|
key: 0,
|
|
98
|
-
class: "
|
|
98
|
+
class: "select_widget_lib"
|
|
99
99
|
}, R = { key: 0 }, U = {
|
|
100
100
|
key: 1,
|
|
101
|
-
class: "space-y-2"
|
|
101
|
+
class: "space-y-2 mt-2"
|
|
102
102
|
}, Z = /* @__PURE__ */ s("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1), J = [
|
|
103
103
|
Z
|
|
104
104
|
], K = /* @__PURE__ */ s("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1), Q = [
|
|
@@ -120,18 +120,18 @@ const D = {
|
|
|
120
120
|
},
|
|
121
121
|
emits: ["closeSelect"],
|
|
122
122
|
setup(e, { emit: i }) {
|
|
123
|
-
const
|
|
124
|
-
() =>
|
|
123
|
+
const n = e, l = i, a = S(!1), r = S("Horizontal"), p = S(null), f = k(() => n.selectConfig.length > 0), h = k(
|
|
124
|
+
() => n.selectConfig.some((t) => t.chartsConfig)
|
|
125
125
|
), v = k(
|
|
126
|
-
() =>
|
|
126
|
+
() => n.selectConfig.some((t) => t.freeSlot)
|
|
127
127
|
), d = () => {
|
|
128
|
-
|
|
128
|
+
a.value = !a.value;
|
|
129
129
|
}, u = (t) => {
|
|
130
|
-
|
|
130
|
+
a.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", l("closeSelect", t);
|
|
131
131
|
};
|
|
132
132
|
return H(p, () => {
|
|
133
|
-
|
|
134
|
-
}), (t,
|
|
133
|
+
a.value && (a.value = !1);
|
|
134
|
+
}), (t, c) => f.value ? (_(), m("div", {
|
|
135
135
|
key: 0,
|
|
136
136
|
ref_key: "target",
|
|
137
137
|
ref: p,
|
|
@@ -139,41 +139,41 @@ const D = {
|
|
|
139
139
|
}, [
|
|
140
140
|
s("button", {
|
|
141
141
|
onClick: d,
|
|
142
|
-
class: "bg-base-
|
|
142
|
+
class: "bg-base-200 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"
|
|
143
143
|
}, [
|
|
144
144
|
s("div", null, [
|
|
145
|
-
h.value ? (
|
|
145
|
+
h.value ? (_(), m("p", D, O(r.value), 1)) : (_(), m("p", N, O(e.titleFreeSlot), 1))
|
|
146
146
|
]),
|
|
147
147
|
s("div", null, [
|
|
148
|
-
(
|
|
149
|
-
class: C([
|
|
148
|
+
(_(), m("svg", {
|
|
149
|
+
class: C([a.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
|
|
150
150
|
xmlns: "http://www.w3.org/2000/svg",
|
|
151
151
|
fill: "currentColor",
|
|
152
152
|
viewBox: "0 0 24 24"
|
|
153
153
|
}, G, 2))
|
|
154
154
|
])
|
|
155
155
|
]),
|
|
156
|
-
|
|
157
|
-
v.value ? (
|
|
158
|
-
|
|
159
|
-
])) :
|
|
160
|
-
|
|
156
|
+
a.value ? (_(), m("section", q, [
|
|
157
|
+
v.value ? (_(), m("div", R, [
|
|
158
|
+
w(t.$slots, "free-slot")
|
|
159
|
+
])) : b("", !0),
|
|
160
|
+
(_(), m("div", U, [
|
|
161
161
|
s("button", {
|
|
162
|
-
class: C([r.value === "Vertical" ? "bg-green-500" : "", "
|
|
163
|
-
onClick:
|
|
162
|
+
class: C([r.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
|
|
163
|
+
onClick: c[0] || (c[0] = () => u("horizontal"))
|
|
164
164
|
}, J, 2),
|
|
165
165
|
s("button", {
|
|
166
|
-
class: C([r.value !== "Vertical" ? "bg-green-500" : "", "
|
|
167
|
-
onClick:
|
|
166
|
+
class: C([r.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
|
|
167
|
+
onClick: c[1] || (c[1] = () => u("vertical"))
|
|
168
168
|
}, Q, 2)
|
|
169
|
-
]))
|
|
170
|
-
])) :
|
|
171
|
-
], 512)) :
|
|
169
|
+
]))
|
|
170
|
+
])) : b("", !0)
|
|
171
|
+
], 512)) : b("", !0);
|
|
172
172
|
}
|
|
173
173
|
}, Y = {
|
|
174
174
|
key: 0,
|
|
175
|
-
class: "
|
|
176
|
-
}, ee = /* @__PURE__ */ s("div", { class: "modal-
|
|
175
|
+
class: "modal_head_lib"
|
|
176
|
+
}, ee = /* @__PURE__ */ s("div", { class: "modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70" }, null, -1), te = { class: "modal_responsive_lib" }, oe = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, se = { class: "modal_size_lib lg:w-2/6" }, le = { class: "modal_background_lib" }, ne = { class: "modal_tittle_lib text-current" }, ie = /* @__PURE__ */ s("svg", {
|
|
177
177
|
class: "h-5 w-5",
|
|
178
178
|
fill: "currentColor",
|
|
179
179
|
viewBox: "0 0 20 20",
|
|
@@ -184,9 +184,9 @@ const D = {
|
|
|
184
184
|
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
185
185
|
"clip-rule": "evenodd"
|
|
186
186
|
})
|
|
187
|
-
], -1),
|
|
187
|
+
], -1), ce = [
|
|
188
188
|
ie
|
|
189
|
-
],
|
|
189
|
+
], ae = { class: "p-4" }, re = { class: "w-full" }, de = { class: "block" }, ue = { class: "modal_end_button_lib" }, pe = {
|
|
190
190
|
__name: "simple_modal",
|
|
191
191
|
props: {
|
|
192
192
|
isOpen: Boolean,
|
|
@@ -194,46 +194,46 @@ const D = {
|
|
|
194
194
|
},
|
|
195
195
|
emits: ["update:isOpen"],
|
|
196
196
|
setup(e, { emit: i }) {
|
|
197
|
-
const
|
|
198
|
-
|
|
197
|
+
const n = e, l = i, a = () => {
|
|
198
|
+
l("update:isOpen", !n.isOpen);
|
|
199
199
|
};
|
|
200
|
-
return (r, p) => e.isOpen ? (
|
|
200
|
+
return (r, p) => e.isOpen ? (_(), m("div", Y, [
|
|
201
201
|
ee,
|
|
202
202
|
s("div", te, [
|
|
203
203
|
s("div", oe, [
|
|
204
204
|
s("div", se, [
|
|
205
|
-
s("div",
|
|
206
|
-
s("div",
|
|
207
|
-
|
|
205
|
+
s("div", le, [
|
|
206
|
+
s("div", ne, [
|
|
207
|
+
w(r.$slots, "header"),
|
|
208
208
|
s("button", {
|
|
209
|
-
onClick:
|
|
210
|
-
class: "
|
|
209
|
+
onClick: a,
|
|
210
|
+
class: "modal_close_button_lib",
|
|
211
211
|
"data-modal-toggle": "editUserModal"
|
|
212
|
-
},
|
|
212
|
+
}, ce)
|
|
213
213
|
]),
|
|
214
|
-
s("div",
|
|
214
|
+
s("div", ae, [
|
|
215
215
|
s("div", re, [
|
|
216
216
|
s("label", de, [
|
|
217
|
-
|
|
217
|
+
w(r.$slots, "body")
|
|
218
218
|
])
|
|
219
219
|
])
|
|
220
220
|
]),
|
|
221
221
|
s("div", ue, [
|
|
222
|
-
|
|
222
|
+
w(r.$slots, "footer")
|
|
223
223
|
])
|
|
224
224
|
])
|
|
225
225
|
])
|
|
226
226
|
])
|
|
227
227
|
])
|
|
228
|
-
])) :
|
|
228
|
+
])) : b("", !0);
|
|
229
229
|
}
|
|
230
230
|
};
|
|
231
231
|
function fe(e) {
|
|
232
232
|
e.component("primarySelect", X), e.component("simpleModal", pe);
|
|
233
233
|
}
|
|
234
|
-
const
|
|
234
|
+
const me = { install: fe };
|
|
235
235
|
export {
|
|
236
|
-
|
|
236
|
+
me as default,
|
|
237
237
|
X as primarySelect,
|
|
238
238
|
pe as simpleModal
|
|
239
239
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u["sm-click-library-ui"]={},u.Vue))})(this,function(u,e){"use strict";function N(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function
|
|
1
|
+
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u["sm-click-library-ui"]={},u.Vue))})(this,function(u,e){"use strict";function N(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function y(t){return typeof t=="function"?t():e.unref(t)}const E=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const B=Object.prototype.toString,$=t=>B.call(t)==="[object Object]",w=()=>{},x=O();function O(){var t,i;return E&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((i=window==null?void 0:window.navigator)==null?void 0:i.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function h(t){var i;const s=y(t);return(i=s==null?void 0:s.$el)!=null?i:s}const k=E?window:void 0;function b(...t){let i,s,n,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,n,r]=t,i=k):[i,s,n,r]=t,!i)return w;Array.isArray(s)||(s=[s]),Array.isArray(n)||(n=[n]);const a=[],p=()=>{a.forEach(d=>d()),a.length=0},f=(d,m,l,o)=>(d.addEventListener(m,l,o),()=>d.removeEventListener(m,l,o)),_=e.watch(()=>[h(i),y(r)],([d,m])=>{if(p(),!d)return;const l=$(m)?{...m}:m;a.push(...s.flatMap(o=>n.map(c=>f(d,o,c,l))))},{immediate:!0,flush:"post"}),g=()=>{_(),p()};return N(g),g}let S=!1;function A(t,i,s={}){const{window:n=k,ignore:r=[],capture:a=!0,detectIframe:p=!1}=s;if(!n)return w;x&&!S&&(S=!0,Array.from(n.document.body.children).forEach(l=>l.addEventListener("click",w)),n.document.documentElement.addEventListener("click",w));let f=!0;const _=l=>r.some(o=>{if(typeof o=="string")return Array.from(n.document.querySelectorAll(o)).some(c=>c===l.target||l.composedPath().includes(c));{const c=h(o);return c&&(l.target===c||l.composedPath().includes(c))}}),d=[b(n,"click",l=>{const o=h(t);if(!(!o||o===l.target||l.composedPath().includes(o))){if(l.detail===0&&(f=!_(l)),!f){f=!0;return}i(l)}},{passive:!0,capture:a}),b(n,"pointerdown",l=>{const o=h(t);f=!_(l)&&!!(o&&!l.composedPath().includes(o))},{passive:!0}),p&&b(n,"blur",l=>{setTimeout(()=>{var o;const c=h(t);((o=n.document.activeElement)==null?void 0:o.tagName)==="IFRAME"&&!(c!=null&&c.contains(n.document.activeElement))&&i(l)},0)})].filter(Boolean);return()=>d.forEach(l=>l())}const z={key:0,class:"line-clamp-2 uppercase text-xs truncate text-white"},M={key:1,class:"line-clamp-2 uppercase text-xs truncate text-white"},L=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M18.4 10.3A2 2 0 0 0 17 7H7a2 2 0 0 0-1.5 3.3l4.9 5.9a2 2 0 0 0 3 0l5-6Z","clip-rule":"evenodd"},null,-1)],j={key:0,class:"select_widget_lib"},v={key:0},P={key:1,class:"space-y-2 mt-2"},I=[e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Vertical",-1)],T=[e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Horizontal",-1)],V={__name:"primary_select",props:{titleFreeSlot:{type:String,default:"Free Slot"},selectConfig:{type:Object,default:()=>({chartsConfig:!1,freeSlot:!1})}},emits:["closeSelect"],setup(t,{emit:i}){const s=t,n=i,r=e.ref(!1),a=e.ref("Horizontal"),p=e.ref(null),f=e.computed(()=>s.selectConfig.length>0),_=e.computed(()=>s.selectConfig.some(o=>o.chartsConfig)),g=e.computed(()=>s.selectConfig.some(o=>o.freeSlot)),d=()=>{r.value=!r.value},m=o=>{r.value=!1,a.value=o==="horizontal"?"Vertical":"Horizontal",n("closeSelect",o)};return A(p,()=>{r.value&&(r.value=!1)}),(o,c)=>f.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"target",ref:p,class:"relative w-full"},[e.createElementVNode("button",{onClick:d,class:"bg-base-200 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"},[e.createElementVNode("div",null,[_.value?(e.openBlock(),e.createElementBlock("p",z,e.toDisplayString(a.value),1)):(e.openBlock(),e.createElementBlock("p",M,e.toDisplayString(t.titleFreeSlot),1))]),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([r.value?"rotate-180 transition-transform ease-in-out":"","w-3 h-3 text-white"]),xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},L,2))])]),r.value?(e.openBlock(),e.createElementBlock("section",j,[g.value?(e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(o.$slots,"free-slot")])):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("button",{class:e.normalizeClass([a.value==="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:c[0]||(c[0]=()=>m("horizontal"))},I,2),e.createElementVNode("button",{class:e.normalizeClass([a.value!=="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:c[1]||(c[1]=()=>m("vertical"))},T,2)]))])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)}},F={key:0,class:"modal_head_lib"},W=e.createElementVNode("div",{class:"modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70"},null,-1),D={class:"modal_responsive_lib"},H={class:"flex min-h-full items-center justify-center text-center sm:p-0"},q={class:"modal_size_lib lg:w-2/6"},G={class:"modal_background_lib"},R={class:"modal_tittle_lib text-current"},U=[e.createElementVNode("svg",{class:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)],Z={class:"p-4"},J={class:"w-full"},K={class:"block"},Q={class:"modal_end_button_lib"},C={__name:"simple_modal",props:{isOpen:Boolean,default:!1},emits:["update:isOpen"],setup(t,{emit:i}){const s=t,n=i,r=()=>{n("update:isOpen",!s.isOpen)};return(a,p)=>t.isOpen?(e.openBlock(),e.createElementBlock("div",F,[W,e.createElementVNode("div",D,[e.createElementVNode("div",H,[e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.createElementVNode("div",R,[e.renderSlot(a.$slots,"header"),e.createElementVNode("button",{onClick:r,class:"modal_close_button_lib","data-modal-toggle":"editUserModal"},U)]),e.createElementVNode("div",Z,[e.createElementVNode("div",J,[e.createElementVNode("label",K,[e.renderSlot(a.$slots,"body")])])]),e.createElementVNode("div",Q,[e.renderSlot(a.$slots,"footer")])])])])])])):e.createCommentVNode("",!0)}};function X(t){t.component("primarySelect",V),t.component("simpleModal",C)}const Y={install:X};u.default=Y,u.primarySelect=V,u.simpleModal=C,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -515,6 +515,9 @@ video {
|
|
|
515
515
|
.z-10 {
|
|
516
516
|
z-index: 10;
|
|
517
517
|
}
|
|
518
|
+
.mt-2 {
|
|
519
|
+
margin-top: 0.5rem;
|
|
520
|
+
}
|
|
518
521
|
.line-clamp-2 {
|
|
519
522
|
overflow: hidden;
|
|
520
523
|
display: -webkit-box;
|
|
@@ -555,6 +558,9 @@ video {
|
|
|
555
558
|
--tw-rotate: 180deg;
|
|
556
559
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
557
560
|
}
|
|
561
|
+
.flex-col {
|
|
562
|
+
flex-direction: column;
|
|
563
|
+
}
|
|
558
564
|
.items-center {
|
|
559
565
|
align-items: center;
|
|
560
566
|
}
|
|
@@ -580,9 +586,9 @@ video {
|
|
|
580
586
|
.rounded-md {
|
|
581
587
|
border-radius: 0.375rem;
|
|
582
588
|
}
|
|
583
|
-
.bg-base-
|
|
589
|
+
.bg-base-200 {
|
|
584
590
|
--tw-bg-opacity: 1;
|
|
585
|
-
background-color: rgb(
|
|
591
|
+
background-color: rgb(38 52 61 / var(--tw-bg-opacity));
|
|
586
592
|
}
|
|
587
593
|
.bg-base-300 {
|
|
588
594
|
--tw-bg-opacity: 1;
|
|
@@ -648,9 +654,11 @@ video {
|
|
|
648
654
|
}
|
|
649
655
|
|
|
650
656
|
/* primary_select CSS */
|
|
651
|
-
.
|
|
657
|
+
.btn_select_widget_lib {
|
|
652
658
|
width: 100%;
|
|
653
659
|
border-radius: 0.375rem;
|
|
660
|
+
--tw-bg-opacity: 1;
|
|
661
|
+
background-color: rgb(75 99 116 / var(--tw-bg-opacity));
|
|
654
662
|
padding: 0.5rem;
|
|
655
663
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
656
664
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
@@ -658,18 +666,17 @@ video {
|
|
|
658
666
|
--tw-shadow-color: #111B21;
|
|
659
667
|
--tw-shadow: var(--tw-shadow-colored);
|
|
660
668
|
}
|
|
661
|
-
.
|
|
669
|
+
.btn_select_widget_lib:hover {
|
|
662
670
|
background-color: rgb(38 52 61 / 0.6);
|
|
663
671
|
}
|
|
664
|
-
|
|
665
|
-
.select_widget {
|
|
672
|
+
.select_widget_lib {
|
|
666
673
|
position: absolute;
|
|
667
674
|
z-index: 30;
|
|
668
675
|
margin-top: 0.5rem;
|
|
669
676
|
width: 100%;
|
|
670
677
|
border-radius: 0.375rem;
|
|
671
678
|
--tw-bg-opacity: 1;
|
|
672
|
-
background-color: rgb(
|
|
679
|
+
background-color: rgb(38 52 61 / var(--tw-bg-opacity));
|
|
673
680
|
padding: 0.375rem;
|
|
674
681
|
--tw-text-opacity: 1;
|
|
675
682
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
@@ -681,7 +688,7 @@ video {
|
|
|
681
688
|
}
|
|
682
689
|
|
|
683
690
|
/* simple_modal CSS */
|
|
684
|
-
.
|
|
691
|
+
.modal_head_lib {
|
|
685
692
|
position: fixed;
|
|
686
693
|
top: 0px;
|
|
687
694
|
left: 0px;
|
|
@@ -698,12 +705,12 @@ video {
|
|
|
698
705
|
transition: opacity 0.2s ease-in-out;
|
|
699
706
|
}
|
|
700
707
|
|
|
701
|
-
.
|
|
708
|
+
.my_modal_lib {
|
|
702
709
|
animation: 0.1s ease-out 0s 1 modalani;
|
|
703
710
|
transition: opacity 0.2s ease-in-out;
|
|
704
711
|
}
|
|
705
712
|
|
|
706
|
-
.modal-
|
|
713
|
+
.modal-overlay_lib {
|
|
707
714
|
position: absolute;
|
|
708
715
|
height: 100%;
|
|
709
716
|
width: 100%;
|
|
@@ -712,69 +719,69 @@ video {
|
|
|
712
719
|
opacity: 0.2;
|
|
713
720
|
}
|
|
714
721
|
|
|
715
|
-
.
|
|
722
|
+
.modal_responsive_lib {
|
|
716
723
|
position: fixed;
|
|
717
724
|
inset: 0px;
|
|
718
725
|
z-index: 10;
|
|
719
726
|
overflow-y: auto;
|
|
720
727
|
}
|
|
721
728
|
|
|
722
|
-
.
|
|
729
|
+
.modal_responsive_lib::-webkit-scrollbar-track {
|
|
723
730
|
background-color: var(--scrollbar-track);
|
|
724
731
|
border-radius: var(--scrollbar-track-radius);
|
|
725
732
|
}
|
|
726
733
|
|
|
727
|
-
.
|
|
734
|
+
.modal_responsive_lib::-webkit-scrollbar-track:hover {
|
|
728
735
|
background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
|
|
729
736
|
}
|
|
730
737
|
|
|
731
|
-
.
|
|
738
|
+
.modal_responsive_lib::-webkit-scrollbar-track:active {
|
|
732
739
|
background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
|
|
733
740
|
}
|
|
734
741
|
|
|
735
|
-
.
|
|
742
|
+
.modal_responsive_lib::-webkit-scrollbar-thumb {
|
|
736
743
|
background-color: var(--scrollbar-thumb);
|
|
737
744
|
border-radius: var(--scrollbar-thumb-radius);
|
|
738
745
|
}
|
|
739
746
|
|
|
740
|
-
.
|
|
747
|
+
.modal_responsive_lib::-webkit-scrollbar-thumb:hover {
|
|
741
748
|
background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
|
|
742
749
|
}
|
|
743
750
|
|
|
744
|
-
.
|
|
751
|
+
.modal_responsive_lib::-webkit-scrollbar-thumb:active {
|
|
745
752
|
background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
|
|
746
753
|
}
|
|
747
754
|
|
|
748
|
-
.
|
|
755
|
+
.modal_responsive_lib::-webkit-scrollbar-corner {
|
|
749
756
|
background-color: var(--scrollbar-corner);
|
|
750
757
|
border-radius: var(--scrollbar-corner-radius);
|
|
751
758
|
}
|
|
752
759
|
|
|
753
|
-
.
|
|
760
|
+
.modal_responsive_lib::-webkit-scrollbar-corner:hover {
|
|
754
761
|
background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
|
|
755
762
|
}
|
|
756
763
|
|
|
757
|
-
.
|
|
764
|
+
.modal_responsive_lib::-webkit-scrollbar-corner:active {
|
|
758
765
|
background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
|
|
759
766
|
}
|
|
760
767
|
|
|
761
|
-
.
|
|
768
|
+
.modal_responsive_lib {
|
|
762
769
|
scrollbar-width: auto;
|
|
763
770
|
scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
|
|
764
771
|
}
|
|
765
772
|
|
|
766
|
-
.
|
|
773
|
+
.modal_responsive_lib::-webkit-scrollbar {
|
|
767
774
|
display: block;
|
|
768
775
|
width: var(--scrollbar-width, 16px);
|
|
769
776
|
height: var(--scrollbar-height, 16px);
|
|
770
777
|
}
|
|
771
778
|
|
|
772
|
-
.
|
|
779
|
+
.modal_responsive_lib {
|
|
773
780
|
--scrollbar-track: #d1d5db;
|
|
774
781
|
--scrollbar-thumb: #111827;
|
|
775
782
|
}
|
|
776
783
|
|
|
777
|
-
.
|
|
784
|
+
.modal_size_lib {
|
|
778
785
|
z-index: 50;
|
|
779
786
|
width: 100%;
|
|
780
787
|
border-radius: 1rem;
|
|
@@ -787,19 +794,19 @@ video {
|
|
|
787
794
|
|
|
788
795
|
@media (min-width: 864px) {
|
|
789
796
|
|
|
790
|
-
.
|
|
797
|
+
.modal_size_lib {
|
|
791
798
|
width: 50%;
|
|
792
799
|
}
|
|
793
800
|
}
|
|
794
801
|
|
|
795
802
|
@media (min-width: 1512px) {
|
|
796
803
|
|
|
797
|
-
.
|
|
804
|
+
.modal_size_lib {
|
|
798
805
|
width: 33.333333%;
|
|
799
806
|
}
|
|
800
807
|
}
|
|
801
808
|
|
|
802
|
-
.
|
|
809
|
+
.modal_background_lib {
|
|
803
810
|
position: relative;
|
|
804
811
|
border-radius: 1rem;
|
|
805
812
|
--tw-bg-opacity: 1;
|
|
@@ -809,7 +816,7 @@ video {
|
|
|
809
816
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
810
817
|
}
|
|
811
818
|
|
|
812
|
-
.
|
|
819
|
+
.modal_tittle_lib {
|
|
813
820
|
display: flex;
|
|
814
821
|
align-items: center;
|
|
815
822
|
justify-content: space-between;
|
|
@@ -826,18 +833,18 @@ video {
|
|
|
826
833
|
color: currentColor;
|
|
827
834
|
}
|
|
828
835
|
|
|
829
|
-
.
|
|
836
|
+
.modal_end_button_lib {
|
|
830
837
|
display: flex;
|
|
831
838
|
justify-content: flex-end;
|
|
832
839
|
}
|
|
833
840
|
|
|
834
|
-
.
|
|
841
|
+
.modal_end_button_lib > :not([hidden]) ~ :not([hidden]) {
|
|
835
842
|
--tw-space-x-reverse: 0;
|
|
836
843
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
837
844
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
838
845
|
}
|
|
839
846
|
|
|
840
|
-
.
|
|
847
|
+
.modal_end_button_lib {
|
|
841
848
|
border-bottom-right-radius: 1rem;
|
|
842
849
|
border-bottom-left-radius: 1rem;
|
|
843
850
|
--tw-border-opacity: 1;
|
|
@@ -847,7 +854,7 @@ video {
|
|
|
847
854
|
padding: 0.5rem;
|
|
848
855
|
}
|
|
849
856
|
|
|
850
|
-
.
|
|
857
|
+
.modal_close_button_lib {
|
|
851
858
|
margin-left: auto;
|
|
852
859
|
display: inline-flex;
|
|
853
860
|
align-items: center;
|
|
@@ -861,7 +868,7 @@ video {
|
|
|
861
868
|
transition-duration: 300ms;
|
|
862
869
|
}
|
|
863
870
|
|
|
864
|
-
.
|
|
871
|
+
.modal_close_button_lib:hover {
|
|
865
872
|
--tw-scale-x: 1.05;
|
|
866
873
|
--tw-scale-y: 1.05;
|
|
867
874
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sm-click-library-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"main": "dist/sm-click-library-ui.es.js",
|
|
5
5
|
"module": "dist/sm-click-library-ui.umd.js",
|
|
6
6
|
"private": false,
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"dev": "vite",
|
|
27
27
|
"build": "pnpm run build:lib && pnpm run build:style",
|
|
28
28
|
"build:lib": "vite build",
|
|
29
|
-
"build:style": "postcss src/
|
|
29
|
+
"build:style": "postcss src/styleSmClick.css -o dist/styleSmClick.css",
|
|
30
30
|
"preview": "vite preview"
|
|
31
31
|
}
|
|
32
32
|
}
|