@choosemycompany/ui 0.24.0 → 0.24.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as te, shallowRef as wt, onMounted as xt, watch as We, onUnmounted as St, h as ee, nextTick as Wt, computed as v, createBlock as K, openBlock as C, unref as T, normalizeClass as $, createElementBlock as h, createElementVNode as b, renderSlot as O, createCommentVNode as k, toDisplayString as z, createVNode as Z, mergeProps as Yt, withCtx as Se, createTextVNode as Ye, Fragment as E, renderList as H, mergeModels as Q, useModel as ne, useSlots as Jt, withDirectives as Me, vModelDynamic as e0, useId as Re, vModelCheckbox as Mt, normalizeStyle as J, createStaticVNode as be, withModifiers as we, resolveDynamicComponent as t0, vModelSelect as n0, isRef as o0, watchEffect as r0, withKeys as fe, useAttrs as l0, normalizeProps as i0, guardReactiveProps as s0 } from "vue";
+import { defineComponent as P, ref as te, shallowRef as wt, onMounted as xt, watch as We, onUnmounted as St, h as ee, nextTick as Wt, computed as v, createBlock as K, openBlock as C, unref as T, normalizeClass as $, createElementBlock as h, createElementVNode as R, renderSlot as O, createCommentVNode as k, toDisplayString as z, createVNode as Z, mergeProps as Yt, withCtx as Se, createTextVNode as Ye, Fragment as E, renderList as H, mergeModels as Q, useModel as ne, useSlots as Jt, withDirectives as Me, vModelDynamic as e0, useId as Re, vModelCheckbox as Mt, normalizeStyle as J, createStaticVNode as be, withModifiers as we, resolveDynamicComponent as t0, vModelSelect as n0, isRef as o0, watchEffect as r0, withKeys as fe, useAttrs as l0, normalizeProps as i0, guardReactiveProps as s0 } from "vue";
 import './assets/index.css';const a0 = {
   primary: "primary",
   secondary: "secondary"
@@ -336,14 +336,14 @@ function b0(e, n) {
   let l = t.body;
   [t, o].forEach((m) => {
     const L = [], y = m.hFlip, x = m.vFlip;
-    let R = m.rotate;
-    y ? x ? R += 2 : (L.push(
+    let b = m.rotate;
+    y ? x ? b += 2 : (L.push(
       "translate(" + (r.width + r.left).toString() + " " + (0 - r.top).toString() + ")"
     ), L.push("scale(-1 1)"), r.top = r.left = 0) : x && (L.push(
       "translate(" + (0 - r.left).toString() + " " + (r.height + r.top).toString() + ")"
     ), L.push("scale(1 -1)"), r.top = r.left = 0);
     let M;
-    switch (R < 0 && (R -= Math.floor(R / 4) * 4), R = R % 4, R) {
+    switch (b < 0 && (b -= Math.floor(b / 4) * 4), b = b % 4, b) {
       case 1:
         M = r.height / 2 + r.top, L.unshift(
           "rotate(90 " + M.toString() + " " + M.toString() + ")"
@@ -360,7 +360,7 @@ function b0(e, n) {
         );
         break;
     }
-    R % 2 === 1 && (r.left !== r.top && (M = r.left, r.left = r.top, r.top = M), r.width !== r.height && (M = r.width, r.width = r.height, r.height = M)), L.length && (l = M0(
+    b % 2 === 1 && (r.left !== r.top && (M = r.left, r.left = r.top, r.top = M), r.width !== r.height && (M = r.width, r.width = r.height, r.height = M)), L.length && (l = M0(
       l,
       '<g transform="' + L.join(" ") + '">',
       "</g>"
@@ -695,7 +695,7 @@ function j0(e, n, t, o) {
       S(void 0, c);
     });
   }
-  function R() {
+  function b() {
     g.forEach((S) => {
       S.status === "pending" && (S.status = "aborted");
     }), g = [];
@@ -720,7 +720,7 @@ function j0(e, n, t, o) {
       c = B, g.length || (i.length ? F() : x());
       return;
     }
-    if (p(), R(), !e.random) {
+    if (p(), b(), !e.random) {
       const N = e.resources.indexOf(S.resource);
       N !== -1 && N !== e.index && (e.index = N);
     }
@@ -736,7 +736,7 @@ function j0(e, n, t, o) {
     if (S === void 0) {
       if (g.length) {
         f = setTimeout(() => {
-          p(), a === "pending" && (R(), x());
+          p(), a === "pending" && (b(), x());
         }, e.timeout);
         return;
       }
@@ -1278,7 +1278,7 @@ const dn = {
       onClick: i,
       disabled: t.disabled
     }, [
-      b("span", mn, [
+      R("span", mn, [
         t.icon || t.loading ? (C(), K(j, {
           key: 0,
           name: l()
@@ -1308,10 +1308,10 @@ const dn = {
     return (l, i) => (C(), h("div", {
       class: $(r.value)
     }, [
-      b("div", hn, [
-        b("div", vn, [
-          b("div", yn, z(e.title), 1),
-          b("div", _n, z(e.message), 1)
+      R("div", hn, [
+        R("div", vn, [
+          R("div", yn, z(e.title), 1),
+          R("div", _n, z(e.message), 1)
         ]),
         e.button ? (C(), h("div", wn, [
           Z(Ln, Yt(e.button, {
@@ -1337,7 +1337,7 @@ const dn = {
       o.preventDefault(), n.item.callback?.();
     }
     return (o, r) => (C(), h("div", Mn, [
-      b("a", {
+      R("a", {
         href: "#",
         class: "breadcrumb-item__link",
         onClick: t
@@ -1423,9 +1423,9 @@ const dn = {
         class: "input__label"
       }, z(t.label), 9, Fn)) : k("", !0),
       t.description ? (C(), h("div", Pn, z(t.description), 1)) : k("", !0),
-      b("div", kn, [
+      R("div", kn, [
         O(u.$slots, "left", {}, void 0, !0),
-        Me(b("input", {
+        Me(R("input", {
           "onUpdate:modelValue": c[0] || (c[0] = (f) => r.value = f),
           id: t.id,
           type: t.type,
@@ -1558,7 +1558,7 @@ const dn = {
     const x = v(() => ({
       autocomplete: !0,
       "autocomplete--open": s.value
-    })), R = v(() => ({
+    })), b = v(() => ({
       autocomplete__icon_chevron: !0,
       "autocomplete__icon_chevron--open": s.value
     }));
@@ -1582,7 +1582,7 @@ const dn = {
       }, {
         right: Se(() => [
           Z(j, {
-            class: $(R.value),
+            class: $(b.value),
             "aria-hidden": "true",
             color: "light",
             name: "chevronDown",
@@ -1630,7 +1630,7 @@ const dn = {
     return (o, r) => (C(), h("div", {
       class: $(t.value)
     }, [
-      b("span", Bn, z(e.label), 1)
+      R("span", Bn, z(e.label), 1)
     ], 2));
   }
 }), Ar = /* @__PURE__ */ I(Nn, [["__scopeId", "data-v-2eabf0ca"]]), Tt = {
@@ -2023,7 +2023,7 @@ const dn = {
 };
 function l1(e, n) {
   return C(), h("svg", r1, [...n[0] || (n[0] = [
-    b("path", {
+    R("path", {
       d: "M4.1625 7.3625L10.5187 1.00625C10.6687 0.85625 10.8437 0.78125 11.0437 0.78125C11.2437 0.78125 11.4187 0.85625 11.5687 1.00625C11.7187 1.15625 11.7937 1.3345 11.7937 1.541C11.7937 1.7475 11.7187 1.9255 11.5687 2.075L4.6875 8.975C4.5375 9.125 4.3625 9.2 4.1625 9.2C3.9625 9.2 3.7875 9.125 3.6375 8.975L0.412498 5.75C0.262498 5.6 0.190498 5.422 0.196498 5.216C0.202498 5.01 0.280748 4.83175 0.431248 4.68125C0.581748 4.53075 0.759998 4.45575 0.965998 4.45625C1.172 4.45675 1.35 4.53175 1.5 4.68125L4.1625 7.3625Z",
       fill: "var(--cmc-color-brand-blue-600)"
     }, null, -1)
@@ -2050,7 +2050,7 @@ const i1 = /* @__PURE__ */ I(o1, [["render", l1]]), s1 = ["id", "disabled", "req
     return (l, i) => (C(), h("div", {
       class: $(r.value)
     }, [
-      Me(b("input", {
+      Me(R("input", {
         "onUpdate:modelValue": i[0] || (i[0] = (s) => t.value = s),
         id: o.value,
         type: "checkbox",
@@ -2250,7 +2250,7 @@ const I1 = /* @__PURE__ */ I(R1, [["render", $1]]), F1 = {
       u.value && o("update:currentPage", t.currentPage + 1);
     };
     return (g, d) => (C(), h("nav", A1, [
-      b("button", {
+      R("button", {
         class: $(["pagination__page-button", { "is-invisible": !a.value }]),
         disabled: !a.value,
         "aria-label": "Page précédente",
@@ -2263,7 +2263,7 @@ const I1 = /* @__PURE__ */ I(R1, [["render", $1]]), F1 = {
           onClick: () => o("update:currentPage", p)
         }, z(p), 11, Z1)) : (C(), h("span", D1, "…"))
       ], 64))), 128)),
-      b("button", {
+      R("button", {
         class: $(["pagination__page-button", { "is-invisible": !u.value }]),
         disabled: !u.value,
         "aria-label": "Page suivante",
@@ -2302,22 +2302,21 @@ const I1 = /* @__PURE__ */ I(R1, [["render", $1]]), F1 = {
       "aria-valuemax": "100",
       "aria-label": s.value
     }, [
-      b("div", U1, [
+      R("div", U1, [
         (C(), h("svg", q1, [
-          f[0] || (f[0] = b("path", {
+          f[0] || (f[0] = R("path", {
             class: "cmc-gauge__track",
             d: "M 16 100 A 84 84 0 0 1 184 100"
           }, null, -1)),
-          i.value !== 100 ? (C(), h("path", {
-            key: 0,
-            class: "cmc-gauge__progress",
+          R("path", {
+            class: $(["cmc-gauge__progress", { "cmc-gauge__progress--hidden": i.value === 100 }]),
             d: "M 9 100 A 91 91 0 0 1 191 100",
             pathLength: "100",
             "stroke-dashoffset": i.value
-          }, null, 8, j1)) : k("", !0)
+          }, null, 10, j1)
         ])),
-        b("div", K1, [
-          b("div", {
+        R("div", K1, [
+          R("div", {
             class: $(["cmc-gauge__value", { "cmc-gauge__value--skeleton skeleton": e.loading }])
           }, z(l.value), 3),
           e.label ? (C(), h("div", {
@@ -2332,7 +2331,7 @@ const I1 = /* @__PURE__ */ I(R1, [["render", $1]]), F1 = {
       }, z(u.value), 3)) : k("", !0)
     ], 10, N1));
   }
-}), Gr = /* @__PURE__ */ I(X1, [["__scopeId", "data-v-cd3fee29"]]), Q1 = ["aria-valuenow", "aria-label"], W1 = /* @__PURE__ */ P({
+}), Gr = /* @__PURE__ */ I(X1, [["__scopeId", "data-v-32fe18c0"]]), Q1 = ["aria-valuenow", "aria-label"], W1 = /* @__PURE__ */ P({
   name: "CmcProgressBar",
   __name: "CmcProgressBar",
   props: {
@@ -2358,13 +2357,13 @@ const I1 = /* @__PURE__ */ I(R1, [["render", $1]]), F1 = {
       "aria-valuemax": "100",
       "aria-label": s.value
     }, [
-      b("div", {
+      R("div", {
         class: $(["progress-bar__value", { "progress-bar__value--skeleton skeleton": e.loading }])
       }, z(l.value), 3),
-      b("div", {
+      R("div", {
         class: $(["progress-bar__track", { skeleton: e.loading }])
       }, [
-        b("div", {
+        R("div", {
           class: "progress-bar__fill",
           style: J(i.value)
         }, null, 4)
@@ -2468,8 +2467,8 @@ const I1 = /* @__PURE__ */ I(R1, [["render", $1]]), F1 = {
         class: "select__label"
       }, z(e.label), 9, J1)) : k("", !0),
       n.description ? (C(), h("div", eo, z(n.description), 1)) : k("", !0),
-      b("div", to, [
-        Me(b("select", {
+      R("div", to, [
+        Me(R("select", {
           "onUpdate:modelValue": i[0] || (i[0] = (s) => t.value = s),
           id: e.id,
           required: e.required,
@@ -2513,8 +2512,8 @@ const I1 = /* @__PURE__ */ I(R1, [["render", $1]]), F1 = {
     return (o, r) => (C(), h("div", {
       class: $(t.value)
     }, [
-      r[0] || (r[0] = b("span", { class: "status__dot" }, null, -1)),
-      b("span", so, z(n.text), 1)
+      r[0] || (r[0] = R("span", { class: "status__dot" }, null, -1)),
+      R("span", so, z(n.text), 1)
     ], 2));
   }
 }), Ur = /* @__PURE__ */ I(ao, [["__scopeId", "data-v-9ebfdda4"]]);
@@ -2730,14 +2729,14 @@ function me(e, n, t, o) {
     }, m = [];
     g.forEach((L) => {
       const y = [...m].reverse()[0], x = L.column.depth === p.depth;
-      let R, M = !1;
-      if (x && L.column.parent ? R = L.column.parent : (R = L.column, M = !0), y && y?.column === R)
+      let b, M = !1;
+      if (x && L.column.parent ? b = L.column.parent : (b = L.column, M = !0), y && y?.column === b)
         y.subHeaders.push(L);
       else {
-        const F = vt(t, R, {
-          id: [o, d, R.id, L?.id].filter(Boolean).join("_"),
+        const F = vt(t, b, {
+          id: [o, d, b.id, L?.id].filter(Boolean).join("_"),
           isPlaceholder: M,
-          placeholderId: M ? `${m.filter((S) => S.column === R).length}` : void 0,
+          placeholderId: M ? `${m.filter((S) => S.column === b).length}` : void 0,
           depth: d,
           index: m.length
         });
@@ -2752,11 +2751,11 @@ function me(e, n, t, o) {
   u(c, i - 1), a.reverse();
   const f = (g) => g.filter((p) => p.column.getIsVisible()).map((p) => {
     let m = 0, L = 0, y = [0];
-    p.subHeaders && p.subHeaders.length ? (y = [], f(p.subHeaders).forEach((R) => {
+    p.subHeaders && p.subHeaders.length ? (y = [], f(p.subHeaders).forEach((b) => {
       let {
         colSpan: M,
         rowSpan: F
-      } = R;
+      } = b;
       m += M, y.push(F);
     })) : m = 1;
     const x = Math.min(...y);
@@ -3268,19 +3267,19 @@ const Ce = {
         if (!o || !r || (l.persist == null || l.persist(), Oe(l) && l.touches && l.touches.length > 1))
           return;
         const i = e.getSize(), s = e ? e.getLeafHeaders().map((y) => [y.column.id, y.column.getSize()]) : [[o.id, o.getSize()]], a = Oe(l) ? Math.round(l.touches[0].clientX) : l.clientX, u = {}, c = (y, x) => {
-          typeof x == "number" && (n.setColumnSizingInfo((R) => {
+          typeof x == "number" && (n.setColumnSizingInfo((b) => {
             var M, F;
-            const S = n.options.columnResizeDirection === "rtl" ? -1 : 1, V = (x - ((M = R?.startOffset) != null ? M : 0)) * S, B = Math.max(V / ((F = R?.startSize) != null ? F : 0), -0.999999);
-            return R.columnSizingStart.forEach((oe) => {
+            const S = n.options.columnResizeDirection === "rtl" ? -1 : 1, V = (x - ((M = b?.startOffset) != null ? M : 0)) * S, B = Math.max(V / ((F = b?.startSize) != null ? F : 0), -0.999999);
+            return b.columnSizingStart.forEach((oe) => {
               let [N, lt] = oe;
               u[N] = Math.round(Math.max(lt + lt * B, 0) * 100) / 100;
             }), {
-              ...R,
+              ...b,
               deltaOffset: V,
               deltaPercentage: B
             };
-          }), (n.options.columnResizeMode === "onChange" || y === "end") && n.setColumnSizing((R) => ({
-            ...R,
+          }), (n.options.columnResizeMode === "onChange" || y === "end") && n.setColumnSizing((b) => ({
+            ...b,
             ...u
           })));
         }, f = (y) => c("move", y), g = (y) => {
@@ -4108,8 +4107,8 @@ function Xo(e) {
     getAllColumns: _(() => [r._getColumnDefs()], (g) => {
       const d = function(p, m, L) {
         return L === void 0 && (L = 0), p.map((y) => {
-          const x = fo(r, y, L, m), R = y;
-          return x.columns = R.columns ? d(R.columns, x, L + 1) : [], x;
+          const x = fo(r, y, L, m), b = y;
+          return x.columns = b.columns ? d(b.columns, x, L + 1) : [], x;
         });
       };
       return d(g);
@@ -4179,7 +4178,7 @@ function Wo() {
           const p = l[d], m = i[p.id], L = m.sortUndefined, y = (g = p?.desc) != null ? g : !1;
           let x = 0;
           if (L) {
-            const R = c.getValue(p.id), M = f.getValue(p.id), F = R === void 0, S = M === void 0;
+            const b = c.getValue(p.id), M = f.getValue(p.id), F = b === void 0, S = M === void 0;
             if (F || S) {
               if (L === "first") return F ? -1 : 1;
               if (L === "last") return F ? 1 : -1;
@@ -4370,8 +4369,8 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
         ]))), 128))
       ]))), 128))
     ])) : (C(), h("tbody", lr, [
-      b("tr", null, [
-        b("td", {
+      R("tr", null, [
+        R("td", {
           colspan: e.leafColCount,
           class: "td__empty"
         }, [
@@ -4482,7 +4481,7 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
         ]),
         _: 3
       }, 8, ["level"]),
-      t[0] || (t[0] = b("hr", { class: "title__separator" }, null, -1))
+      t[0] || (t[0] = R("hr", { class: "title__separator" }, null, -1))
     ], 64));
   }
 }), pr = {
@@ -4511,7 +4510,7 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
     return (l, i) => (C(), h("div", {
       class: $(r.value)
     }, [
-      Me(b("input", {
+      Me(R("input", {
         id: o.value,
         "onUpdate:modelValue": i[0] || (i[0] = (s) => t.value = s),
         disabled: n.disabled,
@@ -4521,11 +4520,11 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
       }, null, 8, mr), [
         [Mt, t.value]
       ]),
-      b("label", {
+      R("label", {
         for: o.value,
         class: "toggle__switch"
       }, [...i[1] || (i[1] = [
-        b("span", { class: "toggle__slider" }, null, -1)
+        R("span", { class: "toggle__slider" }, null, -1)
       ])], 8, Cr)
     ], 2));
   }
@@ -4563,7 +4562,7 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
       role: "list"
     }, [
       (C(!0), h(E, null, H(e.steps, (d, p) => (C(), h(E, { key: p }, [
-        b("div", {
+        R("div", {
           class: $(["wizard__step", i(p)]),
           "aria-current": u(p) ? "step" : void 0,
           "aria-label": `step-${p + 1} : ${d.label}`,
@@ -4579,8 +4578,8 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
             name: "check"
           })) : (C(), h("span", vr, z(p + 1), 1))
         ], 42, hr),
-        b("div", yr, [
-          b("span", {
+        R("div", yr, [
+          R("span", {
             class: $(["wizard__label-text", s(p)]),
             tabindex: e.clickable ? 0 : -1,
             onClick: (m) => l(p),
@@ -4618,7 +4617,7 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
       i.$slots.header ? (C(), h("div", Sr, [
         O(i.$slots, "header", {}, void 0, !0)
       ])) : k("", !0),
-      b("form", {
+      R("form", {
         class: "cmc-form__content",
         onSubmit: we(l, ["prevent"])
       }, [
@@ -4629,7 +4628,7 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
           status: "error",
           class: "alert-box"
         }, null, 8, ["title", "message"]))), 128)),
-        b("div", Mr, [
+        R("div", Mr, [
           O(i.$slots, "fields", {}, void 0, !0)
         ]),
         i.$slots.actions ? (C(), h("div", Rr, [
@@ -4649,7 +4648,7 @@ const tr = ["aria-sort"], nr = /* @__PURE__ */ P({
   },
   setup(e) {
     return (n, t) => (C(), h("div", $r, [
-      b("div", Ir, [
+      R("div", Ir, [
         O(n.$slots, "default", {}, void 0, !0)
       ]),
       e.errorMessage ? (C(), h("div", Fr, [