sm-click-library-ui 0.0.22 → 0.0.23

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

@@ -1,98 +1,92 @@
-import { getCurrentScope as F, onScopeDispose as W, unref as H, watch as D, 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";
-function N(e) {
-  return F() ? (W(e), !0) : !1;
+import { getCurrentScope as T, onScopeDispose as V, unref as z, watch as D, ref as S, computed as k, openBlock as f, createElementBlock as p, createElementVNode as o, toDisplayString as x, normalizeClass as L, renderSlot as g, createCommentVNode as m, pushScopeId as M, popScopeId as O } from "vue";
+function G(e) {
+  return T() ? (V(e), !0) : !1;
 }
-function L(e) {
-  return typeof e == "function" ? e() : H(e);
+function E(e) {
+  return typeof e == "function" ? e() : z(e);
 }
-const z = typeof window < "u" && typeof document < "u";
+const A = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const T = Object.prototype.toString, G = (e) => T.call(e) === "[object Object]", y = () => {
-}, q = /* @__PURE__ */ R();
-function R() {
-  var e, i;
-  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));
+const N = Object.prototype.toString, q = (e) => N.call(e) === "[object Object]", b = () => {
+}, H = /* @__PURE__ */ F();
+function F() {
+  var e, l;
+  return A && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((l = window == null ? void 0 : window.navigator) == null ? void 0 : l.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function w(e) {
-  var i;
-  const n = L(e);
-  return (i = n == null ? void 0 : n.$el) != null ? i : n;
+function v(e) {
+  var l;
+  const n = E(e);
+  return (l = n == null ? void 0 : n.$el) != null ? l : n;
 }
-const M = z ? window : void 0;
-function x(...e) {
-  let i, n, s, c;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, s, c] = e, i = M) : [i, n, s, c] = e, !i)
-    return y;
-  Array.isArray(n) || (n = [n]), Array.isArray(s) || (s = [s]);
-  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)), v = D(
-    () => [w(i), L(c)],
-    ([d, u]) => {
-      if (p(), !d)
+const B = A ? window : void 0;
+function y(...e) {
+  let l, n, t, r;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, t, r] = e, l = B) : [l, n, t, r] = e, !l)
+    return b;
+  Array.isArray(n) || (n = [n]), Array.isArray(t) || (t = [t]);
+  const c = [], _ = () => {
+    c.forEach((u) => u()), c.length = 0;
+  }, d = (u, h, s, i) => (u.addEventListener(h, s, i), () => u.removeEventListener(h, s, i)), w = D(
+    () => [v(l), E(r)],
+    ([u, h]) => {
+      if (_(), !u)
         return;
-      const o = G(u) ? { ...u } : u;
-      r.push(
-        ...n.flatMap((t) => s.map((a) => f(d, t, a, o)))
+      const s = q(h) ? { ...h } : h;
+      c.push(
+        ...n.flatMap((i) => t.map((a) => d(u, i, a, s)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), h = () => {
-    v(), p();
+  ), C = () => {
+    w(), _();
   };
-  return N(h), h;
+  return G(C), C;
 }
-let A = !1;
-function U(e, i, n = {}) {
-  const { window: s = M, ignore: c = [], capture: r = !0, detectIframe: p = !1 } = n;
-  if (!s)
-    return y;
-  q && !A && (A = !0, Array.from(s.document.body.children).forEach((o) => o.addEventListener("click", y)), s.document.documentElement.addEventListener("click", y));
-  let f = !0;
-  const v = (o) => c.some((t) => {
-    if (typeof t == "string")
-      return Array.from(s.document.querySelectorAll(t)).some((a) => a === o.target || o.composedPath().includes(a));
+let $ = !1;
+function R(e, l, n = {}) {
+  const { window: t = B, ignore: r = [], capture: c = !0, detectIframe: _ = !1 } = n;
+  if (!t)
+    return b;
+  H && !$ && ($ = !0, Array.from(t.document.body.children).forEach((s) => s.addEventListener("click", b)), t.document.documentElement.addEventListener("click", b));
+  let d = !0;
+  const w = (s) => r.some((i) => {
+    if (typeof i == "string")
+      return Array.from(t.document.querySelectorAll(i)).some((a) => a === s.target || s.composedPath().includes(a));
     {
-      const a = w(t);
-      return a && (o.target === a || o.composedPath().includes(a));
+      const a = v(i);
+      return a && (s.target === a || s.composedPath().includes(a));
     }
-  }), d = [
-    x(s, "click", (o) => {
-      const t = w(e);
-      if (!(!t || t === o.target || o.composedPath().includes(t))) {
-        if (o.detail === 0 && (f = !v(o)), !f) {
-          f = !0;
+  }), u = [
+    y(t, "click", (s) => {
+      const i = v(e);
+      if (!(!i || i === s.target || s.composedPath().includes(i))) {
+        if (s.detail === 0 && (d = !w(s)), !d) {
+          d = !0;
           return;
         }
-        i(o);
+        l(s);
       }
-    }, { passive: !0, capture: r }),
-    x(s, "pointerdown", (o) => {
-      const t = w(e);
-      f = !v(o) && !!(t && !o.composedPath().includes(t));
+    }, { passive: !0, capture: c }),
+    y(t, "pointerdown", (s) => {
+      const i = v(e);
+      d = !w(s) && !!(i && !s.composedPath().includes(i));
     }, { passive: !0 }),
-    p && x(s, "blur", (o) => {
+    _ && y(t, "blur", (s) => {
       setTimeout(() => {
-        var t;
-        const a = w(e);
-        ((t = s.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(a != null && a.contains(s.document.activeElement)) && i(o);
+        var i;
+        const a = v(e);
+        ((i = t.document.activeElement) == null ? void 0 : i.tagName) === "IFRAME" && !(a != null && a.contains(t.document.activeElement)) && l(s);
       }, 0);
     })
   ].filter(Boolean);
-  return () => d.forEach((o) => o());
+  return () => u.forEach((s) => s());
 }
-const j = (e, i) => {
+const I = (e, l) => {
   const n = e.__vccOpts || e;
-  for (const [s, c] of i)
-    n[s] = c;
+  for (const [t, r] of l)
+    n[t] = r;
   return n;
-}, O = (e) => (E("data-v-a8f8c201"), e = e(), I(), e), Z = {
-  key: 0,
-  class: "line-clamp-2 uppercase text-xs truncate text-white"
-}, J = {
-  key: 1,
-  class: "line-clamp-2 uppercase text-xs truncate text-white"
-}, K = /* @__PURE__ */ O(() => /* @__PURE__ */ l("path", {
+}, U = (e) => (M("data-v-af0111a4"), e = e(), O(), e), J = { class: "line-clamp-2 uppercase text-xs truncate text-white" }, K = /* @__PURE__ */ U(() => /* @__PURE__ */ o("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"
@@ -101,146 +95,226 @@ const j = (e, i) => {
 ], X = {
   key: 0,
   class: "select_widget_lib"
-}, Y = { key: 0 }, ee = {
-  key: 1,
-  class: "space-y-2"
-}, te = /* @__PURE__ */ O(() => /* @__PURE__ */ l("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1)), oe = [
-  te
-], se = /* @__PURE__ */ O(() => /* @__PURE__ */ l("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1)), ne = [
-  se
-], le = {
+}, Y = {
   __name: "primary_select",
   props: {
-    titleFreeSlot: {
-      type: String,
-      default: "Free Slot"
-    },
-    selectConfig: {
+    config: {
       type: Object,
-      default: () => ({
-        chartsConfig: !1,
-        freeSlot: !1
-      })
+      default: {
+        title: "select_primary"
+      }
     }
   },
   emits: ["closeSelect"],
-  setup(e, { emit: i }) {
-    const n = e, s = i, c = S(!1), r = S("Horizontal"), p = S(null), f = k(() => n.selectConfig.length > 0), v = k(
-      () => n.selectConfig.some((t) => t.chartsConfig)
-    ), h = k(
-      () => n.selectConfig.some((t) => t.freeSlot)
-    ), d = () => {
-      c.value = !c.value;
-    }, u = (t) => {
-      c.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", s("closeSelect", t);
+  setup(e, { emit: l }) {
+    const n = e, t = S(!1), r = S(null);
+    k(
+      () => n.selectConfig.some((d) => d.freeSlot)
+    );
+    const c = () => {
+      t.value = !t.value;
     };
-    return U(p, () => {
-      c.value && (c.value = !1);
-    }), (t, a) => f.value ? (_(), m("div", {
-      key: 0,
+    return R(r, () => {
+      t.value && (t.value = !1);
+    }), (d, w) => (f(), p("div", {
       ref_key: "target",
-      ref: p,
+      ref: r,
       class: "relative w-full"
     }, [
-      l("button", {
-        onClick: d,
+      o("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"
       }, [
-        l("div", null, [
-          v.value ? (_(), m("p", Z, $(r.value), 1)) : (_(), m("p", J, $(e.titleFreeSlot), 1))
+        o("div", null, [
+          o("p", J, x(e.config.title), 1)
         ]),
-        l("div", null, [
-          (_(), m("svg", {
-            class: C([c.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
+        o("div", null, [
+          (f(), p("svg", {
+            class: L([t.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"
           }, Q, 2))
         ])
       ]),
-      c.value ? (_(), m("section", X, [
-        h.value ? (_(), m("div", Y, [
-          b(t.$slots, "free-slot", {}, void 0, !0)
-        ])) : g("", !0),
-        v.value ? (_(), m("div", ee, [
-          l("button", {
-            class: C([r.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
-            onClick: a[0] || (a[0] = () => u("horizontal"))
-          }, oe, 2),
-          l("button", {
-            class: C([r.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
-            onClick: a[1] || (a[1] = () => u("vertical"))
-          }, ne, 2)
-        ])) : g("", !0)
-      ])) : g("", !0)
-    ], 512)) : g("", !0);
+      t.value ? (f(), p("section", X, [
+        o("div", null, [
+          g(d.$slots, "free-slot", {}, void 0, !0)
+        ])
+      ])) : m("", !0)
+    ], 512));
   }
-}, P = /* @__PURE__ */ j(le, [["__scopeId", "data-v-a8f8c201"]]), B = (e) => (E("data-v-4c81a5bf"), e = e(), I(), e), ie = {
+}, Z = /* @__PURE__ */ I(Y, [["__scopeId", "data-v-af0111a4"]]), j = (e) => (M("data-v-4c81a5bf"), e = e(), O(), e), ee = {
   key: 0,
   class: "modal_head_lib"
-}, ce = /* @__PURE__ */ B(() => /* @__PURE__ */ l("div", { class: "modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70" }, null, -1)), ae = { class: "modal_responsive_lib" }, re = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, de = { class: "modal_size_lib lg:w-2/6" }, ue = { class: "modal_background_lib" }, pe = { class: "modal_tittle_lib text-current" }, fe = /* @__PURE__ */ B(() => /* @__PURE__ */ l("svg", {
+}, te = /* @__PURE__ */ j(() => /* @__PURE__ */ o("div", { class: "modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70" }, null, -1)), oe = { class: "modal_responsive_lib" }, se = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, le = { class: "modal_size_lib lg:w-2/6" }, ne = { class: "modal_background_lib" }, ie = { class: "modal_tittle_lib text-current" }, re = /* @__PURE__ */ j(() => /* @__PURE__ */ o("svg", {
   class: "h-5 w-5",
   fill: "currentColor",
   viewBox: "0 0 20 20",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ l("path", {
+  /* @__PURE__ */ o("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)), _e = [
-  fe
-], me = { class: "p-4" }, ve = { class: "w-full" }, he = { class: "block" }, ge = { class: "modal_end_button_lib sm" }, we = {
+], -1)), ce = [
+  re
+], ae = { class: "p-4" }, de = { class: "w-full" }, ue = { class: "block" }, fe = { class: "modal_end_button_lib sm" }, pe = {
   __name: "simple_modal",
   props: {
     isOpen: Boolean,
     default: !1
   },
   emits: ["update:isOpen"],
-  setup(e, { emit: i }) {
-    const n = e, s = i, c = () => {
-      s("update:isOpen", !n.isOpen);
+  setup(e, { emit: l }) {
+    const n = e, t = l, r = () => {
+      t("update:isOpen", !n.isOpen);
     };
-    return (r, p) => e.isOpen ? (_(), m("div", ie, [
-      ce,
-      l("div", ae, [
-        l("div", re, [
-          l("div", de, [
-            l("div", ue, [
-              l("div", pe, [
-                b(r.$slots, "header", {}, void 0, !0),
-                l("button", {
-                  onClick: c,
+    return (c, _) => e.isOpen ? (f(), p("div", ee, [
+      te,
+      o("div", oe, [
+        o("div", se, [
+          o("div", le, [
+            o("div", ne, [
+              o("div", ie, [
+                g(c.$slots, "header", {}, void 0, !0),
+                o("button", {
+                  onClick: r,
                   class: "modal_close_button_lib",
                   "data-modal-toggle": "editUserModal"
-                }, _e)
+                }, ce)
               ]),
-              l("div", me, [
-                l("div", ve, [
-                  l("label", he, [
-                    b(r.$slots, "body", {}, void 0, !0)
+              o("div", ae, [
+                o("div", de, [
+                  o("label", ue, [
+                    g(c.$slots, "body", {}, void 0, !0)
                   ])
                 ])
               ]),
-              l("div", ge, [
-                b(r.$slots, "footer", {}, void 0, !0)
+              o("div", fe, [
+                g(c.$slots, "footer", {}, void 0, !0)
               ])
             ])
           ])
         ])
       ])
-    ])) : g("", !0);
+    ])) : m("", !0);
+  }
+}, P = /* @__PURE__ */ I(pe, [["__scopeId", "data-v-4c81a5bf"]]), he = { class: "flex items-center gap-3 mb-2" }, _e = {
+  key: 0,
+  class: "text-green-500",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none"
+}, me = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM13.6103 8.18593C13.8511 7.84887 13.773 7.38046 13.4359 7.1397C13.0989 6.89894 12.6305 6.97701 12.3897 7.31407L9.1543 11.8436L7.53033 10.2197C7.23744 9.92678 6.76256 9.92678 6.46967 10.2197C6.17678 10.5126 6.17678 10.9874 6.46967 11.2803L8.71967 13.5303C8.87556 13.6862 9.09215 13.7656 9.31186 13.7474C9.53157 13.7293 9.73216 13.6153 9.8603 13.4359L13.6103 8.18593Z",
+  fill: "currentColor"
+}, null, -1), we = [
+  me
+], ve = {
+  key: 1,
+  class: "text-blue-400",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none"
+}, ge = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7V10.75C10.75 11.1642 10.4142 11.5 10 11.5C9.58579 11.5 9.25 11.1642 9.25 10.75V7C9.25 6.58579 9.58579 6.25 10 6.25ZM10 14.5C10.4142 14.5 10.75 14.1642 10.75 13.75C10.75 13.3358 10.4142 13 10 13C9.58579 13 9.25 13.3358 9.25 13.75C9.25 14.1642 9.58579 14.5 10 14.5Z",
+  fill: "currentColor"
+}, null, -1), be = [
+  ge
+], Ce = {
+  key: 2,
+  class: "text-yellow-400",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "22",
+  height: "20",
+  viewBox: "0 0 22 20",
+  fill: "none"
+}, ye = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M8.40123 2.0034C9.55572 0.0022862 12.4439 0.0022856 13.5983 2.0034L20.9527 14.7509C22.1065 16.7509 20.6631 19.2501 18.3541 19.2501H3.64546C1.33649 19.2501 -0.106939 16.7509 1.04691 14.7509L8.40123 2.0034ZM11 7.25C11.4142 7.25 11.75 7.58579 11.75 8V11.75C11.75 12.1642 11.4142 12.5 11 12.5C10.5858 12.5 10.25 12.1642 10.25 11.75V8C10.25 7.58579 10.5858 7.25 11 7.25ZM11 15.5C11.4142 15.5 11.75 15.1642 11.75 14.75C11.75 14.3358 11.4142 14 11 14C10.5858 14 10.25 14.3358 10.25 14.75C10.25 15.1642 10.5858 15.5 11 15.5Z",
+  fill: "currentColor"
+}, null, -1), xe = [
+  ye
+], Se = {
+  key: 3,
+  class: "w-6 h-6 text-red-500",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, $e = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm7.707-3.707a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293Z",
+  "clip-rule": "evenodd"
+}, null, -1), ke = [
+  $e
+], Le = { class: "font-bold" }, Me = { class: "text-white flex text-left" }, W = {
+  __name: "simple_card",
+  props: {
+    content: {
+      type: Object,
+      default: {
+        title: "Title",
+        description: "Garanta que essas informações acima esteja configuradas no Webhook do seu aplicativo META."
+      }
+    },
+    success: {
+      type: Boolean,
+      default: !1
+    },
+    info: {
+      type: Boolean,
+      default: !1
+    },
+    alert: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const l = e, n = k(() => l.success ? "border-green-500 text-green-500 shadow-md shadow-green-700" : l.info ? "border-blue-400 text-blue-400 shadow-md shadow-blue-700" : l.alert ? "border-yellow-400 text-yellow-400 shadow-md shadow-yellow-700" : l.error ? "border-red-500 text-red-500 shadow-md shadow-red-700" : "border-white text-white");
+    return (t, r) => (f(), p("div", {
+      class: L([n.value, "bg-base-300 border-2 p-2 rounded-lg flex-col items-center"])
+    }, [
+      o("div", he, [
+        e.success ? (f(), p("svg", _e, we)) : m("", !0),
+        e.info ? (f(), p("svg", ve, be)) : m("", !0),
+        e.alert ? (f(), p("svg", Ce, xe)) : m("", !0),
+        e.error ? (f(), p("svg", Se, ke)) : m("", !0),
+        o("span", null, [
+          o("p", Le, x(e.content.title), 1)
+        ])
+      ]),
+      o("section", Me, x(e.content.description), 1)
+    ], 2));
   }
-}, V = /* @__PURE__ */ j(we, [["__scopeId", "data-v-4c81a5bf"]]);
-function be(e) {
-  e.component("primarySelect", P), e.component("simpleModal", V);
+};
+function Oe(e) {
+  e.component("primarySelect", Z), e.component("simpleModal", P), e.component("simpleCard", W);
 }
-const Se = {
-  install: be,
-  primarySelect: P,
-  simpleModal: V
+const Ae = {
+  install: Oe,
+  primarySelect: Z,
+  simpleModal: P,
+  simpleCard: W
 };
 export {
-  Se as default
+  Ae as default
 };

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

@@ -1 +1 @@
-(function(e,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("vue")):typeof define=="function"&&define.amd?define(["vue"],_):(e=typeof globalThis<"u"?globalThis:e||self,e["sm-click-library-ui"]=_(e.Vue))})(this,function(e){"use strict";function _(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,O=t=>B.call(t)==="[object Object]",w=()=>{},A=I();function I(){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 S=k?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=S):[c,s,l,i]=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)),u=e.watch(()=>[h(c),E(i)],([d,m])=>{if(p(),!d)return;const n=O(m)?{...m}:m;a.push(...s.flatMap(o=>l.map(r=>f(d,o,r,n))))},{immediate:!0,flush:"post"}),g=()=>{u(),p()};return _(g),g}let V=!1;function z(t,c,s={}){const{window:l=S,ignore:i=[],capture:a=!0,detectIframe:p=!1}=s;if(!l)return w;A&&!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 u=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=!u(n)),!f){f=!0;return}c(n)}},{passive:!0,capture:a}),b(l,"pointerdown",n=>{const o=h(t);f=!u(n)&&!!(o&&!n.composedPath().includes(o))},{passive:!0}),p&&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-a8f8c201"),t=t(),e.popScopeId(),t),L={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"},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))],v={key:0,class:"select_widget_lib"},P={key:0},F={key:1,class:"space-y-2"},T=[y(()=>e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Vertical",-1))],W=[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"),p=e.ref(null),f=e.computed(()=>s.selectConfig.length>0),u=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(p,()=>{i.value&&(i.value=!1)}),(o,r)=>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,[u.value?(e.openBlock(),e.createElementBlock("p",L,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([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",v,[g.value?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(o.$slots,"free-slot",{},void 0,!0)])):e.createCommentVNode("",!0),u.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"))},T,2),e.createElementVNode("button",{class:e.normalizeClass([a.value!=="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:r[1]||(r[1]=()=>m("vertical"))},W,2)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-a8f8c201"]]),x=t=>(e.pushScopeId("data-v-4c81a5bf"),t=t(),e.popScopeId(),t),D={key:0,class:"modal_head_lib"},H=x(()=>e.createElementVNode("div",{class:"modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70"},null,-1)),q={class:"modal_responsive_lib"},G={class:"flex min-h-full items-center justify-center text-center sm:p-0"},R={class:"modal_size_lib lg:w-2/6"},U={class:"modal_background_lib"},Z={class:"modal_tittle_lib text-current"},J=[x(()=>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))],K={class:"p-4"},Q={class:"w-full"},X={class:"block"},Y={class:"modal_end_button_lib sm"},$=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,p)=>t.isOpen?(e.openBlock(),e.createElementBlock("div",D,[H,e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.createElementVNode("div",R,[e.createElementVNode("div",U,[e.createElementVNode("div",Z,[e.renderSlot(a.$slots,"header",{},void 0,!0),e.createElementVNode("button",{onClick:i,class:"modal_close_button_lib","data-modal-toggle":"editUserModal"},J)]),e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("label",X,[e.renderSlot(a.$slots,"body",{},void 0,!0)])])]),e.createElementVNode("div",Y,[e.renderSlot(a.$slots,"footer",{},void 0,!0)])])])])])])):e.createCommentVNode("",!0)}},[["__scopeId","data-v-4c81a5bf"]]);function ee(t){t.component("primarySelect",N),t.component("simpleModal",$)}return{install:ee,primarySelect:N,simpleModal:$}});
+(function(e,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue")):typeof define=="function"&&define.amd?define(["vue"],u):(e=typeof globalThis<"u"?globalThis:e||self,e["sm-click-library-ui"]=u(e.Vue))})(this,function(e){"use strict";function u(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function b(t){return typeof t=="function"?t():e.unref(t)}const y=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const $=Object.prototype.toString,L=t=>$.call(t)==="[object Object]",w=()=>{},M=O();function O(){var t,l;return y&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((l=window==null?void 0:window.navigator)==null?void 0:l.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function _(t){var l;const s=b(t);return(l=s==null?void 0:s.$el)!=null?l:s}const E=y?window:void 0;function g(...t){let l,s,o,c;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,o,c]=t,l=E):[l,s,o,c]=t,!l)return w;Array.isArray(s)||(s=[s]),Array.isArray(o)||(o=[o]);const i=[],p=()=>{i.forEach(m=>m()),i.length=0},a=(m,f,n,r)=>(m.addEventListener(f,n,r),()=>m.removeEventListener(f,n,r)),h=e.watch(()=>[_(l),b(c)],([m,f])=>{if(p(),!m)return;const n=L(f)?{...f}:f;i.push(...s.flatMap(r=>o.map(d=>a(m,r,d,n))))},{immediate:!0,flush:"post"}),C=()=>{h(),p()};return u(C),C}let k=!1;function A(t,l,s={}){const{window:o=E,ignore:c=[],capture:i=!0,detectIframe:p=!1}=s;if(!o)return w;M&&!k&&(k=!0,Array.from(o.document.body.children).forEach(n=>n.addEventListener("click",w)),o.document.documentElement.addEventListener("click",w));let a=!0;const h=n=>c.some(r=>{if(typeof r=="string")return Array.from(o.document.querySelectorAll(r)).some(d=>d===n.target||n.composedPath().includes(d));{const d=_(r);return d&&(n.target===d||n.composedPath().includes(d))}}),m=[g(o,"click",n=>{const r=_(t);if(!(!r||r===n.target||n.composedPath().includes(r))){if(n.detail===0&&(a=!h(n)),!a){a=!0;return}l(n)}},{passive:!0,capture:i}),g(o,"pointerdown",n=>{const r=_(t);a=!h(n)&&!!(r&&!n.composedPath().includes(r))},{passive:!0}),p&&g(o,"blur",n=>{setTimeout(()=>{var r;const d=_(t);((r=o.document.activeElement)==null?void 0:r.tagName)==="IFRAME"&&!(d!=null&&d.contains(o.document.activeElement))&&l(n)},0)})].filter(Boolean);return()=>m.forEach(n=>n())}const x=(t,l)=>{const s=t.__vccOpts||t;for(const[o,c]of l)s[o]=c;return s},I=t=>(e.pushScopeId("data-v-af0111a4"),t=t(),e.popScopeId(),t),v={class:"line-clamp-2 uppercase text-xs truncate text-white"},Z=[I(()=>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=x({__name:"primary_select",props:{config:{type:Object,default:{title:"select_primary"}}},emits:["closeSelect"],setup(t,{emit:l}){const s=t,o=e.ref(!1),c=e.ref(null);e.computed(()=>s.selectConfig.some(a=>a.freeSlot));const i=()=>{o.value=!o.value};return A(c,()=>{o.value&&(o.value=!1)}),(a,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"target",ref:c,class:"relative w-full"},[e.createElementVNode("button",{onClick:i,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,[e.createElementVNode("p",v,e.toDisplayString(t.config.title),1)]),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([o.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"},Z,2))])]),o.value?(e.openBlock(),e.createElementBlock("section",j,[e.createElementVNode("div",null,[e.renderSlot(a.$slots,"free-slot",{},void 0,!0)])])):e.createCommentVNode("",!0)],512))}},[["__scopeId","data-v-af0111a4"]]),N=t=>(e.pushScopeId("data-v-4c81a5bf"),t=t(),e.popScopeId(),t),P={key:0,class:"modal_head_lib"},T=N(()=>e.createElementVNode("div",{class:"modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70"},null,-1)),W={class:"modal_responsive_lib"},z={class:"flex min-h-full items-center justify-center text-center sm:p-0"},D={class:"modal_size_lib lg:w-2/6"},q={class:"modal_background_lib"},G={class:"modal_tittle_lib text-current"},H=[N(()=>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))],F={class:"p-4"},R={class:"w-full"},U={class:"block"},J={class:"modal_end_button_lib sm"},S=x({__name:"simple_modal",props:{isOpen:Boolean,default:!1},emits:["update:isOpen"],setup(t,{emit:l}){const s=t,o=l,c=()=>{o("update:isOpen",!s.isOpen)};return(i,p)=>t.isOpen?(e.openBlock(),e.createElementBlock("div",P,[T,e.createElementVNode("div",W,[e.createElementVNode("div",z,[e.createElementVNode("div",D,[e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.renderSlot(i.$slots,"header",{},void 0,!0),e.createElementVNode("button",{onClick:c,class:"modal_close_button_lib","data-modal-toggle":"editUserModal"},H)]),e.createElementVNode("div",F,[e.createElementVNode("div",R,[e.createElementVNode("label",U,[e.renderSlot(i.$slots,"body",{},void 0,!0)])])]),e.createElementVNode("div",J,[e.renderSlot(i.$slots,"footer",{},void 0,!0)])])])])])])):e.createCommentVNode("",!0)}},[["__scopeId","data-v-4c81a5bf"]]),K={class:"flex items-center gap-3 mb-2"},Q={key:0,class:"text-green-500",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},X=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM13.6103 8.18593C13.8511 7.84887 13.773 7.38046 13.4359 7.1397C13.0989 6.89894 12.6305 6.97701 12.3897 7.31407L9.1543 11.8436L7.53033 10.2197C7.23744 9.92678 6.76256 9.92678 6.46967 10.2197C6.17678 10.5126 6.17678 10.9874 6.46967 11.2803L8.71967 13.5303C8.87556 13.6862 9.09215 13.7656 9.31186 13.7474C9.53157 13.7293 9.73216 13.6153 9.8603 13.4359L13.6103 8.18593Z",fill:"currentColor"},null,-1)],Y={key:1,class:"text-blue-400",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},ee=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7V10.75C10.75 11.1642 10.4142 11.5 10 11.5C9.58579 11.5 9.25 11.1642 9.25 10.75V7C9.25 6.58579 9.58579 6.25 10 6.25ZM10 14.5C10.4142 14.5 10.75 14.1642 10.75 13.75C10.75 13.3358 10.4142 13 10 13C9.58579 13 9.25 13.3358 9.25 13.75C9.25 14.1642 9.58579 14.5 10 14.5Z",fill:"currentColor"},null,-1)],te={key:2,class:"text-yellow-400",xmlns:"http://www.w3.org/2000/svg",width:"22",height:"20",viewBox:"0 0 22 20",fill:"none"},oe=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.40123 2.0034C9.55572 0.0022862 12.4439 0.0022856 13.5983 2.0034L20.9527 14.7509C22.1065 16.7509 20.6631 19.2501 18.3541 19.2501H3.64546C1.33649 19.2501 -0.106939 16.7509 1.04691 14.7509L8.40123 2.0034ZM11 7.25C11.4142 7.25 11.75 7.58579 11.75 8V11.75C11.75 12.1642 11.4142 12.5 11 12.5C10.5858 12.5 10.25 12.1642 10.25 11.75V8C10.25 7.58579 10.5858 7.25 11 7.25ZM11 15.5C11.4142 15.5 11.75 15.1642 11.75 14.75C11.75 14.3358 11.4142 14 11 14C10.5858 14 10.25 14.3358 10.25 14.75C10.25 15.1642 10.5858 15.5 11 15.5Z",fill:"currentColor"},null,-1)],ne={key:3,class:"w-6 h-6 text-red-500","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentColor",viewBox:"0 0 24 24"},le=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm7.707-3.707a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293Z","clip-rule":"evenodd"},null,-1)],se={class:"font-bold"},re={class:"text-white flex text-left"},B={__name:"simple_card",props:{content:{type:Object,default:{title:"Title",description:"Garanta que essas informações acima esteja configuradas no Webhook do seu aplicativo META."}},success:{type:Boolean,default:!1},info:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(t){const l=t,s=e.computed(()=>l.success?"border-green-500 text-green-500 shadow-md shadow-green-700":l.info?"border-blue-400 text-blue-400 shadow-md shadow-blue-700":l.alert?"border-yellow-400 text-yellow-400 shadow-md shadow-yellow-700":l.error?"border-red-500 text-red-500 shadow-md shadow-red-700":"border-white text-white");return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([s.value,"bg-base-300 border-2 p-2 rounded-lg flex-col items-center"])},[e.createElementVNode("div",K,[t.success?(e.openBlock(),e.createElementBlock("svg",Q,X)):e.createCommentVNode("",!0),t.info?(e.openBlock(),e.createElementBlock("svg",Y,ee)):e.createCommentVNode("",!0),t.alert?(e.openBlock(),e.createElementBlock("svg",te,oe)):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("svg",ne,le)):e.createCommentVNode("",!0),e.createElementVNode("span",null,[e.createElementVNode("p",se,e.toDisplayString(t.content.title),1)])]),e.createElementVNode("section",re,e.toDisplayString(t.content.description),1)],2))}};function ce(t){t.component("primarySelect",V),t.component("simpleModal",S),t.component("simpleCard",B)}return{install:ce,primarySelect:V,simpleModal:S,simpleCard:B}});

package/dist/style.css

@@ -1 +1 @@
-.btn_select_widget_lib[data-v-a8f8c201]{width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 52 61 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }.btn_select_widget_lib[data-v-a8f8c201]:hover{background-color:#26343d99}.select_widget_lib[data-v-a8f8c201]{position:absolute;z-index:30;margin-top:.5rem;width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));padding:.375rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }.modal_head_lib[data-v-4c81a5bf]{position:fixed;top:0;left:0;z-index:50;display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-backdrop-blur: blur(2px);-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);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);animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.my_modal_lib[data-v-4c81a5bf]{animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.modal-overlay_lib[data-v-4c81a5bf]{position:absolute;height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.2}.modal_responsive_lib[data-v-4c81a5bf]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.modal_responsive_lib[data-v-4c81a5bf]{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}.modal_responsive_lib[data-v-4c81a5bf]{--scrollbar-track: #d1d5db;--scrollbar-thumb: #111827}.modal_size_lib[data-v-4c81a5bf]{z-index:50;width:100%;border-radius:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #000;--tw-shadow: var(--tw-shadow-colored)}@media (min-width: 864px){.modal_size_lib[data-v-4c81a5bf]{width:50%}}@media (min-width: 1512px){.modal_size_lib[data-v-4c81a5bf]{width:33.333333%}}.modal_background_lib[data-v-4c81a5bf]{position:relative;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(38 52 61 / var(--tw-bg-opacity));--tw-backdrop-blur: blur(16px);-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);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_lib[data-v-4c81a5bf]{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:1rem;border-top-right-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.75rem;text-transform:uppercase;color:currentColor}.modal_end_button_lib[data-v-4c81a5bf]{display:flex;justify-content:flex-end}.modal_end_button_lib[data-v-4c81a5bf]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.modal_end_button_lib[data-v-4c81a5bf]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.5rem}.modal_close_button_lib[data-v-4c81a5bf]{margin-left:auto;display:inline-flex;align-items:center;border-radius:.5rem;background-color:#26343d66;padding:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-duration:.3s}.modal_close_button_lib[data-v-4c81a5bf]: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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}
+.select_widget_lib[data-v-af0111a4]{position:absolute;z-index:30;margin-top:.5rem;width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));padding:.375rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }.modal_head_lib[data-v-4c81a5bf]{position:fixed;top:0;left:0;z-index:50;display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-backdrop-blur: blur(2px);-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);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);animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.my_modal_lib[data-v-4c81a5bf]{animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.modal-overlay_lib[data-v-4c81a5bf]{position:absolute;height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.2}.modal_responsive_lib[data-v-4c81a5bf]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.modal_responsive_lib[data-v-4c81a5bf]{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}.modal_responsive_lib[data-v-4c81a5bf]{--scrollbar-track: #d1d5db;--scrollbar-thumb: #111827}.modal_size_lib[data-v-4c81a5bf]{z-index:50;width:100%;border-radius:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #000;--tw-shadow: var(--tw-shadow-colored)}@media (min-width: 864px){.modal_size_lib[data-v-4c81a5bf]{width:50%}}@media (min-width: 1512px){.modal_size_lib[data-v-4c81a5bf]{width:33.333333%}}.modal_background_lib[data-v-4c81a5bf]{position:relative;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(38 52 61 / var(--tw-bg-opacity));--tw-backdrop-blur: blur(16px);-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);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_lib[data-v-4c81a5bf]{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:1rem;border-top-right-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.75rem;text-transform:uppercase;color:currentColor}.modal_end_button_lib[data-v-4c81a5bf]{display:flex;justify-content:flex-end}.modal_end_button_lib[data-v-4c81a5bf]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.modal_end_button_lib[data-v-4c81a5bf]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.5rem}.modal_close_button_lib[data-v-4c81a5bf]{margin-left:auto;display:inline-flex;align-items:center;border-radius:.5rem;background-color:#26343d66;padding:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-duration:.3s}.modal_close_button_lib[data-v-4c81a5bf]: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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}

package/dist/tailwind.css

@@ -533,6 +533,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .ml-auto {
   margin-left: auto;
 }
@@ -560,6 +563,9 @@ video {
 .h-5 {
   height: 1.25rem;
 }
+.h-6 {
+  height: 1.5rem;
+}
 .h-full {
   height: 100%;
 }
@@ -575,6 +581,9 @@ video {
 .w-5 {
   width: 1.25rem;
 }
+.w-6 {
+  width: 1.5rem;
+}
 .w-full {
   width: 100%;
 }
@@ -597,6 +606,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.gap-3 {
+  gap: 0.75rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -635,10 +647,33 @@ video {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
 }
+.border-2 {
+  border-width: 2px;
+}
 .border-base-300 {
   --tw-border-opacity: 1;
   border-color: rgb(17 27 33 / var(--tw-border-opacity));
 }
+.border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(96 165 250 / var(--tw-border-opacity));
+}
+.border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 197 94 / var(--tw-border-opacity));
+}
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.border-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 204 21 / var(--tw-border-opacity));
+}
 .bg-base-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(75 99 116 / var(--tw-bg-opacity));
@@ -658,10 +693,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-.bg-blue-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
-}
 .bg-gray-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
@@ -670,10 +701,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
-.bg-red-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
-}
 .p-1 {
   padding: 0.25rem;
 }
@@ -693,6 +720,9 @@ video {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.text-left {
+  text-align: left;
+}
 .text-center {
   text-align: center;
 }
@@ -704,16 +734,35 @@ video {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.font-bold {
+  font-weight: 700;
+}
 .uppercase {
   text-transform: uppercase;
 }
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity));
+}
 .text-current {
   color: currentColor;
 }
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity));
+}
 .opacity-70 {
   opacity: 0.7;
 }
@@ -734,6 +783,22 @@ video {
   --tw-shadow-color: #111B21;
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-blue-700 {
+  --tw-shadow-color: #1d4ed8;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-green-700 {
+  --tw-shadow-color: #15803d;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-red-700 {
+  --tw-shadow-color: #b91c1c;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-yellow-700 {
+  --tw-shadow-color: #a16207;
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .backdrop-blur-\[2px\] {
   --tw-backdrop-blur: blur(2px);
   -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);

package/package.json

@@ -4,7 +4,7 @@
   "files": [
     "dist"
   ],
-  "version": "0.0.22",
+  "version": "0.0.23",
   "main": "dist/sm-click-library-ui.es.js",
   "module": "dist/sm-click-library-ui.umd.js",
   "private": false,