energy-components 1.0.3 → 1.0.4
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/accordion.es.js +46 -47
- package/dist/components/accordionGroup.es.js +12 -12
- package/dist/components/actionButton.es.js +2 -2
- package/dist/components/breadcrumbs.es.js +8 -8
- package/dist/components/button.es.js +16 -16
- package/dist/components/card.es.js +2 -2
- package/dist/components/checkbox.es.js +11 -11
- package/dist/components/datepicker.es.js +4 -4
- package/dist/components/divider.es.js +6 -6
- package/dist/components/dropdown.es.js +25 -25
- package/dist/components/floatingActionButton.es.js +4 -4
- package/dist/components/{icon-svg-7Vih8GMM.js → icon-svg-CEZ-L3iv.js} +4 -4
- package/dist/components/iconList.es.js +7 -7
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +59 -53
- package/dist/components/indicator.es.js +21 -21
- package/dist/components/infoBox.es.js +152 -0
- package/dist/components/link.es.js +16 -16
- package/dist/components/modal.es.js +17 -17
- package/dist/components/overlay.es.js +4 -4
- package/dist/components/pagination.es.js +20 -20
- package/dist/components/persistentToast.es.js +130 -0
- package/dist/components/radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js +28 -0
- package/dist/components/radioButton.es.js +66 -45
- package/dist/components/radioGroup.es.js +1 -1
- package/dist/components/style/accordion.css +1 -1
- package/dist/components/style/accordionGroup.css +1 -1
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/breadcrumbs.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/card.css +1 -1
- package/dist/components/style/checkbox.css +1 -1
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/divider.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/floatingActionButton.css +1 -1
- package/dist/components/style/icon-svg.css +1 -1
- package/dist/components/style/iconList.css +1 -1
- package/dist/components/style/indicator.css +1 -1
- package/dist/components/style/infoBox.css +1 -0
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/modal.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/overlay.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/persistentToast.css +1 -0
- package/dist/components/style/radioButton.css +1 -1
- package/dist/components/style/switch.css +1 -1
- package/dist/components/style/tabBar.css +1 -1
- package/dist/components/style/tag.css +1 -1
- package/dist/components/style/textArea.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/style/tooltip.css +1 -1
- package/dist/components/switch.es.js +11 -11
- package/dist/components/tabBar.es.js +26 -26
- package/dist/components/tag.es.js +9 -9
- package/dist/components/textArea.es.js +14 -14
- package/dist/components/textField.es.js +14 -14
- package/dist/components/tooltip.es.js +10 -10
- package/dist/energy-components.es.js +3427 -3124
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/accordion/accordion.vue.d.ts +0 -2
- package/dist/types/src/components/feedback/info-box/info-box.vue.d.ts +134 -0
- package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +161 -0
- package/dist/types/src/components/index.d.ts +2 -0
- package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +12 -12
- package/dist/types/src/components/input/radio-button/radio-group.vue.d.ts +24 -14
- package/dist/types/src/helpers/getInstance.d.ts +6 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/dist/components/radio-group.vue_vue_type_script_setup_true_lang-D-Dl5aHN.js +0 -18
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent as j, toRefs as P, ref as z, computed as d, watch as F, openBlock as u, createElementBlock as m, normalizeClass as h, createElementVNode as n, renderSlot as v, createBlock as H, mergeProps as k, toHandlers as M, createCommentVNode as _, unref as t, toDisplayString as w, createVNode as A, withModifiers as G } from "vue";
|
|
2
|
-
import { I as L } from "./icon-svg-
|
|
2
|
+
import { I as L } from "./icon-svg-CEZ-L3iv.js";
|
|
3
3
|
import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/textField.css';const K = { class: "rds-textfield__container" }, O = { class: "rds-textfield__input-container" }, Q = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], U = ["for"], W = {
|
|
4
|
+
import './style/textField.css';const K = { class: "rds-e-textfield__container" }, O = { class: "rds-e-textfield__input-container" }, Q = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], U = ["for"], W = {
|
|
5
5
|
key: 0,
|
|
6
|
-
class: "rds-textfield__icon rds-textfield__icon--right"
|
|
7
|
-
}, X = { class: "rds-textfield__helper" }, Y = /* @__PURE__ */ j({
|
|
6
|
+
class: "rds-e-textfield__icon rds-e-textfield__icon--right"
|
|
7
|
+
}, X = { class: "rds-e-textfield__helper" }, Y = /* @__PURE__ */ j({
|
|
8
8
|
__name: "text-field",
|
|
9
9
|
props: {
|
|
10
10
|
/**
|
|
@@ -150,7 +150,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
|
|
|
150
150
|
);
|
|
151
151
|
}, D = d(() => !!(f.value || a.value.length && (a.value.length < b.value || a.value.length > y.value))), R = d(() => {
|
|
152
152
|
const e = [];
|
|
153
|
-
return a.value && e.push("rds-textfield--filled"), D.value && e.push("rds-textfield--error"), i.value && e.push("rds-textfield--disabled"), e.join(" ");
|
|
153
|
+
return a.value && e.push("rds-e-textfield--filled"), D.value && e.push("rds-e-textfield--error"), i.value && e.push("rds-e-textfield--disabled"), e.join(" ");
|
|
154
154
|
}), r = d(() => {
|
|
155
155
|
const e = {
|
|
156
156
|
name: V.value,
|
|
@@ -176,7 +176,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
|
|
|
176
176
|
right: {
|
|
177
177
|
...e,
|
|
178
178
|
name: o.value ? "eye_open" : "eye_close",
|
|
179
|
-
class: "rds-textfield__icon--password",
|
|
179
|
+
class: "rds-e-textfield__icon--password",
|
|
180
180
|
events: {
|
|
181
181
|
click: () => o.value = !o.value
|
|
182
182
|
}
|
|
@@ -188,7 +188,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
|
|
|
188
188
|
right: {
|
|
189
189
|
...e,
|
|
190
190
|
name: "close",
|
|
191
|
-
class: "rds-textfield__icon--clear",
|
|
191
|
+
class: "rds-e-textfield__icon--clear",
|
|
192
192
|
events: {
|
|
193
193
|
click: () => g("update:modelValue", "")
|
|
194
194
|
}
|
|
@@ -200,13 +200,13 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
|
|
|
200
200
|
(e) => o.value = !e,
|
|
201
201
|
{ immediate: !0 }
|
|
202
202
|
), (e, S) => (u(), m("div", {
|
|
203
|
-
class: h(["rds-textfield", R.value])
|
|
203
|
+
class: h(["rds-e-textfield", R.value])
|
|
204
204
|
}, [
|
|
205
205
|
n("div", K, [
|
|
206
206
|
v(e.$slots, "left-icon", {}, () => [
|
|
207
207
|
r.value.left.name ? (u(), H(L, k({
|
|
208
208
|
key: 0,
|
|
209
|
-
class: "rds-textfield__icon rds-textfield__icon--left",
|
|
209
|
+
class: "rds-e-textfield__icon rds-e-textfield__icon--left",
|
|
210
210
|
"aria-hidden": "true"
|
|
211
211
|
}, r.value.left, M(r.value.left.events)), null, 16)) : _("", !0)
|
|
212
212
|
], !0),
|
|
@@ -214,7 +214,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
|
|
|
214
214
|
n("input", {
|
|
215
215
|
id: t(x).toString(),
|
|
216
216
|
type: o.value ? "text" : "password",
|
|
217
|
-
class: "rds-textfield__input",
|
|
217
|
+
class: "rds-e-textfield__input",
|
|
218
218
|
maxLength: t(y),
|
|
219
219
|
minLength: t(b),
|
|
220
220
|
disabled: t(i),
|
|
@@ -226,14 +226,14 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
|
|
|
226
226
|
}, null, 40, Q),
|
|
227
227
|
n("label", {
|
|
228
228
|
for: t(x).toString(),
|
|
229
|
-
class: h(["rds-textfield__label", t(i) ? "rds-textfield__label--disabled" : ""])
|
|
229
|
+
class: h(["rds-e-textfield__label", t(i) ? "rds-e-textfield__label--disabled" : ""])
|
|
230
230
|
}, w(t(B)), 11, U)
|
|
231
231
|
]),
|
|
232
232
|
r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", W, [
|
|
233
233
|
v(e.$slots, "right-icon", {}, () => [
|
|
234
234
|
A(L, k({
|
|
235
235
|
"aria-hidden": "true",
|
|
236
|
-
class: "rds-textfield__icon rds-textfield__icon--right"
|
|
236
|
+
class: "rds-e-textfield__icon rds-e-textfield__icon--right"
|
|
237
237
|
}, r.value.right, {
|
|
238
238
|
onClick: G(r.value.right.events.click, ["stop"])
|
|
239
239
|
}), null, 16, ["onClick"])
|
|
@@ -244,13 +244,13 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
|
|
|
244
244
|
v(e.$slots, "helper-text", {}, () => [
|
|
245
245
|
(t(I) || t(f)) && !t(i) ? (u(), m("span", {
|
|
246
246
|
key: 0,
|
|
247
|
-
class: h(t(f) ? "rds-textfield__helper--error" : "")
|
|
247
|
+
class: h(t(f) ? "rds-e-textfield__helper--error" : "")
|
|
248
248
|
}, w(t(T)), 3)) : _("", !0)
|
|
249
249
|
], !0)
|
|
250
250
|
])
|
|
251
251
|
], 2));
|
|
252
252
|
}
|
|
253
|
-
}), le = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-
|
|
253
|
+
}), le = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-4c840b96"]]);
|
|
254
254
|
export {
|
|
255
255
|
le as default
|
|
256
256
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { unref as at, defineComponent as Vt, toRefs as Mt, ref as U, computed as Ft, openBlock as bt, createElementBlock as At, createElementVNode as Z, renderSlot as Ht, normalizeClass as Ct, toDisplayString as Rt, createVNode as jt, createCommentVNode as Yt } from "vue";
|
|
2
|
-
import { I as Xt } from "./icon-svg-
|
|
2
|
+
import { I as Xt } from "./icon-svg-CEZ-L3iv.js";
|
|
3
3
|
import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
import './style/tooltip.css';const X = Math.min, O = Math.max, nt = Math.round, H = (t) => ({
|
|
5
5
|
x: t,
|
|
@@ -944,10 +944,10 @@ function Pe(t) {
|
|
|
944
944
|
}
|
|
945
945
|
};
|
|
946
946
|
}
|
|
947
|
-
const Le = { class: "rds-tooltip" }, ke = {
|
|
947
|
+
const Le = { class: "rds-e-tooltip" }, ke = {
|
|
948
948
|
key: 0,
|
|
949
|
-
class: "rds-tooltip__header"
|
|
950
|
-
}, $e = { class: "rds-tooltip__title" }, We = { class: "rds-tooltip__content" }, Ne = /* @__PURE__ */ Vt({
|
|
949
|
+
class: "rds-e-tooltip__header"
|
|
950
|
+
}, $e = { class: "rds-e-tooltip__title" }, We = { class: "rds-e-tooltip__content" }, Ne = /* @__PURE__ */ Vt({
|
|
951
951
|
__name: "tooltip",
|
|
952
952
|
props: {
|
|
953
953
|
/**
|
|
@@ -1029,7 +1029,7 @@ const Le = { class: "rds-tooltip" }, ke = {
|
|
|
1029
1029
|
bottom: "top",
|
|
1030
1030
|
top: "bottom"
|
|
1031
1031
|
};
|
|
1032
|
-
a.value = `rds-tooltip__tooltip-arrow--${w}`, Object.assign(l.value.style, {
|
|
1032
|
+
a.value = `rds-e-tooltip__tooltip-arrow--${w}`, Object.assign(l.value.style, {
|
|
1033
1033
|
left: x != null ? `${x}px` : "",
|
|
1034
1034
|
top: y != null ? `${y}px` : "",
|
|
1035
1035
|
bottom: "",
|
|
@@ -1040,12 +1040,12 @@ const Le = { class: "rds-tooltip" }, ke = {
|
|
|
1040
1040
|
i != null && i.value || (c.value = !0);
|
|
1041
1041
|
}, p = () => {
|
|
1042
1042
|
c.value = !1, f();
|
|
1043
|
-
}, d = Ft(() => `rds-tooltip__tooltip ${c.value ? "rds-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-tooltip__tooltip--large " : ""}${n.value ? "rds-tooltip__tooltip--full-width " : ""}`);
|
|
1043
|
+
}, d = Ft(() => `rds-e-tooltip__tooltip ${c.value ? "rds-e-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-e-tooltip__tooltip--large " : ""}${n.value ? "rds-e-tooltip__tooltip--full-width " : ""}`);
|
|
1044
1044
|
return (m, g) => (bt(), At("div", Le, [
|
|
1045
1045
|
Z("div", {
|
|
1046
1046
|
ref_key: "referenceRef",
|
|
1047
1047
|
ref: r,
|
|
1048
|
-
class: "rds-tooltip__trigger",
|
|
1048
|
+
class: "rds-e-tooltip__trigger",
|
|
1049
1049
|
onBlur: u,
|
|
1050
1050
|
onFocus: p,
|
|
1051
1051
|
onMouseenter: p,
|
|
@@ -1063,7 +1063,7 @@ const Le = { class: "rds-tooltip" }, ke = {
|
|
|
1063
1063
|
jt(Xt, {
|
|
1064
1064
|
name: "close",
|
|
1065
1065
|
"aria-hidden": "true",
|
|
1066
|
-
class: "rds-tooltip__icon",
|
|
1066
|
+
class: "rds-e-tooltip__icon",
|
|
1067
1067
|
onClick: g[0] || (g[0] = (h) => c.value = !c.value)
|
|
1068
1068
|
})
|
|
1069
1069
|
])) : Yt("", !0),
|
|
@@ -1071,12 +1071,12 @@ const Le = { class: "rds-tooltip" }, ke = {
|
|
|
1071
1071
|
Z("div", {
|
|
1072
1072
|
ref_key: "arrowRef",
|
|
1073
1073
|
ref: l,
|
|
1074
|
-
class: Ct(["rds-tooltip__tooltip-arrow", a.value])
|
|
1074
|
+
class: Ct(["rds-e-tooltip__tooltip-arrow", a.value])
|
|
1075
1075
|
}, null, 2)
|
|
1076
1076
|
], 2)
|
|
1077
1077
|
]));
|
|
1078
1078
|
}
|
|
1079
|
-
}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-
|
|
1079
|
+
}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-5c754f77"]]);
|
|
1080
1080
|
export {
|
|
1081
1081
|
Fe as default
|
|
1082
1082
|
};
|