energy-components 1.22.0 → 2.0.0-beta.0

package/dist/components/tableslotedcomponent.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as w, toRefs as I, getCurrentInstance as ee, ref as p, computed as x, watchEffect as le, watch as te, onMounted as se, createElementBlock as n, openBlock as c, normalizeClass as u, createElementVNode as i, createVNode as v, createCommentVNode as b, Fragment as h, renderList as E, renderSlot as $, normalizeStyle as ae, toDisplayString as O, unref as C, Transition as N, withCtx as L, nextTick as oe } from "vue";
-import { R as ne } from "./icon-svg-K8-vLJgV.js";
-import B from "./checkbox.es.js";
+import { defineComponent as w, toRefs as I, getCurrentInstance as ee, ref as p, computed as x, watchEffect as le, watch as te, onMounted as se, createElementBlock as n, openBlock as c, normalizeClass as d, createElementVNode as i, createVNode as y, createCommentVNode as r, Fragment as h, renderList as S, renderSlot as m, normalizeStyle as ae, toDisplayString as U, unref as C, Transition as O, withCtx as K, nextTick as oe } from "vue";
+import { I as ne } from "./icon-svg-DxlNo61Q.js";
+import E from "./checkbox.es.js";
 import { g as ce } from "./getInstance-GhoEcxLF.js";
 import { _ as ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-header", "onClick"], ue = ["for"], be = {
@@ -15,10 +15,10 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
 }, fe = ["for"], pe = {
   key: 0,
   class: "loading-overlay"
-}, ve = ["onClick"], ye = ["column-key", "data-cell"], ge = ["title"], he = {
+}, ye = ["onClick"], ve = ["column-key", "data-cell"], ge = ["title"], he = {
   key: 0,
   class: "table__cell table__cell--shadow table__cell--right"
-}, $e = ["for"], me = ["colspan"], xe = ["colspan"], Ce = /* @__PURE__ */ w({
+}, me = ["for"], $e = ["colspan"], xe = ["colspan"], Ce = /* @__PURE__ */ w({
   __name: "TableSlotedComponent",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -39,8 +39,8 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     mockItems: {}
   },
   emits: ["selectAll", "onClickCheckbox", "onItemExpansion", "onHeaderSort"],
-  setup(k, { expose: j, emit: q }) {
-    const o = k, y = q, { item: f, listChecked: z, selectableKey: d } = I(o), S = ee(), F = p(), D = p(`table-${ce()}`), _ = p([]), m = p([]), K = p([]), P = p(!0), G = x(() => {
+  setup(_, { expose: N, emit: L }) {
+    const o = _, v = L, { item: k, listChecked: j, selectableKey: u } = I(o), q = ee(), z = p(), B = p(`table-${ce()}`), b = p([]), $ = p([]), F = p([]), P = p(!0), G = x(() => {
       const l = "table";
       let t = l;
       return t = `${t} ${l}--${o.variant}`, o.condensed && (t = `${t} ${l}--condensed`), t;
@@ -51,107 +51,102 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     }), Q = x(() => o.mockItems ? Array.from({ length: o.mockItems }, () => ({
       expandible: !1,
       visible: !1
-    })) : []), g = x(() => o.loading && _.value.length === 0 ? Q.value : _.value), W = (l) => {
-      if (d != null && d.value) {
-        const t = l[d.value];
-        return z.value.includes(t);
+    })) : []), g = x(() => o.loading && b.value.length === 0 ? Q.value : b.value), W = (l) => {
+      if (u?.value) {
+        const t = l[u.value];
+        return j.value.includes(t);
       }
       return !1;
     }, X = (l) => {
-      if (d != null && d.value) {
-        const t = String(l[d.value]);
-        y("onClickCheckbox", t);
+      if (u?.value) {
+        const t = String(l[u.value]);
+        v("onClickCheckbox", t);
       }
     }, A = async (l, t = !1) => {
-      var e;
       if (l.expandible) {
         if (!o.isMobileDevice) {
-          const a = _.value.map(
+          const e = b.value.map(
             (s) => s === l ? { ...s, visible: !s.visible } : s
           );
-          _.value = a;
+          b.value = e;
         }
-        y("onItemExpansion", {
+        v("onItemExpansion", {
           ...l,
           visible: o.isMobileDevice ? l.visible : !l.visible,
           isMobileDevice: o.isMobileDevice
-        }), t && (await oe(), (e = document.querySelector(".table__group--is-open")) == null || e.scrollIntoView({ behavior: "smooth" }));
+        }), t && (await oe(), document.querySelector(".table__group--is-open")?.scrollIntoView({ behavior: "smooth" }));
       }
     }, Y = (l) => {
-      y("selectAll", l);
-    }, V = (l) => l.align ? `table__cell--${l.align}` : "table__cell--left", Z = (l, t) => t === "actions" ? !1 : l.status === "BLOCKED" || l.status === "BUSINESS_BLOCK" || l.status === "PT_BLOCKED" ? !0 : !!l.$disabled, H = (l, t, e) => {
-      var a, s;
+      v("selectAll", l);
+    }, D = (l) => l.align ? `table__cell--${l.align}` : "table__cell--left", Z = (l, t) => t === "actions" ? !1 : l.status === "BLOCKED" || l.status === "BUSINESS_BLOCK" || l.status === "PT_BLOCKED" ? !0 : !!l.$disabled, V = (l, t, e) => {
       if (!t) return "---";
       if (l === "date") {
-        const r = (s = (a = f.value.items[e]) == null ? void 0 : a.rawElem) == null ? void 0 : s.operationHour;
-        if (r) return `${t} ${r}`;
+        const s = k.value.items[e]?.rawElem?.operationHour;
+        if (s) return `${t} ${s}`;
       }
       return t;
     }, R = (l, t) => {
       if (!t.sortable) return;
-      const e = ["", "asc", "desc"], s = (e.indexOf(t.sort || "") + 1) % e.length;
-      if (m.value.forEach((r) => {
-        r.sortable && r.key !== t.key && (r.sort = "");
-      }), t.sort = e[s], t.sort === "")
-        return y("onHeaderSort", {});
-      y("onHeaderSort", {
+      const e = ["", "asc", "desc"], a = (e.indexOf(t.sort || "") + 1) % e.length;
+      if ($.value.forEach((f) => {
+        f.sortable && f.key !== t.key && (f.sort = "");
+      }), t.sort = e[a], t.sort === "")
+        return v("onHeaderSort", {});
+      v("onHeaderSort", {
         sortBy: t.key,
         order: t.sort
       });
-    }, T = (l = !1) => {
-      const t = f.value.items.map((e, a) => {
-        var r;
-        const s = (r = _.value[a]) == null ? void 0 : r.visible;
+    }, H = (l = !1) => {
+      const t = k.value.items.map((e, s) => {
+        const a = b.value[s]?.visible;
         return {
           ...e,
-          visible: l && s !== void 0 ? s : !1
+          visible: l && a !== void 0 ? a : !1
         };
       });
-      _.value = t;
-    }, M = (l = !1) => {
-      P.value = !l, m.value = [
-        ...f.value.header.map((t) => ("sort" in t || Object.assign(t, { sort: "" }), t))
-      ], T(l);
+      b.value = t;
+    }, T = (l = !1) => {
+      P.value = !l, $.value = [
+        ...k.value.header.map((t) => ("sort" in t || Object.assign(t, { sort: "" }), t))
+      ], H(l);
     };
-    M();
-    const U = (l) => Object.keys(l);
+    T();
+    const M = (l) => Object.keys(l);
     return le(() => {
-      var l;
-      M(!0), (l = o.itemsExpanded) != null && l.length && o.itemsExpanded.forEach((t) => {
-        f.value.items[t] && A(f.value.items[t], !0);
+      T(!0), o.itemsExpanded?.length && o.itemsExpanded.forEach((l) => {
+        k.value.items[l] && A(k.value.items[l], !0);
       });
     }), te(() => o.isMobileDevice, () => {
-      _.value = [...f.value.items].map((l) => ({
+      b.value = [...k.value.items].map((l) => ({
         ...l,
         visible: !1
       }));
-    }), j({
-      clearVisibleDetails: T
+    }), N({
+      clearVisibleDetails: H
     }), se(() => {
-      var l;
-      F.value = (l = S == null ? void 0 : S.vnode) == null ? void 0 : l.scopeId;
+      z.value = q?.vnode?.scopeId;
     }), (l, t) => (c(), n("div", {
-      class: u(["table__container", G.value])
+      class: d(["table__container", G.value])
     }, [
       i("table", null, [
-        k.hideHeaders ? b("", !0) : (c(), n("thead", de, [
+        _.hideHeaders ? r("", !0) : (c(), n("thead", de, [
           i("tr", null, [
-            (c(!0), n(h, null, E(m.value, (e, a) => (c(), n("th", {
-              key: `header-${a}`,
+            (c(!0), n(h, null, S($.value, (e, s) => (c(), n("th", {
+              key: `header-${s}`,
               "data-header": `data-header-${e.key}`,
-              class: u(["table__cell table__cell--heading body-1", [
-                V(e),
+              class: d(["table__cell table__cell--heading body-1", [
+                D(e),
                 {
                   "table__cell--shadow": e.sticky,
                   "table__cell--no-sticky": !e.sticky,
                   "table__cell--sortable": e.sortable
                 }
               ]]),
-              onClick: (s) => R(s, e)
+              onClick: (a) => R(a, e)
             }, [
-              $(l.$slots, `header-${e.key}`, { item: e }, () => [
+              m(l.$slots, `header-${e.key}`, { item: e }, () => [
                 e.type === "selectAll" ? (c(), n(h, { key: 0 }, [
-                  v(B, {
+                  y(E, {
                     id: `checkbox_${e.key}`,
                     "is-checked": e.allSelected,
                     "onUpdate:modelValue": e.callback
@@ -163,134 +158,134 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                 ], 64)) : (c(), n("div", be, [
                   i("span", {
                     style: ae({
-                      color: (e == null ? void 0 : e.sort) !== "" ? "#00ADC3" : ""
+                      color: e?.sort !== "" ? "#00ADC3" : ""
                     }),
                     class: "rds-title-02"
-                  }, O(e.text || ""), 5),
+                  }, U(e.text || ""), 5),
                   e.sortable ? (c(), n("span", _e, [
                     i("span", {
-                      class: u(["table__sortable-icon--up sortable-icon", `${e.sort === "asc" ? "active" : ""}`])
+                      class: d(["table__sortable-icon--up sortable-icon", `${e.sort === "asc" ? "active" : ""}`])
                     }, "▲", 2),
                     i("span", {
-                      class: u(["table__sortable-icon--down sortable-icon", `${e.sort === "desc" ? "active" : ""}`])
+                      class: d(["table__sortable-icon--down sortable-icon", `${e.sort === "desc" ? "active" : ""}`])
                     }, "▼", 2)
-                  ])) : b("", !0)
+                  ])) : r("", !0)
                 ]))
               ], !0)
             ], 10, re))), 128)),
-            C(d) && !k.hideSelectAll ? (c(), n("th", ke, [
-              v(B, {
-                id: `checkbox-all-${D.value}`,
+            C(u) && !_.hideSelectAll ? (c(), n("th", ke, [
+              y(E, {
+                id: `checkbox-all-${B.value}`,
                 class: "rds-checkbox table__checkbox",
                 "is-checked": o.checkedAll,
                 "onUpdate:modelValue": Y
               }, null, 8, ["id", "is-checked"]),
               i("label", {
-                for: `checkbox-all-${D.value}`,
+                for: `checkbox-all-${B.value}`,
                 class: "rds-checkbox__label rds-checkbox__label--no-text"
               }, null, 8, fe)
-            ])) : b("", !0)
+            ])) : r("", !0)
           ])
         ])),
         i("tbody", {
-          class: u(J.value)
+          class: d(J.value)
         }, [
-          v(N, { name: "fade" }, {
-            default: L(() => [
-              k.loading ? (c(), n("div", pe, [
-                v(ne, { name: "loading" })
-              ])) : b("", !0)
+          y(O, { name: "fade" }, {
+            default: K(() => [
+              _.loading ? (c(), n("div", pe, [
+                y(ne, { name: "loading" })
+              ])) : r("", !0)
             ]),
             _: 1
           }),
-          g.value.length !== 0 ? (c(!0), n(h, { key: 0 }, E(g.value, (e, a) => (c(), n(h, {
-            key: `row-${a}}`
+          g.value.length !== 0 ? (c(!0), n(h, { key: 0 }, S(g.value, (e, s) => (c(), n(h, {
+            key: `row-${s}}`
           }, [
             i("tr", {
               ref_for: !0,
-              ref: (s) => {
-                K.value[a] = s;
+              ref: (a) => {
+                F.value[s] = a;
               },
-              class: u(["table__group", [
-                { "table__group--odd": a % 2 === 0 },
+              class: d(["table__group", [
+                { "table__group--odd": s % 2 === 0 },
                 { "table__group--is-open rds-background-grey": e.visible },
                 { "table__group--expandible": e.expandible },
                 e.$class || ""
               ]]),
               onClick: () => A(e)
             }, [
-              (c(!0), n(h, null, E(m.value, (s, r) => (c(), n("td", {
-                key: `column-${r}`,
-                "column-key": r,
-                "data-cell": `data-cell-${s.key}`,
-                class: u(["table__cell rds-body-01", [
-                  V(s),
+              (c(!0), n(h, null, S($.value, (a, f) => (c(), n("td", {
+                key: `column-${f}`,
+                "column-key": f,
+                "data-cell": `data-cell-${a.key}`,
+                class: d(["table__cell rds-body-01", [
+                  D(a),
                   {
-                    "table__cell--shadow": s.sticky,
-                    "table__cell--no-sticky": !s.sticky,
-                    "table__cell--disabled": Z(e, s.key)
+                    "table__cell--shadow": a.sticky,
+                    "table__cell--no-sticky": !a.sticky,
+                    "table__cell--disabled": Z(e, a.key)
                   },
-                  e[`$${s.key}_class`] || ""
+                  e[`$${a.key}_class`] || ""
                 ]])
               }, [
-                $(l.$slots, `td-${s.key}`, {
-                  value: e[s.key],
+                m(l.$slots, `td-${a.key}`, {
+                  value: e[a.key],
                   item: e
                 }, () => [
                   i("span", {
-                    title: H(s.key, String(e[s.key] || ""), a)
-                  }, O(H(s.key, String(e[s.key] || ""), a)), 9, ge)
+                    title: V(a.key, String(e[a.key] || ""), s)
+                  }, U(V(a.key, String(e[a.key] || ""), s)), 9, ge)
                 ], !0)
-              ], 10, ye))), 128)),
-              C(d) ? (c(), n("td", he, [
-                $(l.$slots, "td-checkbox", { item: e }, () => [
-                  v(B, {
-                    id: `add-${a}-${e[C(d)]}`,
+              ], 10, ve))), 128)),
+              C(u) ? (c(), n("td", he, [
+                m(l.$slots, "td-checkbox", { item: e }, () => [
+                  y(E, {
+                    id: `add-${s}-${e[C(u)]}`,
                     name: "checkbox-item",
                     "is-checked": W(e) || o.checkedAll,
                     disabled: !1,
-                    "onUpdate:modelValue": (s) => X(e)
+                    "onUpdate:modelValue": (a) => X(e)
                   }, null, 8, ["id", "is-checked", "onUpdate:modelValue"]),
                   i("label", {
-                    for: `add-${a}-${e[C(d)]}`,
+                    for: `add-${s}-${e[C(u)]}`,
                     class: "rds-checkbox__label rds-checkbox__label--no-text"
-                  }, null, 8, $e)
+                  }, null, 8, me)
                 ], !0)
-              ])) : b("", !0)
-            ], 10, ve),
-            g.value[a].visible ? (c(), n("tr", {
+              ])) : r("", !0)
+            ], 10, ye),
+            g.value[s].visible ? (c(), n("tr", {
               key: 0,
-              class: u(["table__group table__group--dropdown", [
+              class: d(["table__group table__group--dropdown", [
                 {
-                  "table__group--odd": a % 2 === 0
+                  "table__group--odd": s % 2 === 0
                 }
               ]])
             }, [
               i("td", {
-                class: u(["table__cell table__group--dropdown rds-background-grey", {
+                class: d(["table__cell table__group--dropdown rds-background-grey", {
                   "table__group--dropdown-disabled": e.status !== "ACTIVE",
                   "table__cell--table": !e.expandible
                 }]),
-                colspan: U(e).length
+                colspan: M(e).length
               }, [
-                $(l.$slots, "expandible", { item: e }, void 0, !0)
-              ], 10, me)
-            ], 2)) : b("", !0),
-            g.value[a].visible ? (c(), n("tr", {
+                m(l.$slots, "expandible", { item: e }, void 0, !0)
+              ], 10, $e)
+            ], 2)) : r("", !0),
+            g.value[s].visible ? (c(), n("tr", {
               key: 1,
               class: "table__group--spacer",
-              colspan: U(e).length
-            }, null, 8, xe)) : b("", !0)
-          ], 64))), 128)) : b("", !0)
+              colspan: M(e).length
+            }, null, 8, xe)) : r("", !0)
+          ], 64))), 128)) : r("", !0)
         ], 2)
       ]),
-      v(N, { name: "fade" }, {
-        default: L(() => [
-          k.showEmptyState && !k.loading && g.value.length === 0 ? $(l.$slots, "empty", { key: 0 }, () => [
+      y(O, { name: "fade" }, {
+        default: K(() => [
+          _.showEmptyState && !_.loading && g.value.length === 0 ? m(l.$slots, "empty", { key: 0 }, () => [
             t[0] || (t[0] = i("div", { class: "table__empty-state" }, [
               i("h3", { class: "rds-title-02" }, " No hay elementos a mostrar. ")
             ], -1))
-          ], !0) : b("", !0)
+          ], !0) : r("", !0)
         ]),
         _: 3
       })

package/dist/components/tag.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, toRefs as x, computed as c, createElementBlock as _, openBlock as n, normalizeClass as o, createBlock as v, createCommentVNode as u, unref as t, toDisplayString as k } from "vue";
-import { R as g } from "./icon-svg-K8-vLJgV.js";
+import { defineComponent as x, toRefs as S, computed as c, createElementBlock as _, openBlock as n, normalizeClass as o, createBlock as v, createCommentVNode as u, unref as t, toDisplayString as k } from "vue";
+import { I as g } from "./icon-svg-DxlNo61Q.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tag.css';const I = ["id"], R = /* @__PURE__ */ S({
+import './style/tag.css';const I = ["id"], N = /* @__PURE__ */ x({
   __name: "tag",
   props: {
     /**
@@ -83,7 +83,7 @@ import './style/tag.css';const I = ["id"], R = /* @__PURE__ */ S({
       small: l,
       disabled: p,
       onlyIcon: i
-    } = x(y), f = c(() => h.value && !l.value && !p.value), B = c(() => {
+    } = S(y), f = c(() => h.value && !l.value && !p.value), B = c(() => {
       const a = "rds-e-tag", e = [];
       return b.value && e.push(`${a}--inverse`), f.value && e.push(`${a}--actionable`), r.value && e.push(`${a}--icon`), l.value && e.push(`${a}--small`), p.value && e.push(`${a}--disabled`), e.push(`${a}--${d.value}`), e.join(" ");
     }), m = c(() => {
@@ -112,7 +112,7 @@ import './style/tag.css';const I = ["id"], R = /* @__PURE__ */ S({
       }, null, 8, ["class"])) : u("", !0)
     ], 10, I));
   }
-}), w = /* @__PURE__ */ C(R, [["__scopeId", "data-v-4ff716c6"]]);
+}), R = /* @__PURE__ */ C(N, [["__scopeId", "data-v-4ff716c6"]]);
 export {
-  w as default
+  R as default
 };