sm-click-library-ui 0.0.9 → 0.0.10

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

@@ -1,4 +1,4 @@
-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";
+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 w, createCommentVNode as g, pushScopeId as E, popScopeId as I } from "vue";
 function H(e) {
   return B() ? (V(e), !0) : !1;
 }
@@ -13,7 +13,7 @@ function G() {
   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));
 }
-function w(e) {
+function b(e) {
   var i;
   const n = L(e);
   return (i = n == null ? void 0 : n.$el) != null ? i : n;
@@ -27,7 +27,7 @@ function x(...e) {
   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 = W(
-    () => [w(i), L(c)],
+    () => [b(i), L(c)],
     ([d, u]) => {
       if (p(), !d)
         return;
@@ -53,12 +53,12 @@ function q(e, i, n = {}) {
     if (typeof t == "string")
       return Array.from(s.document.querySelectorAll(t)).some((a) => a === o.target || o.composedPath().includes(a));
     {
-      const a = w(t);
+      const a = b(t);
       return a && (o.target === a || o.composedPath().includes(a));
     }
   }), d = [
     x(s, "click", (o) => {
-      const t = w(e);
+      const t = b(e);
       if (!(!t || t === o.target || o.composedPath().includes(t))) {
         if (o.detail === 0 && (f = !v(o)), !f) {
           f = !0;
@@ -68,13 +68,13 @@ function q(e, i, n = {}) {
       }
     }, { passive: !0, capture: r }),
     x(s, "pointerdown", (o) => {
-      const t = w(e);
+      const t = b(e);
       f = !v(o) && !!(t && !o.composedPath().includes(t));
     }, { passive: !0 }),
     p && x(s, "blur", (o) => {
       setTimeout(() => {
         var t;
-        const a = w(e);
+        const a = b(e);
         ((t = s.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(a != null && a.contains(s.document.activeElement)) && i(o);
       }, 0);
     })
@@ -86,7 +86,7 @@ const j = (e, i) => {
   for (const [s, c] of i)
     n[s] = c;
   return n;
-}, O = (e) => (E("data-v-695ff71d"), e = e(), I(), e), R = {
+}, O = (e) => (E("data-v-b5d1c144"), e = e(), I(), e), R = {
   key: 0,
   class: "line-clamp-2 uppercase text-xs truncate text-white"
 }, U = {
@@ -144,7 +144,7 @@ const j = (e, i) => {
     }, [
       l("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"
+        class: "bg-lib-base-200 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-lib-base-300"
       }, [
         l("div", null, [
           v.value ? (_(), m("p", R, $(r.value), 1)) : (_(), m("p", U, $(e.titleFreeSlot), 1))
@@ -160,7 +160,7 @@ const j = (e, i) => {
       ]),
       c.value ? (_(), m("section", K, [
         h.value ? (_(), m("div", Q, [
-          b(t.$slots, "free-slot", {}, void 0, !0)
+          w(t.$slots, "free-slot", {}, void 0, !0)
         ])) : g("", !0),
         v.value ? (_(), m("div", X, [
           l("button", {
@@ -175,10 +175,10 @@ const j = (e, i) => {
       ])) : g("", !0)
     ], 512)) : g("", !0);
   }
-}, ne = /* @__PURE__ */ j(se, [["__scopeId", "data-v-695ff71d"]]), P = (e) => (E("data-v-61625657"), e = e(), I(), e), le = {
+}, ne = /* @__PURE__ */ j(se, [["__scopeId", "data-v-b5d1c144"]]), P = (e) => (E("data-v-606bbd6b"), e = e(), I(), e), le = {
   key: 0,
   class: "modal_head_lib"
-}, 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", {
+}, 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 lib-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", {
   class: "h-5 w-5",
   fill: "currentColor",
   viewBox: "0 0 20 20",
@@ -191,7 +191,7 @@ const j = (e, i) => {
   })
 ], -1)), fe = [
   pe
-], _e = { class: "p-4" }, me = { class: "w-full" }, ve = { class: "block" }, he = { class: "modal_end_button_lib" }, ge = {
+], _e = { class: "p-4" }, me = { class: "w-full" }, ve = { class: "block" }, he = { class: "modal_end_button_lib lib-sm" }, ge = {
   __name: "simple_modal",
   props: {
     isOpen: Boolean,
@@ -209,7 +209,7 @@ const j = (e, i) => {
           l("div", re, [
             l("div", de, [
               l("div", ue, [
-                b(r.$slots, "header", {}, void 0, !0),
+                w(r.$slots, "header", {}, void 0, !0),
                 l("button", {
                   onClick: c,
                   class: "modal_close_button_lib",
@@ -219,12 +219,12 @@ const j = (e, i) => {
               l("div", _e, [
                 l("div", me, [
                   l("label", ve, [
-                    b(r.$slots, "body", {}, void 0, !0)
+                    w(r.$slots, "body", {}, void 0, !0)
                   ])
                 ])
               ]),
               l("div", he, [
-                b(r.$slots, "footer", {}, void 0, !0)
+                w(r.$slots, "footer", {}, void 0, !0)
               ])
             ])
           ])
@@ -232,13 +232,13 @@ const j = (e, i) => {
       ])
     ])) : g("", !0);
   }
-}, we = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-61625657"]]);
-function be(e) {
-  e.component("primarySelect", ne), e.component("simpleModal", we);
+}, be = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-606bbd6b"]]);
+function we(e) {
+  e.component("primarySelect", ne), e.component("simpleModal", be);
 }
-const Se = { install: be };
+const Se = { install: we };
 export {
   Se as default,
   ne as primarySelect,
-  we as simpleModal
+  be as simpleModal
 };

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

@@ -1 +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"}})});
+(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]",b=()=>{},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 w(...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 b;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 b;I&&!V&&(V=!0,Array.from(l.document.body.children).forEach(n=>n.addEventListener("click",b)),l.document.documentElement.addEventListener("click",b));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=[w(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}),w(l,"pointerdown",n=>{const o=h(t);f=!_(n)&&!!(o&&!n.composedPath().includes(o))},{passive:!0}),u&&w(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-b5d1c144"),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-lib-base-200 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-lib-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-b5d1c144"]]),$=t=>(e.pushScopeId("data-v-606bbd6b"),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 lib-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 lib-sm"},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-606bbd6b"]]);function te(t){t.component("primarySelect",N),t.component("simpleModal",x)}const oe={install:te};p.default=oe,p.primarySelect=N,p.simpleModal=x,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/styleSmClick.css

@@ -394,113 +394,6 @@ video {
   display: none;
 }
 
-:root,
-[data-theme] {
-  background-color: var(--fallback-b1,oklch(var(--b1)/1));
-  color: var(--fallback-bc,oklch(var(--bc)/1));
-}
-
-@supports not (color: oklch(0% 0 0)) {
-
-  :root {
-    color-scheme: light;
-    --fallback-p: #491eff;
-    --fallback-pc: #d4dbff;
-    --fallback-s: #ff41c7;
-    --fallback-sc: #fff9fc;
-    --fallback-a: #00cfbd;
-    --fallback-ac: #00100d;
-    --fallback-n: #2b3440;
-    --fallback-nc: #d7dde4;
-    --fallback-b1: #ffffff;
-    --fallback-b2: #e5e6e6;
-    --fallback-b3: #e5e6e6;
-    --fallback-bc: #1f2937;
-    --fallback-in: #00b3f0;
-    --fallback-inc: #000000;
-    --fallback-su: #00ca92;
-    --fallback-suc: #000000;
-    --fallback-wa: #ffc22d;
-    --fallback-wac: #000000;
-    --fallback-er: #ff6f70;
-    --fallback-erc: #000000;
-  }
-
-  @media (prefers-color-scheme: dark) {
-
-    :root {
-      color-scheme: dark;
-      --fallback-p: #7582ff;
-      --fallback-pc: #050617;
-      --fallback-s: #ff71cf;
-      --fallback-sc: #190211;
-      --fallback-a: #00c7b5;
-      --fallback-ac: #000e0c;
-      --fallback-n: #2a323c;
-      --fallback-nc: #a6adbb;
-      --fallback-b1: #1d232a;
-      --fallback-b2: #191e24;
-      --fallback-b3: #15191e;
-      --fallback-bc: #a6adbb;
-      --fallback-in: #00b3f0;
-      --fallback-inc: #000000;
-      --fallback-su: #00ca92;
-      --fallback-suc: #000000;
-      --fallback-wa: #ffc22d;
-      --fallback-wac: #000000;
-      --fallback-er: #ff6f70;
-      --fallback-erc: #000000;
-    }
-  }
-}
-
-html {
-  -webkit-tap-highlight-color: transparent;
-}
-
-* {
-  scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;
-}
-
-*:hover {
-  scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;
-}
-
-:root {
-  color: #fff;
-  --bc: 89.74% 0.007939 239.46702;
-  --pc: 14.4549% 0.038401 149.57933;
-  --sc: 91.2253% 0.042841 265.315522;
-  --ac: 14.4721% 0.035244 350.048739;
-  --nc: 88.9107% 0.007489 257.280836;
-  --inc: 13.6911% 0.029612 237.25135;
-  --suc: 15.6904% 0.026506 181.911977;
-  --wac: 16.6486% 0.027912 82.95003;
-  --erc: 14.3572% 0.034051 13.11834;
-  --rounded-box: 1rem;
-  --rounded-btn: 0.5rem;
-  --rounded-badge: 1.9rem;
-  --animation-btn: 0.25s;
-  --animation-input: .2s;
-  --btn-focus-scale: 0.95;
-  --border-btn: 1px;
-  --tab-border: 1px;
-  --tab-radius: 0.5rem;
-  --p: 72.2746% 0.192007 149.57933;
-  primary_alt: #00799e;
-  --s: 56.1263% 0.214204 265.315522;
-  text_current: #fff;
-  --a: 72.3603% 0.176218 350.048739;
-  --n: 44.5533% 0.037447 257.280836;
-  --b1: 48.7002% 0.039694 239.46702;
-  --b2: 31.6361% 0.024663 236.769088;
-  --b3: 21.5339% 0.018707 235.125143;
-  --in: 68.4553% 0.148062 237.25135;
-  --su: 78.452% 0.132529 181.911977;
-  --wa: 83.2428% 0.139558 82.95003;
-  --er: 71.7858% 0.170255 13.11834;
-}
-
 * {
   scrollbar-color: initial;
   scrollbar-width: initial;
@@ -613,260 +506,6 @@ html {
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }
-@media (hover:hover) {
-
-  .label a:hover {
-    --tw-text-opacity: 1;
-    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-  }
-}
-.footer {
-  display: grid;
-  width: 100%;
-  grid-auto-flow: row;
-  place-items: start;
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
-  row-gap: 2.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.footer > * {
-  display: grid;
-  place-items: start;
-  gap: 0.5rem;
-}
-@media (min-width: 48rem) {
-
-  .footer {
-    grid-auto-flow: column;
-  }
-
-  .footer-center {
-    grid-auto-flow: row dense;
-  }
-}
-.label {
-  display: flex;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.link {
-  cursor: pointer;
-  text-decoration-line: underline;
-}
-.select {
-  display: inline-flex;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  height: 3rem;
-  min-height: 3rem;
-  padding-inline-start: 1rem;
-  padding-inline-end: 2.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  line-height: 2;
-  border-radius: var(--rounded-btn, 0.5rem);
-  border-width: 1px;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
-    linear-gradient(135deg, currentColor 50%, transparent 50%);
-  background-position: calc(100% - 20px) calc(1px + 50%),
-    calc(100% - 16.1px) calc(1px + 50%);
-  background-size: 4px 4px,
-    4px 4px;
-  background-repeat: no-repeat;
-}
-.select[multiple] {
-  height: auto;
-}
-.btm-nav > * .label {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-@keyframes button-pop {
-
-  0% {
-    transform: scale(var(--btn-focus-scale, 0.98));
-  }
-
-  40% {
-    transform: scale(1.02);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-@keyframes checkmark {
-
-  0% {
-    background-position-y: 5px;
-  }
-
-  50% {
-    background-position-y: -2px;
-  }
-
-  100% {
-    background-position-y: 0;
-  }
-}
-.link:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.link:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
-@keyframes modal-pop {
-
-  0% {
-    opacity: 0;
-  }
-}
-@keyframes progress-loading {
-
-  50% {
-    background-position-x: -115%;
-  }
-}
-@keyframes radiomark {
-
-  0% {
-    box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
-      0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
-  }
-
-  50% {
-    box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
-      0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
-  }
-
-  100% {
-    box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
-      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
-  }
-}
-@keyframes rating-pop {
-
-  0% {
-    transform: translateY(-0.125em);
-  }
-
-  40% {
-    transform: translateY(-0.125em);
-  }
-
-  100% {
-    transform: translateY(0);
-  }
-}
-.select:focus {
-  box-shadow: none;
-  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
-  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
-}
-.select-disabled,
-  .select:disabled,
-  .select[disabled] {
-  cursor: not-allowed;
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
-  color: var(--fallback-bc,oklch(var(--bc)/0.4));
-}
-.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
-}
-.select-disabled::placeholder,
-  .select:disabled::placeholder,
-  .select[disabled]::placeholder {
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
-  --tw-placeholder-opacity: 0.2;
-}
-.select-multiple,
-  .select[multiple],
-  .select[size].select:not([size="1"]) {
-  background-image: none;
-  padding-right: 1rem;
-}
-[dir="rtl"] .select {
-  background-position: calc(0% + 12px) calc(1px + 50%),
-    calc(0% + 16px) calc(1px + 50%);
-}
-@keyframes skeleton {
-
-  from {
-    background-position: 150%;
-  }
-
-  to {
-    background-position: -50%;
-  }
-}
-@keyframes toast-pop {
-
-  0% {
-    transform: scale(0.9);
-    opacity: 0;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-.artboard.phone-1.horizontal,
-      .artboard.phone-1.artboard-horizontal {
-  width: 568px;
-  height: 320px;
-}
-.artboard.phone-2.horizontal,
-      .artboard.phone-2.artboard-horizontal {
-  width: 667px;
-  height: 375px;
-}
-.artboard.phone-3.horizontal,
-      .artboard.phone-3.artboard-horizontal {
-  width: 736px;
-  height: 414px;
-}
-.artboard.phone-4.horizontal,
-      .artboard.phone-4.artboard-horizontal {
-  width: 812px;
-  height: 375px;
-}
-.artboard.phone-5.horizontal,
-      .artboard.phone-5.artboard-horizontal {
-  width: 896px;
-  height: 414px;
-}
-.artboard.phone-6.horizontal,
-      .artboard.phone-6.artboard-horizontal {
-  width: 1024px;
-  height: 320px;
-}
 .fixed {
   position: fixed;
 }
@@ -996,24 +635,9 @@ html {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
 }
-.border-base-300 {
+.border-lib-base-300 {
   --tw-border-opacity: 1;
-  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
-}
-.bg-base-100 {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-}
-.bg-base-200 {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
-}
-.bg-base-200\/40 {
-  background-color: var(--fallback-b2,oklch(var(--b2)/0.4));
-}
-.bg-base-300 {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+  border-color: rgb(17 27 33 / var(--tw-border-opacity));
 }
 .bg-black {
   --tw-bg-opacity: 1;
@@ -1031,6 +655,21 @@ html {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
+.bg-lib-base-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
+}
+.bg-lib-base-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 52 61 / var(--tw-bg-opacity));
+}
+.bg-lib-base-200\/40 {
+  background-color: rgb(38 52 61 / 0.4);
+}
+.bg-lib-base-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 27 33 / var(--tw-bg-opacity));
+}
 .p-1 {
   padding: 0.25rem;
 }
@@ -1087,8 +726,8 @@ html {
   --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);
 }
-.shadow-base-300 {
-  --tw-shadow-color: var(--fallback-b3,oklch(var(--b3)/1));
+.shadow-lib-base-300 {
+  --tw-shadow-color: #111B21;
   --tw-shadow: var(--tw-shadow-colored);
 }
 .backdrop-blur-\[2px\] {
@@ -1164,35 +803,19 @@ html {
   --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));
 }
-.hover\:bg-base-100:hover {
+.hover\:bg-lib-base-100:hover {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-}
-@media (min-width: 640px) {
-
-  .sm\:p-0 {
-    padding: 0px;
-  }
+  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
 }
 @media (min-width: 864px) {
 
-  .md\:w-1\/2 {
+  .lib_md\:w-1\/2 {
     width: 50%;
   }
 }
-@media (min-width: 1280px) {
-
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
-  .lg\:w-2\/6 {
-    width: 33.333333%;
-  }
-}
 @media (min-width: 1512px) {
 
-  .xl\:w-1\/3 {
+  .lib_xl\:w-1\/3 {
     width: 33.333333%;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sm-click-library-ui",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "main": "dist/sm-click-library-ui.es.js",
   "module": "dist/sm-click-library-ui.umd.js",
   "private": false,
@@ -11,7 +11,6 @@
   "dependencies": {
     "@tailwindcss/typography": "^0.5.13",
     "@vueuse/core": "^10.11.0",
-    "daisyui": "^4.12.10",
     "tailwind-scrollbar": "^3.1.0",
     "vue": "^3.4.29"
   },