sm-click-library-ui 0.0.5 → 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 +114 -109
  2. package/dist/sm-click-library-ui.umd.js +1 -1
  3. package/dist/{tailwind.css → styleSmClick.css} +314 -136
  4. package/package.json +3 -2
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 m, createElementBlock as _, createElementVNode as s, toDisplayString as O, normalizeClass as C, renderSlot as y, createCommentVNode as g } 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]", b = () => {
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
16
  function w(e) {
17
17
  var i;
18
- const l = A(e);
19
- return (i = l == null ? void 0 : l.$el) != null ? i : l;
18
+ const n = L(e);
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, l, n, c;
24
- if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, n, c] = e, i = L) : [i, l, n, c] = e, !i)
25
- return b;
26
- Array.isArray(l) || (l = [l]), Array.isArray(n) || (n = [n]);
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
+ return y;
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
- () => [w(i), A(c)],
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
- ...l.flatMap((t) => n.map((a) => f(d, t, a, 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, l = {}) {
47
- const { window: n = L, ignore: c = [], capture: r = !0, detectIframe: p = !1 } = l;
48
- if (!n)
49
- return b;
50
- F && !$ && ($ = !0, Array.from(n.document.body.children).forEach((o) => o.addEventListener("click", b)), n.document.documentElement.addEventListener("click", b));
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
+ return 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) => c.some((t) => {
52
+ const v = (o) => c.some((t) => {
53
53
  if (typeof t == "string")
54
- return Array.from(n.document.querySelectorAll(t)).some((a) => a === o.target || o.composedPath().includes(a));
54
+ return Array.from(s.document.querySelectorAll(t)).some((a) => a === o.target || o.composedPath().includes(a));
55
55
  {
56
56
  const a = w(t);
57
57
  return a && (o.target === a || o.composedPath().includes(a));
58
58
  }
59
59
  }), d = [
60
- x(n, "click", (o) => {
60
+ x(s, "click", (o) => {
61
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(n, "pointerdown", (o) => {
70
+ x(s, "pointerdown", (o) => {
71
71
  const t = w(e);
72
- f = !h(o) && !!(t && !o.composedPath().includes(t));
72
+ f = !v(o) && !!(t && !o.composedPath().includes(t));
73
73
  }, { passive: !0 }),
74
- p && x(n, "blur", (o) => {
74
+ p && x(s, "blur", (o) => {
75
75
  setTimeout(() => {
76
76
  var t;
77
77
  const a = w(e);
78
- ((t = n.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(a != null && a.contains(n.document.activeElement)) && i(o);
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
- class: "select_widget"
99
- }, R = { key: 0 }, U = {
103
+ class: "select_widget_lib"
104
+ }, Q = { key: 0 }, X = {
100
105
  key: 1,
101
- class: "space-y-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 = {
106
+ class: "space-y-2 mt-2"
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 l = e, n = i, c = S(!1), r = S("Horizontal"), p = S(null), f = k(() => l.selectConfig.length > 0), h = k(
124
- () => l.selectConfig.some((t) => t.chartsConfig)
125
- ), v = k(
126
- () => l.selectConfig.some((t) => t.freeSlot)
128
+ const n = e, s = i, c = S(!1), r = S("Horizontal"), p = S(null), f = k(() => n.selectConfig.length > 0), v = k(
129
+ () => n.selectConfig.some((t) => t.chartsConfig)
130
+ ), h = k(
131
+ () => n.selectConfig.some((t) => t.freeSlot)
127
132
  ), d = () => {
128
133
  c.value = !c.value;
129
134
  }, u = (t) => {
130
- c.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", n("closeSelect", t);
135
+ c.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", s("closeSelect", t);
131
136
  };
132
- return H(p, () => {
137
+ return q(p, () => {
133
138
  c.value && (c.value = !1);
134
- }), (t, a) => f.value ? (m(), _("div", {
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
- class: "bg-base-100 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"
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, [
148
- (m(), _("svg", {
152
+ l("div", null, [
153
+ (_(), m("svg", {
149
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
- c.value ? (m(), _("section", q, [
157
- v.value ? (m(), _("div", R, [
158
- y(t.$slots, "free-slot")
161
+ c.value ? (_(), m("section", K, [
162
+ h.value ? (_(), m("div", Q, [
163
+ b(t.$slots, "free-slot", {}, void 0, !0)
159
164
  ])) : g("", !0),
160
- h.value ? (m(), _("div", U, [
161
- s("button", {
162
- class: C([r.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget"]),
165
+ v.value ? (_(), m("div", X, [
166
+ l("button", {
167
+ class: C([r.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
163
168
  onClick: a[0] || (a[0] = () => u("horizontal"))
164
- }, J, 2),
165
- s("button", {
166
- class: C([r.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget"]),
169
+ }, ee, 2),
170
+ l("button", {
171
+ class: C([r.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
167
172
  onClick: a[1] || (a[1] = () => u("vertical"))
168
- }, Q, 2)
173
+ }, oe, 2)
169
174
  ])) : g("", !0)
170
175
  ])) : g("", !0)
171
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
- class: "modal_head"
176
- }, ee = /* @__PURE__ */ s("div", { class: "modal-overlay absolute h-full bg-gray-600 w-full opacity-70" }, null, -1), te = { class: "modal_responsive" }, oe = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, se = { class: "modal_size lg:w-2/6" }, ne = { class: "modal_background" }, le = { class: "modal_tittle text-current" }, ie = /* @__PURE__ */ s("svg", {
180
+ class: "modal_head_lib"
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), ae = [
188
- ie
189
- ], ce = { class: "p-4" }, re = { class: "w-full" }, de = { class: "block" }, ue = { class: "modal_end_button" }, 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,32 +199,32 @@ const D = {
194
199
  },
195
200
  emits: ["update:isOpen"],
196
201
  setup(e, { emit: i }) {
197
- const l = e, n = i, c = () => {
198
- n("update:isOpen", !l.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", ne, [
206
- s("div", le, [
207
- y(r.$slots, "header"),
208
- s("button", {
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", {
209
214
  onClick: c,
210
- class: "modal_close_button",
215
+ class: "modal_close_button_lib",
211
216
  "data-modal-toggle": "editUserModal"
212
- }, ae)
217
+ }, fe)
213
218
  ]),
214
- s("div", ce, [
215
- s("div", re, [
216
- s("label", de, [
217
- y(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
- y(r.$slots, "footer")
226
+ l("div", he, [
227
+ b(r.$slots, "footer", {}, void 0, !0)
223
228
  ])
224
229
  ])
225
230
  ])
@@ -227,13 +232,13 @@ const D = {
227
232
  ])
228
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 _e = { install: fe };
239
+ const Se = { install: be };
235
240
  export {
236
- _e 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 E(t){return typeof t=="function"?t():e.unref(t)}const k=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,c;return k&&((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 b=k?window:void 0;function y(...t){let c,s,l,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,l,r]=t,c=b):[c,s,l,r]=t,!c)return w;Array.isArray(s)||(s=[s]),Array.isArray(l)||(l=[l]);const a=[],p=()=>{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(r)],([d,m])=>{if(p(),!d)return;const n=$(m)?{...m}:m;a.push(...s.flatMap(o=>l.map(i=>f(d,o,i,n))))},{immediate:!0,flush:"post"}),g=()=>{_(),p()};return N(g),g}let S=!1;function A(t,c,s={}){const{window:l=b,ignore:r=[],capture:a=!0,detectIframe:p=!1}=s;if(!l)return w;x&&!S&&(S=!0,Array.from(l.document.body.children).forEach(n=>n.addEventListener("click",w)),l.document.documentElement.addEventListener("click",w));let f=!0;const _=n=>r.some(o=>{if(typeof o=="string")return Array.from(l.document.querySelectorAll(o)).some(i=>i===n.target||n.composedPath().includes(i));{const i=h(o);return i&&(n.target===i||n.composedPath().includes(i))}}),d=[y(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}),y(l,"pointerdown",n=>{const o=h(t);f=!_(n)&&!!(o&&!n.composedPath().includes(o))},{passive:!0}),p&&y(l,"blur",n=>{setTimeout(()=>{var o;const i=h(t);((o=l.document.activeElement)==null?void 0:o.tagName)==="IFRAME"&&!(i!=null&&i.contains(l.document.activeElement))&&c(n)},0)})].filter(Boolean);return()=>d.forEach(n=>n())}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"},v={key:0},P={key:1,class:"space-y-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:c}){const s=t,l=c,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",l("closeSelect",o)};return A(p,()=>{r.value&&(r.value=!1)}),(o,i)=>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-100 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),_.value?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("button",{class:e.normalizeClass([a.value==="Vertical"?"bg-green-500":"","btn_select_widget"]),onClick:i[0]||(i[0]=()=>m("horizontal"))},I,2),e.createElementVNode("button",{class:e.normalizeClass([a.value!=="Vertical"?"bg-green-500":"","btn_select_widget"]),onClick:i[1]||(i[1]=()=>m("vertical"))},T,2)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)}},F={key:0,class:"modal_head"},W=e.createElementVNode("div",{class:"modal-overlay absolute h-full bg-gray-600 w-full opacity-70"},null,-1),D={class:"modal_responsive"},H={class:"flex min-h-full items-center justify-center text-center sm:p-0"},q={class:"modal_size lg:w-2/6"},G={class:"modal_background"},R={class:"modal_tittle 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"},C={__name:"simple_modal",props:{isOpen:Boolean,default:!1},emits:["update:isOpen"],setup(t,{emit:c}){const s=t,l=c,r=()=>{l("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","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/{tailwind.css → styleSmClick.css} RENAMED
@@ -505,171 +505,324 @@ 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
+ }
539
+ .mt-2 {
540
+ margin-top: 0.5rem;
541
+ }
518
542
  .line-clamp-2 {
519
543
  overflow: hidden;
520
544
  display: -webkit-box;
521
545
  -webkit-box-orient: vertical;
522
546
  -webkit-line-clamp: 2;
523
- }
547
+ }
524
548
  .block {
525
549
  display: block;
526
- }
550
+ }
527
551
  .flex {
528
552
  display: flex;
529
- }
553
+ }
554
+ .inline-flex {
555
+ display: inline-flex;
556
+ }
530
557
  .h-3 {
531
558
  height: 0.75rem;
532
- }
559
+ }
533
560
  .h-5 {
534
561
  height: 1.25rem;
535
- }
562
+ }
536
563
  .h-full {
537
564
  height: 100%;
538
- }
565
+ }
539
566
  .h-screen {
540
567
  height: 100vh;
541
- }
568
+ }
542
569
  .min-h-full {
543
570
  min-height: 100%;
544
- }
571
+ }
545
572
  .w-3 {
546
573
  width: 0.75rem;
547
- }
574
+ }
548
575
  .w-5 {
549
576
  width: 1.25rem;
550
- }
577
+ }
551
578
  .w-full {
552
579
  width: 100%;
553
- }
580
+ }
554
581
  .rotate-180 {
555
582
  --tw-rotate: 180deg;
556
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));
557
- }
584
+ }
585
+ .flex-col {
586
+ flex-direction: column;
587
+ }
558
588
  .items-center {
559
589
  align-items: center;
560
- }
590
+ }
591
+ .justify-end {
592
+ justify-content: flex-end;
593
+ }
561
594
  .justify-center {
562
595
  justify-content: center;
563
- }
596
+ }
564
597
  .justify-between {
565
598
  justify-content: space-between;
566
- }
599
+ }
567
600
  .gap-6 {
568
601
  gap: 1.5rem;
569
- }
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
+ }
570
608
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
571
609
  --tw-space-y-reverse: 0;
572
610
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
573
611
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
574
- }
612
+ }
613
+ .overflow-y-auto {
614
+ overflow-y: auto;
615
+ }
575
616
  .truncate {
576
617
  overflow: hidden;
577
618
  text-overflow: ellipsis;
578
619
  white-space: nowrap;
579
- }
620
+ }
621
+ .rounded-2xl {
622
+ border-radius: 1rem;
623
+ }
624
+ .rounded-lg {
625
+ border-radius: 0.5rem;
626
+ }
580
627
  .rounded-md {
581
628
  border-radius: 0.375rem;
582
- }
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
+ }
583
642
  .bg-base-100 {
584
643
  --tw-bg-opacity: 1;
585
644
  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
586
- }
645
+ }
646
+ .bg-base-200 {
647
+ --tw-bg-opacity: 1;
648
+ background-color: rgb(38 52 61 / var(--tw-bg-opacity));
649
+ }
650
+ .bg-base-200\/40 {
651
+ background-color: rgb(38 52 61 / 0.4);
652
+ }
587
653
  .bg-base-300 {
588
654
  --tw-bg-opacity: 1;
589
655
  background-color: rgb(17 27 33 / var(--tw-bg-opacity));
590
- }
656
+ }
657
+ .bg-black {
658
+ --tw-bg-opacity: 1;
659
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
660
+ }
591
661
  .bg-blue-900 {
592
662
  --tw-bg-opacity: 1;
593
663
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
594
- }
664
+ }
595
665
  .bg-gray-600 {
596
666
  --tw-bg-opacity: 1;
597
667
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
598
- }
668
+ }
599
669
  .bg-green-500 {
600
670
  --tw-bg-opacity: 1;
601
671
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
602
- }
672
+ }
673
+ .p-1 {
674
+ padding: 0.25rem;
675
+ }
676
+ .p-1\.5 {
677
+ padding: 0.375rem;
678
+ }
603
679
  .p-2 {
604
680
  padding: 0.5rem;
605
- }
681
+ }
606
682
  .p-3 {
607
683
  padding: 0.75rem;
608
- }
684
+ }
609
685
  .p-4 {
610
686
  padding: 1rem;
611
- }
687
+ }
688
+ .py-3 {
689
+ padding-top: 0.75rem;
690
+ padding-bottom: 0.75rem;
691
+ }
612
692
  .text-center {
613
693
  text-align: center;
614
- }
694
+ }
695
+ .text-sm {
696
+ font-size: 0.875rem;
697
+ line-height: 1.25rem;
698
+ }
615
699
  .text-xs {
616
700
  font-size: 0.75rem;
617
701
  line-height: 1rem;
618
- }
702
+ }
619
703
  .uppercase {
620
704
  text-transform: uppercase;
621
- }
705
+ }
622
706
  .text-current {
623
707
  color: currentColor;
624
- }
708
+ }
625
709
  .text-white {
626
710
  --tw-text-opacity: 1;
627
711
  color: rgb(255 255 255 / var(--tw-text-opacity));
628
- }
712
+ }
629
713
  .opacity-70 {
630
714
  opacity: 0.7;
631
- }
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
+ }
632
724
  .shadow-md {
633
725
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
634
726
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
635
727
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
636
- }
728
+ }
637
729
  .shadow-base-300 {
638
730
  --tw-shadow-color: #111B21;
639
731
  --tw-shadow: var(--tw-shadow-colored);
640
- }
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
+ }
641
745
  .transition-transform {
642
746
  transition-property: transform;
643
747
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
644
748
  transition-duration: 150ms;
645
- }
749
+ }
750
+ .duration-300 {
751
+ transition-duration: 300ms;
752
+ }
646
753
  .ease-in-out {
647
754
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
648
- }
649
-
650
- /* primary_select CSS */
651
- .btn_select_widget {
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 */
803
+ .btn_select_widget_lib {
652
804
  width: 100%;
653
805
  border-radius: 0.375rem;
806
+ --tw-bg-opacity: 1;
807
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity));
654
808
  padding: 0.5rem;
655
809
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
656
810
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
657
811
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
658
812
  --tw-shadow-color: #111B21;
659
813
  --tw-shadow: var(--tw-shadow-colored);
660
- }
661
- .btn_select_widget:hover {
814
+ }
815
+ .btn_select_widget_lib:hover {
662
816
  background-color: rgb(38 52 61 / 0.6);
663
- }
664
-
665
- .select_widget {
817
+ }
818
+ .select_widget_lib {
666
819
  position: absolute;
667
820
  z-index: 30;
668
821
  margin-top: 0.5rem;
669
822
  width: 100%;
670
823
  border-radius: 0.375rem;
671
824
  --tw-bg-opacity: 1;
672
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
825
+ background-color: rgb(38 52 61 / var(--tw-bg-opacity));
673
826
  padding: 0.375rem;
674
827
  --tw-text-opacity: 1;
675
828
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -678,10 +831,10 @@ video {
678
831
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
679
832
  --tw-shadow-color: #111B21;
680
833
  --tw-shadow: var(--tw-shadow-colored);
681
- }
682
-
683
- /* simple_modal CSS */
684
- .modal_head {
834
+ }
835
+
836
+ /* simple_modal CSS */
837
+ .modal_head_lib {
685
838
  position: fixed;
686
839
  top: 0px;
687
840
  left: 0px;
@@ -693,88 +846,88 @@ video {
693
846
  justify-content: center;
694
847
  --tw-backdrop-blur: blur(2px);
695
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);
696
- 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);
697
- 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;
698
851
  transition: opacity 0.2s ease-in-out;
699
- }
700
-
701
- .my_modal {
702
- animation: 0.1s ease-out 0s 1 modalani;
703
- transition: opacity 0.2s ease-in-out;
704
- }
705
-
706
- .modal-overlay {
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
+
859
+ .modal-overlay_lib {
707
860
  position: absolute;
708
861
  height: 100%;
709
862
  width: 100%;
710
863
  --tw-bg-opacity: 1;
711
864
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
712
865
  opacity: 0.2;
713
- }
714
-
715
- .modal_responsive {
866
+ }
867
+
868
+ .modal_responsive_lib {
716
869
  position: fixed;
717
870
  inset: 0px;
718
871
  z-index: 10;
719
872
  overflow-y: auto;
720
- }
721
-
722
- .modal_responsive::-webkit-scrollbar-track {
873
+ }
874
+
875
+ .modal_responsive_lib::-webkit-scrollbar-track {
723
876
  background-color: var(--scrollbar-track);
724
877
  border-radius: var(--scrollbar-track-radius);
725
- }
726
-
727
- .modal_responsive::-webkit-scrollbar-track:hover {
878
+ }
879
+
880
+ .modal_responsive_lib::-webkit-scrollbar-track:hover {
728
881
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
729
- }
730
-
731
- .modal_responsive::-webkit-scrollbar-track:active {
882
+ }
883
+
884
+ .modal_responsive_lib::-webkit-scrollbar-track:active {
732
885
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
733
- }
734
-
735
- .modal_responsive::-webkit-scrollbar-thumb {
886
+ }
887
+
888
+ .modal_responsive_lib::-webkit-scrollbar-thumb {
736
889
  background-color: var(--scrollbar-thumb);
737
890
  border-radius: var(--scrollbar-thumb-radius);
738
- }
739
-
740
- .modal_responsive::-webkit-scrollbar-thumb:hover {
891
+ }
892
+
893
+ .modal_responsive_lib::-webkit-scrollbar-thumb:hover {
741
894
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
742
- }
743
-
744
- .modal_responsive::-webkit-scrollbar-thumb:active {
895
+ }
896
+
897
+ .modal_responsive_lib::-webkit-scrollbar-thumb:active {
745
898
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
746
- }
747
-
748
- .modal_responsive::-webkit-scrollbar-corner {
899
+ }
900
+
901
+ .modal_responsive_lib::-webkit-scrollbar-corner {
749
902
  background-color: var(--scrollbar-corner);
750
903
  border-radius: var(--scrollbar-corner-radius);
751
- }
752
-
753
- .modal_responsive::-webkit-scrollbar-corner:hover {
904
+ }
905
+
906
+ .modal_responsive_lib::-webkit-scrollbar-corner:hover {
754
907
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
755
- }
756
-
757
- .modal_responsive::-webkit-scrollbar-corner:active {
908
+ }
909
+
910
+ .modal_responsive_lib::-webkit-scrollbar-corner:active {
758
911
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
759
- }
760
-
761
- .modal_responsive {
912
+ }
913
+
914
+ .modal_responsive_lib {
762
915
  scrollbar-width: auto;
763
916
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
764
- }
765
-
766
- .modal_responsive::-webkit-scrollbar {
917
+ }
918
+
919
+ .modal_responsive_lib::-webkit-scrollbar {
767
920
  display: block;
768
921
  width: var(--scrollbar-width, 16px);
769
922
  height: var(--scrollbar-height, 16px);
770
- }
771
-
772
- .modal_responsive {
923
+ }
924
+
925
+ .modal_responsive_lib {
773
926
  --scrollbar-track: #d1d5db;
774
927
  --scrollbar-thumb: #111827;
775
- }
776
-
777
- .modal_size {
928
+ }
929
+
930
+ .modal_size_lib {
778
931
  z-index: 50;
779
932
  width: 100%;
780
933
  border-radius: 1rem;
@@ -783,23 +936,23 @@ video {
783
936
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
784
937
  --tw-shadow-color: #000;
785
938
  --tw-shadow: var(--tw-shadow-colored);
786
- }
787
-
939
+ }
940
+
788
941
  @media (min-width: 864px) {
789
942
 
790
- .modal_size {
943
+ .modal_size_lib {
791
944
  width: 50%;
792
945
  }
793
- }
794
-
946
+ }
947
+
795
948
  @media (min-width: 1512px) {
796
949
 
797
- .modal_size {
950
+ .modal_size_lib {
798
951
  width: 33.333333%;
799
952
  }
800
- }
801
-
802
- .modal_background {
953
+ }
954
+
955
+ .modal_background_lib {
803
956
  position: relative;
804
957
  border-radius: 1rem;
805
958
  --tw-bg-opacity: 1;
@@ -807,9 +960,9 @@ video {
807
960
  --tw-backdrop-blur: blur(16px);
808
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);
809
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);
810
- }
811
-
812
- .modal_tittle {
963
+ }
964
+
965
+ .modal_tittle_lib {
813
966
  display: flex;
814
967
  align-items: center;
815
968
  justify-content: space-between;
@@ -824,20 +977,20 @@ video {
824
977
  padding-bottom: 0.75rem;
825
978
  text-transform: uppercase;
826
979
  color: currentColor;
827
- }
828
-
829
- .modal_end_button {
980
+ }
981
+
982
+ .modal_end_button_lib {
830
983
  display: flex;
831
984
  justify-content: flex-end;
832
- }
833
-
834
- .modal_end_button > :not([hidden]) ~ :not([hidden]) {
985
+ }
986
+
987
+ .modal_end_button_lib > :not([hidden]) ~ :not([hidden]) {
835
988
  --tw-space-x-reverse: 0;
836
989
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
837
990
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
838
- }
839
-
840
- .modal_end_button {
991
+ }
992
+
993
+ .modal_end_button_lib {
841
994
  border-bottom-right-radius: 1rem;
842
995
  border-bottom-left-radius: 1rem;
843
996
  --tw-border-opacity: 1;
@@ -845,9 +998,9 @@ video {
845
998
  --tw-bg-opacity: 1;
846
999
  background-color: rgb(17 27 33 / var(--tw-bg-opacity));
847
1000
  padding: 0.5rem;
848
- }
849
-
850
- .modal_close_button {
1001
+ }
1002
+
1003
+ .modal_close_button_lib {
851
1004
  margin-left: auto;
852
1005
  display: inline-flex;
853
1006
  align-items: center;
@@ -859,9 +1012,9 @@ video {
859
1012
  --tw-text-opacity: 1;
860
1013
  color: rgb(255 255 255 / var(--tw-text-opacity));
861
1014
  transition-duration: 300ms;
862
- }
863
-
864
- .modal_close_button:hover {
1015
+ }
1016
+
1017
+ .modal_close_button_lib:hover {
865
1018
  --tw-scale-x: 1.05;
866
1019
  --tw-scale-y: 1.05;
867
1020
  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));
@@ -869,15 +1022,33 @@ video {
869
1022
  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
870
1023
  --tw-text-opacity: 1;
871
1024
  color: rgb(255 255 255 / var(--tw-text-opacity));
872
- }
873
-
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
+
874
1038
  @media (min-width: 640px) {
875
1039
 
876
1040
  .sm\:p-0 {
877
1041
  padding: 0px;
878
1042
  }
879
- }
1043
+ }
1044
+
1045
+ @media (min-width: 864px) {
880
1046
 
1047
+ .md\:w-1\/2 {
1048
+ width: 50%;
1049
+ }
1050
+ }
1051
+
881
1052
  @media (min-width: 1280px) {
882
1053
 
883
1054
  .lg\:mt-0 {
@@ -887,4 +1058,11 @@ video {
887
1058
  .lg\:w-2\/6 {
888
1059
  width: 33.333333%;
889
1060
  }
1061
+ }
1062
+
1063
+ @media (min-width: 1512px) {
1064
+
1065
+ .xl\:w-1\/3 {
1066
+ width: 33.333333%;
1067
+ }
890
1068
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sm-click-library-ui",
3
- "version": "0.0.5",
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
  },
@@ -26,7 +27,7 @@
26
27
  "dev": "vite",
27
28
  "build": "pnpm run build:lib && pnpm run build:style",
28
29
  "build:lib": "vite build",
29
- "build:style": "postcss src/tailwind.css -o dist/tailwind.css",
30
+ "build:style": "postcss src/styleSmClick.css -o dist/styleSmClick.css",
30
31
  "preview": "vite preview"
31
32
  }
32
33
  }