@globalpayments/vega 2.57.0 → 2.57.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/card-config-2ee5505e.js +65 -0
- package/dist/cjs/{string-input-formatter-slimmer-92ab034f.js → string-input-formatter-slimmer-dc1747ad.js} +20 -1
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +20 -116
- package/dist/cjs/vega-input.cjs.entry.js +194 -2
- package/dist/collection/components/vega-input/slimmers/controllers/vega-input-mask-config-controller.js +25 -2
- package/dist/collection/components/vega-input/vega-input.js +1 -1
- package/dist/collection/components/vega-input-credit-card/vega-input-credit-card.js +13 -52
- package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.js +1 -1
- package/dist/collection/components/vega-table/vega-table.js +1 -1
- package/dist/collection/constants/card-config.js +4 -4
- package/dist/collection/helpers/formatter/string-formatter/credit-card-blur-mask-strategy.js +74 -0
- package/dist/collection/helpers/formatter/string-formatter/credit-card-input-mask-strategy.js +34 -0
- package/dist/collection/helpers/formatter/string-formatter/credit-card-mask-strategy.abstract.js +63 -0
- package/dist/collection/helpers/formatter/string-formatter/string-format-strategy.abstract.js +4 -1
- package/dist/collection/helpers/formatter/string-formatter/string-mask-strategy.js +8 -0
- package/dist/collection/helpers/slimmers/string-input-formatter-slimmer.js +8 -0
- package/dist/esm/{app-globals-366415b3.js → app-globals-ee6a1250.js} +3 -3
- package/dist/esm/card-config-d2ad484e.js +63 -0
- package/dist/esm/{code-block-73869a3c.js → code-block-7bd4cb87.js} +1 -1
- package/dist/esm/{component-value-history-controller-slimmer.abstract-dfe89c93.js → component-value-history-controller-slimmer.abstract-41c58caf.js} +2 -2
- package/dist/esm/{content-state-953906e8.js → content-state-a43e703e.js} +1 -1
- package/dist/esm/{design-token-28a0a2e6.js → design-token-23522f5c.js} +1 -1
- package/dist/esm/{element-appender-slimmer-7b9f4a8e.js → element-appender-slimmer-042df95a.js} +2 -2
- package/dist/esm/{form-field-controller-slimmer-707a6da2.js → form-field-controller-slimmer-f0982f11.js} +2 -2
- package/dist/esm/{image-annotation-action-5bfda07c.js → image-annotation-action-1e88f5a0.js} +1 -1
- package/dist/esm/{index-3e551cbe.js → index-fb3b74bd.js} +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{public-rules-c5d2c1e1.js → public-rules-287d4d77.js} +4 -4
- package/dist/esm/{responsive-format-facade-60731164.js → responsive-format-facade-d2632288.js} +1 -1
- package/dist/esm/{rich-text-editor-required-rule-4429066e.js → rich-text-editor-required-rule-69d5f035.js} +1 -1
- package/dist/esm/{string-input-formatter-slimmer-6ab5cad6.js → string-input-formatter-slimmer-09478e0d.js} +23 -4
- package/dist/esm/{style-formatter-57fc600a.js → style-formatter-f7951677.js} +1 -1
- package/dist/esm/{sub-state-notify-slimmer-1c4d1e78.js → sub-state-notify-slimmer-0a6c3cbb.js} +1 -1
- package/dist/esm/{sub-state-observer-slimmer-1e9af9ec.js → sub-state-observer-slimmer-53eec5fb.js} +1 -1
- package/dist/esm/vega-accordion.entry.js +5 -5
- package/dist/esm/vega-app-header-button.entry.js +5 -5
- package/dist/esm/vega-box.entry.js +6 -6
- package/dist/esm/vega-button-circle.entry.js +5 -5
- package/dist/esm/vega-button-group_2.entry.js +3 -3
- package/dist/esm/vega-button.entry.js +4 -4
- package/dist/esm/vega-calendar_3.entry.js +3 -3
- package/dist/esm/vega-card.entry.js +5 -5
- package/dist/esm/vega-carousel.entry.js +4 -4
- package/dist/esm/vega-checkbox_2.entry.js +3 -3
- package/dist/esm/vega-chip.entry.js +5 -5
- package/dist/esm/vega-code-block.entry.js +3 -3
- package/dist/esm/vega-color-picker.entry.js +3 -3
- package/dist/esm/vega-combo-box.entry.js +3 -3
- package/dist/esm/vega-date-picker_2.entry.js +9 -9
- package/dist/esm/vega-dialog_2.entry.js +5 -5
- package/dist/esm/vega-divider.entry.js +5 -5
- package/dist/esm/vega-dropdown_5.entry.js +7 -7
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-file-uploader.entry.js +3 -3
- package/dist/esm/vega-flag-icon.entry.js +5 -5
- package/dist/esm/vega-flex.entry.js +6 -6
- package/dist/esm/vega-font.entry.js +5 -5
- package/dist/esm/vega-form.entry.js +4 -4
- package/dist/esm/vega-grid.entry.js +5 -5
- package/dist/esm/vega-icon.entry.js +5 -5
- package/dist/esm/vega-image-uploader.entry.js +6 -6
- package/dist/esm/vega-input-credit-card.entry.js +21 -117
- package/dist/esm/vega-input-numeric.entry.js +4 -4
- package/dist/esm/vega-input-phone-number.entry.js +5 -5
- package/dist/esm/vega-input-range.entry.js +3 -3
- package/dist/esm/vega-input-select.entry.js +6 -6
- package/dist/esm/vega-input.entry.js +198 -6
- package/dist/esm/{vega-internal-event-id-f0ea2bab.js → vega-internal-event-id-4072659b.js} +1 -1
- package/dist/esm/vega-left-nav_5.entry.js +7 -7
- package/dist/esm/vega-loader-wrapper_2.entry.js +4 -4
- package/dist/esm/vega-pagination-page-selector-mobile.entry.js +1 -1
- package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +1 -1
- package/dist/esm/vega-pagination.entry.js +4 -4
- package/dist/esm/vega-popover_2.entry.js +5 -5
- package/dist/esm/vega-radio_2.entry.js +3 -3
- package/dist/esm/vega-rich-text-content.entry.js +6 -6
- package/dist/esm/vega-rich-text-editor_4.entry.js +10 -10
- package/dist/esm/vega-selection-chip_2.entry.js +7 -7
- package/dist/esm/vega-selection-tile_2.entry.js +4 -4
- package/dist/esm/vega-sidenav_3.entry.js +6 -6
- package/dist/esm/vega-signature-capture.entry.js +7 -7
- package/dist/esm/vega-stepper.entry.js +3 -3
- package/dist/esm/vega-table_8.entry.js +6 -6
- package/dist/esm/vega-textarea.entry.js +3 -3
- package/dist/esm/vega-time-picker_2.entry.js +7 -7
- package/dist/esm/vega-toggle-switch.entry.js +3 -3
- package/dist/esm/vega-tooltip_2.entry.js +5 -5
- package/dist/esm/vega.js +5 -5
- package/dist/types/components/vega-input/slimmers/controllers/vega-input-mask-config-controller.d.ts +7 -0
- package/dist/types/components/vega-input/types.d.ts +10 -1
- package/dist/types/components/vega-input-credit-card/vega-input-credit-card.d.ts +1 -13
- package/dist/types/components/vega-table/interface.d.ts +18 -11
- package/dist/types/components/vega-table/vega-table-head-cell/vega-table-head-cell.d.ts +1 -1
- package/dist/types/components/vega-table/vega-table.d.ts +1 -1
- package/dist/types/components.d.ts +4 -4
- package/dist/types/helpers/formatter/string-formatter/credit-card-blur-mask-strategy.d.ts +28 -0
- package/dist/types/helpers/formatter/string-formatter/credit-card-input-mask-strategy.d.ts +21 -0
- package/dist/types/helpers/formatter/string-formatter/credit-card-mask-strategy.abstract.d.ts +36 -0
- package/dist/types/helpers/formatter/string-formatter/string-format-strategy.abstract.d.ts +1 -1
- package/dist/types/helpers/formatter/string-formatter/string-mask-strategy.d.ts +9 -3
- package/dist/types/helpers/slimmers/string-input-formatter-slimmer.d.ts +4 -0
- package/dist/types/types/public-api.d.ts +1 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-f8e0e4f0.entry.js → p-080db42b.entry.js} +1 -1
- package/dist/vega/{p-6acf0a51.entry.js → p-083af15f.entry.js} +1 -1
- package/dist/vega/{p-75ff12da.entry.js → p-091ab617.entry.js} +1 -1
- package/dist/vega/{p-47e89c0e.entry.js → p-0b5330e1.entry.js} +1 -1
- package/dist/vega/{p-f4a7acff.entry.js → p-1a4f77de.entry.js} +1 -1
- package/dist/vega/{p-21a7530c.entry.js → p-1a6dacc7.entry.js} +1 -1
- package/dist/vega/{p-2ebef70f.entry.js → p-1db2ba98.entry.js} +1 -1
- package/dist/vega/{p-e277ea73.entry.js → p-1f9a735a.entry.js} +1 -1
- package/dist/vega/{p-44880bdf.entry.js → p-24042f0c.entry.js} +1 -1
- package/dist/vega/{p-0496f1cb.entry.js → p-27ec0c07.entry.js} +1 -1
- package/dist/vega/{p-27dca371.entry.js → p-317920e6.entry.js} +1 -1
- package/dist/vega/{p-a2ef3429.entry.js → p-376b3ec7.entry.js} +1 -1
- package/dist/vega/{p-dc16e6ba.entry.js → p-394594e9.entry.js} +1 -1
- package/dist/vega/{p-07927476.entry.js → p-39906ad2.entry.js} +1 -1
- package/dist/vega/{p-8fb5bcb0.entry.js → p-42ec43ef.entry.js} +1 -1
- package/dist/vega/{p-6e1b5949.js → p-43263510.js} +1 -1
- package/dist/vega/{p-29f4cbed.entry.js → p-435451be.entry.js} +1 -1
- package/dist/vega/{p-9481c073.entry.js → p-45eb1e01.entry.js} +1 -1
- package/dist/vega/p-472108bd.entry.js +1 -0
- package/dist/vega/{p-6131f229.entry.js → p-48ae6f02.entry.js} +1 -1
- package/dist/vega/{p-1c4d05de.entry.js → p-48b24fd3.entry.js} +1 -1
- package/dist/vega/{p-fb8c99c5.js → p-4a237308.js} +1 -1
- package/dist/vega/{p-5dec9bd9.entry.js → p-4ab67150.entry.js} +1 -1
- package/dist/vega/{p-d82ceacf.entry.js → p-4c4ac1a5.entry.js} +1 -1
- package/dist/vega/p-4fb159d5.js +1 -0
- package/dist/vega/p-5bd3487e.js +1 -0
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-39049341.entry.js → p-5fe47fe8.entry.js} +1 -1
- package/dist/vega/{p-d5ab867e.entry.js → p-61ea2d75.entry.js} +1 -1
- package/dist/vega/{p-e32efc2e.entry.js → p-63adca7b.entry.js} +1 -1
- package/dist/vega/{p-7c0004dc.entry.js → p-699032fc.entry.js} +1 -1
- package/dist/vega/{p-0b77c6c9.entry.js → p-710da484.entry.js} +1 -1
- package/dist/vega/{p-007bf7df.js → p-71c65f7e.js} +1 -1
- package/dist/vega/{p-a92a8172.entry.js → p-81279fea.entry.js} +1 -1
- package/dist/vega/{p-ecd032fc.js → p-8782abeb.js} +1 -1
- package/dist/vega/p-88e08a33.js +1 -0
- package/dist/vega/{p-4f5eb8d5.js → p-8c4f893b.js} +1 -1
- package/dist/vega/{p-2873b600.entry.js → p-8f8de5ab.entry.js} +1 -1
- package/dist/vega/p-92355996.entry.js +1 -0
- package/dist/vega/{p-ce14af16.js → p-9a956a00.js} +1 -1
- package/dist/vega/{p-fcb04960.js → p-9afdcf65.js} +1 -1
- package/dist/vega/p-9b08ed46.entry.js +1 -0
- package/dist/vega/{p-0604563a.entry.js → p-9ca7467d.entry.js} +1 -1
- package/dist/vega/{p-b44ebc84.entry.js → p-9ce0bd82.entry.js} +1 -1
- package/dist/vega/{p-f8f8e7d2.entry.js → p-a04491cc.entry.js} +1 -1
- package/dist/vega/{p-99c4559e.entry.js → p-a1056063.entry.js} +1 -1
- package/dist/vega/{p-b449fe9a.entry.js → p-a4a0fcfd.entry.js} +1 -1
- package/dist/vega/{p-f79c82c7.entry.js → p-a7042a5a.entry.js} +1 -1
- package/dist/vega/p-acf7667e.entry.js +1 -0
- package/dist/vega/{p-8ba8a7cc.entry.js → p-b21b128c.entry.js} +1 -1
- package/dist/vega/{p-766ed063.entry.js → p-b75a8edb.entry.js} +1 -1
- package/dist/vega/{p-1e3f4007.entry.js → p-c21295cf.entry.js} +1 -1
- package/dist/vega/{p-5130bb06.entry.js → p-c69a6547.entry.js} +1 -1
- package/dist/vega/{p-79c2282c.entry.js → p-c9740710.entry.js} +1 -1
- package/dist/vega/{p-f4546425.entry.js → p-ce5a3589.entry.js} +1 -1
- package/dist/vega/{p-cd3d468c.js → p-d1355307.js} +1 -1
- package/dist/vega/{p-8246f8ae.js → p-d7e0c57a.js} +1 -1
- package/dist/vega/p-e1ed78db.js +1 -0
- package/dist/vega/{p-34643550.entry.js → p-ef84dc90.entry.js} +1 -1
- package/dist/vega/{p-2458ad97.js → p-f229d6d1.js} +1 -1
- package/dist/vega/{p-fd2f699b.js → p-f25570f5.js} +1 -1
- package/dist/vega/{p-888dc143.entry.js → p-f27fcc7c.entry.js} +1 -1
- package/dist/vega/{p-e28fcf04.entry.js → p-f3ab00ad.entry.js} +1 -1
- package/dist/vega/{p-f3f7d059.entry.js → p-f543e911.entry.js} +1 -1
- package/dist/vega/{p-65d8c2bc.js → p-f5ac60f5.js} +1 -1
- package/dist/vega/{p-bdaf1143.entry.js → p-f7b5833d.entry.js} +1 -1
- package/dist/vega/p-fc02a67a.js +1 -0
- package/dist/vega/{p-a33c6652.entry.js → p-fcb5b40f.entry.js} +1 -1
- package/dist/vega/{p-aed3320d.js → p-fda6f8bc.js} +1 -1
- package/dist/vega/{p-e5196440.entry.js → p-fe1512f9.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-3a7e897b.entry.js +0 -1
- package/dist/vega/p-51297b96.js +0 -1
- package/dist/vega/p-51a4dc20.entry.js +0 -1
- package/dist/vega/p-53e9595f.js +0 -1
- package/dist/vega/p-6ec338b0.entry.js +0 -1
- package/dist/vega/p-76818196.entry.js +0 -1
- package/dist/vega/p-79a0a06c.js +0 -1
- package/dist/vega/p-b8d7d4a9.js +0 -1
|
@@ -22,7 +22,6 @@ import { VegaInternalIconManager } from '../../helpers/icon/internal-icon-manage
|
|
|
22
22
|
import { FeatureFlag } from '../../helpers/feature-control/feature-flag-controller';
|
|
23
23
|
import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
|
|
24
24
|
import { VegaInputCreditCardRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-input-credit-card/runtime-metrics-payload-definition';
|
|
25
|
-
import { VegaInternalPasteEvent } from '../../helpers/event-manager/event-id/vega-internal-event-id';
|
|
26
25
|
/**
|
|
27
26
|
* @vegaVersion 1.26.0
|
|
28
27
|
*/
|
|
@@ -51,17 +50,6 @@ export class VegaInputCreditCard {
|
|
|
51
50
|
this.focusEventEmitter = createEventEmitSlimmer(VegaInputCreditCard, VegaFocus);
|
|
52
51
|
this.inputCreditCardEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaFocus, VegaBlur], () => this.host, true);
|
|
53
52
|
this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputCreditCardRuntimeMetricsPayloadDefinition);
|
|
54
|
-
this.maskConfig = {
|
|
55
|
-
type: 'custom',
|
|
56
|
-
options: {
|
|
57
|
-
mask: '',
|
|
58
|
-
slot: '9',
|
|
59
|
-
accept: /[\d\s]/,
|
|
60
|
-
insertMode: false,
|
|
61
|
-
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
62
|
-
},
|
|
63
|
-
trigger: 'blur',
|
|
64
|
-
};
|
|
65
53
|
/**
|
|
66
54
|
* Specifies whether a card number must be entered for
|
|
67
55
|
* this component to pass form validation.
|
|
@@ -149,7 +137,7 @@ export class VegaInputCreditCard {
|
|
|
149
137
|
this.renderInputContainer = () => {
|
|
150
138
|
var _a;
|
|
151
139
|
const iconName = ((_a = this.getCreditCardType(this.value)) === null || _a === void 0 ? void 0 : _a.iconName) || 'regular-credit-card';
|
|
152
|
-
return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(
|
|
140
|
+
return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (ref) => {
|
|
153
141
|
this.inputRef = ref;
|
|
154
142
|
DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (input) => {
|
|
155
143
|
this.handleVegaChange(input);
|
|
@@ -160,10 +148,6 @@ export class VegaInputCreditCard {
|
|
|
160
148
|
DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaFocus, () => {
|
|
161
149
|
this.handleVegaFocus();
|
|
162
150
|
});
|
|
163
|
-
DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaInternalPasteEvent, (event) => {
|
|
164
|
-
const pastedValue = event.clipboardData.getData('text');
|
|
165
|
-
this.inputRef.maskConfig = this.getMaskConfig(pastedValue); // The mask should be updated before the value changed.
|
|
166
|
-
});
|
|
167
151
|
} }));
|
|
168
152
|
};
|
|
169
153
|
this.handleVegaChange = (e) => {
|
|
@@ -207,41 +191,18 @@ export class VegaInputCreditCard {
|
|
|
207
191
|
getCreditCardType(value) {
|
|
208
192
|
return CARDS_INFO.filter((card) => card.pattern.test(value))[0];
|
|
209
193
|
}
|
|
210
|
-
getMaskConfig(
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
/**
|
|
223
|
-
* The below method is e2e-test covered in
|
|
224
|
-
* @see{module:vega-input-credit-card-dynamic-mask-e2e}
|
|
225
|
-
*/
|
|
226
|
-
/* istanbul ignore next */
|
|
227
|
-
/** Transform the input card number with dynamic card number mask, for example: '4111 2222 3333 44' will be transformed to 'XXXX XXXX XXXX 99' */
|
|
228
|
-
generateDynamicMask() {
|
|
229
|
-
const cardNumberSplit = this.value.trim().split(' ');
|
|
230
|
-
const cardNumberMask = this.maskCardNumber(cardNumberSplit).join(' ');
|
|
231
|
-
return cardNumberMask;
|
|
232
|
-
}
|
|
233
|
-
/**
|
|
234
|
-
* The below method is e2e-test covered in
|
|
235
|
-
* @see{module:vega-input-credit-card-dynamic-mask-e2e}
|
|
236
|
-
*/
|
|
237
|
-
/* istanbul ignore next */
|
|
238
|
-
maskCardNumber(cardNumberSplit) {
|
|
239
|
-
// Map through the array and replace each character with 'X' or '9' depending on the index
|
|
240
|
-
return cardNumberSplit.map((element, index) => {
|
|
241
|
-
// Replace each character in the string with 'X' except the last element, which uses '9'
|
|
242
|
-
const replacementChar = index === cardNumberSplit.length - 1 ? '9' : 'X';
|
|
243
|
-
return replacementChar.repeat(element.length);
|
|
244
|
-
});
|
|
194
|
+
getMaskConfig() {
|
|
195
|
+
return [
|
|
196
|
+
{
|
|
197
|
+
type: 'credit-card',
|
|
198
|
+
trigger: 'input',
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
type: 'credit-card',
|
|
202
|
+
trigger: 'blur',
|
|
203
|
+
hideCardNumberOnBlur: this.hideCardNumberOnBlur,
|
|
204
|
+
},
|
|
205
|
+
];
|
|
245
206
|
}
|
|
246
207
|
static get is() { return "vega-input-credit-card"; }
|
|
247
208
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,7 +6,7 @@ export const CARDS_INFO = [
|
|
|
6
6
|
iconName: 'visa',
|
|
7
7
|
pattern: VisaRegex,
|
|
8
8
|
maskConfig: {
|
|
9
|
-
type: '
|
|
9
|
+
type: 'credit-card',
|
|
10
10
|
options: {
|
|
11
11
|
mask: '9999 9999 9999 9999 999',
|
|
12
12
|
slot: '9',
|
|
@@ -20,7 +20,7 @@ export const CARDS_INFO = [
|
|
|
20
20
|
iconName: 'mastercard',
|
|
21
21
|
pattern: MasterCardRegex,
|
|
22
22
|
maskConfig: {
|
|
23
|
-
type: '
|
|
23
|
+
type: 'credit-card',
|
|
24
24
|
options: {
|
|
25
25
|
mask: '9999 9999 9999 9999',
|
|
26
26
|
slot: '9',
|
|
@@ -34,7 +34,7 @@ export const CARDS_INFO = [
|
|
|
34
34
|
iconName: 'amex',
|
|
35
35
|
pattern: AmexRegex,
|
|
36
36
|
maskConfig: {
|
|
37
|
-
type: '
|
|
37
|
+
type: 'credit-card',
|
|
38
38
|
options: {
|
|
39
39
|
mask: '9999 999999 99999',
|
|
40
40
|
slot: '9',
|
|
@@ -48,7 +48,7 @@ export const CARDS_INFO = [
|
|
|
48
48
|
iconName: 'discover',
|
|
49
49
|
pattern: DiscoverRegex,
|
|
50
50
|
maskConfig: {
|
|
51
|
-
type: '
|
|
51
|
+
type: 'credit-card',
|
|
52
52
|
options: {
|
|
53
53
|
mask: '9999 9999 9999 9999',
|
|
54
54
|
slot: '9',
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { FeatureFlag } from '../../feature-control/feature-flag-controller';
|
|
2
|
+
import { CreditCardMaskStrategy } from './credit-card-mask-strategy.abstract';
|
|
3
|
+
/**
|
|
4
|
+
* A class for formatting string with the given mask format
|
|
5
|
+
*
|
|
6
|
+
* @augments StringFormatStrategy
|
|
7
|
+
*/
|
|
8
|
+
export class CreditCardBlurMaskStrategy extends CreditCardMaskStrategy {
|
|
9
|
+
/**
|
|
10
|
+
* It creates a new instance of the Mask class.
|
|
11
|
+
*
|
|
12
|
+
* @param {boolean} hideCardNumberOnBlur - boolean
|
|
13
|
+
*/
|
|
14
|
+
constructor(hideCardNumberOnBlur) {
|
|
15
|
+
super({
|
|
16
|
+
mask: '',
|
|
17
|
+
slot: '9',
|
|
18
|
+
accept: /[\d\s]/,
|
|
19
|
+
insertMode: false,
|
|
20
|
+
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
21
|
+
});
|
|
22
|
+
this.hideCardNumberOnBlur = hideCardNumberOnBlur;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @inheritDoc
|
|
26
|
+
*/
|
|
27
|
+
getCreditCardMaskConfig(value) {
|
|
28
|
+
let maskConfig;
|
|
29
|
+
const creditCardType = this.getCreditCardType(value);
|
|
30
|
+
if (creditCardType) {
|
|
31
|
+
if (this.hideCardNumberOnBlur && value.trim().includes(' ')) {
|
|
32
|
+
maskConfig = this.generateDynamicMask(value);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return maskConfig;
|
|
36
|
+
}
|
|
37
|
+
/*
|
|
38
|
+
* The below method is e2e-test covered in
|
|
39
|
+
*
|
|
40
|
+
* @see{module:vega-input-credit-card-dynamic-mask-e2e}
|
|
41
|
+
*/
|
|
42
|
+
/* istanbul ignore next */
|
|
43
|
+
/**
|
|
44
|
+
* Transform the input card number with dynamic card number mask, for example: '4111 2222 3333 44' will be transformed to 'XXXX XXXX XXXX 99'
|
|
45
|
+
*
|
|
46
|
+
* @param {string} value - card number string
|
|
47
|
+
* @returns {MaskConfigType} - mask config type
|
|
48
|
+
*/
|
|
49
|
+
generateDynamicMask(value) {
|
|
50
|
+
const maskConfig = {
|
|
51
|
+
type: 'credit-card',
|
|
52
|
+
options: {
|
|
53
|
+
mask: '',
|
|
54
|
+
slot: '9',
|
|
55
|
+
accept: /[\d\s]/,
|
|
56
|
+
insertMode: false,
|
|
57
|
+
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
58
|
+
},
|
|
59
|
+
trigger: 'blur',
|
|
60
|
+
};
|
|
61
|
+
const cardNumberSplit = value.trim().split(' ');
|
|
62
|
+
const cardNumberMask =
|
|
63
|
+
// Map through the array and replace each character with 'X' or '9' depending on the index
|
|
64
|
+
cardNumberSplit
|
|
65
|
+
.map((element, index) => {
|
|
66
|
+
// Replace each character in the string with 'X' except the last element, which uses '9'
|
|
67
|
+
const replacementChar = index === cardNumberSplit.length - 1 ? '9' : 'X';
|
|
68
|
+
return replacementChar.repeat(element.length);
|
|
69
|
+
})
|
|
70
|
+
.join(' ');
|
|
71
|
+
maskConfig.options.mask = cardNumberMask;
|
|
72
|
+
return maskConfig;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { FeatureFlag } from '../../feature-control/feature-flag-controller';
|
|
2
|
+
import { CreditCardMaskStrategy } from './credit-card-mask-strategy.abstract';
|
|
3
|
+
/**
|
|
4
|
+
* A class for formatting string with the given mask format
|
|
5
|
+
*
|
|
6
|
+
* @augments StringFormatStrategy
|
|
7
|
+
*/
|
|
8
|
+
export class CreditCardInputMaskStrategy extends CreditCardMaskStrategy {
|
|
9
|
+
/**
|
|
10
|
+
* It creates a new instance of the Mask class.
|
|
11
|
+
*/
|
|
12
|
+
constructor() {
|
|
13
|
+
super({
|
|
14
|
+
mask: '',
|
|
15
|
+
slot: '9',
|
|
16
|
+
accept: /\d/,
|
|
17
|
+
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* get credit card mask config
|
|
22
|
+
*
|
|
23
|
+
* @param {string} value - card number string
|
|
24
|
+
* @returns {Nullable<MaskConfigType>} - mask config type
|
|
25
|
+
*/
|
|
26
|
+
getCreditCardMaskConfig(value) {
|
|
27
|
+
let maskConfig;
|
|
28
|
+
const creditCardType = this.getCreditCardType(value);
|
|
29
|
+
if (creditCardType) {
|
|
30
|
+
maskConfig = creditCardType.maskConfig;
|
|
31
|
+
}
|
|
32
|
+
return maskConfig;
|
|
33
|
+
}
|
|
34
|
+
}
|
package/dist/collection/helpers/formatter/string-formatter/credit-card-mask-strategy.abstract.js
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { CARDS_INFO } from '../../../constants/card-config';
|
|
2
|
+
import { isNonNullable } from '../../../types/type-guard';
|
|
3
|
+
import { StringMaskStrategy } from './string-mask-strategy';
|
|
4
|
+
/**
|
|
5
|
+
* Credit card mask strategy abstract class
|
|
6
|
+
*/
|
|
7
|
+
export class CreditCardMaskStrategy extends StringMaskStrategy {
|
|
8
|
+
/* istanbul ignore next */
|
|
9
|
+
/**
|
|
10
|
+
* Get the position of caret
|
|
11
|
+
*
|
|
12
|
+
* @param {string} input - The input string
|
|
13
|
+
* @param {number} caretPosition - The current position of caret
|
|
14
|
+
* @returns {Nullable<number>} The new position of caret
|
|
15
|
+
*/
|
|
16
|
+
calculateCaretPosition(input, caretPosition) {
|
|
17
|
+
if (!isNonNullable(caretPosition))
|
|
18
|
+
return null;
|
|
19
|
+
const maskConfigType = this.getCreditCardMaskConfig(input);
|
|
20
|
+
if (maskConfigType) {
|
|
21
|
+
if (input.length > this.getLengthLimit()) {
|
|
22
|
+
const exceededLength = input.length - this.getLengthLimit();
|
|
23
|
+
return caretPosition - exceededLength;
|
|
24
|
+
}
|
|
25
|
+
const startValue = input.substring(0, caretPosition);
|
|
26
|
+
const maskedStartValue = this.format(startValue);
|
|
27
|
+
return caretPosition + (maskedStartValue.length - startValue.length);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
return caretPosition;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
/* istanbul ignore next */
|
|
34
|
+
/**
|
|
35
|
+
* @inheritDoc
|
|
36
|
+
*/
|
|
37
|
+
format(input, inputStatus) {
|
|
38
|
+
const maskConfigType = this.getCreditCardMaskConfig(input);
|
|
39
|
+
if (maskConfigType) {
|
|
40
|
+
this.setMaskConfig(maskConfigType.options);
|
|
41
|
+
const caretPosition = inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.caretPosition;
|
|
42
|
+
if (input.length > this.getLengthLimit() && isNonNullable(caretPosition)) {
|
|
43
|
+
const rawValueArr = [...input];
|
|
44
|
+
const exceededLength = input.length - this.getLengthLimit();
|
|
45
|
+
rawValueArr.splice(caretPosition - exceededLength, exceededLength);
|
|
46
|
+
return rawValueArr.join('');
|
|
47
|
+
}
|
|
48
|
+
return this.replaceMaskWithMatchedInputSlots(input, this.getMatchedInputSlotValue(input));
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
return input;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* get credit card type
|
|
56
|
+
*
|
|
57
|
+
* @param {string} value - card number string
|
|
58
|
+
* @returns {CardConfigType} - card type config
|
|
59
|
+
*/
|
|
60
|
+
getCreditCardType(value) {
|
|
61
|
+
return CARDS_INFO.filter((card) => card.pattern.test(value))[0];
|
|
62
|
+
}
|
|
63
|
+
}
|
package/dist/collection/helpers/formatter/string-formatter/string-format-strategy.abstract.js
CHANGED
|
@@ -12,7 +12,7 @@ export class StringFormatStrategy {
|
|
|
12
12
|
* @returns {boolean} - Whether the format should be applied
|
|
13
13
|
*/
|
|
14
14
|
canFormat(triggeredBy, target, inputStatus) {
|
|
15
|
-
if (triggeredBy === 'init') {
|
|
15
|
+
if (triggeredBy === 'init' || triggeredBy === 'change') {
|
|
16
16
|
if (target === 'component' && isNonNullable(inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.isBlurred)) {
|
|
17
17
|
return false;
|
|
18
18
|
}
|
|
@@ -23,6 +23,9 @@ export class StringFormatStrategy {
|
|
|
23
23
|
if (triggeredBy === 'input' && target === 'native-input') {
|
|
24
24
|
return true;
|
|
25
25
|
}
|
|
26
|
+
if (triggeredBy === 'change' && (target === 'component' || target === 'native-input')) {
|
|
27
|
+
return true;
|
|
28
|
+
}
|
|
26
29
|
if (triggeredBy === 'blur' && (inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.isBlurred)) {
|
|
27
30
|
if (target === 'component' && this.shouldOverrideComponentValueAfterBlur()) {
|
|
28
31
|
return true;
|
|
@@ -30,6 +30,14 @@ export class StringMaskStrategy extends StringFormatStrategy {
|
|
|
30
30
|
this.acceptRegex = new RegExp(maskConfig.accept, 'g');
|
|
31
31
|
this.insertMode = maskConfig.insertMode === false ? false : true;
|
|
32
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* Set the mask config
|
|
35
|
+
*
|
|
36
|
+
* @param {MaskConfig} maskConfig - MaskConfig
|
|
37
|
+
*/
|
|
38
|
+
setMaskConfig(maskConfig) {
|
|
39
|
+
this.maskConfig = maskConfig;
|
|
40
|
+
}
|
|
33
41
|
/**
|
|
34
42
|
* @inheritDoc
|
|
35
43
|
*/
|
|
@@ -113,6 +113,14 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
|
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
+
/**
|
|
117
|
+
* Format string and update input field
|
|
118
|
+
*/
|
|
119
|
+
formatValueAfterValueChange() {
|
|
120
|
+
void waitForComponentDidRender(this.host).then(() => {
|
|
121
|
+
this.formatValue(this.inputElement.value, 'change');
|
|
122
|
+
});
|
|
123
|
+
}
|
|
116
124
|
/**
|
|
117
125
|
* Format the value by input strategy and blur strategy when formatter config change.
|
|
118
126
|
*/
|
|
@@ -6,10 +6,10 @@ import { V as VegaIconManager } from './icon-manager-2ee1c619.js';
|
|
|
6
6
|
import './wait-for-vega-handler-c2c07ac3.js';
|
|
7
7
|
import './ui-7d177fb0.js';
|
|
8
8
|
import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-a6eacb5f.js';
|
|
9
|
-
import { V as VegaRTEContent } from './content-state-
|
|
9
|
+
import { V as VegaRTEContent } from './content-state-a43e703e.js';
|
|
10
10
|
import { T as TypographyUrls } from './typography-396de03f.js';
|
|
11
11
|
import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
|
|
12
|
-
import { w as waitForVega } from './index-
|
|
12
|
+
import { w as waitForVega } from './index-fb3b74bd.js';
|
|
13
13
|
import { U as UPDATE_TRANSLATION } from './static-subject-title-ca83d6b6.js';
|
|
14
14
|
import { C as ChangeManager } from './change-manager-6a7eb88c.js';
|
|
15
15
|
import { O as Observer } from './observer-3959f9dd.js';
|
|
@@ -315,7 +315,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
|
|
|
315
315
|
* Inject VegaPublicValidationRules to global as a public api
|
|
316
316
|
*/
|
|
317
317
|
function injectVegaPublicValidationRules() {
|
|
318
|
-
void import('./public-rules-
|
|
318
|
+
void import('./public-rules-287d4d77.js').then((module) => {
|
|
319
319
|
Object.entries(module).forEach(([name, value]) => {
|
|
320
320
|
globalThis[name] = value;
|
|
321
321
|
});
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
|
|
2
|
+
import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './regex-dfe11abf.js';
|
|
3
|
+
|
|
4
|
+
const CARDS_INFO = [
|
|
5
|
+
{
|
|
6
|
+
type: 'visa',
|
|
7
|
+
iconName: 'visa',
|
|
8
|
+
pattern: VisaRegex,
|
|
9
|
+
maskConfig: {
|
|
10
|
+
type: 'credit-card',
|
|
11
|
+
options: {
|
|
12
|
+
mask: '9999 9999 9999 9999 999',
|
|
13
|
+
slot: '9',
|
|
14
|
+
accept: /\d/,
|
|
15
|
+
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
type: 'mastercard',
|
|
21
|
+
iconName: 'mastercard',
|
|
22
|
+
pattern: MasterCardRegex,
|
|
23
|
+
maskConfig: {
|
|
24
|
+
type: 'credit-card',
|
|
25
|
+
options: {
|
|
26
|
+
mask: '9999 9999 9999 9999',
|
|
27
|
+
slot: '9',
|
|
28
|
+
accept: /\d/,
|
|
29
|
+
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
type: 'amex',
|
|
35
|
+
iconName: 'amex',
|
|
36
|
+
pattern: AmexRegex,
|
|
37
|
+
maskConfig: {
|
|
38
|
+
type: 'credit-card',
|
|
39
|
+
options: {
|
|
40
|
+
mask: '9999 999999 99999',
|
|
41
|
+
slot: '9',
|
|
42
|
+
accept: /\d/,
|
|
43
|
+
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
type: 'discover',
|
|
49
|
+
iconName: 'discover',
|
|
50
|
+
pattern: DiscoverRegex,
|
|
51
|
+
maskConfig: {
|
|
52
|
+
type: 'credit-card',
|
|
53
|
+
options: {
|
|
54
|
+
mask: '9999 9999 9999 9999',
|
|
55
|
+
slot: '9',
|
|
56
|
+
accept: /\d/,
|
|
57
|
+
triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
];
|
|
62
|
+
|
|
63
|
+
export { CARDS_INFO as C };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { i as isNonNullable } from './type-guard-84b1f192.js';
|
|
2
2
|
import { C as ChangeManager } from './change-manager-6a7eb88c.js';
|
|
3
3
|
import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
|
|
4
|
-
import { a as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-
|
|
4
|
+
import { a as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-4072659b.js';
|
|
5
5
|
import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
|
|
6
6
|
import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
|
|
7
7
|
import { V as VegaInternalThemeManager } from './dark-mode-style-controller-ea798fc8.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility, c as MapToComponentField } from './global-slimmer-registry-17c4efd4.js';
|
|
2
2
|
import { d as debounce } from './timer-9321173b.js';
|
|
3
|
-
import { v as RTENode, w as stateEntityRenderingRegistry, a as RTEImageNode, G as RTECodeBlockNode, g as RTETextNode, Z as ZERO_WIDTH_SPACE, D as SelectionChangeAction, z as InternalAnnotationTypeEnum, u as RTECodeBlock } from './code-block-
|
|
3
|
+
import { v as RTENode, w as stateEntityRenderingRegistry, a as RTEImageNode, G as RTECodeBlockNode, g as RTETextNode, Z as ZERO_WIDTH_SPACE, D as SelectionChangeAction, z as InternalAnnotationTypeEnum, u as RTECodeBlock } from './code-block-7bd4cb87.js';
|
|
4
4
|
import { g as getActiveElement } from './component-7d906393.js';
|
|
5
5
|
import { C as ChangeManager } from './change-manager-6a7eb88c.js';
|
|
6
6
|
import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
|
|
7
|
-
import { b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-
|
|
7
|
+
import { b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-4072659b.js';
|
|
8
8
|
import { O as Observer } from './observer-3959f9dd.js';
|
|
9
9
|
import { f as findParent } from './ui-7d177fb0.js';
|
|
10
10
|
import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as BlockDeleteNodeContentStrategy, R as RemoveChildAction, a as RTEImageNode, A as ActionHandleStrategy, b as ReplaceChildNodesAction, I as InsertBlocksAfterAction, c as AppendChildNodesAction, d as RTETextBlock, e as InsertBlocksBeforeAction, S as SplitBlockWithNodeAction, M as ModifyContentAction, f as ModifyContentActionType, g as RTETextNode, h as BlockReplaceNodeWithNodesStrategy, i as RTEBlock, j as ActionHandleStrategyRegistry, k as BlockMergeNodesStrategy, l as BlockRemoveNodeStrategy, m as BlockAppendNodesStrategy, n as BlockReplaceNodesStrategy, o as BlockInsertNodesBeforeNodeStrategy, p as BlockDeleteTextContentStrategy, N as NodeAnnotationTypeEnum, q as BlockInsertLineBreakStrategy, r as BlockInsertLineBreakWithBlocksStrategy, s as BlockSplitWithTextNodeStrategy, t as SyncUpSelectionAction, u as RTECodeBlock } from './code-block-
|
|
1
|
+
import { B as BlockDeleteNodeContentStrategy, R as RemoveChildAction, a as RTEImageNode, A as ActionHandleStrategy, b as ReplaceChildNodesAction, I as InsertBlocksAfterAction, c as AppendChildNodesAction, d as RTETextBlock, e as InsertBlocksBeforeAction, S as SplitBlockWithNodeAction, M as ModifyContentAction, f as ModifyContentActionType, g as RTETextNode, h as BlockReplaceNodeWithNodesStrategy, i as RTEBlock, j as ActionHandleStrategyRegistry, k as BlockMergeNodesStrategy, l as BlockRemoveNodeStrategy, m as BlockAppendNodesStrategy, n as BlockReplaceNodesStrategy, o as BlockInsertNodesBeforeNodeStrategy, p as BlockDeleteTextContentStrategy, N as NodeAnnotationTypeEnum, q as BlockInsertLineBreakStrategy, r as BlockInsertLineBreakWithBlocksStrategy, s as BlockSplitWithTextNodeStrategy, t as SyncUpSelectionAction, u as RTECodeBlock } from './code-block-7bd4cb87.js';
|
|
2
2
|
import { i as isNonNullable } from './type-guard-84b1f192.js';
|
|
3
3
|
import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
|
|
4
4
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-84b1f192.js';
|
|
2
2
|
import { B as Breakpoints } from './breakpoints-d9faf11c.js';
|
|
3
3
|
import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
|
|
4
|
-
import { R as ResponsiveFormatFacade } from './responsive-format-facade-
|
|
4
|
+
import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
|
|
5
5
|
import { a as TypographyKeys } from './typography-396de03f.js';
|
|
6
6
|
import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-da5e76e8.js';
|
|
7
7
|
import { a as BorderStyle } from './ui-8424715a.js';
|
package/dist/esm/{element-appender-slimmer-7b9f4a8e.js → element-appender-slimmer-042df95a.js}
RENAMED
|
@@ -5,12 +5,12 @@ import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
|
|
|
5
5
|
import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
|
|
6
6
|
import { P as Placements, A as Alignments } from './ui-8424715a.js';
|
|
7
7
|
import { A as isTranslocationType } from './type-guard-84b1f192.js';
|
|
8
|
-
import { R as ResponsiveFormatFacade } from './responsive-format-facade-
|
|
8
|
+
import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
|
|
9
9
|
import { C as ChangeManager } from './change-manager-6a7eb88c.js';
|
|
10
10
|
import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-ca83d6b6.js';
|
|
11
11
|
import { O as Observer } from './observer-3959f9dd.js';
|
|
12
12
|
import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
|
|
13
|
-
import { q as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-
|
|
13
|
+
import { q as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-4072659b.js';
|
|
14
14
|
import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
|
|
15
15
|
|
|
16
16
|
var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -7,7 +7,7 @@ import { f as findParent, c as isElementVisible } from './ui-7d177fb0.js';
|
|
|
7
7
|
import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
|
|
8
8
|
import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
|
|
9
9
|
import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
|
|
10
|
-
import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-
|
|
10
|
+
import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-4072659b.js';
|
|
11
11
|
import { V as VegaInternalTranslation } from './translation-a6eacb5f.js';
|
|
12
12
|
import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
|
|
13
13
|
import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
|
|
@@ -15,7 +15,7 @@ import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-
|
|
|
15
15
|
import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
|
|
16
16
|
import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1a054fb0.js';
|
|
17
17
|
import { i as isArrayEqual } from './array-7888f339.js';
|
|
18
|
-
import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-
|
|
18
|
+
import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-53eec5fb.js';
|
|
19
19
|
|
|
20
20
|
/** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
|
|
21
21
|
class FormFieldValidationRuleHandler {
|
package/dist/esm/{image-annotation-action-5bfda07c.js → image-annotation-action-1e88f5a0.js}
RENAMED
|
@@ -3,7 +3,7 @@ import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-reg
|
|
|
3
3
|
import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
|
|
4
4
|
import { a as VegaClick, M as VegaPopoverShow, N as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-6374611f.js';
|
|
5
5
|
import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
|
|
6
|
-
import { T as TextSplittableAction, E as TextColorAnnotation, F as RTE_TEXT_COLORS, g as RTETextNode, G as RTECodeBlockNode, N as NodeAnnotationTypeEnum, H as AnnotationAction, C as ImageAnnotation } from './code-block-
|
|
6
|
+
import { T as TextSplittableAction, E as TextColorAnnotation, F as RTE_TEXT_COLORS, g as RTETextNode, G as RTECodeBlockNode, N as NodeAnnotationTypeEnum, H as AnnotationAction, C as ImageAnnotation } from './code-block-7bd4cb87.js';
|
|
7
7
|
import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-ea798fc8.js';
|
|
8
8
|
|
|
9
9
|
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -2,7 +2,7 @@ import { W as WaitForVega } from './wait-for-vega-handler-c2c07ac3.js';
|
|
|
2
2
|
import { O as Observer } from './observer-3959f9dd.js';
|
|
3
3
|
import { C as ChangeManager } from './change-manager-6a7eb88c.js';
|
|
4
4
|
import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
|
|
5
|
-
import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-
|
|
5
|
+
import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-4072659b.js';
|
|
6
6
|
|
|
7
7
|
/* istanbul ignore next */
|
|
8
8
|
/**
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
|
|
2
2
|
export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.js';
|
|
3
|
-
export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-
|
|
3
|
+
export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-23522f5c.js';
|
|
4
4
|
export { c as camelToDashCase } from './string-be824360.js';
|
|
5
5
|
export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-84b1f192.js';
|
|
6
6
|
export { B as Breakpoints } from './breakpoints-d9faf11c.js';
|
|
@@ -13,18 +13,18 @@ export { F as FeatureFlag } from './feature-flag-controller-51659753.js';
|
|
|
13
13
|
export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-d80c53c5.js';
|
|
14
14
|
export { V as VegaIconManager } from './icon-manager-2ee1c619.js';
|
|
15
15
|
export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
|
|
16
|
-
export { w as waitForVega } from './index-
|
|
16
|
+
export { w as waitForVega } from './index-fb3b74bd.js';
|
|
17
17
|
export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-a6eacb5f.js';
|
|
18
|
-
export { R as RTEImageBlock, b as RTEListBlock, a as RTEListItemBlock, V as VegaRTEContent } from './content-state-
|
|
19
|
-
export { M as ModifyContentAction, i as RTEBlock, a as RTEImageNode, v as RTENode, d as RTETextBlock, g as RTETextNode } from './code-block-
|
|
20
|
-
export { G as GridColumns, a as GridRows } from './responsive-format-facade-
|
|
18
|
+
export { R as RTEImageBlock, b as RTEListBlock, a as RTEListItemBlock, V as VegaRTEContent } from './content-state-a43e703e.js';
|
|
19
|
+
export { M as ModifyContentAction, i as RTEBlock, a as RTEImageNode, v as RTENode, d as RTETextBlock, g as RTETextNode } from './code-block-7bd4cb87.js';
|
|
20
|
+
export { G as GridColumns, a as GridRows } from './responsive-format-facade-d2632288.js';
|
|
21
21
|
export { C as CodeLanguage } from './types-0cadfd73.js';
|
|
22
22
|
export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
|
|
23
23
|
export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
|
|
24
24
|
export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
|
|
25
25
|
export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
|
|
26
26
|
export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
|
|
27
|
-
export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-
|
|
27
|
+
export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-69d5f035.js';
|
|
28
28
|
export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
|
|
29
29
|
export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
|
|
30
30
|
export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
|
|
@@ -44,7 +44,7 @@ import './index-e9da316f.js';
|
|
|
44
44
|
import './dom-node-subject-factory-6374611f.js';
|
|
45
45
|
import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
|
|
46
46
|
import './wait-for-vega-handler-c2c07ac3.js';
|
|
47
|
-
import './vega-internal-event-id-
|
|
47
|
+
import './vega-internal-event-id-4072659b.js';
|
|
48
48
|
import './pixel-f32c07ce.js';
|
|
49
49
|
import './array-7888f339.js';
|
|
50
50
|
import './date-c55b97f0.js';
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-d0a47531.js';
|
|
2
|
-
import { g as globalScripts } from './app-globals-
|
|
2
|
+
import { g as globalScripts } from './app-globals-ee6a1250.js';
|
|
3
3
|
import './feature-flag-controller-51659753.js';
|
|
4
4
|
import './global-slimmer-registry-17c4efd4.js';
|
|
5
5
|
import './index-e9da316f.js';
|
|
@@ -23,15 +23,15 @@ import './vega-env-manager-8f8dc473.js';
|
|
|
23
23
|
import './icon-manager-2ee1c619.js';
|
|
24
24
|
import './wait-for-vega-handler-c2c07ac3.js';
|
|
25
25
|
import './translation-a6eacb5f.js';
|
|
26
|
-
import './content-state-
|
|
27
|
-
import './code-block-
|
|
26
|
+
import './content-state-a43e703e.js';
|
|
27
|
+
import './code-block-7bd4cb87.js';
|
|
28
28
|
import './type-guard-84b1f192.js';
|
|
29
29
|
import './regex-dfe11abf.js';
|
|
30
30
|
import './typography-396de03f.js';
|
|
31
|
-
import './vega-internal-event-id-
|
|
31
|
+
import './vega-internal-event-id-4072659b.js';
|
|
32
32
|
import './valid-credit-card-number-rule-cc497bec.js';
|
|
33
33
|
import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
|
|
34
|
-
import './index-
|
|
34
|
+
import './index-fb3b74bd.js';
|
|
35
35
|
|
|
36
36
|
/*
|
|
37
37
|
Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com
|