@webilio-xyz/webilio-vue 1.1.9 → 1.1.11

package/dist/{ButtonComponent-DOEH129x.js → ButtonComponent-ttzIkK79.js}

@@ -1,8 +1,8 @@
-import { openBlock as o, createElementBlock as e, renderSlot as n } from "vue";
+import { createElementBlock as o, openBlock as e, renderSlot as n } from "vue";
 import { _ as r } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {}, s = { class: "btn px-4 py-2" };
 function _(t, p) {
-  return o(), e("button", s, [
+  return e(), o("button", s, [
     n(t.$slots, "default")
   ]);
 }

package/dist/{CardTitleComponent-yoZlgZ_5.js → CardTitleComponent-TKGf3K-Y.js}

@@ -1,8 +1,8 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as n, renderSlot as r } from "vue";
+import { createElementBlock as t, openBlock as o, createElementVNode as n, renderSlot as r } from "vue";
 import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const s = {}, l = { class: "flex items-center" }, i = { class: "inline-block text-2xl sm:text-xl font-extrabold tracking-tight" };
 function a(e, _) {
-  return t(), o("div", l, [
+  return o(), t("div", l, [
     n("h1", i, [
       r(e.$slots, "default")
     ])

package/dist/Component.js

@@ -1,12 +1,12 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.breadcrumb-item[data-v-01d278b9]:before,.breadcrumb-item[data-v-01d278b9]:after{content:"";position:absolute;left:0;height:52%;width:100%;background:#fff;border-left:2px solid #666;border-right:2px solid #666;z-index:-2}.breadcrumb-item[data-v-01d278b9]:before{transform:skew(30deg);border-top:2px solid #666}.breadcrumb-item[data-v-01d278b9]:after{bottom:-2px;transform:skew(-30deg);border-bottom:2px solid #666}.breadcrumb-item[data-v-01d278b9]:before,.breadcrumb-item[data-v-01d278b9]:after{background:var(--active-bg-color, transparent)}.breadcrumb-item[data-v-01d278b9]:hover:before,.breadcrumb-item[data-v-01d278b9]:hover:after{background:var(--hover-bg-color, lightgray)}.no-focus-border[data-v-6911550c]:focus{outline:none;border:none}.icon-size[data-v-6911550c]{font-size:25px}.bg-accent-50[data-v-a7244478]{background-color:#f8fafc}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { ref as y, openBlock as l, createElementBlock as a, createElementVNode as t, toDisplayString as m, createCommentVNode as v, computed as b, normalizeClass as k, normalizeStyle as w, Fragment as B, renderList as A, onMounted as O, createVNode as C, withModifiers as L, withCtx as j, createTextVNode as J, createBlock as $, unref as S, renderSlot as D, onBeforeUnmount as V, resolveComponent as H } from "vue";
-import { B as M } from "./ButtonComponent-DOEH129x.js";
+import { ref as y, createElementBlock as a, createCommentVNode as _, openBlock as l, createElementVNode as t, toDisplayString as m, computed as b, normalizeStyle as w, normalizeClass as k, Fragment as B, renderList as A, onMounted as O, createVNode as C, withModifiers as L, createBlock as S, withCtx as j, createTextVNode as J, unref as $, renderSlot as D, onBeforeUnmount as V, resolveComponent as H } from "vue";
+import { B as M } from "./ButtonComponent-ttzIkK79.js";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import "laravel-vue-i18n";
 import "@vuepic/vue-datepicker";
-import { u as Z, _ as G, E as K } from "./LabelComponent-DgoJlPcL.js";
+import { u as Z, _ as G, E as K } from "./LabelComponent-DwonPfyx.js";
 import { AkCloudUpload as W, AkChevronRightSmall as X, AkChevronDownSmall as Q, AkSend as Y } from "@kalimahapps/vue-icons";
-import { d as ee } from "./debounce-C1ND-yYU.js";
+import { d as ee } from "./debounce-Cx8aOQWk.js";
 import { a as te } from "./isObject-BD_iszZg.js";
 var oe = "Expected a function";
 function re(o, e, r) {
@@ -26,10 +26,7 @@ const ne = {
 }, le = { class: "font-bold" }, se = {
   key: 0,
   class: "block sm:inline mx-2"
-}, ae = { class: "absolute top-0 bottom-0 right-0 px-4 py-3" }, ie = /* @__PURE__ */ t("title", null, " Close ", -1), ce = /* @__PURE__ */ t("path", { d: "M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z" }, null, -1), ue = [
-  ie,
-  ce
-], de = {
+}, ae = { class: "absolute top-0 bottom-0 right-0 px-4 py-3" }, ie = {
   __name: "AlertComponent",
   props: {
     alertMessage: {
@@ -47,9 +44,9 @@ const ne = {
   },
   setup(o) {
     const e = y(!1);
-    return (r, n) => e.value ? v("", !0) : (l(), a("div", ne, [
+    return (r, n) => e.value ? _("", !0) : (l(), a("div", ne, [
       t("strong", le, m(o.alertMessage), 1),
-      o.message ? (l(), a("span", se, m(o.message), 1)) : v("", !0),
+      o.message ? (l(), a("span", se, m(o.message), 1)) : _("", !0),
       t("span", ae, [
         o.closable ? (l(), a("svg", {
           key: 0,
@@ -58,11 +55,14 @@ const ne = {
           role: "button",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 20 20"
-        }, ue)) : v("", !0)
+        }, n[1] || (n[1] = [
+          t("title", null, " Close ", -1),
+          t("path", { d: "M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z" }, null, -1)
+        ]))) : _("", !0)
       ])
     ]));
   }
-}, pe = ["title"], T = {
+}, ce = ["title"], T = {
   __name: "AvatarComponent",
   props: {
     name: {
@@ -108,17 +108,17 @@ const ne = {
       title: o.name,
       class: k(["no-underline rounded-full bg-gray-200 flex justify-center items-center text-gray-500 p-2", s.computedSizeClass]),
       style: w(n())
-    }, m(r.value), 15, pe));
+    }, m(r.value), 15, ce));
   }
-}, me = {
+}, ue = {
   class: "breadcrumb flex space-x-2",
   itemscope: "",
   itemtype: "http://schema.org/BreadcrumbList"
-}, fe = ["href"], _e = { itemprop: "name" }, ve = {
+}, de = ["href"], pe = { itemprop: "name" }, me = {
   key: 1,
   itemprop: "name",
   class: "inline-block relative px-4 py-2 text-gray-500"
-}, ge = ["content"], he = {
+}, fe = ["content"], ve = {
   __name: "BreadcrumbsComponent",
   props: {
     items: {
@@ -140,7 +140,7 @@ const ne = {
       "--hover-bg-color": n.active ? e.activeItemColor : e.hoverItemColor
     });
     return (n, s) => (l(), a("nav", null, [
-      t("ol", me, [
+      t("ol", ue, [
         (l(!0), a(B, null, A(e.items, (i, c) => (l(), a("li", {
           key: c,
           class: "breadcrumb-item relative",
@@ -155,20 +155,20 @@ const ne = {
             itemprop: "item",
             class: k(["inline-block relative px-4 py-2 text-gray-500 no-underline", o.hoverItemColor])
           }, [
-            t("span", _e, m(i.name), 1)
-          ], 10, fe)) : (l(), a("span", ve, m(i.name), 1)),
+            t("span", pe, m(i.name), 1)
+          ], 10, de)) : (l(), a("span", me, m(i.name), 1)),
           t("meta", {
             itemprop: "position",
             content: c + 1
-          }, null, 8, ge)
+          }, null, 8, fe)
         ], 4))), 128))
       ])
     ]));
   }
-}, ye = /* @__PURE__ */ R(he, [["__scopeId", "data-v-01d278b9"]]), Ce = { class: "w-full space-y-4" }, xe = { class: "flex items-center w-full" }, be = { class: "ml-2 text-gray-500" }, ke = ["id", "name", "accept", "disabled", "multiple"], $e = {
+}, _e = /* @__PURE__ */ R(ve, [["__scopeId", "data-v-01d278b9"]]), ge = { class: "w-full space-y-4" }, he = { class: "flex items-center w-full" }, ye = { class: "ml-2 text-gray-500" }, Ce = ["id", "name", "accept", "disabled", "multiple"], xe = {
   key: 0,
   class: "flex flex-col space-y-2 w-full"
-}, Se = { class: "flex items-center" }, we = { class: "flex flex-col" }, ze = { class: "font-semibold text-gray-800" }, Ie = { class: "text-sm text-gray-500" }, Be = {
+}, be = { class: "flex items-center" }, ke = { class: "flex flex-col" }, Se = { class: "font-semibold text-gray-800" }, $e = { class: "text-sm text-gray-500" }, we = {
   __name: "DropzoneComponent",
   props: {
     label: {
@@ -206,14 +206,14 @@ const ne = {
       c.value = Z("input_group_");
     });
     const z = (u) => {
-      const g = n.accept.split(",").map((q) => q.trim()), _ = u.name.split(".").pop().toLowerCase(), h = n.maxSizeInMegaBytes * 1024 * 1024;
-      return g.includes(`.${_}`) ? u.size > h ? (p.value = `File size exceeds the maximum limit of ${n.maxSizeInMegaBytes} MB.`, !1) : (p.value = null, !0) : (p.value = `Invalid file type. Accepted types are: ${n.accept}`, !1);
+      const g = n.accept.split(",").map((q) => q.trim()), v = u.name.split(".").pop().toLowerCase(), h = n.maxSizeInMegaBytes * 1024 * 1024;
+      return g.includes(`.${v}`) ? u.size > h ? (p.value = `File size exceeds the maximum limit of ${n.maxSizeInMegaBytes} MB.`, !1) : (p.value = null, !0) : (p.value = `Invalid file type. Accepted types are: ${n.accept}`, !1);
     }, d = (u) => {
-      const _ = Array.from(u.target.files).filter(z);
-      s.value = n.multiple ? [...s.value, ..._] : _, _.forEach((h) => r("file-selected", h)), E();
+      const v = Array.from(u.target.files).filter(z);
+      s.value = n.multiple ? [...s.value, ...v] : v, v.forEach((h) => r("file-selected", h)), E();
     }, F = (u) => {
-      const _ = Array.from(u.dataTransfer.files).filter(z);
-      s.value = n.multiple ? [...s.value, ..._] : _, _.forEach((h) => r("file-selected", h)), E();
+      const v = Array.from(u.dataTransfer.files).filter(z);
+      s.value = n.multiple ? [...s.value, ...v] : v, v.forEach((h) => r("file-selected", h)), E();
     }, I = () => {
       i.value.click();
     }, U = (u) => {
@@ -222,7 +222,7 @@ const ne = {
     }, E = () => {
       i.value.value = null;
     }, N = b(() => n.error || p.value);
-    return (u, g) => (l(), a("div", Ce, [
+    return (u, g) => (l(), a("div", ge, [
       C(G, {
         for: c.value,
         value: o.label,
@@ -235,7 +235,7 @@ const ne = {
         onDragover: g[0] || (g[0] = L(() => {
         }, ["prevent"]))
       }, [
-        t("div", xe, [
+        t("div", he, [
           C(M, {
             class: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600",
             onClick: I
@@ -245,7 +245,7 @@ const ne = {
             ]),
             _: 1
           }),
-          t("span", be, m(u.$t("or drop your file here")), 1)
+          t("span", ye, m(u.$t("or drop your file here")), 1)
         ]),
         t("input", {
           id: c.value,
@@ -258,23 +258,23 @@ const ne = {
           type: "file",
           class: "hidden",
           onChange: d
-        }, null, 40, ke),
-        N.value ? (l(), $(S(K), {
+        }, null, 40, Ce),
+        N.value ? (l(), S($(K), {
           key: 0,
           class: "mt-2",
           message: N.value
-        }, null, 8, ["message"])) : v("", !0)
+        }, null, 8, ["message"])) : _("", !0)
       ], 32),
-      s.value.length ? (l(), a("div", $e, [
-        (l(!0), a(B, null, A(s.value, (_, h) => (l(), a("div", {
+      s.value.length ? (l(), a("div", xe, [
+        (l(!0), a(B, null, A(s.value, (v, h) => (l(), a("div", {
           key: h,
           class: "flex items-center justify-between w-full"
         }, [
-          t("div", Se, [
-            C(S(W), { class: "bg-danger text-white rounded-full w-6 h-6 p-1 m-1" }),
-            t("div", we, [
-              t("span", ze, m(_.name), 1),
-              t("span", Ie, m(f(_)) + " · " + m(x(_)), 1)
+          t("div", be, [
+            C($(W), { class: "bg-danger text-white rounded-full w-6 h-6 p-1 m-1" }),
+            t("div", ke, [
+              t("span", Se, m(v.name), 1),
+              t("span", $e, m(f(v)) + " · " + m(x(v)), 1)
             ])
           ]),
           C(M, {
@@ -288,10 +288,10 @@ const ne = {
             _: 2
           }, 1032, ["onClick"])
         ]))), 128))
-      ])) : v("", !0)
+      ])) : _("", !0)
     ]));
   }
-}, Ae = { class: "flex items-center space-x-2 w-full" }, Fe = { class: "flex-grow" }, Ee = { class: "border-t-2 pt-4" }, De = { class: "p-4 border-primary border-l-4" }, Me = {
+}, ze = { class: "flex items-center space-x-2 w-full" }, Ie = { class: "flex-grow" }, Be = { class: "border-t-2 pt-4" }, Ae = { class: "p-4 border-primary border-l-4" }, Fe = {
   __name: "FoldableComponent",
   props: {},
   emits: ["open", "close"],
@@ -302,34 +302,34 @@ const ne = {
       i.value = !0, r("open");
     }, i = y(!1);
     return (c, p) => (l(), a("div", null, [
-      t("div", Ae, [
+      t("div", ze, [
         t("div", null, [
-          i.value ? (l(), $(S(Q), {
+          i.value ? (l(), S($(Q), {
             key: 1,
             class: "text-2xl cursor-pointer",
             onClick: n
-          })) : (l(), $(S(X), {
+          })) : (l(), S($(X), {
             key: 0,
             class: "text-2xl cursor-pointer",
             onClick: s
           }))
         ]),
-        t("div", Fe, [
+        t("div", Ie, [
           D(c.$slots, "header")
         ])
       ]),
       t("div", {
         class: k([{ "h-0": !i.value }, "overflow-y-hidden duration-600 transition-all relative border-gray-500"])
       }, [
-        t("div", Ee, [
-          t("div", De, [
+        t("div", Be, [
+          t("div", Ae, [
             D(c.$slots, "content")
           ])
         ])
       ], 2)
     ]));
   }
-}, Re = {
+}, Ee = {
   __name: "InfiniteScrollComponent",
   emits: ["scroll"],
   setup(o, { emit: e }) {
@@ -350,7 +350,7 @@ const ne = {
       D(c.$slots, "default")
     ], 512));
   }
-}, Te = { class: "flex w-full" }, Ne = { class: "flex-1 border rounded-l-2xl ml-1 p-2" }, qe = ["placeholder"], Le = { class: "border rounded-r-2xl flex items-center p-2 leading-loose cursor-pointer" }, je = {
+}, De = { class: "flex w-full" }, Me = { class: "flex-1 border rounded-l-2xl ml-1 p-2" }, Re = ["placeholder"], Te = { class: "border rounded-r-2xl flex items-center p-2 leading-loose cursor-pointer" }, Ne = {
   __name: "NotesInputComponent",
   props: {
     avatar: {
@@ -370,7 +370,7 @@ const ne = {
   },
   setup(o) {
     const e = o;
-    return (r, n) => (l(), a("div", Te, [
+    return (r, n) => (l(), a("div", De, [
       t("div", null, [
         C(T, {
           name: e.avatar.name,
@@ -380,25 +380,25 @@ const ne = {
           textColor: e.avatar.textColor
         }, null, 8, ["name", "size", "initials", "backgroundColor", "textColor"])
       ]),
-      t("div", Ne, [
+      t("div", Me, [
         t("input", {
           class: "w-full h-full leading-loose no-focus-border",
           type: "text",
           placeholder: e.inputPlaceholder
-        }, null, 8, qe)
+        }, null, 8, Re)
       ]),
-      t("div", Le, [
-        C(S(Y), { class: "icon-size" })
+      t("div", Te, [
+        C($(Y), { class: "icon-size" })
       ])
     ]));
   }
-}, P = /* @__PURE__ */ R(je, [["__scopeId", "data-v-6911550c"]]), Je = {
+}, P = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-6911550c"]]), qe = {
   key: 0,
   class: "grid grid-cols-1 gap-2 px-2"
-}, Oe = { class: "pr-2" }, Pe = { class: "flex-1" }, Ue = { class: "border rounded-2xl p-3 bg-accent-50" }, Ve = { class: "mt-2" }, He = { class: "flex" }, Ze = { class: "ml-4 mt-1 text-secondary w-full" }, Ge = ["onClick"], Ke = {
+}, Le = { class: "pr-2" }, je = { class: "flex-1" }, Je = { class: "border rounded-2xl p-3 bg-accent-50" }, Oe = { class: "mt-2" }, Pe = { class: "flex" }, Ue = { class: "ml-4 mt-1 text-secondary w-full" }, Ve = ["onClick"], He = {
   key: 1,
   class: "text-center bg-accent-50 py-6 text-accent-400 rounded font-bold"
-}, We = {
+}, Ze = {
   __name: "NotesCommentComponent",
   props: {
     user: {
@@ -458,12 +458,12 @@ const ne = {
     };
     return (f, x) => {
       const z = H("NotesCommentComponent", !0);
-      return n.value.length ? (l(), a("div", Je, [
+      return n.value.length ? (l(), a("div", qe, [
         (l(!0), a(B, null, A(n.value, (d, F) => (l(), a("div", {
           key: F,
           class: "flex"
         }, [
-          t("div", Oe, [
+          t("div", Le, [
             C(T, {
               name: d.user.name,
               size: d.user.size,
@@ -472,44 +472,44 @@ const ne = {
               textColor: d.user.textColor
             }, null, 8, ["name", "size", "initials", "backgroundColor", "textColor"])
           ]),
-          t("div", Pe, [
-            t("div", Ue, [
+          t("div", je, [
+            t("div", Je, [
               t("div", null, m(d.content), 1),
               d.created_at ? (l(), a("div", {
                 key: 0,
                 class: "text-right text-xs",
                 style: w({ color: e.createdAtTextColor })
-              }, m(new Date(d.created_at).toLocaleString()), 5)) : v("", !0)
+              }, m(new Date(d.created_at).toLocaleString()), 5)) : _("", !0)
             ]),
-            t("div", Ve, [
-              d.children && d.children.length ? (l(), $(z, {
+            t("div", Oe, [
+              d.children && d.children.length ? (l(), S(z, {
                 key: 0,
                 comments: d.children,
                 user: d.user
-              }, null, 8, ["comments", "user"])) : v("", !0)
+              }, null, 8, ["comments", "user"])) : _("", !0)
             ]),
-            t("div", He, [
-              t("div", Ze, [
+            t("div", Pe, [
+              t("div", Ue, [
                 s(d) ? (l(), a("span", {
                   key: 0,
                   class: "cursor-pointer hover:underline",
                   onClick: (I) => c(d)
-                }, "Répondre", 8, Ge)) : v("", !0),
-                i(d) ? (l(), $(P, {
+                }, "Répondre", 8, Ve)) : _("", !0),
+                i(d) ? (l(), S(P, {
                   key: 1,
                   onSend: (I) => p(I, d)
-                }, null, 8, ["onSend"])) : v("", !0)
+                }, null, 8, ["onSend"])) : _("", !0)
               ])
             ])
           ])
         ]))), 128))
-      ])) : (l(), a("div", Ke, " Aucun commentaires pour l'instant "));
+      ])) : (l(), a("div", He, " Aucun commentaires pour l'instant "));
     };
   }
-}, Xe = /* @__PURE__ */ R(We, [["__scopeId", "data-v-a7244478"]]), Qe = { class: "w-full" }, Ye = { class: "relative flex items-center justify-between w-full" }, et = { class: "mt-2 text-sm text-gray-500" }, tt = {
+}, Ge = /* @__PURE__ */ R(Ze, [["__scopeId", "data-v-a7244478"]]), Ke = { class: "w-full" }, We = { class: "relative flex items-center justify-between w-full" }, Xe = { class: "mt-2 text-sm text-gray-500" }, Qe = {
   class: "absolute left-0 w-full h-1 bg-gray-300 -z-10 transform -translate-y-1/2",
   style: { top: "32%" }
-}, ot = {
+}, Ye = {
   __name: "StepsComponent",
   props: {
     steps: {
@@ -536,8 +536,8 @@ const ne = {
       const i = r.value / s * 100;
       return Math.min(i, 100);
     });
-    return (s, i) => (l(), a("div", Qe, [
-      t("div", Ye, [
+    return (s, i) => (l(), a("div", Ke, [
+      t("div", We, [
         (l(!0), a(B, null, A(e.steps, (c, p) => (l(), a("div", {
           key: p,
           class: "flex flex-col items-center"
@@ -552,9 +552,9 @@ const ne = {
               }
             ])
           }, m(p + 1), 3),
-          t("span", et, m(c), 1)
+          t("span", Xe, m(c), 1)
         ]))), 128)),
-        t("div", tt, [
+        t("div", Qe, [
           t("div", {
             class: k(["h-full transition-all duration-500 ease-in-out", o.progressBarColor]),
             style: w({ width: n.value + "%" })
@@ -563,7 +563,7 @@ const ne = {
       ])
     ]));
   }
-}, rt = {
+}, et = {
   __name: "TagComponent",
   props: {
     backgroundColor: {
@@ -594,30 +594,30 @@ const ne = {
       class: "px-4 py-2 inline-block"
     }, m(e.text), 5));
   }
-}, mt = {
-  AlertComponent: de,
+}, ut = {
+  AlertComponent: ie,
   ButtonComponent: M,
   AvatarComponent: T,
-  BreadcrumbsComponent: ye,
-  DropzoneComponent: Be,
-  FoldableComponent: Me,
-  InfiniteScrollComponent: Re,
-  NotesCommentComponent: Xe,
+  BreadcrumbsComponent: _e,
+  DropzoneComponent: we,
+  FoldableComponent: Fe,
+  InfiniteScrollComponent: Ee,
+  NotesCommentComponent: Ge,
   NotesInputComponent: P,
-  StepsComponent: ot,
-  TagComponent: rt
+  StepsComponent: Ye,
+  TagComponent: et
 };
 export {
-  de as AlertComponent,
+  ie as AlertComponent,
   T as AvatarComponent,
-  ye as BreadcrumbsComponent,
+  _e as BreadcrumbsComponent,
   M as ButtonComponent,
-  Be as DropzoneComponent,
-  Me as FoldableComponent,
-  Re as InfiniteScrollComponent,
-  Xe as NotesCommentComponent,
+  we as DropzoneComponent,
+  Fe as FoldableComponent,
+  Ee as InfiniteScrollComponent,
+  Ge as NotesCommentComponent,
   P as NotesInputComponent,
-  ot as StepsComponent,
-  rt as TagComponent,
-  mt as default
+  Ye as StepsComponent,
+  et as TagComponent,
+  ut as default
 };