energy-components 2.5.0 → 2.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/link.es.js +17 -17
- package/dist/components/style/link.css +1 -1
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +414 -414
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { s as
|
|
1
|
+
import { defineComponent as O, useAttrs as T, computed as t, openBlock as i, createBlock as l, resolveDynamicComponent as E, mergeProps as d, withCtx as L, createCommentVNode as s, createElementBlock as g, normalizeClass as v, renderSlot as b, createTextVNode as h, toDisplayString as w } from "vue";
|
|
2
|
+
import { s as R } from "./functions-D3GA3OzJ.js";
|
|
3
3
|
import { R as c } from "./icon-svg-CW3eQRcp.js";
|
|
4
|
-
import { _ as
|
|
5
|
-
import './style/link.css';const
|
|
4
|
+
import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import './style/link.css';const K = /* @__PURE__ */ O({
|
|
6
6
|
__name: "link",
|
|
7
7
|
props: {
|
|
8
8
|
/**
|
|
@@ -99,13 +99,13 @@ import './style/link.css';const L = /* @__PURE__ */ D({
|
|
|
99
99
|
},
|
|
100
100
|
emits: ["click"],
|
|
101
101
|
setup(a, { emit: u }) {
|
|
102
|
-
const e = a, p = u, f =
|
|
102
|
+
const e = a, p = u, f = T(), S = t(() => {
|
|
103
103
|
const r = {};
|
|
104
104
|
return e.color && (r.color = e.color), e.disabled && (r["pointer-events"] = "none"), Object.keys(r).length ? r : void 0;
|
|
105
|
-
}), x = t(() =>
|
|
105
|
+
}), x = t(() => R(e.to)), C = t(() => {
|
|
106
106
|
const r = f.rel;
|
|
107
107
|
return f.target === "_blank" ? r || "noopener noreferrer" : r;
|
|
108
|
-
}), o = t(() => e.tag === "a" ? "a" : e.tag === "button" ? "button" : "router-link"),
|
|
108
|
+
}), o = t(() => e.tag === "a" ? "a" : e.tag === "button" ? "button" : "router-link"), B = t(() => {
|
|
109
109
|
const r = ["rds-e-link"];
|
|
110
110
|
return e.inverse && r.push("rds-e-link--inverse"), e.underline && r.push("rds-e-link--underline"), e.disabled && r.push("rds-e-style-state-disabled"), !!(e.arrow || e.icon?.name) && r.push("rds-e-arrow-link"), e.customClass === "rds-e-breadcrumbs__link--text" && r.push("rds-e-link__breadcrumbs"), r.join(" ");
|
|
111
111
|
}), m = t(() => {
|
|
@@ -113,16 +113,16 @@ import './style/link.css';const L = /* @__PURE__ */ D({
|
|
|
113
113
|
return e.arrow && r.push("rds-e-arrow-link__icon--arrow"), e.icon?.name && !e.arrow && (r.push("rds-e-arrow-link__icon"), e.disabled && r.push("rds-e-arrow-link__icon--disabled"), e.inverse && r.push("rds-e-arrow-link__icon--inverse")), r.push(
|
|
114
114
|
e.right ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
|
|
115
115
|
), r.join(" ");
|
|
116
|
-
}), k = t(() => !!(e.arrow || e.icon?.name)),
|
|
116
|
+
}), k = t(() => !!(e.arrow || e.icon?.name)), z = (r) => {
|
|
117
117
|
if (e.disabled) {
|
|
118
118
|
r.preventDefault(), r.stopPropagation();
|
|
119
119
|
return;
|
|
120
120
|
}
|
|
121
121
|
p("click", r);
|
|
122
122
|
}, I = (r) => {
|
|
123
|
-
if (e.disabled
|
|
124
|
-
const n = r.key?.toLowerCase();
|
|
125
|
-
if (!
|
|
123
|
+
if (e.disabled) return;
|
|
124
|
+
const n = r.key?.toLowerCase(), D = n === "enter", j = n === " " || n === "space", A = o.value === "button" && j;
|
|
125
|
+
if (!D && !A) return;
|
|
126
126
|
r.preventDefault();
|
|
127
127
|
const y = r.currentTarget;
|
|
128
128
|
if (y) {
|
|
@@ -131,9 +131,9 @@ import './style/link.css';const L = /* @__PURE__ */ D({
|
|
|
131
131
|
}
|
|
132
132
|
p("click", r);
|
|
133
133
|
}, _ = t(() => e.icon?.size ?? 20);
|
|
134
|
-
return (r, n) => (i(), l(
|
|
134
|
+
return (r, n) => (i(), l(E(o.value), d({
|
|
135
135
|
id: e.id,
|
|
136
|
-
class:
|
|
136
|
+
class: B.value,
|
|
137
137
|
type: o.value === "button" ? "button" : void 0,
|
|
138
138
|
to: o.value === "router-link" ? e.to : null,
|
|
139
139
|
href: o.value === "a" ? x.value : null
|
|
@@ -143,10 +143,10 @@ import './style/link.css';const L = /* @__PURE__ */ D({
|
|
|
143
143
|
tabindex: e.disabled ? -1 : 0,
|
|
144
144
|
"aria-disabled": e.disabled,
|
|
145
145
|
disabled: o.value === "button" ? e.disabled : void 0,
|
|
146
|
-
onClick:
|
|
146
|
+
onClick: z,
|
|
147
147
|
onKeydown: I
|
|
148
148
|
}), {
|
|
149
|
-
default:
|
|
149
|
+
default: L(() => [
|
|
150
150
|
e.icon.name && !e.right && !e.arrow ? (i(), l(c, d({
|
|
151
151
|
key: 0,
|
|
152
152
|
name: e.icon.name
|
|
@@ -199,7 +199,7 @@ import './style/link.css';const L = /* @__PURE__ */ D({
|
|
|
199
199
|
_: 3
|
|
200
200
|
}, 16, ["id", "class", "type", "to", "href", "rel", "style", "tabindex", "aria-disabled", "disabled"]));
|
|
201
201
|
}
|
|
202
|
-
}),
|
|
202
|
+
}), U = /* @__PURE__ */ $(K, [["__scopeId", "data-v-1c89a29a"]]);
|
|
203
203
|
export {
|
|
204
|
-
|
|
204
|
+
U as default
|
|
205
205
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-1c89a29a]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-link[data-v-1c89a29a]{font:1rem/1.5rem RepsolSoleTextBold;align-items:center;color:#006a82;display:inline-flex}.rds-e-link__breadcrumbs[data-v-1c89a29a]:hover{color:#001e37!important}.rds-e-link[data-v-1c89a29a]:hover{color:#009bbe;cursor:pointer}.rds-e-link:hover:not(.rds-e-link--underline) .rds-e-link__text[data-v-1c89a29a]:after{width:100%}.rds-e-link[data-v-1c89a29a]:active{color:#00809c}.rds-e-link[data-v-1c89a29a]:focus-visible{border-radius:4px;box-shadow:0 0 0 1px #fff,0 0 0 4px #009bbe,0 0 0 5px #fff;outline:none}@media(forced-colors:active){.rds-e-link[data-v-1c89a29a]:focus-visible{box-shadow:none;outline:2px solid CanvasText}}.rds-e-link__icon[data-v-1c89a29a]{padding-right:.5rem}.rds-e-link__icon-left[data-v-1c89a29a]{margin-right:6px}.rds-e-link__icon-right[data-v-1c89a29a]{margin-left:6px}.rds-e-link__text[data-v-1c89a29a]{font:1rem/1.5rem RepsolSoleTextBold;position:relative}.rds-e-link__text[data-v-1c89a29a]:after{background-color:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .2s ease-in-out;width:0}.rds-e-link__text--underline[data-v-1c89a29a]{text-decoration:underline}.rds-e-link__text--underline[data-v-1c89a29a]:after{display:none}.rds-e-link--inverse[data-v-1c89a29a]{color:#fff}.rds-e-link--inverse[data-v-1c89a29a]:hover{color:#fff;opacity:.75}.rds-e-link--inverse[data-v-1c89a29a]:active{color:#fff;opacity:.5}.rds-e-link--grey[data-v-1c89a29a]{color:#006a82}.rds-e-link--grey[data-v-1c89a29a]:hover{color:#006a82;opacity:.75}.rds-e-link--grey[data-v-1c89a29a]:active{color:#006a82;opacity:.5}.rds-e-arrow-link[data-v-1c89a29a]{align-items:center;display:inline-flex}.rds-e-arrow-link__icon[data-v-1c89a29a]{color:inherit;height:.875rem}.rds-e-arrow-link__icon--inverse[data-v-1c89a29a]{fill:#fff}.rds-e-arrow-link__icon--inverse[data-v-1c89a29a]:active{opacity:.5}.rds-e-arrow-link__icon--arrow[data-v-1c89a29a]{color:inherit;height:.875rem;min-height:1.25rem;min-width:1.25rem;width:1.25rem}.rds-e-arrow-link__icon--grey[data-v-1c89a29a]{fill:#fff}.rds-e-arrow-link__icon--grey[data-v-1c89a29a]:active{opacity:.5}
|