energy-components 1.18.0 → 1.19.0-beta.0

package/dist/components/breadcrumbs.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, toRefs as y, ref as C, watchEffect as L, onMounted as T, createElementBlock as i, openBlock as u, Fragment as I, renderList as w, normalizeClass as x, unref as B, createVNode as j, mergeProps as E, toHandlers as P, withCtx as S, createCommentVNode as D } from "vue";
+import { defineComponent as C, toRefs as h, ref as y, watchEffect as I, onMounted as L, createElementBlock as u, openBlock as d, Fragment as T, renderList as w, normalizeClass as x, unref as B, createVNode as E, mergeProps as j, toHandlers as P, withCtx as S, 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 = ["id"], V = { key: 0 }, $ = /* @__PURE__ */ h({
+import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, q = /* @__PURE__ */ C({
   __name: "breadcrumbs",
   props: {
     /**
@@ -40,15 +40,15 @@ import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, $ = /* @__PUR
       default: void 0
     }
   },
-  emits: ["onClickTrimmedList"],
-  setup(a, { emit: v }) {
-    const s = a, d = v, {
+  emits: ["onClickTrimmedList", "onClickItem", "onClickEllipsis"],
+  setup(c, { emit: m }) {
+    const s = c, n = m, {
       items: r,
-      inverse: n
-    } = y(s), l = C(), m = () => {
-      s.leftTrim ? d("onClickTrimmedList", r.value.slice(0, -2)) : d("onClickTrimmedList", r.value.slice(1, -1));
+      inverse: i
+    } = h(s), a = y(), v = () => {
+      s.leftTrim ? n("onClickTrimmedList", r.value.slice(0, -2)) : n("onClickTrimmedList", r.value.slice(1, -1));
     }, p = () => {
-      l.value = [
+      a.value = [
         r.value[0],
         {
           text: "...",
@@ -59,8 +59,8 @@ import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, $ = /* @__PUR
         },
         r.value[r.value.length - 1]
       ];
-    }, b = () => {
-      l.value = [
+    }, k = () => {
+      a.value = [
         {
           text: "...",
           active: !1,
@@ -72,47 +72,50 @@ import './style/breadcrumbs.css';const R = ["id"], V = { key: 0 }, $ = /* @__PUR
         r.value[r.value.length - 1]
       ];
     }, f = () => {
-      s.trimItems && r.value.length >= 3 ? p() : s.leftTrim && r.value.length >= 3 ? b() : typeof s.items == "object" ? l.value = s.items : console.error("energy-components: The prop is not an Object");
-    }, k = (e, o) => {
+      s.trimItems && r.value.length >= 3 ? p() : s.leftTrim && r.value.length >= 3 ? k() : typeof s.items == "object" ? a.value = s.items : console.error("energy-components: The prop is not an Object");
+    }, b = (e, o) => {
       const t = {
         ...e,
-        inverse: n.value,
+        inverse: i.value,
         customClass: "rds-e-breadcrumbs__link--text"
       };
-      return o !== l.value.length - 1 && Object.assign(t, {
+      return o !== a.value.length - 1 && Object.assign(t, {
         arrow: !0,
         right: !0,
         arrowSmall: !0
       }), t;
-    }, _ = (e) => ({
+    }, _ = (e, o) => ({
       click: (t) => {
-        t.preventDefault(), t.stopPropagation(), e != null && e.clickable && m();
+        if (n("onClickItem", { item: e, index: o ?? -1, event: t }), e != null && e.clickable) {
+          const l = s.leftTrim ? r.value.slice(0, -2) : r.value.slice(1, -1);
+          n("onClickEllipsis", { trimmed: l, event: t }), v(), t.preventDefault(), t.stopPropagation();
+        }
       }
     }), g = (e) => [
       "rds-e-breadcrumbs__link",
       e != null && e.active ? "rds-e-breadcrumbs__link--active" : "",
-      n.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
+      i.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
     ];
-    return L(() => {
+    return I(() => {
       f();
-    }), T(() => {
+    }), L(() => {
       f();
-    }), (e, o) => (u(!0), i(I, null, w(l.value, (t, c) => (u(), i("ul", {
-      id: a.id ? `${a.id}-${c}` : void 0,
-      key: c,
-      class: x(["rds-e-breadcrumbs", `${B(n) ? "rds-e-breadcrumbs--inverse" : ""}`])
+    }), (e, o) => (d(!0), u(T, null, w(a.value, (t, l) => (d(), u("ul", {
+      id: c.id ? `${c.id}-${l}` : void 0,
+      key: l,
+      class: x(["rds-e-breadcrumbs", `${B(i) ? "rds-e-breadcrumbs--inverse" : ""}`])
     }, [
-      j(N, E({
+      E(N, j({
         class: g(t)
-      }, { ref_for: !0 }, k(t, c), P(_(t))), {
+      }, { ref_for: !0 }, b(t, l), P(_(t, l))), {
         default: S(() => [
-          t != null && t.clickable ? (u(), i("span", V, "...")) : D("", !0)
+          t != null && t.clickable ? (d(), u("span", V, "...")) : D("", !0)
         ]),
         _: 2
       }, 1040, ["class"])
     ], 10, R))), 128));
   }
-}), F = /* @__PURE__ */ O($, [["__scopeId", "data-v-dfc178d7"]]);
+}), H = /* @__PURE__ */ O(q, [["__scopeId", "data-v-1a87a370"]]);
 export {
-  F as default
+  H as default
 };