energy-components 2.0.1 → 2.2.0

package/dist/components/directAccess.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as R, toRefs as D, computed as i, openBlock as l, createBlock as d, resolveDynamicComponent as E, unref as t, normalizeClass as j, withCtx as I, renderSlot as u, createElementVNode as m, normalizeStyle as k, createElementBlock as N, createCommentVNode as y, toDisplayString as O } from "vue";
+import { defineComponent as R, toRefs as D, computed as i, openBlock as l, createBlock as u, resolveDynamicComponent as E, unref as t, normalizeClass as j, withCtx as I, renderSlot as m, createElementVNode as c, normalizeStyle as k, createElementBlock as N, createCommentVNode as y, toDisplayString as O } from "vue";
 import { s as T } from "./functions-D3GA3OzJ.js";
-import { R as h } from "./icon-svg-Cx3PvOnQ.js";
+import { R as h } from "./icon-svg-CW3eQRcp.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({
+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-content" }, F = { class: "rds-e-direct-access__text" }, G = /* @__PURE__ */ R({
   __name: "direct-access",
   props: {
     /**
@@ -79,59 +79,61 @@ import './style/directAccess.css';const q = { class: "rds-e-direct-access__artwo
     }
   },
   emits: ["click"],
-  setup(o, { emit: w }) {
-    const b = o, S = w, { text: p, layout: g, disabled: c, arrow: f, artwork: a, ariaLabel: z, linkTo: r, useRouterLink: x } = D(b), C = i(() => [
+  setup(o, { emit: b }) {
+    const w = o, S = b, { text: _, layout: g, disabled: n, arrow: p, artwork: a, ariaLabel: x, linkTo: r, useRouterLink: z } = D(w), C = i(() => [
       "rds-e-direct-access",
       `rds-e-direct-access--${g.value}`,
-      { "rds-e-direct-access--disabled": c.value },
-      { "rds-e-direct-access--with-arrow": f.value }
-    ]), n = i(() => x.value && !!r.value), L = i(() => z.value || p.value), $ = i(() => typeof r.value == "string" ? T(r.value) : ""), v = i(() => a.value?.microillustration && (a.value.microillustration.path || a.value.microillustration.url) || ""), _ = (e) => {
+      { "rds-e-direct-access--disabled": n.value },
+      { "rds-e-direct-access--with-arrow": p.value }
+    ]), d = i(() => z.value && !!r.value), L = i(() => x.value || _.value), $ = i(() => typeof r.value == "string" ? T(r.value) : ""), f = i(() => a.value?.microillustration && (a.value.microillustration.path || a.value.microillustration.url) || ""), v = (e) => {
       if (!e) return {};
       const s = {};
       return e.size && (s.fontSize = `${e.size}px`, s.width = `${e.size}px`, s.height = `${e.size}px`), e.color && "name" in e && (s.color = e.color), s;
     }, B = (e) => {
-      if (c.value) {
+      if (n.value) {
         e.preventDefault();
         return;
       }
       S("click", e);
     };
-    return (e, s) => (l(), d(E(t(r) ? n.value ? "router-link" : "a" : "button"), {
+    return (e, s) => (l(), u(E(t(r) ? d.value ? "router-link" : "a" : "button"), {
       id: o.id,
       type: t(r) ? void 0 : "button",
-      href: !n.value && t(r) ? $.value : void 0,
-      to: n.value && t(r) ? t(r) : void 0,
+      href: !d.value && t(r) ? $.value : void 0,
+      to: d.value && t(r) ? t(r) : void 0,
       class: j(C.value),
-      disabled: t(c),
+      disabled: t(n),
       "aria-label": L.value,
       onClick: B
     }, {
       default: I(() => [
-        u(e.$slots, "default", {}, () => [
-          m("div", q, [
-            u(e.$slots, "artwork", {}, () => [
-              t(a)?.icon?.name ? (l(), d(h, {
+        m(e.$slots, "default", {}, () => [
+          c("div", q, [
+            m(e.$slots, "artwork", {}, () => [
+              t(a)?.icon?.name ? (l(), u(h, {
                 key: 0,
                 name: t(a).icon.name,
-                style: k(_(t(a).icon)),
+                style: k(v(t(a).icon)),
                 class: "rds-e-direct-access__artwork-item rds-e-direct-access__artwork-item--icon",
                 "aria-hidden": "true"
-              }, null, 8, ["name", "style"])) : t(a)?.microillustration && v.value ? (l(), N("img", {
+              }, null, 8, ["name", "style"])) : t(a)?.microillustration && f.value ? (l(), N("img", {
                 key: 1,
-                src: v.value,
+                src: f.value,
                 alt: t(a).microillustration.alt || "",
-                style: k(_(t(a).microillustration)),
+                style: k(v(t(a).microillustration)),
                 class: "rds-e-direct-access__artwork-item rds-e-direct-access__artwork-item--microillustration",
                 "aria-hidden": !t(a).microillustration.alt
               }, null, 12, A)) : y("", !0)
             ], !0)
           ]),
-          m("div", M, [
-            u(e.$slots, "text", {}, () => [
-              m("span", U, O(t(p)), 1)
-            ], !0)
+          c("div", M, [
+            c("div", U, [
+              m(e.$slots, "text", {}, () => [
+                c("span", F, O(t(_)), 1)
+              ], !0)
+            ])
           ]),
-          t(f) ? (l(), d(h, {
+          t(p) ? (l(), u(h, {
             key: 0,
             name: "arrow_right",
             small: "",
@@ -143,7 +145,7 @@ import './style/directAccess.css';const q = { class: "rds-e-direct-access__artwo
       _: 3
     }, 8, ["id", "type", "href", "to", "class", "disabled", "aria-label"]));
   }
-}), P = /* @__PURE__ */ V(F, [["__scopeId", "data-v-35d83735"]]);
+}), Q = /* @__PURE__ */ V(G, [["__scopeId", "data-v-c9886bab"]]);
 export {
-  P as default
+  Q as default
 };

package/dist/components/dragAndDrop.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as W, ref as _, computed as u, openBlock as b, createElementBlock as x, withModifiers as c, normalizeClass as k, createElementVNode as o, renderSlot as q, createVNode as L, toDisplayString as D, createCommentVNode as M } from "vue";
 import { g as z } from "./getInstance-GhoEcxLF.js";
-import { R as A } from "./icon-svg-Cx3PvOnQ.js";
+import { R as A } from "./icon-svg-CW3eQRcp.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,