energy-components 1.14.1 → 1.14.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-b6c3c9f8]: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-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-textarea--disabled[data-v-b6c3c9f8]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textarea__container[data-v-b6c3c9f8]{background-color:#fff;border:solid 1px #95b0c6;border-radius:.75rem;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;min-width:18.25rem;position:relative}.rds-e-textarea:not(.rds-e-textarea--disabled):hover .rds-e-textarea__container[data-v-b6c3c9f8]{border:solid 1px #001e37;cursor:pointer}.rds-e-textarea__container--keyboard-focus[data-v-b6c3c9f8]{border:solid 1px #009BBE;box-shadow:inset 0 0 0 1px #009bbe}.rds-e-textarea__container--active[data-v-b6c3c9f8]{border:solid 1px #001e37;color:#001e37;outline:none}.rds-e-textarea--error .rds-e-textarea__container[data-v-b6c3c9f8]{border:solid 1px #dE1c2e}.rds-e-textarea__input-container[data-v-b6c3c9f8]{display:flex;flex-direction:column;overflow:hidden;padding-top:30px;position:relative;width:100%}.rds-e-textarea[data-v-b6c3c9f8] .rds-e-textarea__label>.rds-e-icon{margin-right:8px}.rds-e-textarea__label[data-v-b6c3c9f8]{font:.875rem/1.25rem RepsolSoleTextRegular;align-items:center;color:#43637d;display:flex;left:1rem;pointer-events:none;position:absolute;top:.75rem;transition:all .2s ease-in-out}.rds-e-textarea--error .rds-e-textarea__label[data-v-b6c3c9f8]{color:#de1c2e}.rds-e-textarea__counter[data-v-b6c3c9f8]{font:.875rem/1.25rem RepsolSoleTextRegular;color:#43637d;display:flex;gap:20px;position:absolute;right:1rem;top:.75rem;transition:all .2s ease-in-out}.rds-e-textarea__counter--clearable[data-v-b6c3c9f8]{pointer-events:auto}.rds-e-textarea--error .rds-e-textarea__counter[data-v-b6c3c9f8]{color:#de1c2e}.rds-e-textarea__input[data-v-b6c3c9f8]{font:.875rem/1.25rem RepsolSoleTextRegular;border:none;border-radius:.75rem;color:#001e37;min-width:fit-content;overflow:auto;padding:1rem;padding-top:4px;resize:vertical;text-overflow:ellipsis}.rds-e-textarea__input--active[data-v-b6c3c9f8]{background-color:transparent}.rds-e-textarea__input[data-v-b6c3c9f8]::-webkit-resizer{background:none;border:0}.rds-e-textarea__input[data-v-b6c3c9f8]:hover,.rds-e-textarea__input[data-v-b6c3c9f8]:focus,.rds-e-textarea__input[data-v-b6c3c9f8]:active,.rds-e-textarea__input[data-v-b6c3c9f8]:disabled{border:0!important;box-shadow:none;cursor:pointer;outline:0!important}.rds-e-textarea__input[data-v-b6c3c9f8]:active{border:solid 1px #005870;color:#005870;outline:none}.rds-e-textarea__input--error[data-v-b6c3c9f8]{border:solid 1px #dE1c2e}.rds-e-textarea__input__textarea[data-v-b6c3c9f8]{height:8.625rem;resize:vertical}.rds-e-textarea__icon[data-v-b6c3c9f8]{margin-right:8px}.rds-e-textarea__icon--right[data-v-b6c3c9f8]{cursor:pointer;margin-right:0;position:absolute;right:0;top:0;width:auto}.rds-e-textarea__input:focus+.rds-e-textarea__icon[data-v-b6c3c9f8]{color:#006a82}.rds-e-textarea--error .rds-e-textarea__icon[data-v-b6c3c9f8]{color:#de1c2e}.rds-e-textarea__helper[data-v-b6c3c9f8]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;padding-top:8px;text-align:left}.rds-e-textarea__helper--error[data-v-b6c3c9f8]{color:#de1c2e}.rds-e-textarea__resize-handle[data-v-b6c3c9f8]{border-bottom-right-radius:.75rem;bottom:0rem;display:flex;height:1rem;justify-content:center;pointer-events:none;position:absolute;right:0rem;width:1rem}.rds-e-textarea__resize-handle path[data-v-b6c3c9f8]{stroke:#95b0c6}.rds-e-textarea:hover .rds-e-textarea__resize-handle path[data-v-b6c3c9f8]{stroke:#43637d}.rds-e-textarea:focus-within .rds-e-textarea__resize-handle path[data-v-b6c3c9f8]{stroke:#95b0c6}.rds-e-textarea:active .rds-e-textarea__resize-handle path[data-v-b6c3c9f8]{stroke:#006a82}.rds-e-textarea--error .rds-e-textarea__resize-handle path[data-v-b6c3c9f8]{stroke:#de1c2e}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as Q, mergeModels as W, useModel as X, toRefs as Y, ref as k, computed as
|
|
2
|
-
import { R as
|
|
1
|
+
import { defineComponent as Q, mergeModels as W, useModel as X, toRefs as Y, ref as k, computed as s, createElementBlock as f, openBlock as o, normalizeClass as u, createElementVNode as r, withDirectives as Z, unref as e, vModelText as ee, renderSlot as S, createTextVNode as te, createBlock as z, createCommentVNode as i, mergeProps as F, toHandlers as T, toDisplayString as _ } from "vue";
|
|
2
|
+
import { R as A } from "./icon-svg-DuzOdbk1.js";
|
|
3
3
|
import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/textArea.css';function V(t,
|
|
5
|
-
return
|
|
4
|
+
import './style/textArea.css';function V(t, p = !0, d = !0) {
|
|
5
|
+
return p && !t.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : d && !/^[\w\s\u00C0-\u017F\-:.,;()¿?¡!%"'$€]+$/.test(t) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
|
|
6
6
|
}
|
|
7
|
-
const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "maxlength", "minlength", "rows", "disabled"], ne = ["for"],
|
|
7
|
+
const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "maxlength", "minlength", "rows", "disabled"], ne = ["for"], oe = { key: 0 }, se = { key: 0 }, ue = { key: 1 }, ie = { key: 0 }, de = /* @__PURE__ */ Q({
|
|
8
8
|
__name: "text-area",
|
|
9
9
|
props: /* @__PURE__ */ W({
|
|
10
10
|
/**
|
|
@@ -136,34 +136,34 @@ const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "ma
|
|
|
136
136
|
}),
|
|
137
137
|
emits: ["update:modelValue"],
|
|
138
138
|
setup(t) {
|
|
139
|
-
const
|
|
139
|
+
const p = t, d = X(t, "modelValue"), {
|
|
140
140
|
label: B,
|
|
141
|
-
id:
|
|
142
|
-
disabled:
|
|
143
|
-
maxlength:
|
|
144
|
-
minlength:
|
|
145
|
-
modelValue:
|
|
146
|
-
icon:
|
|
147
|
-
rightIcon:
|
|
148
|
-
helper:
|
|
149
|
-
error:
|
|
141
|
+
id: E,
|
|
142
|
+
disabled: g,
|
|
143
|
+
maxlength: x,
|
|
144
|
+
minlength: C,
|
|
145
|
+
modelValue: c,
|
|
146
|
+
icon: H,
|
|
147
|
+
rightIcon: M,
|
|
148
|
+
helper: R,
|
|
149
|
+
error: y,
|
|
150
150
|
helperText: P,
|
|
151
|
-
clearable:
|
|
152
|
-
lengthError:
|
|
153
|
-
} = Y(
|
|
154
|
-
|
|
151
|
+
clearable: b,
|
|
152
|
+
lengthError: w
|
|
153
|
+
} = Y(p), v = k(!1), m = k(!1), h = k(!1), j = () => {
|
|
154
|
+
h.value = !0;
|
|
155
155
|
}, K = () => {
|
|
156
|
-
|
|
156
|
+
v.value = !1, m.value = !1, h.value = !1;
|
|
157
157
|
}, U = () => {
|
|
158
|
-
|
|
159
|
-
}, N =
|
|
158
|
+
v.value = !0, m.value = !h.value, h.value = !1;
|
|
159
|
+
}, N = s(() => c.value.length === x.value), I = s(() => c.value.length === 0 ? !1 : c.value.length < C.value), D = s(() => w.value && (N.value || I.value)), G = s(() => {
|
|
160
160
|
const a = [];
|
|
161
|
-
return
|
|
161
|
+
return c.value && a.push("rds-e-textarea--filled"), y.value && a.push("rds-e-textarea--error"), g.value && a.push("rds-e-textarea--disabled"), D.value && a.push("rds-e-textarea--error"), a.join(" ");
|
|
162
162
|
}), J = () => {
|
|
163
|
-
|
|
164
|
-
}, l =
|
|
163
|
+
d.value = "";
|
|
164
|
+
}, l = s(() => {
|
|
165
165
|
const a = {
|
|
166
|
-
name:
|
|
166
|
+
name: H.value,
|
|
167
167
|
class: "",
|
|
168
168
|
events: {
|
|
169
169
|
click: () => {
|
|
@@ -171,9 +171,9 @@ const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "ma
|
|
|
171
171
|
}
|
|
172
172
|
}, n = {
|
|
173
173
|
left: { ...a },
|
|
174
|
-
right: { ...a, name:
|
|
174
|
+
right: { ...a, name: M.value }
|
|
175
175
|
};
|
|
176
|
-
return
|
|
176
|
+
return b.value && (n.right = {
|
|
177
177
|
...a,
|
|
178
178
|
name: "close",
|
|
179
179
|
class: "rds-e-textfield__icon--clear",
|
|
@@ -181,34 +181,34 @@ const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "ma
|
|
|
181
181
|
click: () => J()
|
|
182
182
|
}
|
|
183
183
|
}), n;
|
|
184
|
-
}), L =
|
|
184
|
+
}), L = s(() => c.value.length);
|
|
185
185
|
return (a, n) => {
|
|
186
|
-
var
|
|
187
|
-
return
|
|
186
|
+
var $, q;
|
|
187
|
+
return o(), f("div", {
|
|
188
188
|
class: u(["rds-e-textarea", G.value])
|
|
189
189
|
}, [
|
|
190
190
|
r("div", {
|
|
191
191
|
class: u(["rds-e-textarea__container", {
|
|
192
|
-
"rds-e-textarea__container--keyboard-focus":
|
|
193
|
-
"rds-e-textarea__container--active":
|
|
192
|
+
"rds-e-textarea__container--keyboard-focus": m.value,
|
|
193
|
+
"rds-e-textarea__container--active": v.value && !m.value
|
|
194
194
|
}]),
|
|
195
|
-
onMousedown:
|
|
195
|
+
onMousedown: j
|
|
196
196
|
}, [
|
|
197
197
|
r("div", re, [
|
|
198
198
|
Z(r("textarea", {
|
|
199
|
-
id: (
|
|
200
|
-
"onUpdate:modelValue": n[0] || (n[0] = (O) =>
|
|
199
|
+
id: ($ = e(E)) == null ? void 0 : $.toString(),
|
|
200
|
+
"onUpdate:modelValue": n[0] || (n[0] = (O) => d.value = O),
|
|
201
201
|
type: "text",
|
|
202
|
-
class: u(["rds-e-textarea__input", { "rds-e-textarea__input--active":
|
|
202
|
+
class: u(["rds-e-textarea__input", { "rds-e-textarea__input--active": v.value }]),
|
|
203
203
|
name: t.name,
|
|
204
|
-
maxlength: e(
|
|
205
|
-
minlength: e(
|
|
204
|
+
maxlength: e(x),
|
|
205
|
+
minlength: e(C),
|
|
206
206
|
rows: t.rows,
|
|
207
|
-
disabled: e(
|
|
207
|
+
disabled: e(g),
|
|
208
208
|
onBlur: K,
|
|
209
209
|
onFocus: U
|
|
210
210
|
}, null, 42, le), [
|
|
211
|
-
[ee,
|
|
211
|
+
[ee, d.value]
|
|
212
212
|
]),
|
|
213
213
|
n[1] || (n[1] = r("div", { class: "rds-e-textarea__resize-handle" }, [
|
|
214
214
|
r("svg", {
|
|
@@ -226,53 +226,53 @@ const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "ma
|
|
|
226
226
|
])
|
|
227
227
|
], -1)),
|
|
228
228
|
r("label", {
|
|
229
|
-
for: (q = e(
|
|
229
|
+
for: (q = e(E)) == null ? void 0 : q.toString(),
|
|
230
230
|
class: u(["rds-e-textarea__label", {
|
|
231
231
|
"rds-e-textarea__label--with-icon": l.value.left.name,
|
|
232
|
-
"rds-e-textarea__label--active":
|
|
232
|
+
"rds-e-textarea__label--active": v.value
|
|
233
233
|
}])
|
|
234
234
|
}, [
|
|
235
235
|
S(a.$slots, "left-icon", {}, () => [
|
|
236
|
-
l.value.left.name ? (
|
|
236
|
+
l.value.left.name ? (o(), z(A, F({
|
|
237
237
|
key: 0,
|
|
238
238
|
class: "rds-e-textarea__icon rds-e-textarea__icon--left",
|
|
239
239
|
"aria-hidden": "true"
|
|
240
|
-
}, l.value.left,
|
|
240
|
+
}, l.value.left, T(l.value.left.events)), null, 16)) : i("", !0)
|
|
241
241
|
], !0),
|
|
242
|
-
te(" " +
|
|
242
|
+
te(" " + _(e(B)), 1)
|
|
243
243
|
], 10, ne),
|
|
244
244
|
r("div", {
|
|
245
245
|
class: u(["rds-e-textarea__counter", {
|
|
246
|
-
"rds-e-textarea__counter--disabled": e(
|
|
247
|
-
"rds-e-textarea__counter--clearable": e(
|
|
246
|
+
"rds-e-textarea__counter--disabled": e(g),
|
|
247
|
+
"rds-e-textarea__counter--clearable": e(b)
|
|
248
248
|
}])
|
|
249
249
|
}, [
|
|
250
|
-
t.counter && !e(
|
|
250
|
+
t.counter && !e(M) && !e(b) ? (o(), f("p", oe, _(L.value) + "/" + _(e(x)), 1)) : i("", !0),
|
|
251
251
|
S(a.$slots, "right-icon", {}, () => [
|
|
252
|
-
l.value.right.name ? (
|
|
252
|
+
l.value.right.name ? (o(), z(A, F({
|
|
253
253
|
key: 0,
|
|
254
254
|
class: "rds-e-textarea__icon rds-e-textarea__icon--right",
|
|
255
255
|
"aria-hidden": "true"
|
|
256
|
-
}, l.value.right,
|
|
256
|
+
}, l.value.right, T(l.value.right.events)), null, 16)) : i("", !0)
|
|
257
257
|
], !0)
|
|
258
258
|
], 2)
|
|
259
259
|
])
|
|
260
260
|
], 34),
|
|
261
261
|
r("ul", {
|
|
262
|
-
class: u(["rds-e-textarea__helper", e(
|
|
262
|
+
class: u(["rds-e-textarea__helper", e(y) || D.value ? "rds-e-textarea__helper--error" : ""])
|
|
263
263
|
}, [
|
|
264
|
-
N.value ? (
|
|
265
|
-
|
|
264
|
+
N.value && e(w) ? (o(), f("li", se, " Ha alcanzado el número máximo de carácteres ")) : i("", !0),
|
|
265
|
+
I.value && e(w) ? (o(), f("li", ue, " Ha alcanzado el número mínimo de carácteres ")) : i("", !0),
|
|
266
266
|
r("li", null, [
|
|
267
267
|
S(a.$slots, "helper-text", {}, () => [
|
|
268
|
-
e(
|
|
268
|
+
e(R) || e(y) ? (o(), f("span", ie, _(e(P)), 1)) : i("", !0)
|
|
269
269
|
], !0)
|
|
270
270
|
])
|
|
271
271
|
], 2)
|
|
272
272
|
], 2);
|
|
273
273
|
};
|
|
274
274
|
}
|
|
275
|
-
}),
|
|
275
|
+
}), me = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-b6c3c9f8"]]);
|
|
276
276
|
export {
|
|
277
|
-
|
|
277
|
+
me as default
|
|
278
278
|
};
|