@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.
Files changed (57) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_f06a4764_lang.css +1 -0
  2. package/ChartHeader.vue_vue_type_style_index_0_scoped_88d4532f_lang.css +1 -0
  3. package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css +1 -0
  4. package/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css +1 -0
  5. package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css +1 -0
  6. package/FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css +1 -0
  7. package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +1 -0
  8. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +1 -0
  9. package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css +1 -0
  10. package/TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css +1 -0
  11. package/TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css +1 -0
  12. package/components/chart/Chart.vue.js +7 -0
  13. package/components/chart/Chart.vue2.js +281 -0
  14. package/components/chart/ChartHeader.vue.js +7 -0
  15. package/components/chart/ChartHeader.vue2.js +51 -0
  16. package/components/chart/ChartLegend.vue.js +7 -0
  17. package/components/chart/ChartLegend.vue2.js +65 -0
  18. package/components/chart/ChartLoader.vue.js +25 -0
  19. package/components/chart/ChartLoader.vue2.js +0 -0
  20. package/components/chart/ChartTooltip.vue.js +7 -0
  21. package/components/chart/ChartTooltip.vue2.js +81 -0
  22. package/components/chart/composables/useChartValues.js +32 -0
  23. package/components/chart/composables/useTooltipPosition.js +22 -0
  24. package/components/chart/consts.js +21 -0
  25. package/components/chart/index.js +6 -0
  26. package/components/chart/plugins/HoverVerticalLine.js +12 -0
  27. package/components/chart/types.js +4 -0
  28. package/components/chart/utils/formatNumber.js +11 -0
  29. package/components/chart/utils/utils.js +12 -0
  30. package/components/input/v4/TextField.vue.d.ts +6 -1
  31. package/components/input/v4/TextField.vue.js +3 -3
  32. package/components/input/v4/TextField.vue2.js +91 -90
  33. package/components/input/v4/index.d.ts +20 -1
  34. package/components/shared/FieldMaxLength.vue.js +3 -3
  35. package/components/shared/FieldMaxLength.vue2.js +2 -2
  36. package/components/shared/commonTypes.d.ts +2 -0
  37. package/components/sortableList/SortableItem.vue.js +7 -0
  38. package/components/sortableList/SortableItem.vue2.js +140 -0
  39. package/components/sortableList/SortableItemLabel.vue.js +7 -0
  40. package/components/sortableList/SortableItemLabel.vue2.js +60 -0
  41. package/components/sortableList/SortableList.vue.js +7 -0
  42. package/components/sortableList/SortableList.vue2.js +120 -0
  43. package/components/sortableList/composables/useHoverEffect.js +19 -0
  44. package/components/sortableList/consts.js +4 -0
  45. package/components/sortableList/index.js +6 -0
  46. package/components/textArea/v4/TextAreaV4.vue.d.ts +6 -1
  47. package/components/textArea/v4/TextAreaV4.vue.js +3 -3
  48. package/components/textArea/v4/TextAreaV4.vue2.js +18 -12
  49. package/components/textArea/v4/index.d.ts +9 -0
  50. package/index.d.ts +651 -2
  51. package/index.js +131 -126
  52. package/package.json +9 -1
  53. package/testids/index.js +5 -4
  54. package/utils/search.js +4 -0
  55. package/FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css +0 -1
  56. package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css +0 -1
  57. 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,6 @@
1
+ import r from "./Chart.vue.js";
2
+ const o = () => [r];
3
+ export {
4
+ r as Chart,
5
+ o as ChartTypes
6
+ };
@@ -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,4 @@
1
+ var a = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(a || {});
2
+ export {
3
+ a as ChartType
4
+ };
@@ -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.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; //*');
4
- const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6457440"]]);
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
- p as default
6
+ c as default
7
7
  };
@@ -1,27 +1,27 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as E, normalizeClass as L, renderSlot as P, withCtx as h, createTextVNode as V, toDisplayString as C, withKeys as W, withModifiers as F, createVNode as p } from "vue";
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 j from "../../tooltip/v4/TooltipV4.vue.js";
5
- import $ from "../../typography/v4/Typography.vue.js";
6
- import { InputTestIdModifiers as f } from "../../../testids/index.js";
7
- import { inputCommon as q } from "../common/Input.common.js";
8
- import J from "../../shared/FieldLabel.vue.js";
9
- import Q from "../../shared/FieldHelpText.vue.js";
10
- import U from "../../shared/FieldMaxLength.vue.js";
11
- import { useTestIdAttrs as X } from "../../../utils/testIds.js";
12
- const Y = {
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
- }, Z = ["maxlength", "value", "placeholder", "disabled", "type", "step"], _ = ["onClick"], ee = {
16
- key: 3,
15
+ }, ee = ["maxlength", "value", "placeholder", "disabled", "type", "step"], te = ["onClick"], le = {
16
+ key: 4,
17
17
  class: "inline-error"
18
- }, te = {
19
- key: 6,
18
+ }, ae = {
19
+ key: 7,
20
20
  class: "icon-container icon-after"
21
- }, le = {
21
+ }, ne = {
22
22
  inheritAttrs: !1
23
- }, ye = /* @__PURE__ */ M({
24
- ...le,
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: z, emit: k }) {
57
- const s = e, c = X(s.testId, f), O = () => {
58
- s.showApply ? k("apply") : o?.confirmable && N();
59
- }, D = () => w.value.focus(), {
60
- onConfirm: N,
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: w,
63
- isFocused: x,
64
- showLabelInside: g,
65
- api: o,
66
- labelText: S,
67
- sizeClass: H,
68
- handleInput: I,
69
- handleKeypress: B
70
- } = q(s, k), A = b(() => o.value?.value ?? s.modelValue), R = b(() => (A.value || "").length), m = G(!1), K = b(() => m.value && s.type === "password" ? "text" : s.type);
71
- return z({
72
- manualFocus: D
73
- }), (u, a) => (l(), r("div", y({
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(f).WRAPPER]), [
80
- e.label && e.labelDirection !== "inside" ? (l(), d(J, {
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
- E("div", {
90
- class: L({
93
+ A("div", {
94
+ class: C({
91
95
  "input-container": !0,
92
- "label-inside": t(g),
93
- focused: t(x)
96
+ "label-inside": t(w),
97
+ focused: t(h)
94
98
  })
95
99
  }, [
96
- u.$slots.iconBefore ? (l(), r("div", Y, [
97
- P(u.$slots, "iconBefore", {}, void 0, !0)
100
+ u.$slots.iconBefore ? (l(), s("div", _, [
101
+ E(u.$slots, "iconBefore", {}, void 0, !0)
98
102
  ])) : n("", !0),
99
- e.prefix ? (l(), d(t($), {
103
+ e.prefix ? (l(), o(t(O), {
100
104
  key: 1,
101
105
  class: "prefix-text",
102
106
  variant: "body1"
103
107
  }, {
104
- default: h(() => [
105
- V(C(e.prefix), 1)
108
+ default: b(() => [
109
+ V(F(e.prefix), 1)
106
110
  ]),
107
111
  _: 1
108
112
  })) : n("", !0),
109
- E("input", y({
113
+ A("input", f({
110
114
  ref_key: "inputRef",
111
- ref: w,
115
+ ref: g,
112
116
  maxlength: e.maxLength
113
- }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
114
- value: t(A),
115
- placeholder: t(S),
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(K),
121
+ type: t(W),
118
122
  class: ["input", {
119
- [t(H)]: !0,
123
+ [t(M)]: !0,
120
124
  "view-only": e.viewOnly,
121
- "label-inside": t(g),
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(I) && t(I)(...i)),
128
- onFocus: a[1] || (a[1] = (i) => x.value = !0),
129
- onBlur: a[2] || (a[2] = (i) => x.value = !1),
130
- onKeyup: a[3] || (a[3] = W(F(
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(B) && t(B)(...i))
137
- }), null, 16, Z),
138
- e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
139
- key: 2,
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: F(O, ["stop", "prevent"])
146
+ onClick: $(S, ["stop", "prevent"])
142
147
  }, [
143
148
  p(t(v), {
144
149
  name: "check",
145
150
  size: "20px"
146
151
  })
147
- ], 8, _)) : n("", !0),
148
- e.inlineError || t(o)?.error?.value ? (l(), r("div", ee, [
149
- p(t(j), y({
150
- disabled: !e.inlineErrorText && !t(o)?.error?.value,
151
- text: e.inlineErrorText || t(o)?.error?.value,
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(f).TOOLTIP]), {
155
- default: h(() => [
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(), d(t($), {
165
- key: 4,
169
+ e.suffix ? (l(), o(t(O), {
170
+ key: 5,
166
171
  class: "suffix-text",
167
172
  variant: "body1"
168
173
  }, {
169
- default: h(() => [
170
- V(C(e.suffix), 1)
174
+ default: b(() => [
175
+ V(F(e.suffix), 1)
171
176
  ]),
172
177
  _: 1
173
178
  })) : n("", !0),
174
- e.type === "password" ? (l(), r("div", y({
175
- key: 5,
179
+ e.type === "password" ? (l(), s("div", f({
180
+ key: 6,
176
181
  class: "password-visibility-toggle"
177
- }, t(c)[t(f).TOGGLE_PASSWORD], {
178
- onClick: a[5] || (a[5] = (i) => m.value = !m.value)
182
+ }, t(c)[t(m).TOGGLE_PASSWORD], {
183
+ onClick: a[5] || (a[5] = (i) => y.value = !y.value)
179
184
  }), [
180
- m.value ? (l(), d(t(v), {
185
+ y.value ? (l(), o(t(v), {
181
186
  key: 0,
182
187
  name: "eye",
183
188
  size: "16px"
184
- })) : (l(), d(t(v), {
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(), r("div", te, [
191
- P(u.$slots, "iconAfter", {}, void 0, !0)
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(), r("div", {
199
+ e.feedbackText || e.maxLength ? (l(), s("div", {
195
200
  key: 1,
196
- class: L(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
201
+ class: C(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
197
202
  }, [
198
- e.feedbackText ? (l(), d(Q, {
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(), d(U, {
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
- ye as default
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.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3c4001a"]]);
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
- a as default
6
+ p as default
7
7
  };
@@ -1,6 +1,6 @@
1
- import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_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";
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-f3c4001a"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
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
+ };