sm-click-library-ui 0.0.6 → 0.0.7

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 +279 -108
  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,155 +505,301 @@ 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 */
755
+ }
756
+ .ease-out {
757
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
758
+ }
759
+ .scrollbar::-webkit-scrollbar-track {
760
+ background-color: var(--scrollbar-track);
761
+ border-radius: var(--scrollbar-track-radius);
762
+ }
763
+ .scrollbar::-webkit-scrollbar-track:hover {
764
+ background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
765
+ }
766
+ .scrollbar::-webkit-scrollbar-track:active {
767
+ background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
768
+ }
769
+ .scrollbar::-webkit-scrollbar-thumb {
770
+ background-color: var(--scrollbar-thumb);
771
+ border-radius: var(--scrollbar-thumb-radius);
772
+ }
773
+ .scrollbar::-webkit-scrollbar-thumb:hover {
774
+ background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
775
+ }
776
+ .scrollbar::-webkit-scrollbar-thumb:active {
777
+ background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
778
+ }
779
+ .scrollbar::-webkit-scrollbar-corner {
780
+ background-color: var(--scrollbar-corner);
781
+ border-radius: var(--scrollbar-corner-radius);
782
+ }
783
+ .scrollbar::-webkit-scrollbar-corner:hover {
784
+ background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
785
+ }
786
+ .scrollbar::-webkit-scrollbar-corner:active {
787
+ background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
788
+ }
789
+ .scrollbar {
790
+ scrollbar-width: auto;
791
+ scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
792
+ }
793
+ .scrollbar::-webkit-scrollbar {
794
+ display: block;
795
+ width: var(--scrollbar-width, 16px);
796
+ height: var(--scrollbar-height, 16px);
797
+ }
798
+ .scrollbar-thumb-gray-900 {
799
+ --scrollbar-thumb: #111827 !important;
800
+ }
801
+
802
+ /* primary_select CSS */
657
803
  .btn_select_widget_lib {
658
804
  width: 100%;
659
805
  border-radius: 0.375rem;
@@ -665,10 +811,10 @@ video {
665
811
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
666
812
  --tw-shadow-color: #111B21;
667
813
  --tw-shadow: var(--tw-shadow-colored);
668
- }
814
+ }
669
815
  .btn_select_widget_lib:hover {
670
816
  background-color: rgb(38 52 61 / 0.6);
671
- }
817
+ }
672
818
  .select_widget_lib {
673
819
  position: absolute;
674
820
  z-index: 30;
@@ -685,9 +831,9 @@ video {
685
831
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
686
832
  --tw-shadow-color: #111B21;
687
833
  --tw-shadow: var(--tw-shadow-colored);
688
- }
689
-
690
- /* simple_modal CSS */
834
+ }
835
+
836
+ /* simple_modal CSS */
691
837
  .modal_head_lib {
692
838
  position: fixed;
693
839
  top: 0px;
@@ -700,16 +846,16 @@ video {
700
846
  justify-content: center;
701
847
  --tw-backdrop-blur: blur(2px);
702
848
  -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;
849
+ 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);
850
+ animation: 0.1s ease-out 0s 1 modalani;
705
851
  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
-
852
+ }
853
+
854
+ .my_modal_lib {
855
+ animation: 0.1s ease-out 0s 1 modalani;
856
+ transition: opacity 0.2s ease-in-out;
857
+ }
858
+
713
859
  .modal-overlay_lib {
714
860
  position: absolute;
715
861
  height: 100%;
@@ -717,70 +863,70 @@ video {
717
863
  --tw-bg-opacity: 1;
718
864
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
719
865
  opacity: 0.2;
720
- }
721
-
866
+ }
867
+
722
868
  .modal_responsive_lib {
723
869
  position: fixed;
724
870
  inset: 0px;
725
871
  z-index: 10;
726
872
  overflow-y: auto;
727
- }
728
-
873
+ }
874
+
729
875
  .modal_responsive_lib::-webkit-scrollbar-track {
730
876
  background-color: var(--scrollbar-track);
731
877
  border-radius: var(--scrollbar-track-radius);
732
- }
733
-
878
+ }
879
+
734
880
  .modal_responsive_lib::-webkit-scrollbar-track:hover {
735
881
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
736
- }
737
-
882
+ }
883
+
738
884
  .modal_responsive_lib::-webkit-scrollbar-track:active {
739
885
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
740
- }
741
-
886
+ }
887
+
742
888
  .modal_responsive_lib::-webkit-scrollbar-thumb {
743
889
  background-color: var(--scrollbar-thumb);
744
890
  border-radius: var(--scrollbar-thumb-radius);
745
- }
746
-
891
+ }
892
+
747
893
  .modal_responsive_lib::-webkit-scrollbar-thumb:hover {
748
894
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
749
- }
750
-
895
+ }
896
+
751
897
  .modal_responsive_lib::-webkit-scrollbar-thumb:active {
752
898
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
753
- }
754
-
899
+ }
900
+
755
901
  .modal_responsive_lib::-webkit-scrollbar-corner {
756
902
  background-color: var(--scrollbar-corner);
757
903
  border-radius: var(--scrollbar-corner-radius);
758
- }
759
-
904
+ }
905
+
760
906
  .modal_responsive_lib::-webkit-scrollbar-corner:hover {
761
907
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
762
- }
763
-
908
+ }
909
+
764
910
  .modal_responsive_lib::-webkit-scrollbar-corner:active {
765
911
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
766
- }
767
-
912
+ }
913
+
768
914
  .modal_responsive_lib {
769
915
  scrollbar-width: auto;
770
916
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
771
- }
772
-
917
+ }
918
+
773
919
  .modal_responsive_lib::-webkit-scrollbar {
774
920
  display: block;
775
921
  width: var(--scrollbar-width, 16px);
776
922
  height: var(--scrollbar-height, 16px);
777
- }
778
-
923
+ }
924
+
779
925
  .modal_responsive_lib {
780
926
  --scrollbar-track: #d1d5db;
781
927
  --scrollbar-thumb: #111827;
782
- }
783
-
928
+ }
929
+
784
930
  .modal_size_lib {
785
931
  z-index: 50;
786
932
  width: 100%;
@@ -790,22 +936,22 @@ video {
790
936
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
791
937
  --tw-shadow-color: #000;
792
938
  --tw-shadow: var(--tw-shadow-colored);
793
- }
794
-
939
+ }
940
+
795
941
  @media (min-width: 864px) {
796
942
 
797
943
  .modal_size_lib {
798
944
  width: 50%;
799
945
  }
800
- }
801
-
946
+ }
947
+
802
948
  @media (min-width: 1512px) {
803
949
 
804
950
  .modal_size_lib {
805
951
  width: 33.333333%;
806
952
  }
807
- }
808
-
953
+ }
954
+
809
955
  .modal_background_lib {
810
956
  position: relative;
811
957
  border-radius: 1rem;
@@ -814,8 +960,8 @@ video {
814
960
  --tw-backdrop-blur: blur(16px);
815
961
  -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
962
  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
-
963
+ }
964
+
819
965
  .modal_tittle_lib {
820
966
  display: flex;
821
967
  align-items: center;
@@ -831,19 +977,19 @@ video {
831
977
  padding-bottom: 0.75rem;
832
978
  text-transform: uppercase;
833
979
  color: currentColor;
834
- }
835
-
980
+ }
981
+
836
982
  .modal_end_button_lib {
837
983
  display: flex;
838
984
  justify-content: flex-end;
839
- }
840
-
985
+ }
986
+
841
987
  .modal_end_button_lib > :not([hidden]) ~ :not([hidden]) {
842
988
  --tw-space-x-reverse: 0;
843
989
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
844
990
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
845
- }
846
-
991
+ }
992
+
847
993
  .modal_end_button_lib {
848
994
  border-bottom-right-radius: 1rem;
849
995
  border-bottom-left-radius: 1rem;
@@ -852,8 +998,8 @@ video {
852
998
  --tw-bg-opacity: 1;
853
999
  background-color: rgb(17 27 33 / var(--tw-bg-opacity));
854
1000
  padding: 0.5rem;
855
- }
856
-
1001
+ }
1002
+
857
1003
  .modal_close_button_lib {
858
1004
  margin-left: auto;
859
1005
  display: inline-flex;
@@ -866,8 +1012,8 @@ video {
866
1012
  --tw-text-opacity: 1;
867
1013
  color: rgb(255 255 255 / var(--tw-text-opacity));
868
1014
  transition-duration: 300ms;
869
- }
870
-
1015
+ }
1016
+
871
1017
  .modal_close_button_lib:hover {
872
1018
  --tw-scale-x: 1.05;
873
1019
  --tw-scale-y: 1.05;
@@ -876,15 +1022,33 @@ video {
876
1022
  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
877
1023
  --tw-text-opacity: 1;
878
1024
  color: rgb(255 255 255 / var(--tw-text-opacity));
879
- }
880
-
1025
+ }
1026
+
1027
+ .hover\:scale-105:hover {
1028
+ --tw-scale-x: 1.05;
1029
+ --tw-scale-y: 1.05;
1030
+ 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));
1031
+ }
1032
+
1033
+ .hover\:bg-base-100:hover {
1034
+ --tw-bg-opacity: 1;
1035
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity));
1036
+ }
1037
+
881
1038
  @media (min-width: 640px) {
882
1039
 
883
1040
  .sm\:p-0 {
884
1041
  padding: 0px;
885
1042
  }
886
- }
1043
+ }
1044
+
1045
+ @media (min-width: 864px) {
887
1046
 
1047
+ .md\:w-1\/2 {
1048
+ width: 50%;
1049
+ }
1050
+ }
1051
+
888
1052
  @media (min-width: 1280px) {
889
1053
 
890
1054
  .lg\:mt-0 {
@@ -894,4 +1058,11 @@ video {
894
1058
  .lg\:w-2\/6 {
895
1059
  width: 33.333333%;
896
1060
  }
1061
+ }
1062
+
1063
+ @media (min-width: 1512px) {
1064
+
1065
+ .xl\:w-1\/3 {
1066
+ width: 33.333333%;
1067
+ }
897
1068
  }
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.7",
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
  },