energy-components 1.14.2 → 1.15.1

package/dist/components/filterChip.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as g, ref as b, computed as c, createElementBlock as s, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as _, createBlock as a, toDisplayString as n } from "vue";
-import { R as o } from "./icon-svg-DuzOdbk1.js";
-import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/filterChip.css';const C = ["disabled"], I = {
+import { defineComponent as g, ref as b, computed as s, createElementBlock as a, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as k, createBlock as c, toDisplayString as n } from "vue";
+import { R as o } from "./icon-svg-BGa9K9qG.js";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/filterChip.css';const _ = ["id", "disabled"], I = {
   key: 0,
   class: "rds-e-filter-chip__icon-container"
 }, N = {
   key: 1,
   class: "rds-e-filter-chip__number"
-}, w = { class: "rds-e-filter-chip__text" }, B = /* @__PURE__ */ g({
+}, S = { class: "rds-e-filter-chip__text" }, w = /* @__PURE__ */ g({
   __name: "filter-chip",
   props: {
     /**
@@ -76,17 +76,25 @@ import './style/filterChip.css';const C = ["disabled"], I = {
     highlight: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * ID del filter-chip para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["onClickChip"],
   setup(e, { emit: d }) {
-    const t = e, f = d, h = b(null), u = c(() => t.leftNumber.slice(0, 2)), p = c(() => {
+    const t = e, f = d, h = b(null), u = s(() => t.leftNumber.slice(0, 2)), p = s(() => {
       const i = ["rds-e-filter-chip"];
       return i.push(`rds-e-filter-chip--${t.surfaceType}`), t.disabled && i.push("rds-e-filter-chip--disabled"), t.selected && !t.highlight && i.push("rds-e-filter-chip--selected"), t.highlight && i.push("rds-e-filter-chip--highlight"), t.selected && t.highlight && i.push("rds-e-filter-chip--selected-highlight"), t.arrowIcon && i.push("rds-e-filter-chip--with-arrow"), !t.leftIcon && !t.leftNumber && i.push("rds-e-filter-chip--no-icon"), i;
     }), m = () => {
       t.disabled || f("onClickChip", t.filterValue);
     };
-    return (i, S) => (l(), s("button", {
+    return (i, B) => (l(), a("button", {
+      id: e.id,
       ref_key: "chipRef",
       ref: h,
       class: y(p.value),
@@ -94,25 +102,25 @@ import './style/filterChip.css';const C = ["disabled"], I = {
       type: "button",
       onClick: m
     }, [
-      e.leftIcon || e.leftNumber ? (l(), s("span", I, [
-        e.leftNumber ? r("", !0) : (l(), a(o, {
+      e.leftIcon || e.leftNumber ? (l(), a("span", I, [
+        e.leftNumber ? r("", !0) : (l(), c(o, {
           key: 0,
           name: e.leftIcon,
           class: "rds-e-filter-chip__icon",
           "aria-hidden": "true"
         }, null, 8, ["name"])),
-        e.leftNumber && !e.leftIcon ? (l(), s("span", N, n(u.value), 1)) : r("", !0)
+        e.leftNumber && !e.leftIcon ? (l(), a("span", N, n(u.value), 1)) : r("", !0)
       ])) : r("", !0),
-      _("span", w, n(e.text), 1),
-      e.arrowIcon ? (l(), a(o, {
+      k("span", S, n(e.text), 1),
+      e.arrowIcon ? (l(), c(o, {
         key: 1,
         name: "arrow_down",
         class: "rds-e-filter-chip__arrow-icon",
         "aria-hidden": "true"
       })) : r("", !0)
-    ], 10, C));
+    ], 10, _));
   }
-}), V = /* @__PURE__ */ k(B, [["__scopeId", "data-v-87cd4451"]]);
+}), V = /* @__PURE__ */ C(w, [["__scopeId", "data-v-566000ea"]]);
 export {
   V as default
 };

package/dist/components/filterTag.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, ref as m, createElementBlock as b, openBlock as g, withKeys as l, normalizeClass as p, createElementVNode as v, createVNode as x, toDisplayString as y, withModifiers as r } from "vue";
-import { R as _ } from "./icon-svg-DuzOdbk1.js";
+import { defineComponent as u, ref as m, createElementBlock as b, openBlock as g, withKeys as s, normalizeClass as v, createElementVNode as x, createVNode as p, toDisplayString as y, withModifiers as l } from "vue";
+import { R as S } from "./icon-svg-BGa9K9qG.js";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/filterTag.css';const w = ["aria-disabled", "tabindex"], S = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
+import './style/filterTag.css';const w = ["id", "aria-disabled", "tabindex"], _ = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
   __name: "filter-tag",
   props: {
     /**
@@ -24,47 +24,55 @@ import './style/filterTag.css';const w = ["aria-disabled", "tabindex"], S = { cl
     tabindex: {
       type: [Number, String],
       default: 0
+    },
+    /**
+     * ID del filter-tag para testing
+     */
+    id: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["remove"],
-  setup(e, { emit: d }) {
-    const i = e, o = d, a = m(!1);
+  setup(e, { emit: r }) {
+    const a = e, o = r, i = m(!1);
     function n(t) {
-      i.disabled || o("remove", t);
+      a.disabled || o("remove", t);
     }
-    function s(t) {
-      i.disabled || o("remove", t);
+    function d(t) {
+      a.disabled || o("remove", t);
     }
     function c() {
-      a.value = !0;
+      i.value = !0;
     }
     function f() {
-      a.value = !1;
+      i.value = !1;
     }
     return (t, B) => (g(), b("div", {
-      class: p(["rds-e-filter-tag", {
+      id: e.id,
+      class: v(["rds-e-filter-tag", {
         "rds-e-filter-tag--disabled": e.disabled,
-        "rds-e-filter-tag--focus": a.value && !e.disabled
+        "rds-e-filter-tag--focus": i.value && !e.disabled
       }]),
       role: "button",
       "aria-disabled": e.disabled ? "true" : "false",
       tabindex: e.disabled ? -1 : e.tabindex,
-      onClick: s,
-      onKeydown: l(s, ["enter", "space"]),
+      onClick: d,
+      onKeydown: s(d, ["enter", "space"]),
       onFocus: c,
       onBlur: f
     }, [
-      v("span", S, y(e.text), 1),
-      x(_, {
+      x("span", _, y(e.text), 1),
+      p(S, {
         name: "close",
         class: "rds-e-filter-tag__icon",
         "aria-label": "Eliminar filtro",
-        onClick: r(n, ["stop"]),
-        onKeydown: l(r(n, ["stop"]), ["enter", "space"])
+        onClick: l(n, ["stop"]),
+        onKeydown: s(l(n, ["stop"]), ["enter", "space"])
       }, null, 8, ["onKeydown"])
     ], 42, w));
   }
-}), N = /* @__PURE__ */ h(k, [["__scopeId", "data-v-f7a18750"]]);
+}), N = /* @__PURE__ */ h(k, [["__scopeId", "data-v-1c398b7d"]]);
 export {
   N as default
 };