sm-click-library-ui 0.0.6 → 0.0.8

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.
Files changed (4) hide show
  1. package/dist/sm-click-library-ui.es.js +118 -113
  2. package/dist/sm-click-library-ui.umd.js +1 -1
  3. package/dist/styleSmClick.css +188 -248
  4. package/package.json +2 -1
package/dist/sm-click-library-ui.es.js CHANGED
@@ -1,109 +1,114 @@
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
- function B(e) {
3
- return z() ? (M(e), !0) : !1;
1
+ import { getCurrentScope as B, onScopeDispose as V, unref as F, watch as W, ref as S, computed as k, openBlock as _, createElementBlock as m, createElementVNode as l, toDisplayString as $, normalizeClass as C, renderSlot as b, createCommentVNode as g, pushScopeId as E, popScopeId as I } from "vue";
2
+ function H(e) {
3
+ return B() ? (V(e), !0) : !1;
4
4
  }
5
- function A(e) {
6
- return typeof e == "function" ? e() : j(e);
5
+ function L(e) {
6
+ return typeof e == "function" ? e() : F(e);
7
7
  }
8
- const E = typeof window < "u" && typeof document < "u";
8
+ const z = 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]", y = () => {
11
- }, F = /* @__PURE__ */ W();
12
- function W() {
10
+ const D = Object.prototype.toString, N = (e) => D.call(e) === "[object Object]", y = () => {
11
+ }, T = /* @__PURE__ */ G();
12
+ function G() {
13
13
  var e, i;
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));
14
+ return z && ((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 g(e) {
16
+ function w(e) {
17
17
  var i;
18
- const n = A(e);
18
+ const n = L(e);
19
19
  return (i = n == null ? void 0 : n.$el) != null ? i : n;
20
20
  }
21
- const L = E ? window : void 0;
21
+ const M = z ? window : void 0;
22
22
  function x(...e) {
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)
23
+ let i, n, s, c;
24
+ if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, s, c] = e, i = M) : [i, n, s, c] = e, !i)
25
25
  return y;
26
- Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
26
+ Array.isArray(n) || (n = [n]), Array.isArray(s) || (s = [s]);
27
27
  const r = [], p = () => {
28
28
  r.forEach((d) => d()), r.length = 0;
29
- }, f = (d, u, o, t) => (d.addEventListener(u, o, t), () => d.removeEventListener(u, o, t)), h = P(
30
- () => [g(i), A(a)],
29
+ }, f = (d, u, o, t) => (d.addEventListener(u, o, t), () => d.removeEventListener(u, o, t)), v = W(
30
+ () => [w(i), L(c)],
31
31
  ([d, u]) => {
32
32
  if (p(), !d)
33
33
  return;
34
- const o = V(u) ? { ...u } : u;
34
+ const o = N(u) ? { ...u } : u;
35
35
  r.push(
36
- ...n.flatMap((t) => l.map((c) => f(d, t, c, o)))
36
+ ...n.flatMap((t) => s.map((a) => f(d, t, a, o)))
37
37
  );
38
38
  },
39
39
  { immediate: !0, flush: "post" }
40
- ), v = () => {
41
- h(), p();
40
+ ), h = () => {
41
+ v(), p();
42
42
  };
43
- return B(v), v;
43
+ return H(h), h;
44
44
  }
45
- let $ = !1;
46
- function H(e, i, n = {}) {
47
- const { window: l = L, ignore: a = [], capture: r = !0, detectIframe: p = !1 } = n;
48
- if (!l)
45
+ let A = !1;
46
+ function q(e, i, n = {}) {
47
+ const { window: s = M, ignore: c = [], capture: r = !0, detectIframe: p = !1 } = n;
48
+ if (!s)
49
49
  return y;
50
- F && !$ && ($ = !0, Array.from(l.document.body.children).forEach((o) => o.addEventListener("click", y)), l.document.documentElement.addEventListener("click", y));
50
+ T && !A && (A = !0, Array.from(s.document.body.children).forEach((o) => o.addEventListener("click", y)), s.document.documentElement.addEventListener("click", y));
51
51
  let f = !0;
52
- const h = (o) => a.some((t) => {
52
+ const v = (o) => c.some((t) => {
53
53
  if (typeof t == "string")
54
- return Array.from(l.document.querySelectorAll(t)).some((c) => c === o.target || o.composedPath().includes(c));
54
+ return Array.from(s.document.querySelectorAll(t)).some((a) => a === o.target || o.composedPath().includes(a));
55
55
  {
56
- const c = g(t);
57
- return c && (o.target === c || o.composedPath().includes(c));
56
+ const a = w(t);
57
+ return a && (o.target === a || o.composedPath().includes(a));
58
58
  }
59
59
  }), d = [
60
- x(l, "click", (o) => {
61
- const t = g(e);
60
+ x(s, "click", (o) => {
61
+ const t = w(e);
62
62
  if (!(!t || t === o.target || o.composedPath().includes(t))) {
63
- if (o.detail === 0 && (f = !h(o)), !f) {
63
+ if (o.detail === 0 && (f = !v(o)), !f) {
64
64
  f = !0;
65
65
  return;
66
66
  }
67
67
  i(o);
68
68
  }
69
69
  }, { passive: !0, capture: r }),
70
- x(l, "pointerdown", (o) => {
71
- const t = g(e);
72
- f = !h(o) && !!(t && !o.composedPath().includes(t));
70
+ x(s, "pointerdown", (o) => {
71
+ const t = w(e);
72
+ f = !v(o) && !!(t && !o.composedPath().includes(t));
73
73
  }, { passive: !0 }),
74
- p && x(l, "blur", (o) => {
74
+ p && x(s, "blur", (o) => {
75
75
  setTimeout(() => {
76
76
  var 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);
77
+ const a = w(e);
78
+ ((t = s.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(a != null && a.contains(s.document.activeElement)) && i(o);
79
79
  }, 0);
80
80
  })
81
81
  ].filter(Boolean);
82
82
  return () => d.forEach((o) => o());
83
83
  }
84
- const D = {
84
+ const j = (e, i) => {
85
+ const n = e.__vccOpts || e;
86
+ for (const [s, c] of i)
87
+ n[s] = c;
88
+ return n;
89
+ }, O = (e) => (E("data-v-695ff71d"), e = e(), I(), e), R = {
85
90
  key: 0,
86
91
  class: "line-clamp-2 uppercase text-xs truncate text-white"
87
- }, N = {
92
+ }, U = {
88
93
  key: 1,
89
94
  class: "line-clamp-2 uppercase text-xs truncate text-white"
90
- }, T = /* @__PURE__ */ s("path", {
95
+ }, Z = /* @__PURE__ */ O(() => /* @__PURE__ */ l("path", {
91
96
  "fill-rule": "evenodd",
92
97
  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",
93
98
  "clip-rule": "evenodd"
94
- }, null, -1), G = [
95
- T
96
- ], q = {
99
+ }, null, -1)), J = [
100
+ Z
101
+ ], K = {
97
102
  key: 0,
98
103
  class: "select_widget_lib"
99
- }, R = { key: 0 }, U = {
104
+ }, Q = { key: 0 }, X = {
100
105
  key: 1,
101
106
  class: "space-y-2 mt-2"
102
- }, Z = /* @__PURE__ */ s("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1), J = [
103
- Z
104
- ], K = /* @__PURE__ */ s("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1), Q = [
105
- K
106
- ], X = {
107
+ }, Y = /* @__PURE__ */ O(() => /* @__PURE__ */ l("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1)), ee = [
108
+ Y
109
+ ], te = /* @__PURE__ */ O(() => /* @__PURE__ */ l("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1)), oe = [
110
+ te
111
+ ], se = {
107
112
  __name: "primary_select",
108
113
  props: {
109
114
  titleFreeSlot: {
@@ -120,73 +125,73 @@ const D = {
120
125
  },
121
126
  emits: ["closeSelect"],
122
127
  setup(e, { emit: i }) {
123
- const n = e, l = i, a = S(!1), r = S("Horizontal"), p = S(null), f = k(() => n.selectConfig.length > 0), h = k(
128
+ const n = e, s = i, c = S(!1), r = S("Horizontal"), p = S(null), f = k(() => n.selectConfig.length > 0), v = k(
124
129
  () => n.selectConfig.some((t) => t.chartsConfig)
125
- ), v = k(
130
+ ), h = k(
126
131
  () => n.selectConfig.some((t) => t.freeSlot)
127
132
  ), d = () => {
128
- a.value = !a.value;
133
+ c.value = !c.value;
129
134
  }, u = (t) => {
130
- a.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", l("closeSelect", t);
135
+ c.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", s("closeSelect", t);
131
136
  };
132
- return H(p, () => {
133
- a.value && (a.value = !1);
134
- }), (t, c) => f.value ? (_(), m("div", {
137
+ return q(p, () => {
138
+ c.value && (c.value = !1);
139
+ }), (t, a) => f.value ? (_(), m("div", {
135
140
  key: 0,
136
141
  ref_key: "target",
137
142
  ref: p,
138
143
  class: "relative w-full"
139
144
  }, [
140
- s("button", {
145
+ l("button", {
141
146
  onClick: d,
142
147
  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
148
  }, [
144
- s("div", null, [
145
- h.value ? (_(), m("p", D, O(r.value), 1)) : (_(), m("p", N, O(e.titleFreeSlot), 1))
149
+ l("div", null, [
150
+ v.value ? (_(), m("p", R, $(r.value), 1)) : (_(), m("p", U, $(e.titleFreeSlot), 1))
146
151
  ]),
147
- s("div", null, [
152
+ l("div", null, [
148
153
  (_(), m("svg", {
149
- class: C([a.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
154
+ class: C([c.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
150
155
  xmlns: "http://www.w3.org/2000/svg",
151
156
  fill: "currentColor",
152
157
  viewBox: "0 0 24 24"
153
- }, G, 2))
158
+ }, J, 2))
154
159
  ])
155
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
- s("button", {
161
+ c.value ? (_(), m("section", K, [
162
+ h.value ? (_(), m("div", Q, [
163
+ b(t.$slots, "free-slot", {}, void 0, !0)
164
+ ])) : g("", !0),
165
+ v.value ? (_(), m("div", X, [
166
+ l("button", {
162
167
  class: C([r.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
163
- onClick: c[0] || (c[0] = () => u("horizontal"))
164
- }, J, 2),
165
- s("button", {
168
+ onClick: a[0] || (a[0] = () => u("horizontal"))
169
+ }, ee, 2),
170
+ l("button", {
166
171
  class: C([r.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
167
- onClick: c[1] || (c[1] = () => u("vertical"))
168
- }, Q, 2)
169
- ]))
170
- ])) : b("", !0)
171
- ], 512)) : b("", !0);
172
+ onClick: a[1] || (a[1] = () => u("vertical"))
173
+ }, oe, 2)
174
+ ])) : g("", !0)
175
+ ])) : g("", !0)
176
+ ], 512)) : g("", !0);
172
177
  }
173
- }, Y = {
178
+ }, ne = /* @__PURE__ */ j(se, [["__scopeId", "data-v-695ff71d"]]), P = (e) => (E("data-v-61625657"), e = e(), I(), e), le = {
174
179
  key: 0,
175
180
  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", {
181
+ }, ie = /* @__PURE__ */ P(() => /* @__PURE__ */ l("div", { class: "modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70" }, null, -1)), ce = { class: "modal_responsive_lib" }, ae = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, re = { class: "modal_size_lib lg:w-2/6" }, de = { class: "modal_background_lib" }, ue = { class: "modal_tittle_lib text-current" }, pe = /* @__PURE__ */ P(() => /* @__PURE__ */ l("svg", {
177
182
  class: "h-5 w-5",
178
183
  fill: "currentColor",
179
184
  viewBox: "0 0 20 20",
180
185
  xmlns: "http://www.w3.org/2000/svg"
181
186
  }, [
182
- /* @__PURE__ */ s("path", {
187
+ /* @__PURE__ */ l("path", {
183
188
  "fill-rule": "evenodd",
184
189
  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
190
  "clip-rule": "evenodd"
186
191
  })
187
- ], -1), ce = [
188
- ie
189
- ], ae = { class: "p-4" }, re = { class: "w-full" }, de = { class: "block" }, ue = { class: "modal_end_button_lib" }, pe = {
192
+ ], -1)), fe = [
193
+ pe
194
+ ], _e = { class: "p-4" }, me = { class: "w-full" }, ve = { class: "block" }, he = { class: "modal_end_button_lib" }, ge = {
190
195
  __name: "simple_modal",
191
196
  props: {
192
197
  isOpen: Boolean,
@@ -194,46 +199,46 @@ const D = {
194
199
  },
195
200
  emits: ["update:isOpen"],
196
201
  setup(e, { emit: i }) {
197
- const n = e, l = i, a = () => {
198
- l("update:isOpen", !n.isOpen);
202
+ const n = e, s = i, c = () => {
203
+ s("update:isOpen", !n.isOpen);
199
204
  };
200
- return (r, p) => e.isOpen ? (_(), m("div", Y, [
201
- ee,
202
- s("div", te, [
203
- s("div", oe, [
204
- s("div", se, [
205
- s("div", le, [
206
- s("div", ne, [
207
- w(r.$slots, "header"),
208
- s("button", {
209
- onClick: a,
205
+ return (r, p) => e.isOpen ? (_(), m("div", le, [
206
+ ie,
207
+ l("div", ce, [
208
+ l("div", ae, [
209
+ l("div", re, [
210
+ l("div", de, [
211
+ l("div", ue, [
212
+ b(r.$slots, "header", {}, void 0, !0),
213
+ l("button", {
214
+ onClick: c,
210
215
  class: "modal_close_button_lib",
211
216
  "data-modal-toggle": "editUserModal"
212
- }, ce)
217
+ }, fe)
213
218
  ]),
214
- s("div", ae, [
215
- s("div", re, [
216
- s("label", de, [
217
- w(r.$slots, "body")
219
+ l("div", _e, [
220
+ l("div", me, [
221
+ l("label", ve, [
222
+ b(r.$slots, "body", {}, void 0, !0)
218
223
  ])
219
224
  ])
220
225
  ]),
221
- s("div", ue, [
222
- w(r.$slots, "footer")
226
+ l("div", he, [
227
+ b(r.$slots, "footer", {}, void 0, !0)
223
228
  ])
224
229
  ])
225
230
  ])
226
231
  ])
227
232
  ])
228
- ])) : b("", !0);
233
+ ])) : g("", !0);
229
234
  }
230
- };
231
- function fe(e) {
232
- e.component("primarySelect", X), e.component("simpleModal", pe);
235
+ }, we = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-61625657"]]);
236
+ function be(e) {
237
+ e.component("primarySelect", ne), e.component("simpleModal", we);
233
238
  }
234
- const me = { install: fe };
239
+ const Se = { install: be };
235
240
  export {
236
- me as default,
237
- X as primarySelect,
238
- pe as simpleModal
241
+ Se as default,
242
+ ne as primarySelect,
243
+ we as simpleModal
239
244
  };
package/dist/sm-click-library-ui.umd.js CHANGED
@@ -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 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"}})});
1
+ (function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p["sm-click-library-ui"]={},p.Vue))})(this,function(p,e){"use strict";function B(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function E(t){return typeof t=="function"?t():e.unref(t)}const S=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const O=Object.prototype.toString,A=t=>O.call(t)==="[object Object]",w=()=>{},I=M();function M(){var t,c;return S&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((c=window==null?void 0:window.navigator)==null?void 0:c.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function h(t){var c;const s=E(t);return(c=s==null?void 0:s.$el)!=null?c:s}const k=S?window:void 0;function b(...t){let c,s,l,i;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,l,i]=t,c=k):[c,s,l,i]=t,!c)return w;Array.isArray(s)||(s=[s]),Array.isArray(l)||(l=[l]);const a=[],u=()=>{a.forEach(d=>d()),a.length=0},f=(d,m,n,o)=>(d.addEventListener(m,n,o),()=>d.removeEventListener(m,n,o)),_=e.watch(()=>[h(c),E(i)],([d,m])=>{if(u(),!d)return;const n=A(m)?{...m}:m;a.push(...s.flatMap(o=>l.map(r=>f(d,o,r,n))))},{immediate:!0,flush:"post"}),g=()=>{_(),u()};return B(g),g}let V=!1;function z(t,c,s={}){const{window:l=k,ignore:i=[],capture:a=!0,detectIframe:u=!1}=s;if(!l)return w;I&&!V&&(V=!0,Array.from(l.document.body.children).forEach(n=>n.addEventListener("click",w)),l.document.documentElement.addEventListener("click",w));let f=!0;const _=n=>i.some(o=>{if(typeof o=="string")return Array.from(l.document.querySelectorAll(o)).some(r=>r===n.target||n.composedPath().includes(r));{const r=h(o);return r&&(n.target===r||n.composedPath().includes(r))}}),d=[b(l,"click",n=>{const o=h(t);if(!(!o||o===n.target||n.composedPath().includes(o))){if(n.detail===0&&(f=!_(n)),!f){f=!0;return}c(n)}},{passive:!0,capture:a}),b(l,"pointerdown",n=>{const o=h(t);f=!_(n)&&!!(o&&!n.composedPath().includes(o))},{passive:!0}),u&&b(l,"blur",n=>{setTimeout(()=>{var o;const r=h(t);((o=l.document.activeElement)==null?void 0:o.tagName)==="IFRAME"&&!(r!=null&&r.contains(l.document.activeElement))&&c(n)},0)})].filter(Boolean);return()=>d.forEach(n=>n())}const C=(t,c)=>{const s=t.__vccOpts||t;for(const[l,i]of c)s[l]=i;return s},y=t=>(e.pushScopeId("data-v-695ff71d"),t=t(),e.popScopeId(),t),v={key:0,class:"line-clamp-2 uppercase text-xs truncate text-white"},L={key:1,class:"line-clamp-2 uppercase text-xs truncate text-white"},j=[y(()=>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))],P={key:0,class:"select_widget_lib"},T={key:0},F={key:1,class:"space-y-2 mt-2"},W=[y(()=>e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Vertical",-1))],D=[y(()=>e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Horizontal",-1))],N=C({__name:"primary_select",props:{titleFreeSlot:{type:String,default:"Free Slot"},selectConfig:{type:Object,default:()=>({chartsConfig:!1,freeSlot:!1})}},emits:["closeSelect"],setup(t,{emit:c}){const s=t,l=c,i=e.ref(!1),a=e.ref("Horizontal"),u=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=()=>{i.value=!i.value},m=o=>{i.value=!1,a.value=o==="horizontal"?"Vertical":"Horizontal",l("closeSelect",o)};return z(u,()=>{i.value&&(i.value=!1)}),(o,r)=>f.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"target",ref:u,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",v,e.toDisplayString(a.value),1)):(e.openBlock(),e.createElementBlock("p",L,e.toDisplayString(t.titleFreeSlot),1))]),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([i.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"},j,2))])]),i.value?(e.openBlock(),e.createElementBlock("section",P,[g.value?(e.openBlock(),e.createElementBlock("div",T,[e.renderSlot(o.$slots,"free-slot",{},void 0,!0)])):e.createCommentVNode("",!0),_.value?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("button",{class:e.normalizeClass([a.value==="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:r[0]||(r[0]=()=>m("horizontal"))},W,2),e.createElementVNode("button",{class:e.normalizeClass([a.value!=="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:r[1]||(r[1]=()=>m("vertical"))},D,2)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-695ff71d"]]),$=t=>(e.pushScopeId("data-v-61625657"),t=t(),e.popScopeId(),t),H={key:0,class:"modal_head_lib"},q=$(()=>e.createElementVNode("div",{class:"modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70"},null,-1)),G={class:"modal_responsive_lib"},R={class:"flex min-h-full items-center justify-center text-center sm:p-0"},U={class:"modal_size_lib lg:w-2/6"},Z={class:"modal_background_lib"},J={class:"modal_tittle_lib text-current"},K=[$(()=>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))],Q={class:"p-4"},X={class:"w-full"},Y={class:"block"},ee={class:"modal_end_button_lib"},x=C({__name:"simple_modal",props:{isOpen:Boolean,default:!1},emits:["update:isOpen"],setup(t,{emit:c}){const s=t,l=c,i=()=>{l("update:isOpen",!s.isOpen)};return(a,u)=>t.isOpen?(e.openBlock(),e.createElementBlock("div",H,[q,e.createElementVNode("div",G,[e.createElementVNode("div",R,[e.createElementVNode("div",U,[e.createElementVNode("div",Z,[e.createElementVNode("div",J,[e.renderSlot(a.$slots,"header",{},void 0,!0),e.createElementVNode("button",{onClick:i,class:"modal_close_button_lib","data-modal-toggle":"editUserModal"},K)]),e.createElementVNode("div",Q,[e.createElementVNode("div",X,[e.createElementVNode("label",Y,[e.renderSlot(a.$slots,"body",{},void 0,!0)])])]),e.createElementVNode("div",ee,[e.renderSlot(a.$slots,"footer",{},void 0,!0)])])])])])])):e.createCommentVNode("",!0)}},[["__scopeId","data-v-61625657"]]);function te(t){t.component("primarySelect",N),t.component("simpleModal",x)}const oe={install:te};p.default=oe,p.primarySelect=N,p.simpleModal=x,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/dist/styleSmClick.css CHANGED
@@ -505,386 +505,320 @@ video {
505
505
  --tw-contain-layout: ;
506
506
  --tw-contain-paint: ;
507
507
  --tw-contain-style: ;
508
- }
508
+ }
509
+ .fixed {
510
+ position: fixed;
511
+ }
509
512
  .absolute {
510
513
  position: absolute;
511
- }
514
+ }
512
515
  .relative {
513
516
  position: relative;
514
- }
517
+ }
518
+ .inset-0 {
519
+ inset: 0px;
520
+ }
521
+ .left-0 {
522
+ left: 0px;
523
+ }
524
+ .top-0 {
525
+ top: 0px;
526
+ }
515
527
  .z-10 {
516
528
  z-index: 10;
517
- }
529
+ }
530
+ .z-30 {
531
+ z-index: 30;
532
+ }
533
+ .z-50 {
534
+ z-index: 50;
535
+ }
536
+ .ml-auto {
537
+ margin-left: auto;
538
+ }
518
539
  .mt-2 {
519
540
  margin-top: 0.5rem;
520
- }
541
+ }
521
542
  .line-clamp-2 {
522
543
  overflow: hidden;
523
544
  display: -webkit-box;
524
545
  -webkit-box-orient: vertical;
525
546
  -webkit-line-clamp: 2;
526
- }
547
+ }
527
548
  .block {
528
549
  display: block;
529
- }
550
+ }
530
551
  .flex {
531
552
  display: flex;
532
- }
553
+ }
554
+ .inline-flex {
555
+ display: inline-flex;
556
+ }
533
557
  .h-3 {
534
558
  height: 0.75rem;
535
- }
559
+ }
536
560
  .h-5 {
537
561
  height: 1.25rem;
538
- }
562
+ }
539
563
  .h-full {
540
564
  height: 100%;
541
- }
565
+ }
542
566
  .h-screen {
543
567
  height: 100vh;
544
- }
568
+ }
545
569
  .min-h-full {
546
570
  min-height: 100%;
547
- }
571
+ }
548
572
  .w-3 {
549
573
  width: 0.75rem;
550
- }
574
+ }
551
575
  .w-5 {
552
576
  width: 1.25rem;
553
- }
577
+ }
554
578
  .w-full {
555
579
  width: 100%;
556
- }
580
+ }
557
581
  .rotate-180 {
558
582
  --tw-rotate: 180deg;
559
583
  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));
560
- }
584
+ }
561
585
  .flex-col {
562
586
  flex-direction: column;
563
- }
587
+ }
564
588
  .items-center {
565
589
  align-items: center;
566
- }
590
+ }
591
+ .justify-end {
592
+ justify-content: flex-end;
593
+ }
567
594
  .justify-center {
568
595
  justify-content: center;
569
- }
596
+ }
570
597
  .justify-between {
571
598
  justify-content: space-between;
572
- }
599
+ }
573
600
  .gap-6 {
574
601
  gap: 1.5rem;
575
- }
602
+ }
603
+ .space-x-2 > :not([hidden]) ~ :not([hidden]) {
604
+ --tw-space-x-reverse: 0;
605
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
606
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
607
+ }
576
608
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
577
609
  --tw-space-y-reverse: 0;
578
610
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
579
611
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
580
- }
612
+ }
613
+ .overflow-y-auto {
614
+ overflow-y: auto;
615
+ }
581
616
  .truncate {
582
617
  overflow: hidden;
583
618
  text-overflow: ellipsis;
584
619
  white-space: nowrap;
585
- }
620
+ }
621
+ .rounded-2xl {
622
+ border-radius: 1rem;
623
+ }
624
+ .rounded-lg {
625
+ border-radius: 0.5rem;
626
+ }
586
627
  .rounded-md {
587
628
  border-radius: 0.375rem;
588
- }
629
+ }
630
+ .rounded-b-2xl {
631
+ border-bottom-right-radius: 1rem;
632
+ border-bottom-left-radius: 1rem;
633
+ }
634
+ .rounded-t-2xl {
635
+ border-top-left-radius: 1rem;
636
+ border-top-right-radius: 1rem;
637
+ }
638
+ .border-base-300 {
639
+ --tw-border-opacity: 1;
640
+ border-color: rgb(17 27 33 / var(--tw-border-opacity));
641
+ }
642
+ .bg-base-100 {
643
+ --tw-bg-opacity: 1;
644
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity));
645
+ }
589
646
  .bg-base-200 {
590
647
  --tw-bg-opacity: 1;
591
648
  background-color: rgb(38 52 61 / var(--tw-bg-opacity));
592
- }
649
+ }
650
+ .bg-base-200\/40 {
651
+ background-color: rgb(38 52 61 / 0.4);
652
+ }
593
653
  .bg-base-300 {
594
654
  --tw-bg-opacity: 1;
595
655
  background-color: rgb(17 27 33 / var(--tw-bg-opacity));
596
- }
656
+ }
657
+ .bg-black {
658
+ --tw-bg-opacity: 1;
659
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
660
+ }
597
661
  .bg-blue-900 {
598
662
  --tw-bg-opacity: 1;
599
663
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
600
- }
664
+ }
601
665
  .bg-gray-600 {
602
666
  --tw-bg-opacity: 1;
603
667
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
604
- }
668
+ }
605
669
  .bg-green-500 {
606
670
  --tw-bg-opacity: 1;
607
671
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
608
- }
672
+ }
673
+ .p-1 {
674
+ padding: 0.25rem;
675
+ }
676
+ .p-1\.5 {
677
+ padding: 0.375rem;
678
+ }
609
679
  .p-2 {
610
680
  padding: 0.5rem;
611
- }
681
+ }
612
682
  .p-3 {
613
683
  padding: 0.75rem;
614
- }
684
+ }
615
685
  .p-4 {
616
686
  padding: 1rem;
617
- }
687
+ }
688
+ .py-3 {
689
+ padding-top: 0.75rem;
690
+ padding-bottom: 0.75rem;
691
+ }
618
692
  .text-center {
619
693
  text-align: center;
620
- }
694
+ }
695
+ .text-sm {
696
+ font-size: 0.875rem;
697
+ line-height: 1.25rem;
698
+ }
621
699
  .text-xs {
622
700
  font-size: 0.75rem;
623
701
  line-height: 1rem;
624
- }
702
+ }
625
703
  .uppercase {
626
704
  text-transform: uppercase;
627
- }
705
+ }
628
706
  .text-current {
629
707
  color: currentColor;
630
- }
708
+ }
631
709
  .text-white {
632
710
  --tw-text-opacity: 1;
633
711
  color: rgb(255 255 255 / var(--tw-text-opacity));
634
- }
712
+ }
635
713
  .opacity-70 {
636
714
  opacity: 0.7;
637
- }
715
+ }
716
+ .opacity-\[0\.2\] {
717
+ opacity: 0.2;
718
+ }
719
+ .shadow {
720
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
721
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
722
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
723
+ }
638
724
  .shadow-md {
639
725
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
640
726
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
641
727
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
642
- }
728
+ }
643
729
  .shadow-base-300 {
644
730
  --tw-shadow-color: #111B21;
645
731
  --tw-shadow: var(--tw-shadow-colored);
646
- }
732
+ }
733
+ .backdrop-blur-\[2px\] {
734
+ --tw-backdrop-blur: blur(2px);
735
+ -webkit-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);
736
+ 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);
737
+ }
738
+ .transition {
739
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
740
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
741
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
742
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
743
+ transition-duration: 150ms;
744
+ }
647
745
  .transition-transform {
648
746
  transition-property: transform;
649
747
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
650
748
  transition-duration: 150ms;
651
- }
749
+ }
750
+ .duration-300 {
751
+ transition-duration: 300ms;
752
+ }
652
753
  .ease-in-out {
653
754
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
654
- }
655
-
656
- /* primary_select CSS */
657
- .btn_select_widget_lib {
658
- width: 100%;
659
- border-radius: 0.375rem;
660
- --tw-bg-opacity: 1;
661
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
662
- padding: 0.5rem;
663
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
664
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
665
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
666
- --tw-shadow-color: #111B21;
667
- --tw-shadow: var(--tw-shadow-colored);
668
- }
669
- .btn_select_widget_lib:hover {
670
- background-color: rgb(38 52 61 / 0.6);
671
- }
672
- .select_widget_lib {
673
- position: absolute;
674
- z-index: 30;
675
- margin-top: 0.5rem;
676
- width: 100%;
677
- border-radius: 0.375rem;
678
- --tw-bg-opacity: 1;
679
- background-color: rgb(38 52 61 / var(--tw-bg-opacity));
680
- padding: 0.375rem;
681
- --tw-text-opacity: 1;
682
- color: rgb(255 255 255 / var(--tw-text-opacity));
683
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
684
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
685
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
686
- --tw-shadow-color: #111B21;
687
- --tw-shadow: var(--tw-shadow-colored);
688
- }
689
-
690
- /* simple_modal CSS */
691
- .modal_head_lib {
692
- position: fixed;
693
- top: 0px;
694
- left: 0px;
695
- z-index: 50;
696
- display: flex;
697
- height: 100%;
698
- width: 100%;
699
- align-items: center;
700
- justify-content: center;
701
- --tw-backdrop-blur: blur(2px);
702
- -webkit-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);
703
- 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);
704
- animation: 0.1s ease-out 0s 1 modalani;
705
- transition: opacity 0.2s ease-in-out;
706
- }
707
-
708
- .my_modal_lib {
709
- animation: 0.1s ease-out 0s 1 modalani;
710
- transition: opacity 0.2s ease-in-out;
711
- }
712
-
713
- .modal-overlay_lib {
714
- position: absolute;
715
- height: 100%;
716
- width: 100%;
717
- --tw-bg-opacity: 1;
718
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
719
- opacity: 0.2;
720
- }
721
-
722
- .modal_responsive_lib {
723
- position: fixed;
724
- inset: 0px;
725
- z-index: 10;
726
- overflow-y: auto;
727
- }
728
-
729
- .modal_responsive_lib::-webkit-scrollbar-track {
755
+ }
756
+ .ease-out {
757
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
758
+ }
759
+ .scrollbar::-webkit-scrollbar-track {
730
760
  background-color: var(--scrollbar-track);
731
761
  border-radius: var(--scrollbar-track-radius);
732
- }
733
-
734
- .modal_responsive_lib::-webkit-scrollbar-track:hover {
762
+ }
763
+ .scrollbar::-webkit-scrollbar-track:hover {
735
764
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
736
- }
737
-
738
- .modal_responsive_lib::-webkit-scrollbar-track:active {
765
+ }
766
+ .scrollbar::-webkit-scrollbar-track:active {
739
767
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
740
- }
741
-
742
- .modal_responsive_lib::-webkit-scrollbar-thumb {
768
+ }
769
+ .scrollbar::-webkit-scrollbar-thumb {
743
770
  background-color: var(--scrollbar-thumb);
744
771
  border-radius: var(--scrollbar-thumb-radius);
745
- }
746
-
747
- .modal_responsive_lib::-webkit-scrollbar-thumb:hover {
772
+ }
773
+ .scrollbar::-webkit-scrollbar-thumb:hover {
748
774
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
749
- }
750
-
751
- .modal_responsive_lib::-webkit-scrollbar-thumb:active {
775
+ }
776
+ .scrollbar::-webkit-scrollbar-thumb:active {
752
777
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
753
- }
754
-
755
- .modal_responsive_lib::-webkit-scrollbar-corner {
778
+ }
779
+ .scrollbar::-webkit-scrollbar-corner {
756
780
  background-color: var(--scrollbar-corner);
757
781
  border-radius: var(--scrollbar-corner-radius);
758
- }
759
-
760
- .modal_responsive_lib::-webkit-scrollbar-corner:hover {
782
+ }
783
+ .scrollbar::-webkit-scrollbar-corner:hover {
761
784
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
762
- }
763
-
764
- .modal_responsive_lib::-webkit-scrollbar-corner:active {
785
+ }
786
+ .scrollbar::-webkit-scrollbar-corner:active {
765
787
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
766
- }
767
-
768
- .modal_responsive_lib {
788
+ }
789
+ .scrollbar {
769
790
  scrollbar-width: auto;
770
791
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
771
- }
772
-
773
- .modal_responsive_lib::-webkit-scrollbar {
792
+ }
793
+ .scrollbar::-webkit-scrollbar {
774
794
  display: block;
775
795
  width: var(--scrollbar-width, 16px);
776
796
  height: var(--scrollbar-height, 16px);
777
- }
778
-
779
- .modal_responsive_lib {
780
- --scrollbar-track: #d1d5db;
781
- --scrollbar-thumb: #111827;
782
- }
783
-
784
- .modal_size_lib {
785
- z-index: 50;
786
- width: 100%;
787
- border-radius: 1rem;
788
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
789
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
790
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
791
- --tw-shadow-color: #000;
792
- --tw-shadow: var(--tw-shadow-colored);
793
- }
794
-
795
- @media (min-width: 864px) {
796
-
797
- .modal_size_lib {
798
- width: 50%;
799
- }
800
- }
801
-
802
- @media (min-width: 1512px) {
803
-
804
- .modal_size_lib {
805
- width: 33.333333%;
806
- }
807
- }
808
-
809
- .modal_background_lib {
810
- position: relative;
811
- border-radius: 1rem;
812
- --tw-bg-opacity: 1;
813
- background-color: rgb(38 52 61 / var(--tw-bg-opacity));
814
- --tw-backdrop-blur: blur(16px);
815
- -webkit-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);
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);
817
- }
818
-
819
- .modal_tittle_lib {
820
- display: flex;
821
- align-items: center;
822
- justify-content: space-between;
823
- border-top-left-radius: 1rem;
824
- border-top-right-radius: 1rem;
825
- --tw-border-opacity: 1;
826
- border-color: rgb(17 27 33 / var(--tw-border-opacity));
827
- --tw-bg-opacity: 1;
828
- background-color: rgb(17 27 33 / var(--tw-bg-opacity));
829
- padding: 0.75rem;
830
- padding-top: 0.75rem;
831
- padding-bottom: 0.75rem;
832
- text-transform: uppercase;
833
- color: currentColor;
834
- }
835
-
836
- .modal_end_button_lib {
837
- display: flex;
838
- justify-content: flex-end;
839
- }
840
-
841
- .modal_end_button_lib > :not([hidden]) ~ :not([hidden]) {
842
- --tw-space-x-reverse: 0;
843
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
844
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
845
- }
846
-
847
- .modal_end_button_lib {
848
- border-bottom-right-radius: 1rem;
849
- border-bottom-left-radius: 1rem;
850
- --tw-border-opacity: 1;
851
- border-color: rgb(17 27 33 / var(--tw-border-opacity));
852
- --tw-bg-opacity: 1;
853
- background-color: rgb(17 27 33 / var(--tw-bg-opacity));
854
- padding: 0.5rem;
855
- }
856
-
857
- .modal_close_button_lib {
858
- margin-left: auto;
859
- display: inline-flex;
860
- align-items: center;
861
- border-radius: 0.5rem;
862
- background-color: rgb(38 52 61 / 0.4);
863
- padding: 0.375rem;
864
- font-size: 0.875rem;
865
- line-height: 1.25rem;
866
- --tw-text-opacity: 1;
867
- color: rgb(255 255 255 / var(--tw-text-opacity));
868
- transition-duration: 300ms;
869
- }
870
-
871
- .modal_close_button_lib:hover {
797
+ }
798
+ .scrollbar-thumb-gray-900 {
799
+ --scrollbar-thumb: #111827 !important;
800
+ }
801
+ .hover\:scale-105:hover {
872
802
  --tw-scale-x: 1.05;
873
803
  --tw-scale-y: 1.05;
874
804
  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));
805
+ }
806
+ .hover\:bg-base-100:hover {
875
807
  --tw-bg-opacity: 1;
876
808
  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
877
- --tw-text-opacity: 1;
878
- color: rgb(255 255 255 / var(--tw-text-opacity));
879
- }
880
-
809
+ }
881
810
  @media (min-width: 640px) {
882
811
 
883
812
  .sm\:p-0 {
884
813
  padding: 0px;
885
814
  }
886
- }
815
+ }
816
+ @media (min-width: 864px) {
887
817
 
818
+ .md\:w-1\/2 {
819
+ width: 50%;
820
+ }
821
+ }
888
822
  @media (min-width: 1280px) {
889
823
 
890
824
  .lg\:mt-0 {
@@ -894,4 +828,10 @@ video {
894
828
  .lg\:w-2\/6 {
895
829
  width: 33.333333%;
896
830
  }
831
+ }
832
+ @media (min-width: 1512px) {
833
+
834
+ .xl\:w-1\/3 {
835
+ width: 33.333333%;
836
+ }
897
837
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sm-click-library-ui",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "main": "dist/sm-click-library-ui.es.js",
5
5
  "module": "dist/sm-click-library-ui.umd.js",
6
6
  "private": false,
@@ -19,6 +19,7 @@
19
19
  "autoprefixer": "^10.4.19",
20
20
  "postcss": "^8.4.39",
21
21
  "postcss-cli": "^11.0.0",
22
+ "rollup-plugin-css-only": "^4.5.2",
22
23
  "tailwindcss": "^3.4.4",
23
24
  "vite": "^5.3.1"
24
25
  },