energy-components 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/components/accordion.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as B, toRefs as D, ref as p, watch as K, nextTick as T, inject as k, onMounted as $, onBeforeUnmount as A, createElementBlock as R, openBlock as f, createElementVNode as i, mergeProps as x, withKeys as z, toDisplayString as v, createBlock as N, createCommentVNode as V, createVNode as H, unref as m, normalizeClass as S, renderSlot as P, createTextVNode as U } from "vue";
-import { R as j } from "./icon-svg-9fQGq_1_.js";
+import { R as j } from "./icon-svg-CTR8GnC2.js";
 import E from "./tag.es.js";
 import { R as F, U as I } from "./types-CFEN6-OM.js";
 import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/avatar.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, computed as a, createElementBlock as s, openBlock as n, withKeys as o, normalizeStyle as u, normalizeClass as k, createBlock as _, createCommentVNode as b, toDisplayString as z } from "vue";
-import { R as C } from "./icon-svg-9fQGq_1_.js";
+import { R as C } from "./icon-svg-CTR8GnC2.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], D = {
   key: 1,

package/dist/components/button.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as s, createElementBlock as f, openBlock as r, mergeProps as p, createBlock as v, createCommentVNode as m, createElementVNode as y, normalizeClass as h, renderSlot as g, createTextVNode as x, toDisplayString as B } from "vue";
-import { R as S } from "./icon-svg-9fQGq_1_.js";
+import { R as S } from "./icon-svg-CTR8GnC2.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/button.css';const $ = ["id", "type", "disabled", "aria-disabled", "aria-busy", "aria-label"], L = { class: "rds-e-btn__text" }, I = /* @__PURE__ */ b({
   __name: "button",

package/dist/components/checkbox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as D, computed as c, ref as d, watch as N, onMounted as E, onBeforeUnmount as L, createElementBlock as R, openBlock as s, normalizeClass as u, createElementVNode as b, mergeProps as T, renderSlot as U, createTextVNode as z, createBlock as x, createCommentVNode as I, toDisplayString as $, withCtx as F, createVNode as K } from "vue";
-import { R as g } from "./icon-svg-9fQGq_1_.js";
+import { R as g } from "./icon-svg-CTR8GnC2.js";
 import M from "./tooltip.es.js";
 import { g as p } from "./getInstance-GhoEcxLF.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/collapsable.es.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-CwEWYCf1.js";
+import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-DGVMcmcy.js";
 export {
   f as default
 };

package/dist/components/collapsable.scss_vue_type_style_index_0_src_true_lang-DGVMcmcy.js

@@ -0,0 +1,86 @@
+import { defineComponent as k, ref as c, computed as r, watch as v, nextTick as i, createElementBlock as w, openBlock as h, normalizeClass as u, createElementVNode as t, withKeys as B, createBlock as C, createCommentVNode as S, createVNode as $, toDisplayString as _, renderSlot as I, createTextVNode as N } from "vue";
+import { R as y } from "./icon-svg-CTR8GnC2.js";
+import './style/collapsable.css';const V = ["id", "aria-expanded", "aria-controls", "disabled"], H = { class: "rds-e-collapsable__header-title" }, D = { class: "rds-e-collapsable__header-title-text" }, E = ["id", "aria-labelledby"], W = /* @__PURE__ */ k({
+  __name: "collapsable",
+  props: {
+    title: {},
+    content: { default: "" },
+    icon: { default: "" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    id: { default: "" }
+  },
+  emits: ["update:open"],
+  setup(l, { emit: g }) {
+    const n = l, x = g, e = c(n.open), o = c(null), s = c(null), p = r(() => n.id || `rds-collapsable-${Math.random().toString(36).substr(2, 9)}`), b = r(() => `${p.value}-panel`), f = r(() => `${p.value}-header`), d = () => {
+      if (!o.value || !s.value) return;
+      const a = s.value.scrollHeight;
+      o.value.style.maxHeight = e.value ? `${a}px` : "0px";
+    }, m = () => {
+      n.disabled || (e.value = !e.value, x("update:open", e.value), i(() => {
+        d();
+      }));
+    };
+    return v(() => n.open, (a) => {
+      e.value = a, i(() => {
+        d();
+      });
+    }), v(e, () => {
+      i(() => {
+        d();
+      });
+    }, { immediate: !0 }), (a, K) => (h(), w("div", {
+      class: u(["rds-e-collapsable", {
+        "rds-e-collapsable--open": e.value,
+        "rds-e-collapsable--disabled": l.disabled,
+        "rds-e-collapsable--full-width": l.fullWidth
+      }])
+    }, [
+      t("button", {
+        id: f.value,
+        class: "rds-e-collapsable__header",
+        type: "button",
+        "aria-expanded": e.value,
+        "aria-controls": b.value,
+        disabled: l.disabled,
+        onClick: m,
+        onKeydown: B(m, ["enter", "space"])
+      }, [
+        l.icon ? (h(), C(y, {
+          key: 0,
+          name: l.icon,
+          class: "rds-e-collapsable__header-icon"
+        }, null, 8, ["name"])) : S("", !0),
+        t("span", H, [
+          t("span", D, _(l.title), 1)
+        ]),
+        $(y, {
+          class: u(["rds-e-collapsable__header-arrow", { "rds-e-collapsable__header-arrow--open": e.value }]),
+          name: "arrow_down"
+        }, null, 8, ["class"])
+      ], 40, V),
+      t("div", {
+        id: b.value,
+        ref_key: "panel",
+        ref: o,
+        class: u(["rds-e-collapsable__panel", { "rds-e-collapsable__panel--open": e.value }]),
+        role: "region",
+        "aria-labelledby": f.value
+      }, [
+        t("div", {
+          ref_key: "panelContent",
+          ref: s,
+          class: "rds-e-collapsable__panel-content"
+        }, [
+          I(a.$slots, "default", {}, () => [
+            N(_(l.content), 1)
+          ])
+        ], 512)
+      ], 10, E)
+    ], 2));
+  }
+});
+export {
+  W as _
+};

package/dist/components/datepicker.es.js

@@ -1,5 +1,5 @@
 import { reactive as ya, ref as G, defineComponent as Je, useSlots as Vt, toRef as fa, onMounted as Ze, nextTick as it, onUnmounted as ga, watch as ct, computed as U, createElementBlock as X, openBlock as O, unref as s, normalizeClass as xe, createVNode as tt, createBlock as Te, mergeProps as Qe, isRef as $n, createSlots as Ge, renderList as Se, withCtx as ke, renderSlot as de, normalizeProps as ze, guardReactiveProps as lt, resolveDynamicComponent as Ya, Teleport as qr, Transition as la, createCommentVNode as K, h as jr, render as Cn, createElementVNode as ge, withModifiers as Ot, normalizeStyle as vt, Fragment as _e, toDisplayString as et, useAttrs as Qr, createTextVNode as Ct, getCurrentScope as Ur, onScopeDispose as Xr, onBeforeUpdate as zr, withDirectives as Pa, vShow as Ta, withKeys as Aa, mergeModels as Yn, useModel as Kr, toRefs as Gr, toHandlers as Jr } from "vue";
-import { R as Zr } from "./icon-svg-9fQGq_1_.js";
+import { R as Zr } from "./icon-svg-CTR8GnC2.js";
 import Rn from "./button.es.js";
 import el from "./textField.es.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/directAccess.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as R, toRefs as D, computed as i, createBlock as d, openBlock as l, resolveDynamicComponent as E, unref as t, normalizeClass as j, withCtx as I, renderSlot as u, createElementVNode as m, createCommentVNode as k, createElementBlock as N, normalizeStyle as y, toDisplayString as O } from "vue";
 import { s as T } from "./functions-D3GA3OzJ.js";
-import { R as h } from "./icon-svg-9fQGq_1_.js";
+import { R as h } from "./icon-svg-CTR8GnC2.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/directAccess.css';const q = { class: "rds-e-direct-access__artwork-container" }, A = ["src", "alt", "aria-hidden"], M = { class: "rds-e-direct-access__text-container" }, U = { class: "rds-e-direct-access__text" }, F = /* @__PURE__ */ R({
   __name: "direct-access",

package/dist/components/dragAndDrop.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as W, ref as _, computed as u, createElementBlock as b, openBlock as x, withModifiers as c, normalizeClass as k, createElementVNode as o, renderSlot as q, createVNode as L, createCommentVNode as M, toDisplayString as D } from "vue";
 import { g as z } from "./getInstance-GhoEcxLF.js";
-import { R as A } from "./icon-svg-9fQGq_1_.js";
+import { R as A } from "./icon-svg-CTR8GnC2.js";
 import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dragAndDrop.css';const V = ["id", "accept", "multiple", "disabled"], O = ["for"], P = { class: "rds-e-drag-and-drop__icon-wrapper" }, j = { class: "rds-e-drag-and-drop__text-container" }, G = { class: "rds-e-drag-and-drop__text" }, H = {
   key: 0,

package/dist/components/dropdown.es.js

@@ -3,7 +3,7 @@ import $e from "./multiselect.es.js";
 import Ce from "./checkbox.es.js";
 import { _ as De } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 import _e from "./radioButton.es.js";
-import { R as te } from "./icon-svg-9fQGq_1_.js";
+import { R as te } from "./icon-svg-CTR8GnC2.js";
 import oe from "./textField.es.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dropdown.css';const Oe = ["id", "aria-expanded", "onKeydown"], Le = ["aria-expanded", "onKeydown"], Ve = { class: "rds-e-dropdown__option" }, Ae = { class: "rds-e-dropdown__option-container" }, Re = { class: "rds-e-dropdown__option--prepend" }, Ee = { class: "rds-e-dropdown__option--content" }, Fe = {

package/dist/components/fileUploadItem.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as M, ref as z, computed as c, createElementBlock as s, openBlock as l, normalizeClass as N, createElementVNode as n, renderSlot as v, createVNode as p, createCommentVNode as r, toDisplayString as f, withModifiers as $ } from "vue";
-import { R as g } from "./icon-svg-9fQGq_1_.js";
+import { R as g } from "./icon-svg-CTR8GnC2.js";
 import w from "./progressBar.es.js";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/fileUploadItem.css';const C = ["id"], F = { class: "rds-e-file-upload-item__icon-container" }, R = { class: "rds-e-file-upload-item__details" }, E = { class: "rds-e-file-upload-item__info-wrapper" }, x = { class: "rds-e-file-upload-item__name" }, D = {

package/dist/components/filterChip.es.js

@@ -1,5 +1,5 @@
 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-9fQGq_1_.js";
+import { R as o } from "./icon-svg-CTR8GnC2.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterChip.css';const _ = ["id", "disabled"], I = {
   key: 0,

package/dist/components/filterTag.es.js

@@ -1,5 +1,5 @@
 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-9fQGq_1_.js";
+import { R as S } from "./icon-svg-CTR8GnC2.js";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterTag.css';const w = ["id", "aria-disabled", "tabindex"], _ = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
   __name: "filter-tag",