energy-components 1.8.1 → 1.10.0-beta.0

package/dist/components/filterChip.es.js

@@ -1,10 +1,13 @@
-import { defineComponent as m, ref as g, computed as y, createElementBlock as c, openBlock as l, normalizeClass as b, createElementVNode as s, createBlock as a, createCommentVNode as r, toDisplayString as n } from "vue";
-import { R as o } from "./icon-svg-_WCkLP8-.js";
-import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/filterChip.css';const k = ["disabled"], C = { class: "rds-e-filter-chip__icon-container" }, I = {
+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-YXBqzlJN.js";
+import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/filterChip.css';const C = ["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__ */ m({
+}, w = { class: "rds-e-filter-chip__text" }, B = /* @__PURE__ */ g({
   __name: "filter-chip",
   props: {
     /**
@@ -22,14 +25,15 @@ import './style/filterChip.css';const k = ["disabled"], C = { class: "rds-e-filt
      */
     leftIcon: {
       type: String,
-      default: "check"
+      default: ""
     },
     /**
      * <span>Numero a mostrar en el chip (a la izquierda)</span>
      */
     leftNumber: {
       type: String,
-      default: ""
+      default: "",
+      validator: (e) => e.length <= 2
     },
     /**
      * <span>Indica si se muestra el icono de flecha a la derecha</span>
@@ -76,39 +80,39 @@ import './style/filterChip.css';const k = ["disabled"], C = { class: "rds-e-filt
   },
   emits: ["onClickChip"],
   setup(e, { emit: d }) {
-    const t = e, f = d, h = g(null), u = y(() => {
+    const t = e, f = d, h = b(null), u = c(() => t.leftNumber.slice(0, 2)), p = c(() => {
       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"), i;
-    }), p = () => {
+      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(), c("button", {
+    return (i, S) => (l(), s("button", {
       ref_key: "chipRef",
       ref: h,
-      class: b(u.value),
+      class: y(p.value),
       disabled: e.disabled,
       type: "button",
-      onClick: p
+      onClick: m
     }, [
-      s("span", C, [
-        e.leftIcon && !e.leftNumber ? (l(), a(o, {
+      e.leftIcon || e.leftNumber ? (l(), s("span", I, [
+        e.leftNumber ? r("", !0) : (l(), a(o, {
           key: 0,
           name: e.leftIcon,
           class: "rds-e-filter-chip__icon",
           "aria-hidden": "true"
-        }, null, 8, ["name"])) : r("", !0),
-        e.leftNumber && !e.leftIcon ? (l(), c("span", I, n(e.leftNumber), 1)) : r("", !0)
-      ]),
-      s("span", w, n(e.text), 1),
+        }, null, 8, ["name"])),
+        e.leftNumber && !e.leftIcon ? (l(), s("span", N, n(u.value), 1)) : r("", !0)
+      ])) : r("", !0),
+      _("span", w, n(e.text), 1),
       e.arrowIcon ? (l(), a(o, {
-        key: 0,
+        key: 1,
         name: "arrow_down",
         class: "rds-e-filter-chip__arrow-icon",
         "aria-hidden": "true"
       })) : r("", !0)
-    ], 10, k));
+    ], 10, C));
   }
-}), R = /* @__PURE__ */ _(B, [["__scopeId", "data-v-58cf5c6f"]]);
+}), V = /* @__PURE__ */ k(B, [["__scopeId", "data-v-87cd4451"]]);
 export {
-  R as default
+  V as default
 };