manolis-ui 0.5.2 → 0.5.3

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as O, createElementBlock as l, openBlock as a, normalizeClass as _, createCommentVNode as T, renderSlot as k, createTextVNode as re, createElementVNode as n, Fragment as $, renderList as C, toDisplayString as S, ref as x, h as se, onMounted as Y, watch as j, withDirectives as z, createVNode as X, isRef as Ie, vModelCheckbox as Oe, unref as U, provide as Be, normalizeStyle as ie, inject as Ve, defineAsyncComponent as Pe, onBeforeUnmount as Ae, createBlock as pe, resolveDynamicComponent as fe, mergeProps as me, nextTick as ve, onUnmounted as he, vModelSelect as E, vModelText as ne } from "vue";
+import { defineComponent as B, computed as O, createElementBlock as l, openBlock as a, normalizeClass as _, createCommentVNode as T, renderSlot as k, createTextVNode as re, createElementVNode as n, Fragment as $, renderList as C, toDisplayString as S, ref as x, h as se, onMounted as Y, watch as N, withDirectives as z, createVNode as X, isRef as Ie, vModelCheckbox as Oe, unref as U, provide as Be, normalizeStyle as ie, inject as Ve, defineAsyncComponent as Pe, onBeforeUnmount as Ae, createBlock as pe, resolveDynamicComponent as fe, mergeProps as me, nextTick as ve, onUnmounted as he, vModelSelect as E, vModelText as ne } from "vue";
 const ze = {
   key: 0,
   class: "loading loading-spinner"
@@ -75,7 +75,7 @@ const ze = {
 }), Ue = {
   tabindex: "0",
   class: "z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"
-}, Ne = ["href"], zn = /* @__PURE__ */ B({
+}, je = ["href"], zn = /* @__PURE__ */ B({
   __name: "dropdown",
   props: {
     items: {},
@@ -107,13 +107,13 @@ const ze = {
         (a(!0), l($, null, C(o.items, (c) => (a(), l("li", null, [
           n("a", {
             href: c.link
-          }, S(c.text), 9, Ne)
+          }, S(c.text), 9, je)
         ]))), 256)),
         k(o.$slots, "additional")
       ])
     ], 2));
   }
-}), je = { class: "modal-box" }, Re = { class: "modal-action" }, Un = /* @__PURE__ */ B({
+}), Ne = { class: "modal-box" }, Re = { class: "modal-action" }, Un = /* @__PURE__ */ B({
   __name: "modal",
   props: {
     position: { default: "center" },
@@ -145,7 +145,7 @@ const ze = {
         ref: t,
         class: _(["modal", e[d.position]])
       }, [
-        n("div", je, [
+        n("div", Ne, [
           k(c.$slots, "default"),
           n("div", Re, [
             k(c.$slots, "actions"),
@@ -163,7 +163,7 @@ const ze = {
       ], 2)
     ], 64));
   }
-}), Le = { class: "swap-on" }, Fe = { class: "swap-off" }, Nn = /* @__PURE__ */ B({
+}), Le = { class: "flex justify-center items-center swap-on" }, Fe = { class: "flex justify-center items-center swap-off" }, jn = /* @__PURE__ */ B({
   __name: "swap",
   props: {
     effect: {}
@@ -295,10 +295,10 @@ const Ye = ae("SunIcon", [
       const t = window.localStorage.getItem(i);
       e.value = t ? JSON.parse(t) : d;
     }
-  }), j(e, (t) => {
+  }), N(e, (t) => {
     typeof window < "u" && window.localStorage.setItem(i, JSON.stringify(t));
   }), e;
-}, Ge = { class: "swap-rotate swap" }, Ke = ["true-value", "false-value"], jn = /* @__PURE__ */ B({
+}, Ge = { class: "swap-rotate swap" }, Ke = ["true-value", "false-value"], Nn = /* @__PURE__ */ B({
   __name: "theme-controller",
   props: {
     lightTheme: { default: "light" },
@@ -309,7 +309,7 @@ const Ye = ae("SunIcon", [
     function t(o) {
       typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", o);
     }
-    return Y(() => t(e.value ? e.value : "")), j(e, (o) => {
+    return Y(() => t(e.value ? e.value : "")), N(e, (o) => {
       t(o);
     }), (o, s) => (a(), l("label", Ge, [
       z(n("input", {
@@ -362,7 +362,7 @@ const Ye = ae("SunIcon", [
   },
   setup(i) {
     const d = i, e = x(d.onlineStatus);
-    return j(
+    return N(
       () => d.onlineStatus,
       (t) => {
         t && (e.value = t);
@@ -446,7 +446,7 @@ const Ye = ae("SunIcon", [
   },
   setup(i) {
     const d = i, e = x(d.outlined);
-    return j(
+    return N(
       () => d.outlined,
       (t) => {
         e.value = t;
@@ -550,7 +550,7 @@ const Ye = ae("SunIcon", [
       requestAnimationFrame(Z);
     }, y = () => {
       m(t.value + 1);
-    }, N = () => {
+    }, j = () => {
       m(t.value - 1);
     }, H = (f) => {
       m(f);
@@ -565,9 +565,9 @@ const Ye = ae("SunIcon", [
       requestAnimationFrame(() => {
         requestAnimationFrame(M);
       }), v();
-    }), j(() => e.initialSlide, (f) => {
+    }), N(() => e.initialSlide, (f) => {
       requestAnimationFrame(() => m(f));
-    }), j(() => [e.slidesPerView, e.gap], () => {
+    }), N(() => [e.slidesPerView, e.gap], () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           if (v(), c.value === 0) return;
@@ -586,7 +586,7 @@ const Ye = ae("SunIcon", [
       ], 6),
       i.showNavigationButtons ? (a(), l("div", ct, [
         n("div", {
-          onClick: N,
+          onClick: j,
           role: "button",
           "aria-label": "Previous Slide"
         }, [
@@ -670,7 +670,7 @@ const Ye = ae("SunIcon", [
     function y() {
       t("search");
     }
-    async function N(f) {
+    async function j(f) {
       v.value && !v.value.contains(f.target) && (await ve(), o.value = null);
     }
     async function H() {
@@ -699,9 +699,9 @@ const Ye = ae("SunIcon", [
         console.error("Tab element not found for:", f.name);
     }
     return Y(() => {
-      document.addEventListener("click", N);
+      document.addEventListener("click", j);
     }), Ae(() => {
-      document.removeEventListener("click", N);
+      document.removeEventListener("click", j);
     }), (f, b) => {
       var g, D;
       return a(), l($, null, [
@@ -808,10 +808,10 @@ const Ye = ae("SunIcon", [
 }, zt = ["onClick"], Ut = {
   key: 2,
   class: "mt-4 lg:w-80"
-}, Nt = {
+}, jt = {
   key: 0,
   class: "mb-2 font-bold text-lg"
-}, jt = { key: 1 }, Rt = {
+}, Nt = { key: 1 }, Rt = {
   key: 1,
   class: "flex gap-4"
 }, Lt = ["value"], Ft = ["value"], Et = {
@@ -856,10 +856,10 @@ const Ye = ae("SunIcon", [
   emits: ["updated"],
   setup(i, { emit: d }) {
     const e = i;
-    j(() => e.range, (u) => {
+    N(() => e.range, (u) => {
       u ? (s.value = { start: null, end: null }, c.value = { start: null, end: null }) : (s.value = null, c.value = null);
     });
-    const t = d, o = x(!1), s = x(e.range ? { start: null, end: null } : null), c = x(e.range ? { start: null, end: null } : null), h = x((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), y = x(e.range ? { start: 0, end: 0 } : 0), N = x(null), H = O(() => `${e.id}-input`), M = O(() => `${e.id}-popup`), f = O(() => e.mode === "date" || e.mode === "datetime"), b = O(() => e.mode === "time" || e.mode === "datetime");
+    const t = d, o = x(!1), s = x(e.range ? { start: null, end: null } : null), c = x(e.range ? { start: null, end: null } : null), h = x((/* @__PURE__ */ new Date()).toLocaleString("default", { month: "long" })), v = x((/* @__PURE__ */ new Date()).getFullYear()), m = x(e.range ? { start: 0, end: 0 } : 0), y = x(e.range ? { start: 0, end: 0 } : 0), j = x(null), H = O(() => `${e.id}-input`), M = O(() => `${e.id}-popup`), f = O(() => e.mode === "date" || e.mode === "datetime"), b = O(() => e.mode === "time" || e.mode === "datetime");
     O(() => new Date(v.value, g.value));
     const g = O(() => J.indexOf(h.value)), D = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], w = O(() => new Date(v.value, g.value).getDay()), I = O(() => {
       const u = new Date(v.value, g.value + 1, 0).getDate();
@@ -912,7 +912,7 @@ const Ye = ae("SunIcon", [
       let u = g.value + 1;
       u > 11 && (u = 0, v.value++), h.value = J[u], V();
     }, de = (u) => {
-      N.value && !N.value.contains(u.target) && o.value == !0 && ue();
+      j.value && !j.value.contains(u.target) && o.value == !0 && ue();
     }, V = () => {
       let u = {};
       const p = (r, F, ee) => {
@@ -942,7 +942,7 @@ const Ye = ae("SunIcon", [
     }), e.popup && Y(() => document.addEventListener("click", de)), he(() => document.removeEventListener("click", de)), (u, p) => (a(), l("div", {
       class: "inline-block relative w-full lg:w-[360px]",
       ref_key: "pickerContainer",
-      ref: N
+      ref: j
     }, [
       n("div", {
         class: "flex items-center gap-2 cursor-pointer",
@@ -1053,7 +1053,7 @@ const Ye = ae("SunIcon", [
           }, S(r.getDate()), 11, zt))), 128))
         ])) : T("", !0),
         b.value ? (a(), l("div", Ut, [
-          e.range ? T("", !0) : (a(), l("h3", Nt, "Select Time")),
+          e.range ? T("", !0) : (a(), l("h3", jt, "Select Time")),
           e.range ? (a(), l("div", Et, [
             n("div", null, [
               p[13] || (p[13] = n("p", { class: "font-bold" }, "Start Time", -1)),
@@ -1149,7 +1149,7 @@ const Ye = ae("SunIcon", [
                 ])
               ]))
             ])
-          ])) : (a(), l("div", jt, [
+          ])) : (a(), l("div", Nt, [
             q.value ? z((a(), l("input", {
               key: 0,
               type: "time",
@@ -1224,7 +1224,7 @@ const Ye = ae("SunIcon", [
   },
   setup(i) {
     const d = i, e = x(d.initialRating);
-    j(
+    N(
       () => d.initialRating,
       (o) => {
         e.value = o;
@@ -1271,12 +1271,12 @@ const Ye = ae("SunIcon", [
       M && !o.value.includes(M) && (o.value.push(M), t("update:modelValue", o.value), h.value = "");
     }, y = (M) => {
       o.value = o.value.filter((f) => f !== M), t("update:modelValue", o.value);
-    }, N = () => {
+    }, j = () => {
       h.value === "" && (o.value.pop(), t("update:modelValue", o.value));
     }, H = (M) => {
-      M.key === "Enter" ? m() : M.key === "Backspace" && h.value === "" && N();
+      M.key === "Enter" ? m() : M.key === "Backspace" && h.value === "" && j();
     };
-    return j(() => e.modelValue, (M) => {
+    return N(() => e.modelValue, (M) => {
       o.value = [...M];
     }), (M, f) => (a(), l("div", {
       class: _(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", M.$props.class])
@@ -1321,7 +1321,7 @@ const Ye = ae("SunIcon", [
   },
   setup(i) {
     const d = i, e = x(d.loading);
-    return j(
+    return N(
       () => d.loading,
       (t) => {
         e.value = t;
@@ -1527,7 +1527,7 @@ const Xn = /* @__PURE__ */ G(bn, [["render", $n]]), _n = { class: "flex flex-row
             type: "button",
             role: "tab",
             class: _(["min-w-max tab", y === t.value ? "bg-primary text-base-100" : ""]),
-            onClick: (N) => s(y),
+            onClick: (j) => s(y),
             "aria-selected": t.value == y
           }, S(y), 11, On),
           v.buttonOnlyMode ? T("", !0) : (a(), l("div", Bn, [
@@ -1559,8 +1559,8 @@ export {
   Un as Modal,
   Qn as NavigationBar,
   Yn as Rating,
-  Nn as Swap,
+  jn as Swap,
   ea as Tab,
   Jn as TagInput,
-  jn as ThemeController
+  Nn as ThemeController
 };

package/dist/manolis-ui.umd.cjs

@@ -1,4 +1,4 @@
-(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.ManolisUi={},y.Vue))})(this,function(y,e){"use strict";const K={key:0,class:"loading loading-spinner"},X=e.defineComponent({__name:"ButtonComponent",props:{outlined:{type:Boolean,default:!1},active:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{},size:{},shape:{}},setup(r){const i=r,t=e.computed(()=>{switch(i.size){case"large":return"btn-lg";case"small":return"btn-sm";case"tiny":return"btn-tiny";case"wide":return"btn-wide";case"full":return"w-full";default:return""}}),n=e.computed(()=>{switch(i.type){case"neutral":return"btn-neutral";case"primary":return"btn-primary";case"secondary":return"btn-secondary";case"accent":return"btn-accent";case"ghost":return"btn-ghost";case"link":return"btn-link px-0!";case"info":return"btn-info";case"success":return"btn-success";case"warning":return"btn-warning";case"error":return"btn-error";default:return"btn-neutral"}}),o=e.computed(()=>{switch(i.shape){case"square":return"btn-square";case"circle":return"btn-circle";default:return""}});return(l,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["btn",{"btn-outline":i.outlined},{"btn-active":i.active},n.value,t.value,o.value])},[l.loading?(e.openBlock(),e.createElementBlock("span",K)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default",{},()=>[c[0]||(c[0]=e.createTextVNode("Submit"))])],2))}}),Z={tabindex:"0",class:"z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"},Q=["href"],v=e.defineComponent({__name:"dropdown",props:{items:{},position:{default:"bottom"},floatPosition:{default:"start"},openOnHover:{type:Boolean,default:!1},forceOpen:{type:Boolean,default:!1}},setup(r){const i={left:"dropdown-left",right:"dropdown-right",bottom:"dropdown-bottom",top:"dropdown-top"},t={start:"",end:"dropdown-end"},n=r;return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["dropdown",i[n.position],t[n.floatPosition],{"dropdown-open":n.forceOpen},{"dropdown-hover":n.openOnHover}])},[e.renderSlot(o.$slots,"default",{tabindex:"0",role:"button"},()=>[l[0]||(l[0]=e.createElementVNode("div",{class:"m-1 btn"},"Open dropdown",-1))]),e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,c=>(e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:c.link},e.toDisplayString(c.text),9,Q)]))),256)),e.renderSlot(o.$slots,"additional")])],2))}}),ee={class:"modal-box"},te={class:"modal-action"},ne=e.defineComponent({__name:"modal",props:{position:{default:"center"},withBackdrop:{type:Boolean,default:!1}},setup(r){const i=r,t={top:"modal-top",bottom:"modal-bottom",center:"modal-middle"},n=e.ref(null),o=()=>{var c;(c=n.value)==null||c.showModal()},l=()=>{var c;(c=n.value)==null||c.close()};return(c,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{class:"w-fit cursor-pointer",onClick:o},[e.renderSlot(c.$slots,"trigger",{role:"button"},()=>[g[0]||(g[0]=e.createElementVNode("button",{class:"btn"},"Open",-1))])]),e.createElementVNode("dialog",{ref_key:"dialog",ref:n,class:e.normalizeClass(["modal",t[i.position]])},[e.createElementVNode("div",ee,[e.renderSlot(c.$slots,"default"),e.createElementVNode("div",te,[e.renderSlot(c.$slots,"actions"),e.createElementVNode("form",{method:"dialog",onSubmit:l,class:e.normalizeClass(c.withBackdrop?"modal-backdrop":"")},[e.renderSlot(c.$slots,"close-button",{},()=>[g[1]||(g[1]=e.createElementVNode("button",{class:"btn"},"Close",-1))])],34)])])],2)],64))}}),oe={class:"swap-on"},le={class:"swap-off"},ae=e.defineComponent({__name:"swap",props:{effect:{}},setup(r){const i=r;return(t,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["swap",i.effect?`swap-${t.effect}`:""])},[n[0]||(n[0]=e.createElementVNode("input",{type:"checkbox"},null,-1)),e.createElementVNode("div",oe,[e.renderSlot(t.$slots,"on")]),e.createElementVNode("div",le,[e.renderSlot(t.$slots,"off")])],2))}});/**
+(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.ManolisUi={},y.Vue))})(this,function(y,e){"use strict";const K={key:0,class:"loading loading-spinner"},X=e.defineComponent({__name:"ButtonComponent",props:{outlined:{type:Boolean,default:!1},active:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{},size:{},shape:{}},setup(r){const i=r,t=e.computed(()=>{switch(i.size){case"large":return"btn-lg";case"small":return"btn-sm";case"tiny":return"btn-tiny";case"wide":return"btn-wide";case"full":return"w-full";default:return""}}),n=e.computed(()=>{switch(i.type){case"neutral":return"btn-neutral";case"primary":return"btn-primary";case"secondary":return"btn-secondary";case"accent":return"btn-accent";case"ghost":return"btn-ghost";case"link":return"btn-link px-0!";case"info":return"btn-info";case"success":return"btn-success";case"warning":return"btn-warning";case"error":return"btn-error";default:return"btn-neutral"}}),o=e.computed(()=>{switch(i.shape){case"square":return"btn-square";case"circle":return"btn-circle";default:return""}});return(l,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["btn",{"btn-outline":i.outlined},{"btn-active":i.active},n.value,t.value,o.value])},[l.loading?(e.openBlock(),e.createElementBlock("span",K)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default",{},()=>[c[0]||(c[0]=e.createTextVNode("Submit"))])],2))}}),Z={tabindex:"0",class:"z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"},Q=["href"],v=e.defineComponent({__name:"dropdown",props:{items:{},position:{default:"bottom"},floatPosition:{default:"start"},openOnHover:{type:Boolean,default:!1},forceOpen:{type:Boolean,default:!1}},setup(r){const i={left:"dropdown-left",right:"dropdown-right",bottom:"dropdown-bottom",top:"dropdown-top"},t={start:"",end:"dropdown-end"},n=r;return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["dropdown",i[n.position],t[n.floatPosition],{"dropdown-open":n.forceOpen},{"dropdown-hover":n.openOnHover}])},[e.renderSlot(o.$slots,"default",{tabindex:"0",role:"button"},()=>[l[0]||(l[0]=e.createElementVNode("div",{class:"m-1 btn"},"Open dropdown",-1))]),e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,c=>(e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:c.link},e.toDisplayString(c.text),9,Q)]))),256)),e.renderSlot(o.$slots,"additional")])],2))}}),ee={class:"modal-box"},te={class:"modal-action"},ne=e.defineComponent({__name:"modal",props:{position:{default:"center"},withBackdrop:{type:Boolean,default:!1}},setup(r){const i=r,t={top:"modal-top",bottom:"modal-bottom",center:"modal-middle"},n=e.ref(null),o=()=>{var c;(c=n.value)==null||c.showModal()},l=()=>{var c;(c=n.value)==null||c.close()};return(c,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{class:"w-fit cursor-pointer",onClick:o},[e.renderSlot(c.$slots,"trigger",{role:"button"},()=>[g[0]||(g[0]=e.createElementVNode("button",{class:"btn"},"Open",-1))])]),e.createElementVNode("dialog",{ref_key:"dialog",ref:n,class:e.normalizeClass(["modal",t[i.position]])},[e.createElementVNode("div",ee,[e.renderSlot(c.$slots,"default"),e.createElementVNode("div",te,[e.renderSlot(c.$slots,"actions"),e.createElementVNode("form",{method:"dialog",onSubmit:l,class:e.normalizeClass(c.withBackdrop?"modal-backdrop":"")},[e.renderSlot(c.$slots,"close-button",{},()=>[g[1]||(g[1]=e.createElementVNode("button",{class:"btn"},"Close",-1))])],34)])])],2)],64))}}),oe={class:"flex justify-center items-center swap-on"},le={class:"flex justify-center items-center swap-off"},ae=e.defineComponent({__name:"swap",props:{effect:{}},setup(r){const i=r;return(t,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["swap",i.effect?`swap-${t.effect}`:""])},[n[0]||(n[0]=e.createElementVNode("input",{type:"checkbox"},null,-1)),e.createElementVNode("div",oe,[e.renderSlot(t.$slots,"on")]),e.createElementVNode("div",le,[e.renderSlot(t.$slots,"off")])],2))}});/**
  * @license lucide-vue-next v0.468.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "manolis-ui",
   "private": false,
-  "version": "0.5.2",
+  "version": "0.5.3",
   "type": "module",
   "files": [
     "dist/*"