@progress/kendo-angular-inputs 17.0.0-develop.9 → 17.0.1-develop.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/checkbox/checkbox.component.d.ts +1 -1
- package/checkbox/checkbox.directive.d.ts +1 -1
- package/checkbox/checked-state.d.ts +1 -1
- package/colorpicker/color-contrast-svg.component.d.ts +1 -1
- package/colorpicker/color-gradient-numeric-label.directive.d.ts +1 -1
- package/colorpicker/color-gradient.component.d.ts +1 -1
- package/colorpicker/color-input.component.d.ts +1 -1
- package/colorpicker/color-palette.component.d.ts +1 -1
- package/colorpicker/colorpicker.component.d.ts +1 -1
- package/colorpicker/contrast-validation.component.d.ts +1 -1
- package/colorpicker/contrast.component.d.ts +1 -1
- package/colorpicker/flatcolorpicker-actions.component.d.ts +1 -1
- package/colorpicker/flatcolorpicker-header.component.d.ts +1 -1
- package/colorpicker/flatcolorpicker.component.d.ts +1 -1
- package/colorpicker/localization/messages.d.ts +1 -1
- package/colorpicker/models/actions-layout.d.ts +1 -1
- package/colorpicker/models/colorpicker-view.d.ts +1 -1
- package/colorpicker/models/output-format.d.ts +1 -1
- package/common/models/fillmode.d.ts +1 -1
- package/common/models/rounded.d.ts +2 -2
- package/common/models/size.d.ts +1 -1
- package/common/models/type.d.ts +1 -1
- package/common/radio-checkbox.base.d.ts +1 -1
- package/common/utils.d.ts +1 -1
- package/{esm2020 → esm2022}/checkbox/checkbox.component.mjs +49 -44
- package/{esm2020 → esm2022}/checkbox/checkbox.directive.mjs +12 -10
- package/{esm2020 → esm2022}/checkbox.module.mjs +4 -4
- package/{esm2020 → esm2022}/colorpicker/color-contrast-svg.component.mjs +13 -7
- package/{esm2020 → esm2022}/colorpicker/color-gradient-numeric-label.directive.mjs +6 -3
- package/{esm2020 → esm2022}/colorpicker/color-gradient.component.mjs +142 -125
- package/{esm2020 → esm2022}/colorpicker/color-input.component.mjs +69 -49
- package/{esm2020 → esm2022}/colorpicker/color-palette.component.mjs +129 -98
- package/{esm2020 → esm2022}/colorpicker/colorpicker.component.mjs +211 -158
- package/{esm2020 → esm2022}/colorpicker/contrast-validation.component.mjs +10 -6
- package/{esm2020 → esm2022}/colorpicker/contrast.component.mjs +9 -6
- package/{esm2020 → esm2022}/colorpicker/events/active-color-click-event.mjs +2 -1
- package/{esm2020 → esm2022}/colorpicker/events/cancel-event.mjs +4 -0
- package/{esm2020 → esm2022}/colorpicker/flatcolorpicker-actions.component.mjs +11 -8
- package/{esm2020 → esm2022}/colorpicker/flatcolorpicker-header.component.mjs +23 -13
- package/{esm2020 → esm2022}/colorpicker/flatcolorpicker.component.mjs +155 -127
- package/{esm2020 → esm2022}/colorpicker/localization/colorgradient-localization.service.mjs +4 -3
- package/{esm2020 → esm2022}/colorpicker/localization/colorpalette-localization.service.mjs +4 -3
- package/{esm2020 → esm2022}/colorpicker/localization/colorpicker-localization.service.mjs +3 -3
- package/{esm2020 → esm2022}/colorpicker/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/colorpicker/localization/flatcolorpicker-localization.service.mjs +4 -3
- package/{esm2020 → esm2022}/colorpicker/localization/localized-colorpicker-messages.directive.mjs +9 -8
- package/esm2022/colorpicker/localization/messages.mjs +183 -0
- package/{esm2020 → esm2022}/colorpicker/services/color-palette.service.mjs +4 -6
- package/{esm2020 → esm2022}/colorpicker/services/flatcolorpicker.service.mjs +3 -3
- package/{esm2020 → esm2022}/colorpicker.module.mjs +4 -4
- package/{esm2020 → esm2022}/common/radio-checkbox.base.mjs +80 -56
- package/{esm2020 → esm2022}/formfield/error.component.mjs +18 -20
- package/{esm2020 → esm2022}/formfield/formfield.component.mjs +67 -55
- package/{esm2020 → esm2022}/formfield/hint.component.mjs +17 -19
- package/{esm2020 → esm2022}/formfield.module.mjs +4 -4
- package/{esm2020 → esm2022}/index.mjs +0 -1
- package/esm2022/inputs.module.mjs +96 -0
- package/{esm2020 → esm2022}/maskedtextbox/maskedtextbox.component.mjs +263 -223
- package/{esm2020 → esm2022}/maskedtextbox/masking.service.mjs +12 -14
- package/{esm2020 → esm2022}/maskedtextbox/parsing/parsers.mjs +1 -0
- package/{esm2020 → esm2022}/maskedtextbox/parsing/result.mjs +3 -0
- package/{esm2020 → esm2022}/maskedtextbox/parsing/stream.mjs +4 -2
- package/{esm2020 → esm2022}/maskedtextbox.module.mjs +7 -7
- package/{esm2020 → esm2022}/numerictextbox/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/numerictextbox/localization/localized-numerictextbox-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/numerictextbox/localization/messages.mjs +11 -3
- package/{esm2020 → esm2022}/numerictextbox/numerictextbox.component.mjs +367 -319
- package/{esm2020 → esm2022}/numerictextbox.module.mjs +7 -7
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/radiobutton/radiobutton.component.mjs +58 -51
- package/{esm2020 → esm2022}/radiobutton/radiobutton.directive.mjs +12 -10
- package/{esm2020 → esm2022}/radiobutton.module.mjs +4 -4
- package/{esm2020 → esm2022}/rangeslider/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/rangeslider/localization/localized-rangeslider-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/rangeslider/localization/messages.mjs +11 -3
- package/{esm2020 → esm2022}/rangeslider/rangeslider-model.mjs +2 -0
- package/{esm2020 → esm2022}/rangeslider/rangeslider.component.mjs +117 -101
- package/{esm2020 → esm2022}/rangeslider.module.mjs +4 -4
- package/{esm2020 → esm2022}/rating/directives/rating-hovered-item.directive.mjs +4 -3
- package/{esm2020 → esm2022}/rating/directives/rating-item.directive.mjs +4 -3
- package/{esm2020 → esm2022}/rating/directives/rating-selected-item.directive.mjs +4 -3
- package/{esm2020 → esm2022}/rating/rating.component.mjs +96 -76
- package/{esm2020 → esm2022}/rating.module.mjs +4 -4
- package/{esm2020 → esm2022}/shared/input-separator.component.mjs +10 -12
- package/{esm2020 → esm2022}/shared/shared-events.directive.mjs +13 -7
- package/{esm2020 → esm2022}/shared/textarea.directive.mjs +66 -52
- package/{esm2020 → esm2022}/signature/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/signature/localization/localized-signature-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/signature/localization/messages.mjs +19 -3
- package/{esm2020 → esm2022}/signature/signature.component.mjs +205 -151
- package/{esm2020 → esm2022}/signature.module.mjs +4 -4
- package/{esm2020 → esm2022}/slider/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/slider/localization/localized-slider-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/slider/localization/messages.mjs +15 -3
- package/{esm2020 → esm2022}/slider/slider-model.mjs +1 -0
- package/{esm2020 → esm2022}/slider/slider.component.mjs +121 -99
- package/{esm2020 → esm2022}/slider.module.mjs +4 -4
- package/{esm2020 → esm2022}/sliders-common/label-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/sliders-common/slider-base.mjs +112 -90
- package/{esm2020 → esm2022}/sliders-common/slider-model.base.mjs +6 -0
- package/{esm2020 → esm2022}/sliders-common/slider-ticks.component.mjs +19 -11
- package/{esm2020 → esm2022}/switch/events/blur-event.mjs +4 -0
- package/{esm2020 → esm2022}/switch/events/focus-event.mjs +4 -0
- package/{esm2020 → esm2022}/switch/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/switch/localization/localized-switch-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/switch/localization/messages.mjs +11 -3
- package/{esm2020 → esm2022}/switch/switch.component.mjs +125 -106
- package/{esm2020 → esm2022}/switch.module.mjs +4 -4
- package/esm2022/text-fields-common/text-fields-base.mjs +150 -0
- package/{esm2020 → esm2022}/textarea/textarea-prefix.component.mjs +12 -14
- package/{esm2020 → esm2022}/textarea/textarea-suffix.component.mjs +12 -14
- package/{esm2020 → esm2022}/textarea/textarea.component.mjs +173 -144
- package/{esm2020 → esm2022}/textarea.module.mjs +7 -7
- package/{esm2020 → esm2022}/textbox/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/textbox/localization/localized-textbox-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/textbox/localization/messages.mjs +7 -3
- package/{esm2020 → esm2022}/textbox/textbox-prefix.directive.mjs +8 -7
- package/{esm2020 → esm2022}/textbox/textbox-suffix.directive.mjs +8 -7
- package/{esm2020 → esm2022}/textbox/textbox.component.mjs +286 -204
- package/{esm2020 → esm2022}/textbox/textbox.directive.mjs +36 -33
- package/{esm2020 → esm2022}/textbox.module.mjs +7 -7
- package/{fesm2020 → fesm2022}/progress-kendo-angular-inputs.mjs +3718 -2910
- package/formfield/error.component.d.ts +1 -1
- package/formfield/formfield.component.d.ts +1 -1
- package/formfield/hint.component.d.ts +1 -1
- package/formfield/models/message-align.d.ts +1 -1
- package/formfield/models/orientation.d.ts +1 -1
- package/formfield/models/show-options.d.ts +1 -1
- package/index.d.ts +0 -1
- package/inputs.module.d.ts +1 -1
- package/maskedtextbox/maskedtextbox.component.d.ts +1 -1
- package/maskedtextbox.module.d.ts +1 -1
- package/numerictextbox/localization/messages.d.ts +1 -1
- package/numerictextbox/numerictextbox.component.d.ts +1 -1
- package/numerictextbox.module.d.ts +1 -1
- package/package.json +20 -26
- package/radiobutton/radiobutton.component.d.ts +1 -1
- package/radiobutton/radiobutton.directive.d.ts +1 -1
- package/rangeslider/localization/messages.d.ts +1 -1
- package/rangeslider/rangeslider-model.d.ts +0 -1
- package/rangeslider/rangeslider-value.type.d.ts +1 -1
- package/rangeslider/rangeslider.component.d.ts +1 -1
- package/rating/models/precision.d.ts +1 -1
- package/rating/models/selection.d.ts +1 -1
- package/rating/rating.component.d.ts +1 -1
- package/schematics/ngAdd/index.js +1 -1
- package/shared/input-separator.component.d.ts +1 -1
- package/shared/shared-events.directive.d.ts +1 -1
- package/shared/textarea.directive.d.ts +1 -1
- package/signature/localization/messages.d.ts +1 -1
- package/signature/signature.component.d.ts +1 -1
- package/slider/localization/messages.d.ts +1 -1
- package/slider/slider-model.d.ts +0 -1
- package/slider/slider.component.d.ts +1 -1
- package/sliders-common/slider-base.d.ts +1 -1
- package/sliders-common/slider-ticks.component.d.ts +1 -1
- package/sliders-common/title-callback.d.ts +1 -1
- package/switch/localization/messages.d.ts +1 -1
- package/switch/switch.component.d.ts +1 -1
- package/text-fields-common/text-fields-base.d.ts +1 -1
- package/textarea/models/adornments-orientation.d.ts +1 -1
- package/textarea/models/flow.d.ts +1 -1
- package/textarea/models/resize.d.ts +1 -1
- package/textarea/textarea-prefix.component.d.ts +1 -1
- package/textarea/textarea-suffix.component.d.ts +1 -1
- package/textarea/textarea.component.d.ts +1 -1
- package/textarea.module.d.ts +1 -1
- package/textbox/localization/messages.d.ts +1 -1
- package/textbox/models/icon-show-options.d.ts +1 -1
- package/textbox/textbox-prefix.directive.d.ts +1 -1
- package/textbox/textbox-suffix.directive.d.ts +1 -1
- package/textbox/textbox.component.d.ts +1 -1
- package/textbox/textbox.directive.d.ts +1 -1
- package/textbox.module.d.ts +1 -1
- package/esm2020/colorpicker/localization/messages.mjs +0 -75
- package/esm2020/inputs.module.mjs +0 -96
- package/esm2020/shared.module.mjs +0 -32
- package/esm2020/text-fields-common/text-fields-base.mjs +0 -131
- package/fesm2015/progress-kendo-angular-inputs.mjs +0 -17268
- package/shared.module.d.ts +0 -19
- /package/{esm2020 → esm2022}/checkbox/checked-state.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/events/close-event.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/events/kendo-drag-event.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/events/open-event.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/events.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/actions-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/colorpicker-view.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/gradient-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/hsva.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/output-format.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/palette-presets.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/palette-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/popup-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/rgb.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/rgba.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/table-cell.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models/tile-size.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/models.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/utils/color-parser.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/utils/contrast-curve.mjs +0 -0
- /package/{esm2020 → esm2022}/colorpicker/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/common/dom-utils.mjs +0 -0
- /package/{esm2020 → esm2022}/common/math.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/fillmode.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/rounded.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/size.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/styling-classes.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/type.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models.mjs +0 -0
- /package/{esm2020 → esm2022}/common/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/formfield/models/message-align.mjs +0 -0
- /package/{esm2020 → esm2022}/formfield/models/orientation.mjs +0 -0
- /package/{esm2020 → esm2022}/formfield/models/show-options.mjs +0 -0
- /package/{esm2020 → esm2022}/maskedtextbox/parsing/combinators.mjs +0 -0
- /package/{esm2020 → esm2022}/numerictextbox/arrow-direction.mjs +0 -0
- /package/{esm2020 → esm2022}/numerictextbox/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/numerictextbox/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-inputs.mjs +0 -0
- /package/{esm2020 → esm2022}/rangeslider/rangeslider-value.type.mjs +0 -0
- /package/{esm2020 → esm2022}/rating/models/precision.mjs +0 -0
- /package/{esm2020 → esm2022}/rating/models/rating-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/rating/models/selection.mjs +0 -0
- /package/{esm2020 → esm2022}/shared/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/signature/events/close-event.mjs +0 -0
- /package/{esm2020 → esm2022}/signature/events/index.mjs +0 -0
- /package/{esm2020 → esm2022}/signature/events/open-event.mjs +0 -0
- /package/{esm2020 → esm2022}/signature/localization/index.mjs +0 -0
- /package/{esm2020 → esm2022}/sliders-common/sliders-util.mjs +0 -0
- /package/{esm2020 → esm2022}/sliders-common/title-callback.mjs +0 -0
- /package/{esm2020 → esm2022}/textarea/models/adornments-orientation.mjs +0 -0
- /package/{esm2020 → esm2022}/textarea/models/flow.mjs +0 -0
- /package/{esm2020 → esm2022}/textarea/models/resize.mjs +0 -0
- /package/{esm2020 → esm2022}/textbox/models/icon-show-options.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/max.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/validators/min.validator.mjs +0 -0
|
@@ -44,209 +44,30 @@ const DEFAULT_FILL_MODE = 'solid';
|
|
|
44
44
|
* ```
|
|
45
45
|
*/
|
|
46
46
|
export class MaskedTextBoxComponent {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
*/
|
|
72
|
-
this.prompt = '_';
|
|
73
|
-
/**
|
|
74
|
-
* Indicates a character which represents an empty position in the raw value.
|
|
75
|
-
* @default ' '
|
|
76
|
-
*/
|
|
77
|
-
this.promptPlaceholder = ' ';
|
|
78
|
-
/**
|
|
79
|
-
* Indicates whether to include literals in the raw value ([see example]({% slug value_maskedtextbox %})).
|
|
80
|
-
* @default false
|
|
81
|
-
*/
|
|
82
|
-
this.includeLiterals = false;
|
|
83
|
-
/**
|
|
84
|
-
* Specifies if the mask should be shown on focus for empty value.
|
|
85
|
-
*/
|
|
86
|
-
this.maskOnFocus = false;
|
|
87
|
-
/**
|
|
88
|
-
* Determines whether the built-in mask validator is enforced when a form is validated
|
|
89
|
-
* ([see example]({% slug validation_maskedtextbox %})).
|
|
90
|
-
* @default true
|
|
91
|
-
*/
|
|
92
|
-
this.maskValidation = true;
|
|
93
|
-
/**
|
|
94
|
-
* Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
|
|
95
|
-
*/
|
|
96
|
-
this.tabindex = 0;
|
|
97
|
-
/**
|
|
98
|
-
* Fires each time the user focuses the MaskedTextBox component.
|
|
99
|
-
*
|
|
100
|
-
* > To wire the event programmatically, use the `onFocus` property.
|
|
101
|
-
*
|
|
102
|
-
* @example
|
|
103
|
-
* ```ts-no-run
|
|
104
|
-
* _@Component({
|
|
105
|
-
* selector: 'my-app',
|
|
106
|
-
* template: `
|
|
107
|
-
* <kendo-maskedtextbox (focus)="handleFocus()"></kendo-maskedtextbox>
|
|
108
|
-
* `
|
|
109
|
-
* })
|
|
110
|
-
* class AppComponent {
|
|
111
|
-
* public handleFocus(): void {
|
|
112
|
-
* console.log("Component is focused");
|
|
113
|
-
* }
|
|
114
|
-
* }
|
|
115
|
-
* ```
|
|
116
|
-
*/
|
|
117
|
-
this.onFocus = new EventEmitter();
|
|
118
|
-
/**
|
|
119
|
-
* Fires each time the MaskedTextBox component gets blurred.
|
|
120
|
-
*
|
|
121
|
-
* > To wire the event programmatically, use the `onBlur` property.
|
|
122
|
-
*
|
|
123
|
-
* @example
|
|
124
|
-
* ```ts-no-run
|
|
125
|
-
* _@Component({
|
|
126
|
-
* selector: 'my-app',
|
|
127
|
-
* template: `
|
|
128
|
-
* <kendo-maskedtextbox (blur)="handleBlur()"></kendo-maskedtextbox>
|
|
129
|
-
* `
|
|
130
|
-
* })
|
|
131
|
-
* class AppComponent {
|
|
132
|
-
* public handleBlur(): void {
|
|
133
|
-
* console.log("Component is blurred");
|
|
134
|
-
* }
|
|
135
|
-
* }
|
|
136
|
-
* ```
|
|
137
|
-
*/
|
|
138
|
-
this.onBlur = new EventEmitter();
|
|
139
|
-
/**
|
|
140
|
-
* Fires each time the user focuses the `input` element.
|
|
141
|
-
*/
|
|
142
|
-
this.inputFocus = new EventEmitter();
|
|
143
|
-
/**
|
|
144
|
-
* Fires each time the `input` element gets blurred.
|
|
145
|
-
*/
|
|
146
|
-
this.inputBlur = new EventEmitter();
|
|
147
|
-
/**
|
|
148
|
-
* Fires each time the value changes.
|
|
149
|
-
*/
|
|
150
|
-
this.valueChange = new EventEmitter();
|
|
151
|
-
this.hostClasses = true;
|
|
152
|
-
this.focusClick = false;
|
|
153
|
-
this.defaultRules = {
|
|
154
|
-
"#": /[\d\s\+\-]/,
|
|
155
|
-
"&": /[\S]/,
|
|
156
|
-
"0": /[\d]/,
|
|
157
|
-
"9": /[\d\s]/,
|
|
158
|
-
"?": /[a-zA-Z\s]/,
|
|
159
|
-
"A": /[a-zA-Z0-9]/,
|
|
160
|
-
"C": /./,
|
|
161
|
-
"L": /[a-zA-Z]/,
|
|
162
|
-
"a": /[a-zA-Z0-9\s]/
|
|
163
|
-
};
|
|
164
|
-
this.isPasted = false;
|
|
165
|
-
this.selection = [0, 0];
|
|
166
|
-
this._size = 'medium';
|
|
167
|
-
this._rounded = 'medium';
|
|
168
|
-
this._fillMode = 'solid';
|
|
169
|
-
this.parsedAttributes = {};
|
|
170
|
-
/**
|
|
171
|
-
* @hidden
|
|
172
|
-
*/
|
|
173
|
-
this.handleFocus = () => {
|
|
174
|
-
this.ngZone.run(() => {
|
|
175
|
-
if (!this.focused && hasObservers(this.onFocus)) {
|
|
176
|
-
this.onFocus.emit();
|
|
177
|
-
}
|
|
178
|
-
this.focused = true;
|
|
179
|
-
});
|
|
180
|
-
if (this.maskOnFocus && this.emptyMask) {
|
|
181
|
-
this.updateInput(this.service.maskRaw(this.value));
|
|
182
|
-
this.ngZone.runOutsideAngular(() => {
|
|
183
|
-
setTimeout(() => { this.setSelection(0, 0); }, 0);
|
|
184
|
-
});
|
|
185
|
-
}
|
|
186
|
-
};
|
|
187
|
-
/**
|
|
188
|
-
* @hidden
|
|
189
|
-
*/
|
|
190
|
-
this.handleInputFocus = () => {
|
|
191
|
-
this.handleFocus();
|
|
192
|
-
if (hasObservers(this.inputFocus)) {
|
|
193
|
-
this.ngZone.run(() => {
|
|
194
|
-
this.inputFocus.emit();
|
|
195
|
-
});
|
|
196
|
-
}
|
|
197
|
-
};
|
|
198
|
-
/**
|
|
199
|
-
* @hidden
|
|
200
|
-
*/
|
|
201
|
-
this.handleClick = () => {
|
|
202
|
-
if (this.focused && !this.focusClick) {
|
|
203
|
-
this.focusClick = true;
|
|
204
|
-
}
|
|
205
|
-
if (this.promptPlaceholder === null || this.promptPlaceholder === '') {
|
|
206
|
-
const { selectionStart, selectionEnd } = this.input.nativeElement;
|
|
207
|
-
if (selectionStart === selectionEnd) {
|
|
208
|
-
this.setFocusSelection();
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
};
|
|
212
|
-
/**
|
|
213
|
-
* @hidden
|
|
214
|
-
*/
|
|
215
|
-
this.handleBlur = () => {
|
|
216
|
-
this.changeDetector.markForCheck();
|
|
217
|
-
this.focused = false;
|
|
218
|
-
this.focusClick = false;
|
|
219
|
-
if (this.maskOnFocus && this.emptyMask) {
|
|
220
|
-
this.updateInput(this.maskedValue);
|
|
221
|
-
}
|
|
222
|
-
if (hasObservers(this.onBlur)) {
|
|
223
|
-
this.ngZone.run(() => {
|
|
224
|
-
this.onBlur.emit();
|
|
225
|
-
});
|
|
226
|
-
}
|
|
227
|
-
this.ngZone.run(() => {
|
|
228
|
-
if (this.control) {
|
|
229
|
-
this.control && !this.control.touched && this.onTouched();
|
|
230
|
-
}
|
|
231
|
-
});
|
|
232
|
-
};
|
|
233
|
-
/**
|
|
234
|
-
* @hidden
|
|
235
|
-
*/
|
|
236
|
-
this.handleInputBlur = () => {
|
|
237
|
-
this.changeDetector.markForCheck();
|
|
238
|
-
if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
|
|
239
|
-
this.ngZone.run(() => {
|
|
240
|
-
this.inputBlur.emit();
|
|
241
|
-
});
|
|
242
|
-
}
|
|
243
|
-
};
|
|
244
|
-
this.onChange = (_) => { };
|
|
245
|
-
this.onTouched = () => { };
|
|
246
|
-
validatePackage(packageMetadata);
|
|
247
|
-
this.direction = rtl ? 'rtl' : 'ltr';
|
|
248
|
-
this.updateService();
|
|
249
|
-
}
|
|
47
|
+
service;
|
|
48
|
+
renderer;
|
|
49
|
+
hostElement;
|
|
50
|
+
ngZone;
|
|
51
|
+
injector;
|
|
52
|
+
changeDetector;
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
focusableId = `k-${guid()}`;
|
|
57
|
+
/**
|
|
58
|
+
* Determines whether the MaskedTextBox is disabled ([see example]({% slug disabled_maskedtextbox %})). To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_maskedtextbox#toc-managing-the-maskedtextbox-disabled-state-in-reactive-forms).
|
|
59
|
+
*/
|
|
60
|
+
disabled = false;
|
|
61
|
+
/**
|
|
62
|
+
* Determines whether the MaskedTextBox is in its read-only state ([see example]({% slug readonly_maskedtextbox %})).
|
|
63
|
+
*
|
|
64
|
+
* @default false
|
|
65
|
+
*/
|
|
66
|
+
readonly = false;
|
|
67
|
+
/**
|
|
68
|
+
* Sets the title of the `input` element.
|
|
69
|
+
*/
|
|
70
|
+
title;
|
|
250
71
|
/**
|
|
251
72
|
* The size property specifies the padding of the MaskedTextBox internal input element
|
|
252
73
|
* ([see example]({% slug appearance_maskedtextbox %}#toc-size)).
|
|
@@ -298,6 +119,18 @@ export class MaskedTextBoxComponent {
|
|
|
298
119
|
get fillMode() {
|
|
299
120
|
return this._fillMode;
|
|
300
121
|
}
|
|
122
|
+
/**
|
|
123
|
+
* Represents the current mask ([see example]({% slug value_maskedtextbox %})).
|
|
124
|
+
* If no mask is set, the component behaves as a standard `type="text"` input.
|
|
125
|
+
*
|
|
126
|
+
* > If the mask allows for spaces, set the [promptPlaceholder]({% slug api_inputs_maskedtextboxcomponent %}#toc-promptplaceholder)
|
|
127
|
+
* to a character that is not accepted by the mask.
|
|
128
|
+
*/
|
|
129
|
+
mask;
|
|
130
|
+
/**
|
|
131
|
+
* Provides a value for the MaskedTextBox.
|
|
132
|
+
*/
|
|
133
|
+
value;
|
|
301
134
|
/**
|
|
302
135
|
* Exposes the RegExp-based mask validation array ([see example]({% slug masks_maskedtextbox %})).
|
|
303
136
|
*/
|
|
@@ -307,6 +140,35 @@ export class MaskedTextBoxComponent {
|
|
|
307
140
|
get rules() {
|
|
308
141
|
return this._rules || this.defaultRules;
|
|
309
142
|
}
|
|
143
|
+
/**
|
|
144
|
+
* Represents a prompt character for the masked value.
|
|
145
|
+
* @default `_`
|
|
146
|
+
*/
|
|
147
|
+
prompt = '_';
|
|
148
|
+
/**
|
|
149
|
+
* Indicates a character which represents an empty position in the raw value.
|
|
150
|
+
* @default ' '
|
|
151
|
+
*/
|
|
152
|
+
promptPlaceholder = ' ';
|
|
153
|
+
/**
|
|
154
|
+
* Indicates whether to include literals in the raw value ([see example]({% slug value_maskedtextbox %})).
|
|
155
|
+
* @default false
|
|
156
|
+
*/
|
|
157
|
+
includeLiterals = false;
|
|
158
|
+
/**
|
|
159
|
+
* Specifies if the mask should be shown on focus for empty value.
|
|
160
|
+
*/
|
|
161
|
+
maskOnFocus = false;
|
|
162
|
+
/**
|
|
163
|
+
* Determines whether the built-in mask validator is enforced when a form is validated
|
|
164
|
+
* ([see example]({% slug validation_maskedtextbox %})).
|
|
165
|
+
* @default true
|
|
166
|
+
*/
|
|
167
|
+
maskValidation = true;
|
|
168
|
+
/**
|
|
169
|
+
* Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
|
|
170
|
+
*/
|
|
171
|
+
tabindex = 0;
|
|
310
172
|
/**
|
|
311
173
|
* @hidden
|
|
312
174
|
*/
|
|
@@ -352,9 +214,111 @@ export class MaskedTextBoxComponent {
|
|
|
352
214
|
spellcheck: 'false'
|
|
353
215
|
};
|
|
354
216
|
}
|
|
217
|
+
/**
|
|
218
|
+
* Fires each time the user focuses the MaskedTextBox component.
|
|
219
|
+
*
|
|
220
|
+
* > To wire the event programmatically, use the `onFocus` property.
|
|
221
|
+
*
|
|
222
|
+
* @example
|
|
223
|
+
* ```ts-no-run
|
|
224
|
+
* _@Component({
|
|
225
|
+
* selector: 'my-app',
|
|
226
|
+
* template: `
|
|
227
|
+
* <kendo-maskedtextbox (focus)="handleFocus()"></kendo-maskedtextbox>
|
|
228
|
+
* `
|
|
229
|
+
* })
|
|
230
|
+
* class AppComponent {
|
|
231
|
+
* public handleFocus(): void {
|
|
232
|
+
* console.log("Component is focused");
|
|
233
|
+
* }
|
|
234
|
+
* }
|
|
235
|
+
* ```
|
|
236
|
+
*/
|
|
237
|
+
onFocus = new EventEmitter();
|
|
238
|
+
/**
|
|
239
|
+
* Fires each time the MaskedTextBox component gets blurred.
|
|
240
|
+
*
|
|
241
|
+
* > To wire the event programmatically, use the `onBlur` property.
|
|
242
|
+
*
|
|
243
|
+
* @example
|
|
244
|
+
* ```ts-no-run
|
|
245
|
+
* _@Component({
|
|
246
|
+
* selector: 'my-app',
|
|
247
|
+
* template: `
|
|
248
|
+
* <kendo-maskedtextbox (blur)="handleBlur()"></kendo-maskedtextbox>
|
|
249
|
+
* `
|
|
250
|
+
* })
|
|
251
|
+
* class AppComponent {
|
|
252
|
+
* public handleBlur(): void {
|
|
253
|
+
* console.log("Component is blurred");
|
|
254
|
+
* }
|
|
255
|
+
* }
|
|
256
|
+
* ```
|
|
257
|
+
*/
|
|
258
|
+
onBlur = new EventEmitter();
|
|
259
|
+
/**
|
|
260
|
+
* Fires each time the user focuses the `input` element.
|
|
261
|
+
*/
|
|
262
|
+
inputFocus = new EventEmitter();
|
|
263
|
+
/**
|
|
264
|
+
* Fires each time the `input` element gets blurred.
|
|
265
|
+
*/
|
|
266
|
+
inputBlur = new EventEmitter();
|
|
267
|
+
/**
|
|
268
|
+
* Fires each time the value changes.
|
|
269
|
+
*/
|
|
270
|
+
valueChange = new EventEmitter();
|
|
271
|
+
direction;
|
|
272
|
+
hostClasses = true;
|
|
355
273
|
get hostDisabledClass() {
|
|
356
274
|
return this.disabled;
|
|
357
275
|
}
|
|
276
|
+
/**
|
|
277
|
+
* Represents the `ElementRef` of the visible `input` element.
|
|
278
|
+
*/
|
|
279
|
+
input;
|
|
280
|
+
/**
|
|
281
|
+
* @hidden
|
|
282
|
+
*/
|
|
283
|
+
suffixTemplate;
|
|
284
|
+
/**
|
|
285
|
+
* @hidden
|
|
286
|
+
*/
|
|
287
|
+
prefixTemplate;
|
|
288
|
+
isFocused;
|
|
289
|
+
maskedValue;
|
|
290
|
+
focusClick = false;
|
|
291
|
+
defaultRules = {
|
|
292
|
+
"#": /[\d\s\+\-]/,
|
|
293
|
+
"&": /[\S]/,
|
|
294
|
+
"0": /[\d]/,
|
|
295
|
+
"9": /[\d\s]/,
|
|
296
|
+
"?": /[a-zA-Z\s]/,
|
|
297
|
+
"A": /[a-zA-Z0-9]/,
|
|
298
|
+
"C": /./,
|
|
299
|
+
"L": /[a-zA-Z]/,
|
|
300
|
+
"a": /[a-zA-Z0-9\s]/
|
|
301
|
+
};
|
|
302
|
+
_rules;
|
|
303
|
+
isPasted = false;
|
|
304
|
+
selection = [0, 0];
|
|
305
|
+
control;
|
|
306
|
+
_size = 'medium';
|
|
307
|
+
_rounded = 'medium';
|
|
308
|
+
_fillMode = 'solid';
|
|
309
|
+
_inputAttributes;
|
|
310
|
+
parsedAttributes = {};
|
|
311
|
+
constructor(service, renderer, hostElement, ngZone, injector, changeDetector, rtl) {
|
|
312
|
+
this.service = service;
|
|
313
|
+
this.renderer = renderer;
|
|
314
|
+
this.hostElement = hostElement;
|
|
315
|
+
this.ngZone = ngZone;
|
|
316
|
+
this.injector = injector;
|
|
317
|
+
this.changeDetector = changeDetector;
|
|
318
|
+
validatePackage(packageMetadata);
|
|
319
|
+
this.direction = rtl ? 'rtl' : 'ltr';
|
|
320
|
+
this.updateService();
|
|
321
|
+
}
|
|
358
322
|
ngOnInit() {
|
|
359
323
|
if (this.hostElement) {
|
|
360
324
|
this.renderer.removeAttribute(this.hostElement.nativeElement, "tabindex");
|
|
@@ -376,6 +340,80 @@ export class MaskedTextBoxComponent {
|
|
|
376
340
|
return !this.input.nativeElement.value;
|
|
377
341
|
}
|
|
378
342
|
}
|
|
343
|
+
/**
|
|
344
|
+
* @hidden
|
|
345
|
+
*/
|
|
346
|
+
handleFocus = () => {
|
|
347
|
+
this.ngZone.run(() => {
|
|
348
|
+
if (!this.focused && hasObservers(this.onFocus)) {
|
|
349
|
+
this.onFocus.emit();
|
|
350
|
+
}
|
|
351
|
+
this.focused = true;
|
|
352
|
+
});
|
|
353
|
+
if (this.maskOnFocus && this.emptyMask) {
|
|
354
|
+
this.updateInput(this.service.maskRaw(this.value));
|
|
355
|
+
this.ngZone.runOutsideAngular(() => {
|
|
356
|
+
setTimeout(() => { this.setSelection(0, 0); }, 0);
|
|
357
|
+
});
|
|
358
|
+
}
|
|
359
|
+
};
|
|
360
|
+
/**
|
|
361
|
+
* @hidden
|
|
362
|
+
*/
|
|
363
|
+
handleInputFocus = () => {
|
|
364
|
+
this.handleFocus();
|
|
365
|
+
if (hasObservers(this.inputFocus)) {
|
|
366
|
+
this.ngZone.run(() => {
|
|
367
|
+
this.inputFocus.emit();
|
|
368
|
+
});
|
|
369
|
+
}
|
|
370
|
+
};
|
|
371
|
+
/**
|
|
372
|
+
* @hidden
|
|
373
|
+
*/
|
|
374
|
+
handleClick = () => {
|
|
375
|
+
if (this.focused && !this.focusClick) {
|
|
376
|
+
this.focusClick = true;
|
|
377
|
+
}
|
|
378
|
+
if (this.promptPlaceholder === null || this.promptPlaceholder === '') {
|
|
379
|
+
const { selectionStart, selectionEnd } = this.input.nativeElement;
|
|
380
|
+
if (selectionStart === selectionEnd) {
|
|
381
|
+
this.setFocusSelection();
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
};
|
|
385
|
+
/**
|
|
386
|
+
* @hidden
|
|
387
|
+
*/
|
|
388
|
+
handleBlur = () => {
|
|
389
|
+
this.changeDetector.markForCheck();
|
|
390
|
+
this.focused = false;
|
|
391
|
+
this.focusClick = false;
|
|
392
|
+
if (this.maskOnFocus && this.emptyMask) {
|
|
393
|
+
this.updateInput(this.maskedValue);
|
|
394
|
+
}
|
|
395
|
+
if (hasObservers(this.onBlur)) {
|
|
396
|
+
this.ngZone.run(() => {
|
|
397
|
+
this.onBlur.emit();
|
|
398
|
+
});
|
|
399
|
+
}
|
|
400
|
+
this.ngZone.run(() => {
|
|
401
|
+
if (this.control) {
|
|
402
|
+
this.control && !this.control.touched && this.onTouched();
|
|
403
|
+
}
|
|
404
|
+
});
|
|
405
|
+
};
|
|
406
|
+
/**
|
|
407
|
+
* @hidden
|
|
408
|
+
*/
|
|
409
|
+
handleInputBlur = () => {
|
|
410
|
+
this.changeDetector.markForCheck();
|
|
411
|
+
if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
|
|
412
|
+
this.ngZone.run(() => {
|
|
413
|
+
this.inputBlur.emit();
|
|
414
|
+
});
|
|
415
|
+
}
|
|
416
|
+
};
|
|
379
417
|
/**
|
|
380
418
|
* @hidden
|
|
381
419
|
*/
|
|
@@ -551,6 +589,8 @@ export class MaskedTextBoxComponent {
|
|
|
551
589
|
this.valueChange.emit(this.value);
|
|
552
590
|
}
|
|
553
591
|
}
|
|
592
|
+
onChange = (_) => { };
|
|
593
|
+
onTouched = () => { };
|
|
554
594
|
updateValue(value, callOnChange = true) {
|
|
555
595
|
if (this.mask && !this.service.validationValue(value) && !this.includeLiterals) {
|
|
556
596
|
this.value = '';
|
|
@@ -648,25 +688,24 @@ export class MaskedTextBoxComponent {
|
|
|
648
688
|
const attributesToRender = Object.assign({}, this.mutableAttributes, this.parsedAttributes);
|
|
649
689
|
setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
|
|
650
690
|
}
|
|
651
|
-
}
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
}
|
|
669
|
-
], queries: [{ propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], exportAs: ["kendoMaskedTextBox"], usesOnChanges: true, ngImport: i0, template: `
|
|
691
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskedTextBoxComponent, deps: [{ token: i1.MaskingService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
692
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MaskedTextBoxComponent, isStandalone: true, selector: "kendo-maskedtextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", size: "size", rounded: "rounded", fillMode: "fillMode", mask: "mask", value: "value", rules: "rules", prompt: "prompt", promptPlaceholder: "promptPlaceholder", includeLiterals: "includeLiterals", maskOnFocus: "maskOnFocus", maskValidation: "maskValidation", tabindex: "tabindex", tabIndex: "tabIndex", inputAttributes: "inputAttributes" }, outputs: { onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", valueChange: "valueChange" }, host: { listeners: { "paste": "pasteHandler($event)", "input": "inputHandler($event)" }, properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-input": "this.hostClasses", "class.k-maskedtextbox": "this.hostClasses", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
|
|
693
|
+
MaskingService,
|
|
694
|
+
{
|
|
695
|
+
multi: true,
|
|
696
|
+
provide: NG_VALUE_ACCESSOR,
|
|
697
|
+
useExisting: forwardRef(() => MaskedTextBoxComponent) /* eslint-disable-line*/
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
multi: true,
|
|
701
|
+
provide: NG_VALIDATORS,
|
|
702
|
+
useExisting: forwardRef(() => MaskedTextBoxComponent) /* eslint-disable-line*/
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
provide: KendoInput,
|
|
706
|
+
useExisting: forwardRef(() => MaskedTextBoxComponent)
|
|
707
|
+
}
|
|
708
|
+
], queries: [{ propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], exportAs: ["kendoMaskedTextBox"], usesOnChanges: true, ngImport: i0, template: `
|
|
670
709
|
<ng-container
|
|
671
710
|
kendoInputSharedEvents
|
|
672
711
|
[hostElement]="hostElement"
|
|
@@ -708,7 +747,8 @@ MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
708
747
|
</span>
|
|
709
748
|
</ng-container>
|
|
710
749
|
`, isInline: true, dependencies: [{ kind: "directive", type: SharedInputEventsDirective, selector: "[kendoInputSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", inputs: ["orientation"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
711
|
-
|
|
750
|
+
}
|
|
751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskedTextBoxComponent, decorators: [{
|
|
712
752
|
type: Component,
|
|
713
753
|
args: [{
|
|
714
754
|
exportAs: 'kendoMaskedTextBox',
|
|
@@ -10,17 +10,15 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class MaskingService {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
this.validationTokens = [];
|
|
23
|
-
}
|
|
13
|
+
rules = {};
|
|
14
|
+
prompt = "_";
|
|
15
|
+
mask = "";
|
|
16
|
+
promptPlaceholder = " ";
|
|
17
|
+
includeLiterals = false;
|
|
18
|
+
maskTokens = [];
|
|
19
|
+
unmaskTokens = [];
|
|
20
|
+
rawTokens = [];
|
|
21
|
+
validationTokens = [];
|
|
24
22
|
update({ mask = '', prompt = '', promptPlaceholder = ' ', rules = {}, includeLiterals = false }) {
|
|
25
23
|
this.mask = mask;
|
|
26
24
|
this.prompt = prompt;
|
|
@@ -183,9 +181,9 @@ export class MaskingService {
|
|
|
183
181
|
this.validationTokens = tokens;
|
|
184
182
|
});
|
|
185
183
|
}
|
|
184
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
185
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskingService });
|
|
186
186
|
}
|
|
187
|
-
|
|
188
|
-
MaskingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaskingService });
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaskingService, decorators: [{
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskingService, decorators: [{
|
|
190
188
|
type: Injectable
|
|
191
189
|
}] });
|
|
@@ -6,11 +6,13 @@
|
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
8
8
|
export class Stream {
|
|
9
|
+
input;
|
|
10
|
+
control;
|
|
11
|
+
inputCursor = 0;
|
|
12
|
+
controlCursor = 0;
|
|
9
13
|
constructor(input = [], control = []) {
|
|
10
14
|
this.input = input;
|
|
11
15
|
this.control = control;
|
|
12
|
-
this.inputCursor = 0;
|
|
13
|
-
this.controlCursor = 0;
|
|
14
16
|
}
|
|
15
17
|
eof() {
|
|
16
18
|
return this.inputCursor >= this.input.length;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { NgModule } from '@angular/core';
|
|
6
6
|
import { KENDO_MASKEDTEXTBOX } from './directives';
|
|
7
|
-
import {
|
|
7
|
+
import { KENDO_ADORNMENTS } from '@progress/kendo-angular-common';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "./maskedtextbox/maskedtextbox.component";
|
|
10
10
|
import * as i2 from "@progress/kendo-angular-common";
|
|
@@ -41,14 +41,14 @@ import * as i2 from "@progress/kendo-angular-common";
|
|
|
41
41
|
* ```
|
|
42
42
|
*/
|
|
43
43
|
export class MaskedTextBoxModule {
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskedTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
45
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MaskedTextBoxModule, imports: [i1.MaskedTextBoxComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent], exports: [i1.MaskedTextBoxComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent] });
|
|
46
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskedTextBoxModule, imports: [i2.SeparatorComponent, i2.SeparatorComponent] });
|
|
44
47
|
}
|
|
45
|
-
|
|
46
|
-
MaskedTextBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MaskedTextBoxModule, imports: [i1.MaskedTextBoxComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent], exports: [i1.MaskedTextBoxComponent, i2.PrefixTemplateDirective, i2.SuffixTemplateDirective, i2.SeparatorComponent, AdornmentsModule] });
|
|
47
|
-
MaskedTextBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaskedTextBoxModule, imports: [i1.MaskedTextBoxComponent, i2.SeparatorComponent, AdornmentsModule] });
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaskedTextBoxModule, decorators: [{
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MaskedTextBoxModule, decorators: [{
|
|
49
49
|
type: NgModule,
|
|
50
50
|
args: [{
|
|
51
|
-
imports: [...KENDO_MASKEDTEXTBOX],
|
|
52
|
-
exports: [...KENDO_MASKEDTEXTBOX,
|
|
51
|
+
imports: [...KENDO_MASKEDTEXTBOX, ...KENDO_ADORNMENTS],
|
|
52
|
+
exports: [...KENDO_MASKEDTEXTBOX, ...KENDO_ADORNMENTS]
|
|
53
53
|
}]
|
|
54
54
|
}] });
|