@useinsider/guido 3.16.0-beta.ff4f1bd → 3.16.1-beta.626490d
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/README.md +0 -1
- package/dist/@types/config/schemas.js +6 -12
- package/dist/components/Guido.vue.js +6 -6
- package/dist/components/Guido.vue2.js +30 -31
- package/dist/composables/useRecommendation.js +36 -43
- package/dist/config/migrator/recommendationMigrator.js +4 -6
- package/dist/enums/extensions/recommendationBlock.js +23 -25
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +11 -13
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +90 -112
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +53 -188
- package/dist/guido.css +1 -1
- package/dist/services/recommendationApi.js +28 -77
- package/dist/src/@types/config/schemas.d.ts +0 -12
- package/dist/src/components/wrappers/WpModal.vue.d.ts +1 -1
- package/dist/src/composables/useConfig.d.ts +0 -2
- package/dist/src/composables/useRecommendation.d.ts +0 -1
- package/dist/src/enums/extensions/recommendationBlock.d.ts +0 -2
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +3 -6
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +10 -199
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -6
- package/dist/src/services/recommendationApi.d.ts +1 -4
- package/dist/src/stores/config.d.ts +0 -18
- package/dist/utils/templatePreparation.js +34 -37
- package/package.json +1 -2
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js +0 -18
- package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js +0 -61
- package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js +0 -106
- package/dist/node_modules/@useinsider/design-system-organisms/dist/index-5JHlb8rM.js +0 -524
- package/dist/node_modules/@useinsider/design-system-organisms/dist/index.js +0 -8450
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InAccordion.js +0 -174
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InBasicTextInput.js +0 -381
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InBox.js +0 -236
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InBulkActions.js +0 -70
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InButton.js +0 -350
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InButtonV2.js +0 -371
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InCheckBox.js +0 -152
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InChips.js +0 -141
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InCustomDropDown.js +0 -1047
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InDataTableV2.js +0 -96050
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InDatePicker.js +0 -2042
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InDrawer.js +0 -166
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InDropDown.js +0 -1098
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InIcons.js +0 -55
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InInfoBox.js +0 -265
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InLinks.js +0 -184
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InLoading.js +0 -50
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InModals.js +0 -453
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InNoData.js +0 -145
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InOnPageMessage.js +0 -176
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InProgress.js +0 -266
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InRadioButton.js +0 -114
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InSegments.js +0 -200
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InSelect.js +0 -451
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InSkeleton.js +0 -49
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InStatusText.js +0 -119
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTabs.js +0 -4309
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTagsText.js +0 -129
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTextInput.js +0 -503
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InToasts.js +0 -253
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InToggle.js +0 -107
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTooltip.js +0 -134
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTooltipV2.js +0 -464
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/_commonjsHelpers.BItOPCY9.js +0 -28
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/_plugin-vue2_normalizer.WQT2Fc8L.js +0 -23
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/clickOutside.qP9M0QCm.js +0 -29
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/helpers.CgHNyjAJ.js +0 -109
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/index.Bw_06igr.js +0 -2339
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/localLocalesMixin.DYMhydo2.js +0 -16
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/useLocalLocales.Ckuhy7d-.js +0 -17
- package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/chunks/vue-property-decorator.BtlM7Epa.js +0 -188
- package/dist/src/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.d.ts +0 -3
- package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts +0 -26
- package/dist/src/mock/api/recommendation-strategies.d.ts +0 -41
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
import { InIcons as e } from "./InIcons.js";
|
|
2
|
-
import { p as n } from "./chunks/helpers.CgHNyjAJ.js";
|
|
3
|
-
import { l as a } from "./chunks/localLocalesMixin.DYMhydo2.js";
|
|
4
|
-
import { n as i } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
|
|
5
|
-
/* empty css */
|
|
6
|
-
const p = "_in-accordion-wrapper_v01428_hSzOl", _ = "_in-accordion-wrapper__text_v01428_9V6B8", d = "_in-accordion-wrapper__description_v01428_3tuPR", s = "_in-accordion-wrapper_compact_v01428_GVHZ2", l = "_in-accordion-wrapper_compact-style_v01428_6Jk72", g = "_in-accordion-wrapper_compact-padding_v01428_k1o1H", w = "_in-accordion-wrapper__toggle_v01428_-IFaz", u = "_in-accordion-wrapper__icon_v01428_TN2zl", v = "_in-accordion-wrapper__icon_rotate_v01428_XFHXF", m = "_in-accordion-wrapper__content_v01428_OD9NP", y = "_in-accordion-wrapper__content_opened_v01428_JONpT", f = {
|
|
7
|
-
"in-accordion-wrapper": "_in-accordion-wrapper_v01428_hSzOl",
|
|
8
|
-
inAccordionWrapper: p,
|
|
9
|
-
"in-accordion-wrapper__text": "_in-accordion-wrapper__text_v01428_9V6B8",
|
|
10
|
-
inAccordionWrapperText: _,
|
|
11
|
-
"in-accordion-wrapper__description": "_in-accordion-wrapper__description_v01428_3tuPR",
|
|
12
|
-
inAccordionWrapperDescription: d,
|
|
13
|
-
"in-accordion-wrapper_compact": "_in-accordion-wrapper_compact_v01428_GVHZ2",
|
|
14
|
-
inAccordionWrapperCompact: s,
|
|
15
|
-
"in-accordion-wrapper_compact-style": "_in-accordion-wrapper_compact-style_v01428_6Jk72",
|
|
16
|
-
inAccordionWrapperCompactStyle: l,
|
|
17
|
-
"in-accordion-wrapper_compact-padding": "_in-accordion-wrapper_compact-padding_v01428_k1o1H",
|
|
18
|
-
inAccordionWrapperCompactPadding: g,
|
|
19
|
-
"in-accordion-wrapper__toggle": "_in-accordion-wrapper__toggle_v01428_-IFaz",
|
|
20
|
-
inAccordionWrapperToggle: w,
|
|
21
|
-
"in-accordion-wrapper__icon": "_in-accordion-wrapper__icon_v01428_TN2zl",
|
|
22
|
-
inAccordionWrapperIcon: u,
|
|
23
|
-
"in-accordion-wrapper__icon_rotate": "_in-accordion-wrapper__icon_rotate_v01428_XFHXF",
|
|
24
|
-
inAccordionWrapperIconRotate: v,
|
|
25
|
-
"in-accordion-wrapper__content": "_in-accordion-wrapper__content_v01428_OD9NP",
|
|
26
|
-
inAccordionWrapperContent: m,
|
|
27
|
-
"in-accordion-wrapper__content_opened": "_in-accordion-wrapper__content_opened_v01428_JONpT",
|
|
28
|
-
inAccordionWrapperContentOpened: y
|
|
29
|
-
}, T = {
|
|
30
|
-
name: "InAccordion",
|
|
31
|
-
components: {
|
|
32
|
-
InIcons: e
|
|
33
|
-
},
|
|
34
|
-
mixins: [a],
|
|
35
|
-
props: {
|
|
36
|
-
/**
|
|
37
|
-
* @property {string} title
|
|
38
|
-
*/
|
|
39
|
-
title: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: ""
|
|
42
|
-
},
|
|
43
|
-
/**
|
|
44
|
-
* @property {boolean} subTextStatus
|
|
45
|
-
*/
|
|
46
|
-
subTextStatus: {
|
|
47
|
-
type: Boolean,
|
|
48
|
-
default: !1
|
|
49
|
-
},
|
|
50
|
-
/**
|
|
51
|
-
* @property {string} subText
|
|
52
|
-
*/
|
|
53
|
-
subText: {
|
|
54
|
-
type: String,
|
|
55
|
-
default: ""
|
|
56
|
-
},
|
|
57
|
-
/**
|
|
58
|
-
* @property {boolean} status
|
|
59
|
-
*/
|
|
60
|
-
status: {
|
|
61
|
-
type: Boolean,
|
|
62
|
-
default: !1
|
|
63
|
-
},
|
|
64
|
-
preventXss: { type: Boolean, default: !1 },
|
|
65
|
-
/**
|
|
66
|
-
* @property {boolean} borderStatus
|
|
67
|
-
*/
|
|
68
|
-
borderStatus: {
|
|
69
|
-
type: Boolean,
|
|
70
|
-
default: !1
|
|
71
|
-
},
|
|
72
|
-
/**
|
|
73
|
-
* @property {object} toggleTexts
|
|
74
|
-
*/
|
|
75
|
-
toggleTexts: {
|
|
76
|
-
type: Object,
|
|
77
|
-
default: () => ({
|
|
78
|
-
opened: "",
|
|
79
|
-
closed: ""
|
|
80
|
-
})
|
|
81
|
-
},
|
|
82
|
-
/**
|
|
83
|
-
* @property {string} accordionType
|
|
84
|
-
*/
|
|
85
|
-
accordionType: {
|
|
86
|
-
type: String,
|
|
87
|
-
default: "default"
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
data() {
|
|
91
|
-
return {
|
|
92
|
-
toggle: !1
|
|
93
|
-
};
|
|
94
|
-
},
|
|
95
|
-
computed: {
|
|
96
|
-
toggleText() {
|
|
97
|
-
return this.toggleTexts.opened && this.toggleTexts.closed ? this.toggle ? this.toggleTexts.opened : this.toggleTexts.closed : "";
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
watch: {
|
|
101
|
-
status() {
|
|
102
|
-
this.toggle = this.status;
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
mounted() {
|
|
106
|
-
this.toggle = this.status;
|
|
107
|
-
},
|
|
108
|
-
methods: {
|
|
109
|
-
/**
|
|
110
|
-
* @param {object} event
|
|
111
|
-
* @return {void}
|
|
112
|
-
*/
|
|
113
|
-
toggleAccordion(o) {
|
|
114
|
-
o.target.tagName !== "A" && (this.toggle = !this.toggle, this.$emit("changeStatus", this.toggle));
|
|
115
|
-
},
|
|
116
|
-
/**
|
|
117
|
-
* @param {string} subText
|
|
118
|
-
* @return {string}
|
|
119
|
-
*/
|
|
120
|
-
getSanitizedSubText(o) {
|
|
121
|
-
return this.preventXss ? n(o) : o;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
var x = function() {
|
|
126
|
-
var o = this, r = o._self._c;
|
|
127
|
-
return r("div", { staticClass: "w-1 qa-accordion" }, [r("a", { staticClass: "qa-accordion-wrapper in-accordion-wrapper clearfix", class: [o.$style["in-accordion-wrapper"], { "bor-b-n": o.borderStatus }] }, [r("div", { staticClass: "m-0 l-s-5 a-i-b py-5 px-0 cur-p", class: [
|
|
128
|
-
`in-accordion-wrapper_${o.accordionType}-padding`,
|
|
129
|
-
o.$style[`in-accordion-wrapper_${o.accordionType}-padding`]
|
|
130
|
-
], on: { click: function(c) {
|
|
131
|
-
return o.toggleAccordion(c);
|
|
132
|
-
} } }, [r("div", { staticClass: "d-f j-c-s-b a-i-c" }, [r("div", { staticClass: "d-f a-i-c" }, [r("p", { staticClass: "qa-accordion-title in-accordion-wrapper__text mb-0 mr-2", class: [
|
|
133
|
-
o.$style["in-accordion-wrapper__text"],
|
|
134
|
-
`in-accordion-wrapper_${o.accordionType}`,
|
|
135
|
-
o.$style[`in-accordion-wrapper_${o.accordionType}`]
|
|
136
|
-
] }, [o._v(" " + o._s(o.title) + " ")]), o._t("header")], 2), r("div", { staticClass: "d-f a-i-c" }, [o._t("headerRight"), r("div", { staticClass: "qa-accordion-toggle in-accordion-wrapper__toggle d-f a-i-c cur-p", class: o.$style["in-accordion-wrapper__toggle"], on: { click: function(c) {
|
|
137
|
-
return c.stopPropagation(), o.toggleAccordion(c);
|
|
138
|
-
} } }, [o.toggleText ? r("span", { staticClass: "qa-accordion-toggle-text l-h-1" }, [o._v(" " + o._s(o.toggleText) + " ")]) : o._e(), r("in-icons", { staticClass: "qa-accordion-toggle-icon in-accordion-wrapper__icon cur-p p-e-n", class: [
|
|
139
|
-
o.$style["in-accordion-wrapper__icon"],
|
|
140
|
-
{
|
|
141
|
-
[o.$style["in-accordion-wrapper__icon_rotate"]]: o.toggle,
|
|
142
|
-
"in-accordion-wrapper__icon_rotate": o.toggle
|
|
143
|
-
}
|
|
144
|
-
], attrs: { name: "filled-dropdown-down" } })], 1)], 2)]), o.subTextStatus ? r("p", { staticClass: "qa-accordion-sub-text in-accordion-wrapper__description", class: [
|
|
145
|
-
o.$style["in-accordion-wrapper__description"],
|
|
146
|
-
`in-accordion-wrapper_${o.accordionType}-style`,
|
|
147
|
-
o.$style[`in-accordion-wrapper_${o.accordionType}-style`]
|
|
148
|
-
], domProps: { innerHTML: o._s(o.getSanitizedSubText(o.subText)) } }) : o._e(), o._t("headerSubText")], 2), r("div", { staticClass: "qa-accordion-content in-accordion-wrapper__content", class: [
|
|
149
|
-
o.$style["in-accordion-wrapper__content"],
|
|
150
|
-
{
|
|
151
|
-
[o.$style["in-accordion-wrapper__content_opened"]]: o.toggle,
|
|
152
|
-
"in-accordion-wrapper__content_opened": o.toggle,
|
|
153
|
-
"mb-5": o.toggle
|
|
154
|
-
}
|
|
155
|
-
] }, [o._t("default")], 2)])]);
|
|
156
|
-
}, h = [];
|
|
157
|
-
const t = {
|
|
158
|
-
$style: f
|
|
159
|
-
};
|
|
160
|
-
function $(o) {
|
|
161
|
-
for (var r in t)
|
|
162
|
-
this[r] = t[r];
|
|
163
|
-
}
|
|
164
|
-
var A = /* @__PURE__ */ i(
|
|
165
|
-
T,
|
|
166
|
-
x,
|
|
167
|
-
h,
|
|
168
|
-
!1,
|
|
169
|
-
$
|
|
170
|
-
);
|
|
171
|
-
const q = A.exports;
|
|
172
|
-
export {
|
|
173
|
-
q as InAccordion
|
|
174
|
-
};
|
|
@@ -1,381 +0,0 @@
|
|
|
1
|
-
import { ref as f, computed as r, watch as K, onMounted as $t, onUnmounted as Pt, nextTick as Wt } from "vue";
|
|
2
|
-
import { InIcons as Ot } from "./InIcons.js";
|
|
3
|
-
import { InSkeleton as Vt } from "./InSkeleton.js";
|
|
4
|
-
import { InTooltipV2 as Et } from "./InTooltipV2.js";
|
|
5
|
-
import { I as Rt } from "./chunks/index.Bw_06igr.js";
|
|
6
|
-
import { p as W } from "./chunks/helpers.CgHNyjAJ.js";
|
|
7
|
-
import { u as Lt } from "./chunks/useLocalLocales.Ckuhy7d-.js";
|
|
8
|
-
import { n as Nt } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
|
|
9
|
-
/* empty css */
|
|
10
|
-
const Mt = "_in-basic-text-input-wrapper_v01428_cHhqf", Ht = "_in-basic-text-input-wrapper__label_v01428_SsUPW", zt = "_in-basic-text-input-wrapper__tooltip_v01428_GySZu", At = "_in-basic-text-input-wrapper__input-field_v01428_YTPCP", Xt = "_in-basic-text-input-wrapper__input-field_readonly_v01428_JrCYX", jt = "_in-basic-text-input-wrapper__input_v01428_rSUjm", Qt = "_in-basic-text-input-wrapper__suffix_v01428_U28fh", Ut = "_in-basic-text-input-wrapper__prefix_v01428_4GzVl", Ft = "_in-basic-text-input-wrapper__prefix-actionable_v01428_xjsgj", Gt = "_in-basic-text-input-wrapper__suffix-actionable_v01428_QgVdE", qt = "_in-basic-text-input-wrapper__prefix-arrow_v01428_mzI7s", Yt = "_in-basic-text-input-wrapper__suffix-arrow_v01428_SUa1v", Zt = "_in-basic-text-input-wrapper__dropdown_v01428_YuDvF", Kt = "_in-basic-text-input-wrapper__icon-left_v01428_H26Xa", Jt = "_in-basic-text-input-wrapper__icon-right_v01428_QrRNx", te = "_in-basic-text-input-wrapper__helper-container_v01428_DQaNZ", ee = "_in-basic-text-input-wrapper__helper-message_v01428_t-H-T", ae = "_in-basic-text-input-wrapper__helper-icon_v01428_pPVeE", ie = "_in-basic-text-input-wrapper__helper-text_v01428_oIW4Q", ne = "_in-basic-text-input-wrapper__helper-counter_v01428_dielK", pe = "_in-basic-text-input-wrapper__slot-right_v01428_NzcwT", re = "_in-basic-text-input-wrapper__warning_v01428_IQ-LA", se = "_in-basic-text-input-wrapper__error_v01428_msXHu", le = "_in-basic-text-input-wrapper__disable_v01428_GRuwX", ue = "_in-basic-text-input-wrapper__white_v01428_9g2Gt", oe = {
|
|
11
|
-
"in-basic-text-input-wrapper": "_in-basic-text-input-wrapper_v01428_cHhqf",
|
|
12
|
-
inBasicTextInputWrapper: Mt,
|
|
13
|
-
"in-basic-text-input-wrapper__label": "_in-basic-text-input-wrapper__label_v01428_SsUPW",
|
|
14
|
-
inBasicTextInputWrapperLabel: Ht,
|
|
15
|
-
"in-basic-text-input-wrapper__tooltip": "_in-basic-text-input-wrapper__tooltip_v01428_GySZu",
|
|
16
|
-
inBasicTextInputWrapperTooltip: zt,
|
|
17
|
-
"in-basic-text-input-wrapper__input-field": "_in-basic-text-input-wrapper__input-field_v01428_YTPCP",
|
|
18
|
-
inBasicTextInputWrapperInputField: At,
|
|
19
|
-
"in-basic-text-input-wrapper__input-field_readonly": "_in-basic-text-input-wrapper__input-field_readonly_v01428_JrCYX",
|
|
20
|
-
inBasicTextInputWrapperInputFieldReadonly: Xt,
|
|
21
|
-
"in-basic-text-input-wrapper__input": "_in-basic-text-input-wrapper__input_v01428_rSUjm",
|
|
22
|
-
inBasicTextInputWrapperInput: jt,
|
|
23
|
-
"in-basic-text-input-wrapper__suffix": "_in-basic-text-input-wrapper__suffix_v01428_U28fh",
|
|
24
|
-
inBasicTextInputWrapperSuffix: Qt,
|
|
25
|
-
"in-basic-text-input-wrapper__prefix": "_in-basic-text-input-wrapper__prefix_v01428_4GzVl",
|
|
26
|
-
inBasicTextInputWrapperPrefix: Ut,
|
|
27
|
-
"in-basic-text-input-wrapper__prefix-actionable": "_in-basic-text-input-wrapper__prefix-actionable_v01428_xjsgj",
|
|
28
|
-
inBasicTextInputWrapperPrefixActionable: Ft,
|
|
29
|
-
"in-basic-text-input-wrapper__suffix-actionable": "_in-basic-text-input-wrapper__suffix-actionable_v01428_QgVdE",
|
|
30
|
-
inBasicTextInputWrapperSuffixActionable: Gt,
|
|
31
|
-
"in-basic-text-input-wrapper__prefix-arrow": "_in-basic-text-input-wrapper__prefix-arrow_v01428_mzI7s",
|
|
32
|
-
inBasicTextInputWrapperPrefixArrow: qt,
|
|
33
|
-
"in-basic-text-input-wrapper__suffix-arrow": "_in-basic-text-input-wrapper__suffix-arrow_v01428_SUa1v",
|
|
34
|
-
inBasicTextInputWrapperSuffixArrow: Yt,
|
|
35
|
-
"in-basic-text-input-wrapper__dropdown": "_in-basic-text-input-wrapper__dropdown_v01428_YuDvF",
|
|
36
|
-
inBasicTextInputWrapperDropdown: Zt,
|
|
37
|
-
"in-basic-text-input-wrapper__icon-left": "_in-basic-text-input-wrapper__icon-left_v01428_H26Xa",
|
|
38
|
-
inBasicTextInputWrapperIconLeft: Kt,
|
|
39
|
-
"in-basic-text-input-wrapper__icon-right": "_in-basic-text-input-wrapper__icon-right_v01428_QrRNx",
|
|
40
|
-
inBasicTextInputWrapperIconRight: Jt,
|
|
41
|
-
"in-basic-text-input-wrapper__helper-container": "_in-basic-text-input-wrapper__helper-container_v01428_DQaNZ",
|
|
42
|
-
inBasicTextInputWrapperHelperContainer: te,
|
|
43
|
-
"in-basic-text-input-wrapper__helper-message": "_in-basic-text-input-wrapper__helper-message_v01428_t-H-T",
|
|
44
|
-
inBasicTextInputWrapperHelperMessage: ee,
|
|
45
|
-
"in-basic-text-input-wrapper__helper-icon": "_in-basic-text-input-wrapper__helper-icon_v01428_pPVeE",
|
|
46
|
-
inBasicTextInputWrapperHelperIcon: ae,
|
|
47
|
-
"in-basic-text-input-wrapper__helper-text": "_in-basic-text-input-wrapper__helper-text_v01428_oIW4Q",
|
|
48
|
-
inBasicTextInputWrapperHelperText: ie,
|
|
49
|
-
"in-basic-text-input-wrapper__helper-counter": "_in-basic-text-input-wrapper__helper-counter_v01428_dielK",
|
|
50
|
-
inBasicTextInputWrapperHelperCounter: ne,
|
|
51
|
-
"in-basic-text-input-wrapper__slot-right": "_in-basic-text-input-wrapper__slot-right_v01428_NzcwT",
|
|
52
|
-
inBasicTextInputWrapperSlotRight: pe,
|
|
53
|
-
"in-basic-text-input-wrapper__warning": "_in-basic-text-input-wrapper__warning_v01428_IQ-LA",
|
|
54
|
-
inBasicTextInputWrapperWarning: re,
|
|
55
|
-
"in-basic-text-input-wrapper__error": "_in-basic-text-input-wrapper__error_v01428_msXHu",
|
|
56
|
-
inBasicTextInputWrapperError: se,
|
|
57
|
-
"in-basic-text-input-wrapper__disable": "_in-basic-text-input-wrapper__disable_v01428_GRuwX",
|
|
58
|
-
inBasicTextInputWrapperDisable: le,
|
|
59
|
-
"in-basic-text-input-wrapper__white": "_in-basic-text-input-wrapper__white_v01428_9g2Gt",
|
|
60
|
-
inBasicTextInputWrapperWhite: ue
|
|
61
|
-
}, ce = {
|
|
62
|
-
selectionType: "single",
|
|
63
|
-
searchStatus: !1,
|
|
64
|
-
options: [
|
|
65
|
-
{ text: "option", value: "option" }
|
|
66
|
-
],
|
|
67
|
-
dynamicPosition: !0,
|
|
68
|
-
createOptionStatus: !1,
|
|
69
|
-
buttonStatus: !1,
|
|
70
|
-
buttonIcon: "filled-dropdown-down",
|
|
71
|
-
buttonLabel: "Secondary Button",
|
|
72
|
-
buttonOption: {},
|
|
73
|
-
boxWidth: "basedOnLongestItem",
|
|
74
|
-
maxHeight: 250
|
|
75
|
-
}, _e = {
|
|
76
|
-
selectionType: "single",
|
|
77
|
-
searchStatus: !1,
|
|
78
|
-
options: [
|
|
79
|
-
{ text: "option", value: "option" }
|
|
80
|
-
],
|
|
81
|
-
dynamicPosition: !1,
|
|
82
|
-
createOptionStatus: !1,
|
|
83
|
-
buttonStatus: !1,
|
|
84
|
-
buttonIcon: "filled-dropdown-down",
|
|
85
|
-
buttonLabel: "Secondary Button",
|
|
86
|
-
buttonOption: {},
|
|
87
|
-
boxWidth: "basedOnLongestItem",
|
|
88
|
-
maxHeight: 250
|
|
89
|
-
}, xe = {
|
|
90
|
-
Escape: 27
|
|
91
|
-
}, J = {
|
|
92
|
-
number: "number"
|
|
93
|
-
}, fe = {
|
|
94
|
-
name: "InBasicTextInput",
|
|
95
|
-
components: {
|
|
96
|
-
InIcons: Ot,
|
|
97
|
-
InSkeleton: Vt,
|
|
98
|
-
InTooltipV2: Et,
|
|
99
|
-
InDropdownMenu: Rt
|
|
100
|
-
},
|
|
101
|
-
props: {
|
|
102
|
-
id: { type: String, required: !0 },
|
|
103
|
-
name: { type: String, required: !0 },
|
|
104
|
-
theme: { type: String, default: "grey" },
|
|
105
|
-
value: { type: String | Number, default: "" },
|
|
106
|
-
labelStatus: { type: Boolean, default: !0 },
|
|
107
|
-
labelText: { type: String, default: "" },
|
|
108
|
-
tooltipStatus: { type: Boolean, default: !0 },
|
|
109
|
-
tooltipText: { type: String, default: "" },
|
|
110
|
-
type: { type: String, default: "text" },
|
|
111
|
-
states: { type: String, default: "default" },
|
|
112
|
-
placeholderText: { type: String, required: !0 },
|
|
113
|
-
disabledStatus: { type: Boolean, default: !1 },
|
|
114
|
-
readOnly: { type: Boolean, default: !1 },
|
|
115
|
-
leftIconStatus: { type: Boolean, default: !1 },
|
|
116
|
-
leftIconName: { type: String, default: "search" },
|
|
117
|
-
rightIconStatus: { type: Boolean, default: !1 },
|
|
118
|
-
rightIconName: { type: String, default: "search" },
|
|
119
|
-
autoComplete: { type: String, default: "off" },
|
|
120
|
-
skeletonStatus: { type: Boolean, default: !1 },
|
|
121
|
-
skeletonSizing: { type: Object, default: () => ({ width: 0, number: 0 }) },
|
|
122
|
-
prefixStatus: { type: Boolean, default: !1 },
|
|
123
|
-
prefixText: { type: String, default: "%" },
|
|
124
|
-
actionablePrefixStatus: { type: Boolean, default: !1 },
|
|
125
|
-
prefixDropdownOptions: { type: Object, default: () => ce },
|
|
126
|
-
suffixStatus: { type: Boolean, default: !1 },
|
|
127
|
-
suffixText: { type: String, default: "%" },
|
|
128
|
-
actionableSuffixStatus: { type: Boolean, default: !1 },
|
|
129
|
-
suffixDropdownOptions: { type: Object, default: () => _e },
|
|
130
|
-
maxCharacterLength: { type: Number | String, default: "" },
|
|
131
|
-
minValue: { type: Number | String, default: 0 },
|
|
132
|
-
maxValue: { type: Number | String, default: "" },
|
|
133
|
-
autoFocus: { type: Boolean, default: !1 },
|
|
134
|
-
allowDecimal: { type: Boolean, default: !1 },
|
|
135
|
-
allowComma: { type: Boolean, default: !0 },
|
|
136
|
-
preventXss: { type: Boolean, default: !0 },
|
|
137
|
-
helperMessageStatus: { type: Boolean, default: !0 },
|
|
138
|
-
helperMessage: { type: String, default: "" },
|
|
139
|
-
stateMessage: { type: String, default: "" },
|
|
140
|
-
characterCounterStatus: { type: Boolean, default: !0 },
|
|
141
|
-
characterCounterMaxValue: { type: Number, default: 20 }
|
|
142
|
-
},
|
|
143
|
-
setup(t, { emit: a }) {
|
|
144
|
-
const n = f(""), { localLocales: et } = Lt("InBasicTextInput"), at = r(() => t.preventXss ? W(t.value) : t.value), it = r(
|
|
145
|
-
() => t.preventXss ? W(t.labelText) : t.labelText
|
|
146
|
-
), nt = r(() => t.states === "error" || t.states === "warning"), pt = r(() => ({
|
|
147
|
-
error: "filled-error-box-colored",
|
|
148
|
-
warning: "filled-caution-triangle-colored"
|
|
149
|
-
})[t.states] || ""), rt = r(() => t.states === "default"), h = r(() => t.states === "warning" || t.states === "error"), st = r(() => t.helperMessageStatus || t.characterCounterStatus || (h == null ? void 0 : h.value)), O = () => {
|
|
150
|
-
t.autoFocus && w();
|
|
151
|
-
};
|
|
152
|
-
K(() => t.autoFocus, O), K(
|
|
153
|
-
() => t.value,
|
|
154
|
-
(e) => {
|
|
155
|
-
n.value = e;
|
|
156
|
-
},
|
|
157
|
-
{ immediate: !0 }
|
|
158
|
-
);
|
|
159
|
-
const lt = (e) => {
|
|
160
|
-
a("keyup", o(e));
|
|
161
|
-
}, ut = (e) => {
|
|
162
|
-
e.key === "Enter" && a("enter", o(e)), t.type === J.number && E(e.key) && e.preventDefault();
|
|
163
|
-
}, V = r(() => {
|
|
164
|
-
const e = ["e", "E", "+", "\\"];
|
|
165
|
-
return t.minValue >= 0 && e.push("-"), t.allowDecimal || e.push("."), t.allowComma || e.push(","), e;
|
|
166
|
-
}), E = (e) => V.value.includes(e), ot = (e) => {
|
|
167
|
-
a("focus", o(e));
|
|
168
|
-
}, ct = (e) => {
|
|
169
|
-
a("blur", o(e));
|
|
170
|
-
}, R = (e) => {
|
|
171
|
-
a("click", o(e));
|
|
172
|
-
}, _t = (e) => {
|
|
173
|
-
z.value && L(), R(e);
|
|
174
|
-
}, L = () => {
|
|
175
|
-
if (!x.value) return;
|
|
176
|
-
const e = x.value.selectionStart, i = x.value.selectionEnd;
|
|
177
|
-
e === i && x.value.select();
|
|
178
|
-
}, xt = (e) => {
|
|
179
|
-
var i;
|
|
180
|
-
m.value && (N(e), I(e)), o(e), a("input", (i = e == null ? void 0 : e.target) == null ? void 0 : i.value);
|
|
181
|
-
}, ft = (e) => {
|
|
182
|
-
var i;
|
|
183
|
-
m.value && (N(e), I(e)), o(e), a("change", (i = e == null ? void 0 : e.target) == null ? void 0 : i.value);
|
|
184
|
-
}, dt = (e) => {
|
|
185
|
-
if (t.maxCharacterLength && typeof t.maxCharacterLength == "number") {
|
|
186
|
-
let D = "";
|
|
187
|
-
const g = e.target, B = g.selectionStart, G = g.selectionEnd, $ = g.value, q = e.clipboardData.getData("text/plain"), Dt = $.length, Bt = G - B, Y = t.maxCharacterLength - Dt + Bt;
|
|
188
|
-
if (Y <= 0) {
|
|
189
|
-
e.preventDefault();
|
|
190
|
-
return;
|
|
191
|
-
}
|
|
192
|
-
const P = q.slice(0, Y);
|
|
193
|
-
if (P !== q) {
|
|
194
|
-
e.preventDefault(), D = $.slice(0, B) + P + $.slice(G), g.value = D;
|
|
195
|
-
const Z = B + P.length;
|
|
196
|
-
g.setSelectionRange(Z, Z);
|
|
197
|
-
}
|
|
198
|
-
o(e), a("input", D);
|
|
199
|
-
}
|
|
200
|
-
if (!m.value)
|
|
201
|
-
return;
|
|
202
|
-
e.preventDefault();
|
|
203
|
-
const i = e.target, s = i.selectionStart, l = i.selectionEnd, p = i.value, u = p.includes(".") || p.includes(","), c = e.clipboardData.getData("text/plain"), _ = T(), Q = M(c, _, u), U = s + Q.length, F = p.slice(0, s) + Q + p.slice(l);
|
|
204
|
-
i.value = F, i.setSelectionRange(U, U), a("input", F);
|
|
205
|
-
}, bt = (e) => {
|
|
206
|
-
a("leftIconClick", e);
|
|
207
|
-
}, wt = (e) => {
|
|
208
|
-
a("rightIconClick", e);
|
|
209
|
-
}, N = (e) => {
|
|
210
|
-
var i;
|
|
211
|
-
if (!e)
|
|
212
|
-
return;
|
|
213
|
-
const s = e.target, l = s.selectionStart - 1, p = (i = e == null ? void 0 : e.target) == null ? void 0 : i.value, u = C(), c = [...p.matchAll(u)].map((_) => _.index);
|
|
214
|
-
e.target.value = p.replace(u, ""), c.length > 0 && s.setSelectionRange(l, l);
|
|
215
|
-
}, I = (e) => {
|
|
216
|
-
if (!e)
|
|
217
|
-
return;
|
|
218
|
-
const i = e.target.value, s = e.target;
|
|
219
|
-
let l = s.selectionStart - 1;
|
|
220
|
-
const p = T(), u = [...i.matchAll(p)].map((_) => _.index), c = i.split("");
|
|
221
|
-
u.length > 1 && (c[l] = ""), e.target.value = c.join(""), u.length > 1 && s.setSelectionRange(l, l);
|
|
222
|
-
}, T = () => {
|
|
223
|
-
let e = "";
|
|
224
|
-
return t.allowDecimal && (e += "."), t.allowComma && (e += ","), new RegExp(`[${e}]`, "g");
|
|
225
|
-
}, C = () => {
|
|
226
|
-
let e = "0-9";
|
|
227
|
-
return t.allowDecimal && (e += "\\."), t.allowComma && (e += ","), new RegExp(`[^${e}]+`, "g");
|
|
228
|
-
}, M = (e, i, s) => {
|
|
229
|
-
const l = C();
|
|
230
|
-
let p = e.replace(l, "");
|
|
231
|
-
const u = [...p.matchAll(i)].map((_) => _.index), c = p.split("");
|
|
232
|
-
return s || u.shift(), u.forEach((_) => {
|
|
233
|
-
c[_] = "";
|
|
234
|
-
}), p = c.join(""), p;
|
|
235
|
-
}, d = f(!1), vt = () => {
|
|
236
|
-
t.actionablePrefixStatus && (d.value = !d.value);
|
|
237
|
-
}, y = f(""), gt = (e) => {
|
|
238
|
-
y.value = e.text, a("prefixClick", y.value, e), w();
|
|
239
|
-
}, yt = r(() => y.value || t.prefixText), St = r(() => d.value ? "filled-dropdown-up" : "filled-dropdown-down"), mt = r(() => t.actionablePrefixStatus ? 0 : -1), H = () => {
|
|
240
|
-
setTimeout(() => {
|
|
241
|
-
d.value = !1;
|
|
242
|
-
}, 0);
|
|
243
|
-
}, b = f(!1), ht = () => {
|
|
244
|
-
t.actionableSuffixStatus && (b.value = !b.value);
|
|
245
|
-
}, S = f(""), It = (e) => {
|
|
246
|
-
S.value = e.text, a("suffixClick", S.value), w();
|
|
247
|
-
}, Tt = r(() => S.value || t.suffixText), Ct = r(() => b.value ? "filled-dropdown-up" : "filled-dropdown-down"), kt = r(() => t.actionableSuffixStatus ? 0 : -1), m = r(() => t.type === J.number), z = r(() => t.readOnly && !t.prefixStatus && !t.suffixStatus), A = () => {
|
|
248
|
-
setTimeout(() => {
|
|
249
|
-
b.value = !1;
|
|
250
|
-
}, 0);
|
|
251
|
-
}, w = () => {
|
|
252
|
-
Wt(() => {
|
|
253
|
-
var e;
|
|
254
|
-
(e = x == null ? void 0 : x.value) == null || e.focus();
|
|
255
|
-
});
|
|
256
|
-
}, o = (e = {}) => {
|
|
257
|
-
var i, s, l;
|
|
258
|
-
if (t.preventXss && e != null && e.target) {
|
|
259
|
-
const p = W((i = e == null ? void 0 : e.target) == null ? void 0 : i.value);
|
|
260
|
-
((s = e == null ? void 0 : e.target) == null ? void 0 : s.value) !== p && (e.target.value = p);
|
|
261
|
-
}
|
|
262
|
-
return n.value = ((l = e == null ? void 0 : e.target) == null ? void 0 : l.value) || "", e;
|
|
263
|
-
}, x = f(null), v = f(null), k = (e) => {
|
|
264
|
-
e.keyCode === xe.Escape && (H(), A(), w());
|
|
265
|
-
}, X = () => {
|
|
266
|
-
var e;
|
|
267
|
-
(e = v == null ? void 0 : v.value) == null || e.addEventListener("keydown", k, !1);
|
|
268
|
-
}, j = () => {
|
|
269
|
-
var e;
|
|
270
|
-
(e = v == null ? void 0 : v.value) == null || e.removeEventListener("keydown", k, !1);
|
|
271
|
-
};
|
|
272
|
-
return $t(() => {
|
|
273
|
-
X(), O();
|
|
274
|
-
}), Pt(() => {
|
|
275
|
-
j();
|
|
276
|
-
}), {
|
|
277
|
-
inputValue: n,
|
|
278
|
-
computedValue: at,
|
|
279
|
-
statesDefault: rt,
|
|
280
|
-
statesValidation: h,
|
|
281
|
-
labelTextSecure: it,
|
|
282
|
-
helperContainerStatus: st,
|
|
283
|
-
helperMessageIconStatus: nt,
|
|
284
|
-
helperMessageIcon: pt,
|
|
285
|
-
keyup: lt,
|
|
286
|
-
keypress: ut,
|
|
287
|
-
preventKeyPress: E,
|
|
288
|
-
focus: ot,
|
|
289
|
-
blur: ct,
|
|
290
|
-
click: R,
|
|
291
|
-
input: xt,
|
|
292
|
-
change: ft,
|
|
293
|
-
leftIconClick: bt,
|
|
294
|
-
rightIconClick: wt,
|
|
295
|
-
focusToInput: w,
|
|
296
|
-
fixValue: o,
|
|
297
|
-
textInput: x,
|
|
298
|
-
togglePrefixDropdown: vt,
|
|
299
|
-
prefixDropdownStatus: d,
|
|
300
|
-
visiblePrefixText: yt,
|
|
301
|
-
selectedPrefixText: y,
|
|
302
|
-
prefixTabIndex: mt,
|
|
303
|
-
closePrefixDropdown: H,
|
|
304
|
-
prefixDropdownIcon: St,
|
|
305
|
-
onOptionPrefixClick: gt,
|
|
306
|
-
toggleSuffixDropdown: ht,
|
|
307
|
-
suffixDropdownStatus: b,
|
|
308
|
-
visibleSuffixText: Tt,
|
|
309
|
-
selectedSuffixText: S,
|
|
310
|
-
suffixTabIndex: kt,
|
|
311
|
-
onOptionSuffixClick: It,
|
|
312
|
-
suffixDropdownIcon: Ct,
|
|
313
|
-
closeSuffixDropdown: A,
|
|
314
|
-
componentRoot: v,
|
|
315
|
-
keyActions: k,
|
|
316
|
-
setupEventListeners: X,
|
|
317
|
-
removeEventListeners: j,
|
|
318
|
-
deniedSymbols: V,
|
|
319
|
-
isNumberType: m,
|
|
320
|
-
isReadOnly: z,
|
|
321
|
-
paste: dt,
|
|
322
|
-
replaceExtraCommasAndDots: I,
|
|
323
|
-
prepareCleanValue: M,
|
|
324
|
-
createCommasAndDotsRegex: T,
|
|
325
|
-
createNonNumberRegex: C,
|
|
326
|
-
localLocales: et,
|
|
327
|
-
handleInputClick: _t,
|
|
328
|
-
selectAllTextOnFirstClick: L
|
|
329
|
-
};
|
|
330
|
-
}
|
|
331
|
-
};
|
|
332
|
-
var de = function() {
|
|
333
|
-
var t = this, a = t._self._c;
|
|
334
|
-
return a("fieldset", { ref: "componentRoot", staticClass: "in-basic-text-input-wrapper qa-text-input", class: [
|
|
335
|
-
t.$style["in-basic-text-input-wrapper"],
|
|
336
|
-
`in-basic-text-input-wrapper__${t.states}`,
|
|
337
|
-
t.$style[`in-basic-text-input-wrapper__${t.states}`],
|
|
338
|
-
`in-basic-text-input-wrapper__${t.theme}`,
|
|
339
|
-
t.$style[`in-basic-text-input-wrapper__${t.theme}`],
|
|
340
|
-
{ "in-basic-text-input-wrapper__disable": t.disabledStatus },
|
|
341
|
-
{ [t.$style["in-basic-text-input-wrapper__disable"]]: t.disabledStatus }
|
|
342
|
-
] }, [t.labelStatus && !t.skeletonStatus ? a("label", { staticClass: "in-basic-text-input-wrapper__label", class: t.$style["in-basic-text-input-wrapper__label"] }, [a("span", { domProps: { innerHTML: t._s(t.labelTextSecure) } }), t.tooltipStatus ? a("in-tooltip-v2", { staticClass: "in-basic-text-input-wrapper__tooltip", class: t.$style["in-basic-text-input-wrapper__tooltip"], attrs: { id: `tooltip-${t.id}`, "dynamic-position": !0, text: t.tooltipText, "icon-status": !0 } }) : t._e()], 1) : t._e(), t.skeletonStatus ? t._e() : a("div", { staticClass: "in-basic-text-input-wrapper__input-field", class: [
|
|
343
|
-
t.$style["in-basic-text-input-wrapper__input-field"],
|
|
344
|
-
{ "in-basic-text-input-wrapper__input-field_readonly": t.isReadOnly },
|
|
345
|
-
{ [t.$style["in-basic-text-input-wrapper__input-field_readonly"]]: t.isReadOnly }
|
|
346
|
-
] }, [t.prefixStatus ? a("div", { staticClass: "in-basic-text-input-wrapper__prefix", class: [
|
|
347
|
-
t.$style["in-basic-text-input-wrapper__prefix"],
|
|
348
|
-
{ "in-basic-text-input-wrapper__prefix-actionable": t.actionablePrefixStatus },
|
|
349
|
-
{ [t.$style["in-basic-text-input-wrapper__prefix-actionable"]]: t.actionablePrefixStatus }
|
|
350
|
-
], attrs: { tabindex: t.prefixTabIndex }, on: { click: t.togglePrefixDropdown, keyup: [function(n) {
|
|
351
|
-
return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.togglePrefixDropdown.apply(null, arguments);
|
|
352
|
-
}, function(n) {
|
|
353
|
-
return !n.type.indexOf("key") && t._k(n.keyCode, "space", 32, n.key, [" ", "Spacebar"]) ? null : t.togglePrefixDropdown.apply(null, arguments);
|
|
354
|
-
}] } }, [a("p", [t._v(t._s(t.visiblePrefixText))]), t.actionablePrefixStatus && !t.disabledStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__prefix-arrow", class: t.$style["in-basic-text-input-wrapper__prefix-arrow"], attrs: { size: "24", name: t.prefixDropdownIcon } }) : t._e(), a("in-dropdown-menu", t._b({ ref: "prefixDropDown", staticClass: "in-basic-text-input-wrapper__dropdown", class: t.$style["in-basic-text-input-wrapper__dropdown"], attrs: { id: "prefixDropdown", status: t.prefixDropdownStatus }, on: { optionClick: t.onOptionPrefixClick, clickOutside: t.closePrefixDropdown } }, "in-dropdown-menu", t.prefixDropdownOptions, !1))], 1) : t._e(), t.$slots.leftSlot ? a("div", { staticClass: "in-basic-text-input-wrapper__slot-left", class: t.$style["in-basic-text-input-wrapper__slot-left"] }, [t._t("leftSlot")], 2) : t._e(), t.leftIconStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__icon-left", class: t.$style["in-basic-text-input-wrapper__icon-left"], attrs: { name: t.leftIconName, size: "24" }, on: { click: t.leftIconClick } }) : t._e(), a("input", { ref: "textInput", staticClass: "in-basic-text-input-wrapper__input", class: t.$style["in-basic-text-input-wrapper__input"], attrs: { id: t.id, name: t.name, placeholder: t.placeholderText, disabled: t.disabledStatus, readonly: t.isReadOnly, autocomplete: t.autoComplete, maxlength: t.maxCharacterLength, min: t.minValue, max: t.maxValue }, domProps: { value: t.inputValue }, on: { change: t.change, focus: t.focus, blur: t.blur, keyup: t.keyup, keypress: t.keypress, click: t.handleInputClick, input: t.input, paste: t.paste } }), t.rightIconStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__icon-right", class: t.$style["in-basic-text-input-wrapper__icon-right"], attrs: { name: t.rightIconName, size: "24" }, on: { click: t.rightIconClick } }) : t._e(), t.$slots.rightSlot ? a("div", { staticClass: "in-basic-text-input-wrapper__slot-right", class: t.$style["in-basic-text-input-wrapper__slot-right"] }, [t._t("rightSlot")], 2) : t._e(), t.suffixStatus ? a("div", { staticClass: "in-basic-text-input-wrapper__suffix", class: [
|
|
355
|
-
t.$style["in-basic-text-input-wrapper__suffix"],
|
|
356
|
-
{ "in-basic-text-input-wrapper__suffix-actionable": t.actionableSuffixStatus },
|
|
357
|
-
{ [t.$style["in-basic-text-input-wrapper__suffix-actionable"]]: t.actionableSuffixStatus }
|
|
358
|
-
], attrs: { tabindex: t.suffixTabIndex }, on: { click: t.toggleSuffixDropdown, keyup: [function(n) {
|
|
359
|
-
return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.toggleSuffixDropdown.apply(null, arguments);
|
|
360
|
-
}, function(n) {
|
|
361
|
-
return !n.type.indexOf("key") && t._k(n.keyCode, "space", 32, n.key, [" ", "Spacebar"]) ? null : t.toggleSuffixDropdown.apply(null, arguments);
|
|
362
|
-
}] } }, [a("p", [t._v(t._s(t.visibleSuffixText))]), t.actionableSuffixStatus && !t.disabledStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__suffix-arrow", class: t.$style["in-basic-text-input-wrapper__suffix-arrow"], attrs: { size: "24", name: t.suffixDropdownIcon } }) : t._e(), a("in-dropdown-menu", t._b({ ref: "suffixDropDown", staticClass: "in-basic-text-input-wrapper__dropdown", class: t.$style["in-basic-text-input-wrapper__dropdown"], attrs: { id: "suffixDropdown", status: t.suffixDropdownStatus }, on: { optionClick: t.onOptionSuffixClick, clickOutside: t.closeSuffixDropdown } }, "in-dropdown-menu", t.suffixDropdownOptions, !1))], 1) : t._e()], 1), t.helperContainerStatus && !t.skeletonStatus ? a("div", { staticClass: "in-basic-text-input-wrapper__helper-container", class: t.$style["in-basic-text-input-wrapper__helper-container"] }, [t.helperMessageStatus || t.statesValidation ? a("div", { staticClass: "in-basic-text-input-wrapper__helper-message", class: t.$style["in-basic-text-input-wrapper__helper-message"] }, [t.helperMessageIconStatus && !t.disabledStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__helper-icon", class: t.$style["in-basic-text-input-wrapper__helper-icon"], attrs: { size: "16", name: t.helperMessageIcon } }) : t._e(), t.statesDefault ? a("p", { staticClass: "in-basic-text-input-wrapper__helper-text", class: t.$style["in-basic-text-input-wrapper__helper-text"] }, [t._v(" " + t._s(t.helperMessage) + " ")]) : t._e(), t.statesValidation && !t.disabledStatus ? a("p", { staticClass: "in-basic-text-input-wrapper__helper-text", class: t.$style["in-basic-text-input-wrapper__helper-text"] }, [t._v(" " + t._s(t.stateMessage) + " ")]) : t._e()], 1) : t._e(), t.characterCounterStatus ? a("span", { staticClass: "in-basic-text-input-wrapper__helper-counter", class: t.$style["in-basic-text-input-wrapper__helper-counter"] }, [t._v(" " + t._s(t.inputValue.length) + "/" + t._s(t.characterCounterMaxValue) + " ")]) : t._e()]) : t._e(), t.skeletonStatus ? a("in-skeleton", { attrs: { sizing: t.skeletonSizing, name: "InTextInput" } }) : t._e()], 1);
|
|
363
|
-
}, be = [];
|
|
364
|
-
const tt = {
|
|
365
|
-
$style: oe
|
|
366
|
-
};
|
|
367
|
-
function we(t) {
|
|
368
|
-
for (var a in tt)
|
|
369
|
-
this[a] = tt[a];
|
|
370
|
-
}
|
|
371
|
-
var ve = /* @__PURE__ */ Nt(
|
|
372
|
-
fe,
|
|
373
|
-
de,
|
|
374
|
-
be,
|
|
375
|
-
!1,
|
|
376
|
-
we
|
|
377
|
-
);
|
|
378
|
-
const De = ve.exports;
|
|
379
|
-
export {
|
|
380
|
-
De as InBasicTextInput
|
|
381
|
-
};
|