energy-components 1.13.0 → 1.14.0

package/dist/components/breadcrumbs.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as g, toRefs as h, ref as C, watchEffect as y, onMounted as L, createElementBlock as c, openBlock as l, Fragment as I, renderList as w, normalizeClass as x, unref as B, createVNode as j, mergeProps as E, toHandlers as P, withCtx as T, createCommentVNode as D } from "vue";
-import N from "./link.es.js";
-import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/breadcrumbs.css';const R = { key: 0 }, S = /* @__PURE__ */ g({
+import { defineComponent as h, toRefs as C, ref as y, watchEffect as L, onMounted as T, createElementBlock as o, openBlock as c, Fragment as I, renderList as x, normalizeClass as w, unref as B, createVNode as j, mergeProps as E, toHandlers as P, withCtx as D, createCommentVNode as N } from "vue";
+import O from "./link.es.js";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/breadcrumbs.css';const S = { key: 0 }, V = /* @__PURE__ */ h({
   __name: "breadcrumbs",
   props: {
     /**
@@ -24,18 +24,36 @@ import './style/breadcrumbs.css';const R = { key: 0 }, S = /* @__PURE__ */ g({
     trimItems: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * <span>Indica si el breadcrumb debe ser recortado por la izquierda, mostrando solo los dos últimos niveles.</span>
+     */
+    leftTrim: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["onClickTrimmedList"],
-  setup(d, { emit: p }) {
-    const t = d, f = p, {
-      items: s,
-      inverse: o
-    } = h(t), n = C(), m = () => {
-      f("onClickTrimmedList", s.value.slice(1, -1));
-    }, v = () => {
-      n.value = [
-        s.value[0],
+  setup(v, { emit: m }) {
+    const s = v, u = m, {
+      items: r,
+      inverse: l
+    } = C(s), a = y(), d = () => {
+      s.leftTrim ? u("onClickTrimmedList", r.value.slice(0, -2)) : u("onClickTrimmedList", r.value.slice(1, -1));
+    }, p = () => {
+      a.value = [
+        r.value[0],
+        {
+          text: "...",
+          active: !1,
+          tag: "router-link",
+          to: "",
+          clickable: !0
+        },
+        r.value[r.value.length - 1]
+      ];
+    }, b = () => {
+      a.value = [
         {
           text: "...",
           active: !1,
@@ -43,49 +61,50 @@ import './style/breadcrumbs.css';const R = { key: 0 }, S = /* @__PURE__ */ g({
           to: "",
           clickable: !0
         },
-        s.value[s.value.length - 1]
+        r.value[r.value.length - 2],
+        r.value[r.value.length - 1]
       ];
-    }, u = () => {
-      t.trimItems && s.value.length > 3 ? v() : typeof t.items == "object" ? n.value = t.items : console.error("energy-components: The prop is not an Object");
-    }, _ = (e, a) => {
-      const r = {
+    }, i = () => {
+      s.trimItems && r.value.length >= 3 ? p() : s.leftTrim && r.value.length >= 3 ? b() : typeof s.items == "object" ? a.value = s.items : console.error("energy-components: The prop is not an Object");
+    }, k = (e, n) => {
+      const t = {
         ...e,
-        inverse: o.value,
+        inverse: l.value,
         customClass: "rds-e-breadcrumbs__link--text"
       };
-      return a !== n.value.length - 1 && Object.assign(r, {
+      return n !== a.value.length - 1 && Object.assign(t, {
         arrow: !0,
         right: !0,
         arrowSmall: !0
-      }), r;
-    }, b = (e) => ({
-      click: (r) => {
-        r.preventDefault(), r.stopPropagation(), e != null && e.clickable && m();
+      }), t;
+    }, _ = (e) => ({
+      click: (t) => {
+        t.preventDefault(), t.stopPropagation(), e != null && e.clickable && d();
       }
-    }), k = (e) => [
+    }), g = (e) => [
       "rds-e-breadcrumbs__link",
       e != null && e.active ? "rds-e-breadcrumbs__link--active" : "",
-      o.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
+      l.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
     ];
-    return y(() => {
-      u();
-    }), L(() => {
-      u();
-    }), (e, a) => (l(!0), c(I, null, w(n.value, (r, i) => (l(), c("ul", {
-      key: i,
-      class: x(["rds-e-breadcrumbs", `${B(o) ? "rds-e-breadcrumbs--inverse" : ""}`])
+    return L(() => {
+      i();
+    }), T(() => {
+      i();
+    }), (e, n) => (c(!0), o(I, null, x(a.value, (t, f) => (c(), o("ul", {
+      key: f,
+      class: w(["rds-e-breadcrumbs", `${B(l) ? "rds-e-breadcrumbs--inverse" : ""}`])
     }, [
-      j(N, E({
-        class: k(r)
-      }, { ref_for: !0 }, _(r, i), P(b(r))), {
-        default: T(() => [
-          r != null && r.clickable ? (l(), c("span", R, "...")) : D("", !0)
+      j(O, E({
+        class: g(t)
+      }, { ref_for: !0 }, k(t, f), P(_(t))), {
+        default: D(() => [
+          t != null && t.clickable ? (c(), o("span", S, "...")) : N("", !0)
         ]),
         _: 2
       }, 1040, ["class"])
     ], 2))), 128));
   }
-}), A = /* @__PURE__ */ O(S, [["__scopeId", "data-v-696e4937"]]);
+}), F = /* @__PURE__ */ R(V, [["__scopeId", "data-v-ea69b47a"]]);
 export {
-  A as default
+  F as default
 };