@ironsource/shared-ui 2.1.7-test.1 → 2.1.7-test.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.
- package/Chart.vue_vue_type_style_index_0_scoped_f06a4764_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_88d4532f_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css +1 -0
- package/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css +1 -0
- package/FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +1 -0
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css +1 -0
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css +1 -0
- package/components/chart/Chart.vue.js +7 -0
- package/components/chart/Chart.vue2.js +281 -0
- package/components/chart/ChartHeader.vue.js +7 -0
- package/components/chart/ChartHeader.vue2.js +51 -0
- package/components/chart/ChartLegend.vue.js +7 -0
- package/components/chart/ChartLegend.vue2.js +65 -0
- package/components/chart/ChartLoader.vue.js +25 -0
- package/components/chart/ChartLoader.vue2.js +0 -0
- package/components/chart/ChartTooltip.vue.js +7 -0
- package/components/chart/ChartTooltip.vue2.js +81 -0
- package/components/chart/composables/useChartValues.js +32 -0
- package/components/chart/composables/useTooltipPosition.js +22 -0
- package/components/chart/consts.js +21 -0
- package/components/chart/index.js +6 -0
- package/components/chart/plugins/HoverVerticalLine.js +12 -0
- package/components/chart/types.js +4 -0
- package/components/chart/utils/formatNumber.js +11 -0
- package/components/chart/utils/utils.js +12 -0
- package/components/input/v4/TextField.vue.d.ts +6 -1
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +91 -90
- package/components/input/v4/index.d.ts +20 -1
- package/components/shared/FieldMaxLength.vue.js +3 -3
- package/components/shared/FieldMaxLength.vue2.js +2 -2
- package/components/shared/commonTypes.d.ts +2 -0
- package/components/sortableList/SortableItem.vue.js +7 -0
- package/components/sortableList/SortableItem.vue2.js +140 -0
- package/components/sortableList/SortableItemLabel.vue.js +7 -0
- package/components/sortableList/SortableItemLabel.vue2.js +60 -0
- package/components/sortableList/SortableList.vue.js +7 -0
- package/components/sortableList/SortableList.vue2.js +120 -0
- package/components/sortableList/composables/useHoverEffect.js +19 -0
- package/components/sortableList/consts.js +4 -0
- package/components/sortableList/index.js +6 -0
- package/components/textArea/v4/TextAreaV4.vue.d.ts +6 -1
- package/components/textArea/v4/TextAreaV4.vue.js +3 -3
- package/components/textArea/v4/TextAreaV4.vue2.js +18 -12
- package/components/textArea/v4/index.d.ts +9 -0
- package/index.d.ts +651 -2
- package/index.js +131 -126
- package/package.json +9 -1
- package/testids/index.js +5 -4
- package/utils/search.js +4 -0
- package/FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css +0 -1
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +0 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const E = "#fcfcfc", L = "#E4E4E4", _ = "#646464", C = {
|
|
2
|
+
size: 12,
|
|
3
|
+
weight: 400,
|
|
4
|
+
family: "Inter"
|
|
5
|
+
}, I = [
|
|
6
|
+
"#80BCFE",
|
|
7
|
+
"#9999FF",
|
|
8
|
+
"#5883E4",
|
|
9
|
+
"#80CBC4",
|
|
10
|
+
"#FFC670"
|
|
11
|
+
], O = 4, c = 1, t = 5;
|
|
12
|
+
export {
|
|
13
|
+
I as COLOR_PALETTE,
|
|
14
|
+
t as DEFAULT_MAX_VISIBLE,
|
|
15
|
+
c as DEFAULT_MIN_VISIBLE,
|
|
16
|
+
O as DEFAULT_TICK_COUNT,
|
|
17
|
+
L as GRID_LINE_COLOR,
|
|
18
|
+
E as POINT_BORDER_COLOR,
|
|
19
|
+
_ as TICK_LABEL_COLOR,
|
|
20
|
+
C as TICK_LABEL_FONT
|
|
21
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
const i = {
|
|
2
|
+
id: "hoverVerticalLine",
|
|
3
|
+
beforeDraw: (t) => {
|
|
4
|
+
if (t.getActiveElements().length) {
|
|
5
|
+
const o = t.getActiveElements()[0], n = t.chartArea, e = t.ctx;
|
|
6
|
+
e.save(), e.beginPath(), e.moveTo(o.element.x, n.top), e.lineTo(o.element.x, n.bottom), e.lineWidth = 1, e.strokeStyle = "rgba(0,0,0, 0.1)", e.stroke(), e.restore();
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
i as HoverVerticalLine
|
|
12
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const s = "N/A", r = (n, e, t) => n.toLocaleString("en", {
|
|
2
|
+
minimumFractionDigits: e,
|
|
3
|
+
maximumFractionDigits: t
|
|
4
|
+
}), u = (n, e = s) => {
|
|
5
|
+
const t = Number(n), a = t % 1 !== 0;
|
|
6
|
+
return isNaN(t) && e ? e : Math.abs(t) >= 1e12 ? "∞" : Math.abs(t) >= 1e9 ? `${r(t / 1e9, 0, 1)}B` : Math.abs(t) >= 1e6 ? `${r(t / 1e6, 0, 1)}M` : Math.abs(t) >= 1e3 ? `${r(t / 1e3, 0, 1)}K` : a && Math.abs(t) >= 100 ? r(t, 0, 0) : a && Math.abs(t) >= 10 ? r(t, 0, 1) : a ? r(t, 2, 2) : r(t, 0, 0);
|
|
7
|
+
};
|
|
8
|
+
export {
|
|
9
|
+
s as DEFAULT_FALLBACK,
|
|
10
|
+
u as formatNumber
|
|
11
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { format as f } from "date-fns";
|
|
2
|
+
import { formatNumber as m } from "./formatNumber.js";
|
|
3
|
+
const p = (r, t, e) => {
|
|
4
|
+
if (e === 0)
|
|
5
|
+
return 0;
|
|
6
|
+
const n = t - r, o = n / e * 0.4;
|
|
7
|
+
return (n + o) / e;
|
|
8
|
+
}, M = (r, t) => t === "number" ? m(r) : t === "date" ? f(new Date(r), "MMM dd") : t === "dateLong" ? f(new Date(r), "dd MMM yyyy") : String(r);
|
|
9
|
+
export {
|
|
10
|
+
p as calcStepSize,
|
|
11
|
+
M as formatValue
|
|
12
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
|
|
2
2
|
import { LabelDirection, FieldSize, FieldType } from './TextField.types';
|
|
3
|
-
import { FeedbackVariant } from '@/components/shared/commonTypes';
|
|
3
|
+
import { FeedbackVariant, MaxLengthCounterPositions } from '@/components/shared/commonTypes';
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
5
5
|
modelValue?: string | number;
|
|
6
6
|
placeholder?: string;
|
|
@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
25
25
|
prefix?: string;
|
|
26
26
|
suffix?: string;
|
|
27
27
|
maxLength?: number;
|
|
28
|
+
maxLengthCounterPosition?: MaxLengthCounterPositions;
|
|
28
29
|
showApply?: boolean;
|
|
29
30
|
inlineError?: boolean;
|
|
30
31
|
inlineErrorText?: string;
|
|
@@ -49,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
49
50
|
prefix: string;
|
|
50
51
|
suffix: string;
|
|
51
52
|
maxLength: any;
|
|
53
|
+
maxLengthCounterPosition: string;
|
|
52
54
|
showApply: boolean;
|
|
53
55
|
inlineError: boolean;
|
|
54
56
|
inlineErrorText: string;
|
|
@@ -86,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
86
88
|
prefix?: string;
|
|
87
89
|
suffix?: string;
|
|
88
90
|
maxLength?: number;
|
|
91
|
+
maxLengthCounterPosition?: MaxLengthCounterPositions;
|
|
89
92
|
showApply?: boolean;
|
|
90
93
|
inlineError?: boolean;
|
|
91
94
|
inlineErrorText?: string;
|
|
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
110
113
|
prefix: string;
|
|
111
114
|
suffix: string;
|
|
112
115
|
maxLength: any;
|
|
116
|
+
maxLengthCounterPosition: string;
|
|
113
117
|
showApply: boolean;
|
|
114
118
|
inlineError: boolean;
|
|
115
119
|
inlineErrorText: string;
|
|
@@ -141,6 +145,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
141
145
|
onlyDigits: boolean;
|
|
142
146
|
prefix: string;
|
|
143
147
|
suffix: string;
|
|
148
|
+
maxLengthCounterPosition: MaxLengthCounterPositions;
|
|
144
149
|
showApply: boolean;
|
|
145
150
|
inlineError: boolean;
|
|
146
151
|
inlineErrorText: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./TextField.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TextField.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-052b1a0c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import "../../../TextField.
|
|
1
|
+
import "../../../TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css"; import { defineComponent as j, computed as x, ref as q, openBlock as l, createElementBlock as s, mergeProps as f, unref as t, createBlock as o, createCommentVNode as n, createElementVNode as A, normalizeClass as C, renderSlot as E, withCtx as b, createTextVNode as V, toDisplayString as F, withKeys as J, withModifiers as $, normalizeProps as z, createVNode as p } from "vue";
|
|
2
2
|
import v from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import "../../icon/v4/IconFlag.vue.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { InputTestIdModifiers as
|
|
7
|
-
import { inputCommon as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useTestIdAttrs as
|
|
12
|
-
const
|
|
4
|
+
import Q from "../../tooltip/v4/TooltipV4.vue.js";
|
|
5
|
+
import O from "../../typography/v4/Typography.vue.js";
|
|
6
|
+
import { InputTestIdModifiers as m } from "../../../testids/index.js";
|
|
7
|
+
import { inputCommon as U } from "../common/Input.common.js";
|
|
8
|
+
import X from "../../shared/FieldLabel.vue.js";
|
|
9
|
+
import Y from "../../shared/FieldHelpText.vue.js";
|
|
10
|
+
import D from "../../shared/FieldMaxLength.vue.js";
|
|
11
|
+
import { useTestIdAttrs as Z } from "../../../utils/testIds.js";
|
|
12
|
+
const _ = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "icon-container icon-before"
|
|
15
|
-
},
|
|
16
|
-
key:
|
|
15
|
+
}, ee = ["maxlength", "value", "placeholder", "disabled", "type", "step"], te = ["onClick"], le = {
|
|
16
|
+
key: 4,
|
|
17
17
|
class: "inline-error"
|
|
18
|
-
},
|
|
19
|
-
key:
|
|
18
|
+
}, ae = {
|
|
19
|
+
key: 7,
|
|
20
20
|
class: "icon-container icon-after"
|
|
21
|
-
},
|
|
21
|
+
}, ne = {
|
|
22
22
|
inheritAttrs: !1
|
|
23
|
-
},
|
|
24
|
-
...
|
|
23
|
+
}, ve = /* @__PURE__ */ j({
|
|
24
|
+
...ne,
|
|
25
25
|
__name: "TextField",
|
|
26
26
|
props: {
|
|
27
27
|
modelValue: { default: "" },
|
|
@@ -47,37 +47,41 @@ const Y = {
|
|
|
47
47
|
prefix: { default: "" },
|
|
48
48
|
suffix: { default: "" },
|
|
49
49
|
maxLength: { default: null },
|
|
50
|
+
maxLengthCounterPosition: { default: "inside" },
|
|
50
51
|
showApply: { type: Boolean, default: !1 },
|
|
51
52
|
inlineError: { type: Boolean, default: !1 },
|
|
52
53
|
inlineErrorText: { default: "" },
|
|
53
54
|
inlineErrorTextPlacement: { default: "top" }
|
|
54
55
|
},
|
|
55
56
|
emits: ["update:modelValue", "apply"],
|
|
56
|
-
setup(e, { expose:
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
},
|
|
60
|
-
onConfirm:
|
|
57
|
+
setup(e, { expose: N, emit: k }) {
|
|
58
|
+
const r = e, c = Z(r.testId, m), S = () => {
|
|
59
|
+
r.showApply ? k("apply") : d?.confirmable && R();
|
|
60
|
+
}, H = () => g.value.focus(), {
|
|
61
|
+
onConfirm: R,
|
|
61
62
|
onEnter: T,
|
|
62
|
-
inputRef:
|
|
63
|
-
isFocused:
|
|
64
|
-
showLabelInside:
|
|
65
|
-
api:
|
|
66
|
-
labelText:
|
|
67
|
-
sizeClass:
|
|
68
|
-
handleInput:
|
|
69
|
-
handleKeypress:
|
|
70
|
-
} =
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
}), (
|
|
63
|
+
inputRef: g,
|
|
64
|
+
isFocused: h,
|
|
65
|
+
showLabelInside: w,
|
|
66
|
+
api: d,
|
|
67
|
+
labelText: K,
|
|
68
|
+
sizeClass: M,
|
|
69
|
+
handleInput: L,
|
|
70
|
+
handleKeypress: I
|
|
71
|
+
} = U(r, k), P = x(() => d.value?.value ?? r.modelValue), G = x(() => (P.value || "").length), B = x(() => ({
|
|
72
|
+
currentLength: G.value,
|
|
73
|
+
maxLength: r.maxLength
|
|
74
|
+
})), y = q(!1), W = x(() => y.value && r.type === "password" ? "text" : r.type);
|
|
75
|
+
return N({
|
|
76
|
+
manualFocus: H
|
|
77
|
+
}), (u, a) => (l(), s("div", f({
|
|
74
78
|
class: {
|
|
75
79
|
"input-with-label-container": !0,
|
|
76
80
|
disabled: e.disabled,
|
|
77
81
|
[`variant-${e.feedbackVariant}`]: !0
|
|
78
82
|
}
|
|
79
|
-
}, t(c)[t(
|
|
80
|
-
e.label && e.labelDirection !== "inside" ? (l(),
|
|
83
|
+
}, t(c)[t(m).WRAPPER]), [
|
|
84
|
+
e.label && e.labelDirection !== "inside" ? (l(), o(X, {
|
|
81
85
|
key: 0,
|
|
82
86
|
label: e.label,
|
|
83
87
|
mandatory: e.mandatory,
|
|
@@ -86,73 +90,74 @@ const Y = {
|
|
|
86
90
|
disabled: e.disabled,
|
|
87
91
|
"test-id": e.testId
|
|
88
92
|
}, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
|
|
89
|
-
|
|
90
|
-
class:
|
|
93
|
+
A("div", {
|
|
94
|
+
class: C({
|
|
91
95
|
"input-container": !0,
|
|
92
|
-
"label-inside": t(
|
|
93
|
-
focused: t(
|
|
96
|
+
"label-inside": t(w),
|
|
97
|
+
focused: t(h)
|
|
94
98
|
})
|
|
95
99
|
}, [
|
|
96
|
-
u.$slots.iconBefore ? (l(),
|
|
97
|
-
|
|
100
|
+
u.$slots.iconBefore ? (l(), s("div", _, [
|
|
101
|
+
E(u.$slots, "iconBefore", {}, void 0, !0)
|
|
98
102
|
])) : n("", !0),
|
|
99
|
-
e.prefix ? (l(),
|
|
103
|
+
e.prefix ? (l(), o(t(O), {
|
|
100
104
|
key: 1,
|
|
101
105
|
class: "prefix-text",
|
|
102
106
|
variant: "body1"
|
|
103
107
|
}, {
|
|
104
|
-
default:
|
|
105
|
-
V(
|
|
108
|
+
default: b(() => [
|
|
109
|
+
V(F(e.prefix), 1)
|
|
106
110
|
]),
|
|
107
111
|
_: 1
|
|
108
112
|
})) : n("", !0),
|
|
109
|
-
|
|
113
|
+
A("input", f({
|
|
110
114
|
ref_key: "inputRef",
|
|
111
|
-
ref:
|
|
115
|
+
ref: g,
|
|
112
116
|
maxlength: e.maxLength
|
|
113
|
-
}, { ...u.$attrs, ...t(c)[t(
|
|
114
|
-
value: t(
|
|
115
|
-
placeholder: t(
|
|
117
|
+
}, { ...u.$attrs, ...t(c)[t(m).FIELD] }, {
|
|
118
|
+
value: t(P),
|
|
119
|
+
placeholder: t(K),
|
|
116
120
|
disabled: e.disabled || e.viewOnly,
|
|
117
|
-
type: t(
|
|
121
|
+
type: t(W),
|
|
118
122
|
class: ["input", {
|
|
119
|
-
[t(
|
|
123
|
+
[t(M)]: !0,
|
|
120
124
|
"view-only": e.viewOnly,
|
|
121
|
-
"label-inside": t(
|
|
125
|
+
"label-inside": t(w),
|
|
122
126
|
"hide-arrows": e.hideNumberArrows,
|
|
123
127
|
"input-type": e.type
|
|
124
128
|
}],
|
|
125
129
|
step: e.step,
|
|
126
130
|
onInput: a[0] || (a[0] = //@ts-ignore
|
|
127
|
-
(...i) => t(
|
|
128
|
-
onFocus: a[1] || (a[1] = (i) =>
|
|
129
|
-
onBlur: a[2] || (a[2] = (i) =>
|
|
130
|
-
onKeyup: a[3] || (a[3] =
|
|
131
|
+
(...i) => t(L) && t(L)(...i)),
|
|
132
|
+
onFocus: a[1] || (a[1] = (i) => h.value = !0),
|
|
133
|
+
onBlur: a[2] || (a[2] = (i) => h.value = !1),
|
|
134
|
+
onKeyup: a[3] || (a[3] = J($(
|
|
131
135
|
//@ts-ignore
|
|
132
136
|
(...i) => t(T) && t(T)(...i),
|
|
133
137
|
["prevent"]
|
|
134
138
|
), ["enter"])),
|
|
135
139
|
onKeypress: a[4] || (a[4] = //@ts-ignore
|
|
136
|
-
(...i) => t(
|
|
137
|
-
}), null, 16,
|
|
138
|
-
e.
|
|
139
|
-
|
|
140
|
+
(...i) => t(I) && t(I)(...i))
|
|
141
|
+
}), null, 16, ee),
|
|
142
|
+
e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), o(D, z(f({ key: 2 }, t(B))), null, 16)) : n("", !0),
|
|
143
|
+
e.showApply || t(d)?.confirmable && !t(d)?.error?.value ? (l(), s("div", {
|
|
144
|
+
key: 3,
|
|
140
145
|
class: "apply-button",
|
|
141
|
-
onClick:
|
|
146
|
+
onClick: $(S, ["stop", "prevent"])
|
|
142
147
|
}, [
|
|
143
148
|
p(t(v), {
|
|
144
149
|
name: "check",
|
|
145
150
|
size: "20px"
|
|
146
151
|
})
|
|
147
|
-
], 8,
|
|
148
|
-
e.inlineError || t(
|
|
149
|
-
p(t(
|
|
150
|
-
disabled: !e.inlineErrorText && !t(
|
|
151
|
-
text: e.inlineErrorText || t(
|
|
152
|
+
], 8, te)) : n("", !0),
|
|
153
|
+
e.inlineError || t(d)?.error?.value ? (l(), s("div", le, [
|
|
154
|
+
p(t(Q), f({
|
|
155
|
+
disabled: !e.inlineErrorText && !t(d)?.error?.value,
|
|
156
|
+
text: e.inlineErrorText || t(d)?.error?.value,
|
|
152
157
|
"test-id": e.testId,
|
|
153
158
|
placement: e.inlineErrorTextPlacement
|
|
154
|
-
}, t(c)[t(
|
|
155
|
-
default:
|
|
159
|
+
}, t(c)[t(m).TOOLTIP]), {
|
|
160
|
+
default: b(() => [
|
|
156
161
|
p(t(v), {
|
|
157
162
|
name: "warning-circle",
|
|
158
163
|
size: "16px"
|
|
@@ -161,56 +166,52 @@ const Y = {
|
|
|
161
166
|
_: 1
|
|
162
167
|
}, 16, ["disabled", "text", "test-id", "placement"])
|
|
163
168
|
])) : n("", !0),
|
|
164
|
-
e.suffix ? (l(),
|
|
165
|
-
key:
|
|
169
|
+
e.suffix ? (l(), o(t(O), {
|
|
170
|
+
key: 5,
|
|
166
171
|
class: "suffix-text",
|
|
167
172
|
variant: "body1"
|
|
168
173
|
}, {
|
|
169
|
-
default:
|
|
170
|
-
V(
|
|
174
|
+
default: b(() => [
|
|
175
|
+
V(F(e.suffix), 1)
|
|
171
176
|
]),
|
|
172
177
|
_: 1
|
|
173
178
|
})) : n("", !0),
|
|
174
|
-
e.type === "password" ? (l(),
|
|
175
|
-
key:
|
|
179
|
+
e.type === "password" ? (l(), s("div", f({
|
|
180
|
+
key: 6,
|
|
176
181
|
class: "password-visibility-toggle"
|
|
177
|
-
}, t(c)[t(
|
|
178
|
-
onClick: a[5] || (a[5] = (i) =>
|
|
182
|
+
}, t(c)[t(m).TOGGLE_PASSWORD], {
|
|
183
|
+
onClick: a[5] || (a[5] = (i) => y.value = !y.value)
|
|
179
184
|
}), [
|
|
180
|
-
|
|
185
|
+
y.value ? (l(), o(t(v), {
|
|
181
186
|
key: 0,
|
|
182
187
|
name: "eye",
|
|
183
188
|
size: "16px"
|
|
184
|
-
})) : (l(),
|
|
189
|
+
})) : (l(), o(t(v), {
|
|
185
190
|
key: 1,
|
|
186
191
|
name: "eye-slash",
|
|
187
192
|
size: "16px"
|
|
188
193
|
}))
|
|
189
194
|
], 16)) : n("", !0),
|
|
190
|
-
u.$slots.iconAfter ? (l(),
|
|
191
|
-
|
|
195
|
+
u.$slots.iconAfter ? (l(), s("div", ae, [
|
|
196
|
+
E(u.$slots, "iconAfter", {}, void 0, !0)
|
|
192
197
|
])) : n("", !0)
|
|
193
198
|
], 2),
|
|
194
|
-
e.feedbackText || e.maxLength ? (l(),
|
|
199
|
+
e.feedbackText || e.maxLength ? (l(), s("div", {
|
|
195
200
|
key: 1,
|
|
196
|
-
class:
|
|
201
|
+
class: C(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
|
|
197
202
|
}, [
|
|
198
|
-
e.feedbackText ? (l(),
|
|
203
|
+
e.feedbackText ? (l(), o(Y, {
|
|
199
204
|
key: 0,
|
|
200
205
|
text: e.feedbackText,
|
|
201
206
|
variant: e.feedbackVariant,
|
|
202
207
|
"show-icon": e.showFeedbackTextIcon,
|
|
203
208
|
"test-id": e.testId
|
|
204
209
|
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
|
|
205
|
-
e.maxLength ? (l(),
|
|
206
|
-
key: 1,
|
|
207
|
-
"current-length": t(R),
|
|
208
|
-
"max-length": e.maxLength
|
|
209
|
-
}, null, 8, ["current-length", "max-length"])) : n("", !0)
|
|
210
|
+
e.maxLength && e.maxLengthCounterPosition === "outside" ? (l(), o(D, z(f({ key: 1 }, t(B))), null, 16)) : n("", !0)
|
|
210
211
|
], 2)) : n("", !0)
|
|
211
212
|
], 16));
|
|
212
213
|
}
|
|
213
214
|
});
|
|
214
215
|
export {
|
|
215
|
-
|
|
216
|
+
ve as default
|
|
216
217
|
};
|
|
@@ -23,6 +23,7 @@ declare const TextFieldTypes: () => ({
|
|
|
23
23
|
onlyDigits: boolean;
|
|
24
24
|
prefix: string;
|
|
25
25
|
suffix: string;
|
|
26
|
+
maxLengthCounterPosition: "inside" | "outside";
|
|
26
27
|
showApply: boolean;
|
|
27
28
|
inlineError: boolean;
|
|
28
29
|
inlineErrorText: string;
|
|
@@ -108,6 +109,10 @@ declare const TextFieldTypes: () => ({
|
|
|
108
109
|
type: import("vue").PropType<string>;
|
|
109
110
|
default: string;
|
|
110
111
|
};
|
|
112
|
+
maxLengthCounterPosition: {
|
|
113
|
+
type: import("vue").PropType<"inside" | "outside">;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
111
116
|
showApply: {
|
|
112
117
|
type: import("vue").PropType<boolean>;
|
|
113
118
|
default: boolean;
|
|
@@ -143,7 +148,7 @@ declare const TextFieldTypes: () => ({
|
|
|
143
148
|
}>> & {
|
|
144
149
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
145
150
|
onApply?: () => any;
|
|
146
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
|
|
151
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
|
|
147
152
|
$attrs: {
|
|
148
153
|
[x: string]: unknown;
|
|
149
154
|
};
|
|
@@ -234,6 +239,10 @@ declare const TextFieldTypes: () => ({
|
|
|
234
239
|
type: import("vue").PropType<string>;
|
|
235
240
|
default: string;
|
|
236
241
|
};
|
|
242
|
+
maxLengthCounterPosition: {
|
|
243
|
+
type: import("vue").PropType<"inside" | "outside">;
|
|
244
|
+
default: string;
|
|
245
|
+
};
|
|
237
246
|
showApply: {
|
|
238
247
|
type: import("vue").PropType<boolean>;
|
|
239
248
|
default: boolean;
|
|
@@ -294,6 +303,7 @@ declare const TextFieldTypes: () => ({
|
|
|
294
303
|
onlyDigits: boolean;
|
|
295
304
|
prefix: string;
|
|
296
305
|
suffix: string;
|
|
306
|
+
maxLengthCounterPosition: "inside" | "outside";
|
|
297
307
|
showApply: boolean;
|
|
298
308
|
inlineError: boolean;
|
|
299
309
|
inlineErrorText: string;
|
|
@@ -399,6 +409,10 @@ declare const TextFieldTypes: () => ({
|
|
|
399
409
|
type: import("vue").PropType<string>;
|
|
400
410
|
default: string;
|
|
401
411
|
};
|
|
412
|
+
maxLengthCounterPosition: {
|
|
413
|
+
type: import("vue").PropType<"inside" | "outside">;
|
|
414
|
+
default: string;
|
|
415
|
+
};
|
|
402
416
|
showApply: {
|
|
403
417
|
type: import("vue").PropType<boolean>;
|
|
404
418
|
default: boolean;
|
|
@@ -517,6 +531,10 @@ declare const TextFieldTypes: () => ({
|
|
|
517
531
|
type: import("vue").PropType<string>;
|
|
518
532
|
default: string;
|
|
519
533
|
};
|
|
534
|
+
maxLengthCounterPosition: {
|
|
535
|
+
type: import("vue").PropType<"inside" | "outside">;
|
|
536
|
+
default: string;
|
|
537
|
+
};
|
|
520
538
|
showApply: {
|
|
521
539
|
type: import("vue").PropType<boolean>;
|
|
522
540
|
default: boolean;
|
|
@@ -577,6 +595,7 @@ declare const TextFieldTypes: () => ({
|
|
|
577
595
|
onlyDigits: boolean;
|
|
578
596
|
prefix: string;
|
|
579
597
|
suffix: string;
|
|
598
|
+
maxLengthCounterPosition: "inside" | "outside";
|
|
580
599
|
showApply: boolean;
|
|
581
600
|
inlineError: boolean;
|
|
582
601
|
inlineErrorText: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./FieldMaxLength.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../FieldMaxLength.
|
|
4
|
-
const
|
|
3
|
+
// import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-47877984"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import "../../FieldMaxLength.
|
|
1
|
+
import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
|
|
2
2
|
import l from "../typography/v4/Typography.vue.js";
|
|
3
|
-
const m = (e) => (i("data-v-
|
|
3
|
+
const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
|
|
4
4
|
__name: "FieldMaxLength",
|
|
5
5
|
props: {
|
|
6
6
|
currentLength: { default: 0 },
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export declare const FEEDBACK_VARIANTS: readonly ["error", "success", "warning"];
|
|
2
2
|
export type FeedbackVariant = (typeof FEEDBACK_VARIANTS)[number];
|
|
3
|
+
export declare const MAX_LENGTH_COUNTER_POSITION: readonly ["inside", "outside"];
|
|
4
|
+
export type MaxLengthCounterPositions = (typeof MAX_LENGTH_COUNTER_POSITION)[number];
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import o from "./SortableItem.vue2.js";
|
|
2
|
+
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9dd4d372"]]);
|
|
5
|
+
export {
|
|
6
|
+
s as default
|
|
7
|
+
};
|