energy-components 1.1.2 → 1.1.3

package/dist/components/dropdown.es.js

@@ -1,17 +1,17 @@
-import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as h, openBlock as i, createElementBlock as y, createVNode as V, mergeProps as W, unref as r, withModifiers as u, createSlots as I, withCtx as a, normalizeClass as X, renderSlot as d, createElementVNode as n, createBlock as M, createCommentVNode as B, Fragment as Y, toDisplayString as O, nextTick as T, pushScopeId as Z, popScopeId as ee } from "vue";
-import le from "./multiselect.es.js";
-import te from "./textField.es.js";
-import { I as se } from "./icon-svg-CEZ-L3iv.js";
-import oe from "./checkbox.es.js";
-import re from "./radioButton.es.js";
-import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const de = (t) => (Z("data-v-9e2c3262"), t = t(), ee(), t), ne = { class: "rds-e-dropdown" }, ie = /* @__PURE__ */ de(() => /* @__PURE__ */ n("span", null, null, -1)), ue = { class: "rds-e-dropdown__option" }, ce = { class: "rds-e-dropdown__option-container" }, me = { class: "rds-e-dropdown__option--prepend" }, pe = { class: "rds-e-dropdown__option--content" }, fe = {
+import { defineComponent as H, mergeModels as x, toRefs as J, useModel as K, ref as Q, computed as y, openBlock as i, createElementBlock as b, createVNode as B, mergeProps as W, unref as n, withModifiers as u, createSlots as M, withCtx as o, normalizeClass as X, renderSlot as d, createElementVNode as a, createBlock as T, createCommentVNode as O, Fragment as Y, toDisplayString as D, nextTick as q } from "vue";
+import Z from "./multiselect.es.js";
+import ee from "./textField.es.js";
+import { I as le } from "./icon-svg-GoL3_ayS.js";
+import te from "./checkbox.es.js";
+import se from "./radioButton.es.js";
+import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/dropdown.css';const ne = { class: "rds-e-dropdown" }, oe = { class: "rds-e-dropdown__option" }, de = { class: "rds-e-dropdown__option-container" }, ae = { class: "rds-e-dropdown__option--prepend" }, ie = { class: "rds-e-dropdown__option--content" }, ue = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
-}, ve = { key: 1 }, he = {
+}, ce = { key: 1 }, fe = {
   key: 0,
   class: "rds-e-dropdown__option--append"
-}, ye = { class: "rds-e-dropdown__after-list" }, be = { class: "rds-e-dropdown__after-list-container" }, ke = /* @__PURE__ */ H({
+}, me = { class: "rds-e-dropdown__after-list" }, pe = { class: "rds-e-dropdown__after-list-container" }, ve = /* @__PURE__ */ H({
   __name: "dropdown",
   props: /* @__PURE__ */ x({
     /**
@@ -115,58 +115,58 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-9e2c3262"), t = t(),
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ x(["open", "close", "select", "change"], ["update:modelValue"]),
-  setup(t, { expose: $, emit: q }) {
-    const c = t, m = q, {
-      disabled: p,
-      options: b,
-      limit: S,
-      multiple: f
-    } = J(c), s = K(t, "modelValue"), v = Q(), E = h(() => b.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), j = h(() => !f.value || c.closeOnSelect), D = h({
-      get: () => s.value ? c.multiple ? Array.isArray(s.value) ? s.value.length > S.value ? c.limitText(S.value) : s.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof s.value == "object" ? s.value.label : typeof s.value == "string" ? s.value : "" : "",
+  setup(t, { expose: $, emit: E }) {
+    const c = t, f = E, {
+      disabled: m,
+      options: h,
+      limit: C,
+      multiple: p
+    } = J(c), r = K(t, "modelValue"), v = Q(), j = y(() => h.value.every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), N = y(() => !p.value || c.closeOnSelect), _ = y({
+      get: () => r.value ? c.multiple ? Array.isArray(r.value) ? r.value.length > C.value ? c.limitText(C.value) : r.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof r.value == "object" ? r.value.label : typeof r.value == "string" ? r.value : "" : "",
       set: () => null
-    }), N = h(() => ({
+    }), F = y(() => ({
       "rds-e-dropdown-input": !0,
-      "rds-e-dropdown--disabled": p.value,
+      "rds-e-dropdown--disabled": m.value,
       "rds-e-dropdown--small": c.small
-    })), C = h(() => {
+    })), S = y(() => {
       const e = {};
-      return E.value && Object.assign(e, {
+      return j.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
     }), k = (e) => {
-      if (s.value === e) return !0;
-      if (Array.isArray(s.value)) {
-        if (typeof e == "string") return s.value.includes(e);
-        if (C.value.label)
-          return s.value.some((o) => o.id === e.id);
+      if (r.value === e) return !0;
+      if (Array.isArray(r.value)) {
+        if (typeof e == "string") return r.value.includes(e);
+        if (S.value.label)
+          return r.value.some((s) => s.id === e.id);
       }
       return !1;
-    }, F = (e) => {
-      m("open", e);
+    }, I = (e) => {
+      f("open", e);
     }, L = (e) => {
-      m("close", e);
+      f("close", e);
     }, U = (e) => {
-      T(() => {
-        m("select", e);
+      q(() => {
+        f("select", e);
       });
     }, P = () => {
-      T(() => {
-        if (f.value) {
-          const e = b.value.filter(
-            (o) => k(o)
+      q(() => {
+        if (p.value) {
+          const e = h.value.filter(
+            (s) => k(s)
           ) || [];
-          m("change", e);
+          f("change", e);
         } else {
-          const e = b.value.find(
-            (o) => k(o)
+          const e = h.value.find(
+            (s) => k(s)
           );
-          m("change", [e]);
+          f("change", [e]);
         }
       });
     }, A = (e) => {
       v.value.select(e);
-    }, _ = () => {
+    }, R = () => {
       v.value.activate();
     }, z = () => {
       v.value.deactivate();
@@ -177,57 +177,57 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-9e2c3262"), t = t(),
       /**
        * Abre el dropdown
        */
-      activate: _,
+      activate: R,
       /**
        * Cierra el dropdown
        */
       deactivate: z
-    }), (e, o) => (i(), y("div", ne, [
-      V(le, W({
+    }), (e, s) => (i(), b("div", ne, [
+      B(Z, W({
         ref_key: "multiselect",
         ref: v,
-        modelValue: s.value,
-        "onUpdate:modelValue": o[2] || (o[2] = (l) => s.value = l),
-        class: N.value,
-        options: r(b),
-        "close-on-select": j.value,
+        modelValue: r.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (l) => r.value = l),
+        class: F.value,
+        options: n(h),
+        "close-on-select": N.value,
         "show-labels": !1,
-        disabled: r(p),
-        multiple: r(f),
+        disabled: n(m),
+        multiple: n(p),
         searchable: !1,
         "open-direction": "bottom",
-        limit: r(S),
+        limit: n(C),
         "limit-text": t.limitText
-      }, C.value, {
-        onOpen: F,
+      }, S.value, {
+        onOpen: I,
         onClose: L,
         onSelect: U,
         "onUpdate:modelValue": P,
-        onFocus: o[3] || (o[3] = u(() => _(), ["prevent"])),
+        onFocus: s[3] || (s[3] = u(() => R(), ["prevent"])),
         onBlur: u(() => null, ["prevent"])
-      }), I({
-        selection: a(({ isOpen: l }) => [
-          V(r(te), {
+      }), M({
+        selection: o(({ isOpen: l }) => [
+          B(n(ee), {
             id: `multiselect-dropdown-${t.id}`,
-            modelValue: D.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (w) => D.value = w),
+            modelValue: _.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (w) => _.value = w),
             class: "rds-e-dropdown__input",
-            disabled: r(p),
+            disabled: n(m),
             label: t.label,
             error: t.error,
             helper: t.helper,
             "helper-text": t.helperText,
             readonly: "",
-            onClick: u((w) => l ? null : _(), ["prevent", "stop"])
-          }, I({
-            "right-icon": a(() => [
-              V(r(se), {
+            onClick: u((w) => l ? null : R(), ["prevent", "stop"])
+          }, M({
+            "right-icon": o(() => [
+              B(n(le), {
                 name: "arrow_down",
                 "aria-hidden": "true",
                 class: X(["rds-e-dropdown__input-caret", {
                   "rds-e-dropdown__input-caret--open": l
                 }]),
-                onClick: o[0] || (o[0] = u(() => {
+                onClick: s[0] || (s[0] = u(() => {
                 }, ["self", "stop"])),
                 onMousedown: u(G, ["self", "prevent", "stop"])
               }, null, 8, ["class"])
@@ -236,94 +236,94 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-9e2c3262"), t = t(),
           }, [
             e.$slots["helper-text"] ? {
               name: "helper-text",
-              fn: a(() => [
+              fn: o(() => [
                 d(e.$slots, "helper-text", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["id", "modelValue", "disabled", "label", "error", "helper", "helper-text", "onClick"])
         ]),
-        placeholder: a(() => [
-          ie
+        placeholder: o(() => [
+          s[4] || (s[4] = a("span", null, null, -1))
         ]),
-        option: a(({ option: l, search: w, index: R }) => [
-          n("div", ue, [
-            n("div", ce, [
-              n("div", me, [
-                r(f) ? (i(), M(r(oe), {
+        option: o(({ option: l, search: w, index: V }) => [
+          a("div", oe, [
+            a("div", de, [
+              a("div", ae, [
+                n(p) ? (i(), T(n(te), {
                   key: 0,
-                  id: `${R}-${l.id}`,
+                  id: `${V}-${l.id}`,
                   small: t.small,
                   "is-checked": k(l),
-                  disabled: r(p) || (l == null ? void 0 : l.$isDisabled) || !1,
+                  disabled: n(m) || (l == null ? void 0 : l.$isDisabled) || !1,
                   onClick: u((g) => A(l), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !r(f) && t.showRadio ? (i(), M(r(re), {
+                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !n(p) && t.showRadio ? (i(), T(n(se), {
                   key: 1,
-                  id: `${R}-${l.id}`,
+                  id: `${V}-${l.id}`,
                   small: t.small,
                   "group-name": `group-${t.id}`,
                   checked: k(l),
-                  disabled: r(p) || (l == null ? void 0 : l.$isDisabled) || !1,
+                  disabled: n(m) || (l == null ? void 0 : l.$isDisabled) || !1,
                   option: l,
                   onClick: u((g) => A(l), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "group-name", "checked", "disabled", "option", "onClick"])) : B("", !0)
+                }, null, 8, ["id", "small", "group-name", "checked", "disabled", "option", "onClick"])) : O("", !0)
               ]),
-              n("div", pe, [
+              a("div", ie, [
                 d(e.$slots, "singleLabel", { option: l }, () => {
                   var g;
                   return [
-                    (g = C.value) != null && g.label ? (i(), y(Y, { key: 0 }, [
-                      n("span", null, O(l.label), 1),
-                      l != null && l.detail ? (i(), y("span", fe, O(l.detail), 1)) : B("", !0)
-                    ], 64)) : (i(), y("span", ve, O(l), 1))
+                    (g = S.value) != null && g.label ? (i(), b(Y, { key: 0 }, [
+                      a("span", null, D(l.label), 1),
+                      l != null && l.detail ? (i(), b("span", ue, D(l.detail), 1)) : O("", !0)
+                    ], 64)) : (i(), b("span", ce, D(l), 1))
                   ];
                 }, !0)
               ])
             ]),
-            e.$slots.optionAppend ? (i(), y("div", he, [
+            e.$slots.optionAppend ? (i(), b("div", fe, [
               d(e.$slots, "optionAppend", {
                 option: l,
                 search: w,
-                index: R
+                index: V
               }, void 0, !0)
-            ])) : B("", !0)
+            ])) : O("", !0)
           ])
         ]),
         _: 2
       }, [
         e.$slots.limit ? {
           name: "limit",
-          fn: a(() => [
+          fn: o(() => [
             d(e.$slots, "limit", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.maxElements ? {
           name: "maxElements",
-          fn: a(() => [
+          fn: o(() => [
             d(e.$slots, "maxElements", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.noResult ? {
           name: "noResult",
-          fn: a(({ search: l }) => [
+          fn: o(({ search: l }) => [
             d(e.$slots, "noResult", { search: l }, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.noOptions ? {
           name: "noOptions",
-          fn: a(() => [
+          fn: o(() => [
             d(e.$slots, "noOptions", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.afterList ? {
           name: "afterList",
-          fn: a(() => [
-            n("div", ye, [
-              n("div", be, [
+          fn: o(() => [
+            a("div", me, [
+              a("div", pe, [
                 d(e.$slots, "afterList", {}, void 0, !0)
               ])
             ])
@@ -333,7 +333,7 @@ import './style/dropdown.css';const de = (t) => (Z("data-v-9e2c3262"), t = t(),
       ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "limit", "limit-text"])
     ]));
   }
-}), Ve = /* @__PURE__ */ ae(ke, [["__scopeId", "data-v-9e2c3262"]]);
+}), Ce = /* @__PURE__ */ re(ve, [["__scopeId", "data-v-9e2c3262"]]);
 export {
-  Ve as default
+  Ce as default
 };