sm-click-library-ui 0.0.4 → 0.0.6

package/dist/sm-click-library-ui.es.js

@@ -1,108 +1,108 @@
-import { getCurrentScope as P, onScopeDispose as V, unref as j, watch as I, ref as S, computed as b, openBlock as v, createElementBlock as g, createElementVNode as f, toDisplayString as x, normalizeClass as C, renderSlot as L, createCommentVNode as y } from "vue";
-function F(t) {
-  return P() ? (V(t), !0) : !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";
+function B(e) {
+  return z() ? (M(e), !0) : !1;
 }
-function E(t) {
-  return typeof t == "function" ? t() : j(t);
+function A(e) {
+  return typeof e == "function" ? e() : j(e);
 }
-const O = typeof window < "u" && typeof document < "u";
+const E = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const W = Object.prototype.toString, B = (t) => W.call(t) === "[object Object]", _ = () => {
-}, H = /* @__PURE__ */ M();
-function M() {
-  var t, i;
-  return O && ((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));
+const I = Object.prototype.toString, V = (e) => I.call(e) === "[object Object]", y = () => {
+}, F = /* @__PURE__ */ W();
+function W() {
+  var e, i;
+  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));
 }
-function w(t) {
+function g(e) {
   var i;
-  const s = E(t);
-  return (i = s == null ? void 0 : s.$el) != null ? i : s;
+  const n = A(e);
+  return (i = n == null ? void 0 : n.$el) != null ? i : n;
 }
-const z = O ? window : void 0;
-function k(...t) {
-  let i, s, n, r;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([s, n, r] = t, i = z) : [i, s, n, r] = t, !i)
-    return _;
-  Array.isArray(s) || (s = [s]), Array.isArray(n) || (n = [n]);
-  const a = [], p = () => {
-    a.forEach((c) => c()), a.length = 0;
-  }, d = (c, u, o, e) => (c.addEventListener(u, o, e), () => c.removeEventListener(u, o, e)), m = I(
-    () => [w(i), E(r)],
-    ([c, u]) => {
-      if (p(), !c)
+const L = E ? window : void 0;
+function x(...e) {
+  let i, n, l, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, a] = e, i = L) : [i, n, l, a] = e, !i)
+    return y;
+  Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
+  const r = [], p = () => {
+    r.forEach((d) => d()), r.length = 0;
+  }, f = (d, u, o, t) => (d.addEventListener(u, o, t), () => d.removeEventListener(u, o, t)), h = P(
+    () => [g(i), A(a)],
+    ([d, u]) => {
+      if (p(), !d)
         return;
-      const o = B(u) ? { ...u } : u;
-      a.push(
-        ...s.flatMap((e) => n.map((l) => d(c, e, l, o)))
+      const o = V(u) ? { ...u } : u;
+      r.push(
+        ...n.flatMap((t) => l.map((c) => f(d, t, c, o)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), h = () => {
-    m(), p();
+  ), v = () => {
+    h(), p();
   };
-  return F(h), h;
+  return B(v), v;
 }
-let A = !1;
-function D(t, i, s = {}) {
-  const { window: n = z, ignore: r = [], capture: a = !0, detectIframe: p = !1 } = s;
-  if (!n)
-    return _;
-  H && !A && (A = !0, Array.from(n.document.body.children).forEach((o) => o.addEventListener("click", _)), n.document.documentElement.addEventListener("click", _));
-  let d = !0;
-  const m = (o) => r.some((e) => {
-    if (typeof e == "string")
-      return Array.from(n.document.querySelectorAll(e)).some((l) => l === o.target || o.composedPath().includes(l));
+let $ = !1;
+function H(e, i, n = {}) {
+  const { window: l = L, ignore: a = [], capture: r = !0, detectIframe: p = !1 } = n;
+  if (!l)
+    return y;
+  F && !$ && ($ = !0, Array.from(l.document.body.children).forEach((o) => o.addEventListener("click", y)), l.document.documentElement.addEventListener("click", y));
+  let f = !0;
+  const h = (o) => a.some((t) => {
+    if (typeof t == "string")
+      return Array.from(l.document.querySelectorAll(t)).some((c) => c === o.target || o.composedPath().includes(c));
     {
-      const l = w(e);
-      return l && (o.target === l || o.composedPath().includes(l));
+      const c = g(t);
+      return c && (o.target === c || o.composedPath().includes(c));
     }
-  }), c = [
-    k(n, "click", (o) => {
-      const e = w(t);
-      if (!(!e || e === o.target || o.composedPath().includes(e))) {
-        if (o.detail === 0 && (d = !m(o)), !d) {
-          d = !0;
+  }), d = [
+    x(l, "click", (o) => {
+      const t = g(e);
+      if (!(!t || t === o.target || o.composedPath().includes(t))) {
+        if (o.detail === 0 && (f = !h(o)), !f) {
+          f = !0;
           return;
         }
         i(o);
       }
-    }, { passive: !0, capture: a }),
-    k(n, "pointerdown", (o) => {
-      const e = w(t);
-      d = !m(o) && !!(e && !o.composedPath().includes(e));
+    }, { passive: !0, capture: r }),
+    x(l, "pointerdown", (o) => {
+      const t = g(e);
+      f = !h(o) && !!(t && !o.composedPath().includes(t));
     }, { passive: !0 }),
-    p && k(n, "blur", (o) => {
+    p && x(l, "blur", (o) => {
       setTimeout(() => {
-        var e;
-        const l = w(t);
-        ((e = n.document.activeElement) == null ? void 0 : e.tagName) === "IFRAME" && !(l != null && l.contains(n.document.activeElement)) && i(o);
+        var t;
+        const c = g(e);
+        ((t = l.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(c != null && c.contains(l.document.activeElement)) && i(o);
       }, 0);
     })
   ].filter(Boolean);
-  return () => c.forEach((o) => o());
+  return () => d.forEach((o) => o());
 }
-const N = {
+const D = {
   key: 0,
   class: "line-clamp-2 uppercase text-xs truncate text-white"
-}, T = {
+}, N = {
   key: 1,
   class: "line-clamp-2 uppercase text-xs truncate text-white"
-}, G = /* @__PURE__ */ f("path", {
+}, T = /* @__PURE__ */ s("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), $ = [
-  G
+}, null, -1), G = [
+  T
 ], q = {
   key: 0,
-  class: "select_widget"
-}, R = { key: 0 }, Z = {
+  class: "select_widget_lib"
+}, R = { key: 0 }, U = {
   key: 1,
-  class: "space-y-2"
-}, J = /* @__PURE__ */ f("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1), K = [
-  J
-], Q = /* @__PURE__ */ f("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1), U = [
-  Q
+  class: "space-y-2 mt-2"
+}, Z = /* @__PURE__ */ s("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1), J = [
+  Z
+], K = /* @__PURE__ */ s("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1), Q = [
+  K
 ], X = {
   __name: "primary_select",
   props: {
@@ -119,63 +119,121 @@ const N = {
     }
   },
   emits: ["closeSelect"],
-  setup(t, { emit: i }) {
-    const s = t, n = i, r = S(!1), a = S("Horizontal"), p = S(null), d = b(() => s.selectConfig.length > 0), m = b(
-      () => s.selectConfig.some((e) => e.chartsConfig)
-    ), h = b(
-      () => s.selectConfig.some((e) => e.freeSlot)
-    ), c = () => {
-      r.value = !r.value;
-    }, u = (e) => {
-      r.value = !1, a.value = e === "horizontal" ? "Vertical" : "Horizontal", n("closeSelect", e);
+  setup(e, { emit: i }) {
+    const n = e, l = i, a = S(!1), r = S("Horizontal"), p = S(null), f = k(() => n.selectConfig.length > 0), h = k(
+      () => n.selectConfig.some((t) => t.chartsConfig)
+    ), v = k(
+      () => n.selectConfig.some((t) => t.freeSlot)
+    ), d = () => {
+      a.value = !a.value;
+    }, u = (t) => {
+      a.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", l("closeSelect", t);
     };
-    return D(p, () => {
-      r.value && (r.value = !1);
-    }), (e, l) => d.value ? (v(), g("div", {
+    return H(p, () => {
+      a.value && (a.value = !1);
+    }), (t, c) => f.value ? (_(), m("div", {
       key: 0,
       ref_key: "target",
       ref: p,
       class: "relative w-full"
     }, [
-      f("button", {
-        onClick: c,
-        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"
+      s("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"
       }, [
-        f("div", null, [
-          m.value ? (v(), g("p", N, x(a.value), 1)) : (v(), g("p", T, x(t.titleFreeSlot), 1))
+        s("div", null, [
+          h.value ? (_(), m("p", D, O(r.value), 1)) : (_(), m("p", N, O(e.titleFreeSlot), 1))
         ]),
-        f("div", null, [
-          (v(), g("svg", {
-            class: C([r.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
+        s("div", null, [
+          (_(), m("svg", {
+            class: C([a.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"
-          }, $, 2))
+          }, G, 2))
         ])
       ]),
-      r.value ? (v(), g("section", q, [
-        h.value ? (v(), g("div", R, [
-          L(e.$slots, "free-slot")
-        ])) : y("", !0),
-        m.value ? (v(), g("div", Z, [
-          f("button", {
-            class: C([a.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget"]),
-            onClick: l[0] || (l[0] = () => u("horizontal"))
-          }, K, 2),
-          f("button", {
-            class: C([a.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget"]),
-            onClick: l[1] || (l[1] = () => u("vertical"))
-          }, U, 2)
-        ])) : y("", !0)
-      ])) : y("", !0)
-    ], 512)) : y("", !0);
+      a.value ? (_(), m("section", q, [
+        v.value ? (_(), m("div", R, [
+          w(t.$slots, "free-slot")
+        ])) : b("", !0),
+        (_(), m("div", U, [
+          s("button", {
+            class: C([r.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
+            onClick: c[0] || (c[0] = () => u("horizontal"))
+          }, J, 2),
+          s("button", {
+            class: C([r.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
+            onClick: c[1] || (c[1] = () => u("vertical"))
+          }, Q, 2)
+        ]))
+      ])) : b("", !0)
+    ], 512)) : b("", !0);
+  }
+}, Y = {
+  key: 0,
+  class: "modal_head_lib"
+}, 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", {
+  class: "h-5 w-5",
+  fill: "currentColor",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ s("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), ce = [
+  ie
+], ae = { class: "p-4" }, re = { class: "w-full" }, de = { class: "block" }, ue = { class: "modal_end_button_lib" }, pe = {
+  __name: "simple_modal",
+  props: {
+    isOpen: Boolean,
+    default: !1
+  },
+  emits: ["update:isOpen"],
+  setup(e, { emit: i }) {
+    const n = e, l = i, a = () => {
+      l("update:isOpen", !n.isOpen);
+    };
+    return (r, p) => e.isOpen ? (_(), m("div", Y, [
+      ee,
+      s("div", te, [
+        s("div", oe, [
+          s("div", se, [
+            s("div", le, [
+              s("div", ne, [
+                w(r.$slots, "header"),
+                s("button", {
+                  onClick: a,
+                  class: "modal_close_button_lib",
+                  "data-modal-toggle": "editUserModal"
+                }, ce)
+              ]),
+              s("div", ae, [
+                s("div", re, [
+                  s("label", de, [
+                    w(r.$slots, "body")
+                  ])
+                ])
+              ]),
+              s("div", ue, [
+                w(r.$slots, "footer")
+              ])
+            ])
+          ])
+        ])
+      ])
+    ])) : b("", !0);
   }
 };
-function Y(t) {
-  t.component("primarySelect", X);
+function fe(e) {
+  e.component("primarySelect", X), e.component("simpleModal", pe);
 }
-const te = { install: Y };
+const me = { install: fe };
 export {
-  te as default,
-  X as primarySelect
+  me as default,
+  X as primarySelect,
+  pe as simpleModal
 };

package/dist/sm-click-library-ui.umd.js

@@ -1 +1 @@
-(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f["sm-click-library-ui"]={},f.Vue))})(this,function(f,e){"use strict";function V(o){return e.getCurrentScope()?(e.onScopeDispose(o),!0):!1}function k(o){return typeof o=="function"?o():e.unref(o)}const S=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const x=Object.prototype.toString,B=o=>x.call(o)==="[object Object]",w=()=>{},A=N();function N(){var o,r;return S&&((o=window==null?void 0:window.navigator)==null?void 0:o.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((r=window==null?void 0:window.navigator)==null?void 0:r.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function g(o){var r;const s=k(o);return(r=s==null?void 0:s.$el)!=null?r:s}const E=S?window:void 0;function y(...o){let r,s,l,c;if(typeof o[0]=="string"||Array.isArray(o[0])?([s,l,c]=o,r=E):[r,s,l,c]=o,!r)return w;Array.isArray(s)||(s=[s]),Array.isArray(l)||(l=[l]);const d=[],m=()=>{d.forEach(a=>a()),d.length=0},p=(a,u,n,t)=>(a.addEventListener(u,n,t),()=>a.removeEventListener(u,n,t)),h=e.watch(()=>[g(r),k(c)],([a,u])=>{if(m(),!a)return;const n=B(u)?{...u}:u;d.push(...s.flatMap(t=>l.map(i=>p(a,t,i,n))))},{immediate:!0,flush:"post"}),_=()=>{h(),m()};return V(_),_}let b=!1;function O(o,r,s={}){const{window:l=E,ignore:c=[],capture:d=!0,detectIframe:m=!1}=s;if(!l)return w;A&&!b&&(b=!0,Array.from(l.document.body.children).forEach(n=>n.addEventListener("click",w)),l.document.documentElement.addEventListener("click",w));let p=!0;const h=n=>c.some(t=>{if(typeof t=="string")return Array.from(l.document.querySelectorAll(t)).some(i=>i===n.target||n.composedPath().includes(i));{const i=g(t);return i&&(n.target===i||n.composedPath().includes(i))}}),a=[y(l,"click",n=>{const t=g(o);if(!(!t||t===n.target||n.composedPath().includes(t))){if(n.detail===0&&(p=!h(n)),!p){p=!0;return}r(n)}},{passive:!0,capture:d}),y(l,"pointerdown",n=>{const t=g(o);p=!h(n)&&!!(t&&!n.composedPath().includes(t))},{passive:!0}),m&&y(l,"blur",n=>{setTimeout(()=>{var t;const i=g(o);((t=l.document.activeElement)==null?void 0:t.tagName)==="IFRAME"&&!(i!=null&&i.contains(l.document.activeElement))&&r(n)},0)})].filter(Boolean);return()=>a.forEach(n=>n())}const v={key:0,class:"line-clamp-2 uppercase text-xs truncate text-white"},z={key:1,class:"line-clamp-2 uppercase text-xs truncate text-white"},j=[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"},I={key:0},L={key:1,class:"space-y-2"},M=[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)],C={__name:"primary_select",props:{titleFreeSlot:{type:String,default:"Free Slot"},selectConfig:{type:Object,default:()=>({chartsConfig:!1,freeSlot:!1})}},emits:["closeSelect"],setup(o,{emit:r}){const s=o,l=r,c=e.ref(!1),d=e.ref("Horizontal"),m=e.ref(null),p=e.computed(()=>s.selectConfig.length>0),h=e.computed(()=>s.selectConfig.some(t=>t.chartsConfig)),_=e.computed(()=>s.selectConfig.some(t=>t.freeSlot)),a=()=>{c.value=!c.value},u=t=>{c.value=!1,d.value=t==="horizontal"?"Vertical":"Horizontal",l("closeSelect",t)};return O(m,()=>{c.value&&(c.value=!1)}),(t,i)=>p.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"target",ref:m,class:"relative w-full"},[e.createElementVNode("button",{onClick:a,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,[h.value?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(d.value),1)):(e.openBlock(),e.createElementBlock("p",z,e.toDisplayString(o.titleFreeSlot),1))]),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([c.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))])]),c.value?(e.openBlock(),e.createElementBlock("section",P,[_.value?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"free-slot")])):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("button",{class:e.normalizeClass([d.value==="Vertical"?"bg-green-500":"","btn_select_widget"]),onClick:i[0]||(i[0]=()=>u("horizontal"))},M,2),e.createElementVNode("button",{class:e.normalizeClass([d.value!=="Vertical"?"bg-green-500":"","btn_select_widget"]),onClick:i[1]||(i[1]=()=>u("vertical"))},T,2)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)}};function F(o){o.component("primarySelect",C)}const W={install:F};f.default=W,f.primarySelect=C,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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"}})});

package/dist/{tailwind.css → styleSmClick.css}

@@ -515,6 +515,9 @@ video {
 .z-10 {
   z-index: 10;
 }
+.mt-2 {
+  margin-top: 0.5rem;
+}
 .line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
@@ -555,6 +558,9 @@ video {
   --tw-rotate: 180deg;
   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));
 }
+.flex-col {
+  flex-direction: column;
+}
 .items-center {
   align-items: center;
 }
@@ -580,9 +586,9 @@ video {
 .rounded-md {
   border-radius: 0.375rem;
 }
-.bg-base-100 {
+.bg-base-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
+  background-color: rgb(38 52 61 / var(--tw-bg-opacity));
 }
 .bg-base-300 {
   --tw-bg-opacity: 1;
@@ -648,9 +654,11 @@ video {
 }
 
 /* primary_select CSS  */
-.btn_select_widget {
+.btn_select_widget_lib {
   width: 100%;
   border-radius: 0.375rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
   padding: 0.5rem;
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -658,18 +666,17 @@ video {
   --tw-shadow-color: #111B21;
   --tw-shadow: var(--tw-shadow-colored);
 }
-.btn_select_widget:hover {
+.btn_select_widget_lib:hover {
   background-color: rgb(38 52 61 / 0.6);
 }
-
-.select_widget {
+.select_widget_lib {
   position: absolute;
   z-index: 30;
   margin-top: 0.5rem;
   width: 100%;
   border-radius: 0.375rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
+  background-color: rgb(38 52 61 / var(--tw-bg-opacity));
   padding: 0.375rem;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -681,7 +688,7 @@ video {
 }
 
 /* simple_modal CSS  */
-.modal_head {
+.modal_head_lib {
   position: fixed;
   top: 0px;
   left: 0px;
@@ -698,12 +705,12 @@ video {
     transition: opacity 0.2s ease-in-out;
 }
 
-.my_modal {
+.my_modal_lib {
     animation: 0.1s ease-out 0s 1 modalani;
     transition: opacity 0.2s ease-in-out;
 }
 
-.modal-overlay {
+.modal-overlay_lib {
   position: absolute;
   height: 100%;
   width: 100%;
@@ -712,69 +719,69 @@ video {
   opacity: 0.2;
 }
 
-.modal_responsive {
+.modal_responsive_lib {
   position: fixed;
   inset: 0px;
   z-index: 10;
   overflow-y: auto;
 }
 
-.modal_responsive::-webkit-scrollbar-track {
+.modal_responsive_lib::-webkit-scrollbar-track {
   background-color: var(--scrollbar-track);
   border-radius: var(--scrollbar-track-radius);
 }
 
-.modal_responsive::-webkit-scrollbar-track:hover {
+.modal_responsive_lib::-webkit-scrollbar-track:hover {
   background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
 }
 
-.modal_responsive::-webkit-scrollbar-track:active {
+.modal_responsive_lib::-webkit-scrollbar-track:active {
   background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
 }
 
-.modal_responsive::-webkit-scrollbar-thumb {
+.modal_responsive_lib::-webkit-scrollbar-thumb {
   background-color: var(--scrollbar-thumb);
   border-radius: var(--scrollbar-thumb-radius);
 }
 
-.modal_responsive::-webkit-scrollbar-thumb:hover {
+.modal_responsive_lib::-webkit-scrollbar-thumb:hover {
   background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
 }
 
-.modal_responsive::-webkit-scrollbar-thumb:active {
+.modal_responsive_lib::-webkit-scrollbar-thumb:active {
   background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
 }
 
-.modal_responsive::-webkit-scrollbar-corner {
+.modal_responsive_lib::-webkit-scrollbar-corner {
   background-color: var(--scrollbar-corner);
   border-radius: var(--scrollbar-corner-radius);
 }
 
-.modal_responsive::-webkit-scrollbar-corner:hover {
+.modal_responsive_lib::-webkit-scrollbar-corner:hover {
   background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
 }
 
-.modal_responsive::-webkit-scrollbar-corner:active {
+.modal_responsive_lib::-webkit-scrollbar-corner:active {
   background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
 }
 
-.modal_responsive {
+.modal_responsive_lib {
   scrollbar-width: auto;
   scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
 }
 
-.modal_responsive::-webkit-scrollbar {
+.modal_responsive_lib::-webkit-scrollbar {
   display: block;
   width: var(--scrollbar-width, 16px);
   height: var(--scrollbar-height, 16px);
 }
 
-.modal_responsive {
+.modal_responsive_lib {
   --scrollbar-track: #d1d5db;
   --scrollbar-thumb: #111827;
 }
 
-.modal_size {
+.modal_size_lib {
   z-index: 50;
   width: 100%;
   border-radius: 1rem;
@@ -787,19 +794,19 @@ video {
 
 @media (min-width: 864px) {
 
-  .modal_size {
+  .modal_size_lib {
     width: 50%;
   }
 }
 
 @media (min-width: 1512px) {
 
-  .modal_size {
+  .modal_size_lib {
     width: 33.333333%;
   }
 }
 
-.modal_background {
+.modal_background_lib {
   position: relative;
   border-radius: 1rem;
   --tw-bg-opacity: 1;
@@ -809,7 +816,7 @@ video {
           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);
 }
 
-.modal_tittle {
+.modal_tittle_lib {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -826,18 +833,18 @@ video {
   color: currentColor;
 }
 
-.modal_end_button {
+.modal_end_button_lib {
   display: flex;
   justify-content: flex-end;
 }
 
-.modal_end_button > :not([hidden]) ~ :not([hidden]) {
+.modal_end_button_lib > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.modal_end_button {
+.modal_end_button_lib {
   border-bottom-right-radius: 1rem;
   border-bottom-left-radius: 1rem;
   --tw-border-opacity: 1;
@@ -847,7 +854,7 @@ video {
   padding: 0.5rem;
 }
 
-.modal_close_button {
+.modal_close_button_lib {
   margin-left: auto;
   display: inline-flex;
   align-items: center;
@@ -861,7 +868,7 @@ video {
   transition-duration: 300ms;
 }
 
-.modal_close_button:hover {
+.modal_close_button_lib:hover {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sm-click-library-ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "main": "dist/sm-click-library-ui.es.js",
   "module": "dist/sm-click-library-ui.umd.js",
   "private": false,
@@ -26,7 +26,7 @@
     "dev": "vite",
     "build": "pnpm run build:lib && pnpm run build:style",
     "build:lib": "vite build",
-    "build:style": "postcss src/tailwind.css -o dist/tailwind.css",
+    "build:style": "postcss src/styleSmClick.css -o dist/styleSmClick.css",
     "preview": "vite preview"
   }
 }