@progress/kendo-angular-inputs 21.4.1 → 22.0.0
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/colorpicker/localization/messages.d.ts +1 -1
- package/common/radio-checkbox.base.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-inputs.mjs +321 -321
- package/numerictextbox/localization/messages.d.ts +1 -1
- package/otpinput/localization/messages.d.ts +1 -1
- package/package.json +17 -25
- package/rangeslider/localization/messages.d.ts +1 -1
- package/signature/localization/messages.d.ts +1 -1
- package/slider/localization/messages.d.ts +1 -1
- package/sliders-common/slider-base.d.ts +1 -1
- package/switch/localization/messages.d.ts +1 -1
- package/text-fields-common/text-fields-base.d.ts +1 -1
- package/textbox/localization/messages.d.ts +1 -1
- package/esm2022/checkbox/checkbox.component.mjs +0 -227
- package/esm2022/checkbox/checkbox.directive.mjs +0 -96
- package/esm2022/checkbox/checked-state.mjs +0 -5
- package/esm2022/checkbox.module.mjs +0 -42
- package/esm2022/colorpicker/adaptiveness/adaptive-close-button.component.mjs +0 -62
- package/esm2022/colorpicker/adaptiveness/adaptive-renderer.component.mjs +0 -219
- package/esm2022/colorpicker/color-contrast-svg.component.mjs +0 -108
- package/esm2022/colorpicker/color-gradient-numeric-label.directive.mjs +0 -37
- package/esm2022/colorpicker/color-gradient-text-label.directive.mjs +0 -34
- package/esm2022/colorpicker/color-gradient.component.mjs +0 -1110
- package/esm2022/colorpicker/color-input.component.mjs +0 -498
- package/esm2022/colorpicker/color-palette.component.mjs +0 -629
- package/esm2022/colorpicker/colorpicker.component.mjs +0 -1315
- package/esm2022/colorpicker/constants.mjs +0 -40
- package/esm2022/colorpicker/contrast-validation.component.mjs +0 -83
- package/esm2022/colorpicker/contrast.component.mjs +0 -114
- package/esm2022/colorpicker/events/active-color-click-event.mjs +0 -55
- package/esm2022/colorpicker/events/cancel-event.mjs +0 -18
- package/esm2022/colorpicker/events/close-event.mjs +0 -10
- package/esm2022/colorpicker/events/kendo-drag-event.mjs +0 -5
- package/esm2022/colorpicker/events/open-event.mjs +0 -10
- package/esm2022/colorpicker/events.mjs +0 -8
- package/esm2022/colorpicker/flatcolorpicker-actions.component.mjs +0 -112
- package/esm2022/colorpicker/flatcolorpicker-header.component.mjs +0 -244
- package/esm2022/colorpicker/flatcolorpicker.component.mjs +0 -942
- package/esm2022/colorpicker/localization/colorgradient-localization.service.mjs +0 -46
- package/esm2022/colorpicker/localization/colorpalette-localization.service.mjs +0 -46
- package/esm2022/colorpicker/localization/colorpicker-localization.service.mjs +0 -31
- package/esm2022/colorpicker/localization/custom-messages.component.mjs +0 -51
- package/esm2022/colorpicker/localization/flatcolorpicker-localization.service.mjs +0 -46
- package/esm2022/colorpicker/localization/localized-colorpicker-messages.directive.mjs +0 -39
- package/esm2022/colorpicker/localization/messages.mjs +0 -201
- package/esm2022/colorpicker/models/actions-layout.mjs +0 -5
- package/esm2022/colorpicker/models/adaptive-mode.mjs +0 -8
- package/esm2022/colorpicker/models/colorpicker-view.mjs +0 -5
- package/esm2022/colorpicker/models/gradient-settings.mjs +0 -5
- package/esm2022/colorpicker/models/hsva.mjs +0 -5
- package/esm2022/colorpicker/models/output-format.mjs +0 -5
- package/esm2022/colorpicker/models/palette-presets.mjs +0 -62
- package/esm2022/colorpicker/models/palette-settings.mjs +0 -5
- package/esm2022/colorpicker/models/popup-settings.mjs +0 -5
- package/esm2022/colorpicker/models/rgb.mjs +0 -5
- package/esm2022/colorpicker/models/rgba.mjs +0 -5
- package/esm2022/colorpicker/models/table-cell.mjs +0 -5
- package/esm2022/colorpicker/models/tile-size.mjs +0 -5
- package/esm2022/colorpicker/models.mjs +0 -16
- package/esm2022/colorpicker/services/color-palette.service.mjs +0 -65
- package/esm2022/colorpicker/services/flatcolorpicker.service.mjs +0 -39
- package/esm2022/colorpicker/utils/color-parser.mjs +0 -164
- package/esm2022/colorpicker/utils/contrast-curve.mjs +0 -85
- package/esm2022/colorpicker/utils.mjs +0 -6
- package/esm2022/colorpicker.module.mjs +0 -50
- package/esm2022/common/dom-utils.mjs +0 -36
- package/esm2022/common/formservice.service.mjs +0 -21
- package/esm2022/common/math.mjs +0 -65
- package/esm2022/common/models/fillmode.mjs +0 -5
- package/esm2022/common/models/gutters.mjs +0 -5
- package/esm2022/common/models/responsive-breakpoints.mjs +0 -5
- package/esm2022/common/models/rounded.mjs +0 -5
- package/esm2022/common/models/size.mjs +0 -5
- package/esm2022/common/models/styling-classes.mjs +0 -5
- package/esm2022/common/models/type.mjs +0 -5
- package/esm2022/common/models.mjs +0 -9
- package/esm2022/common/radio-checkbox.base.mjs +0 -295
- package/esm2022/common/utils.mjs +0 -88
- package/esm2022/directives.mjs +0 -430
- package/esm2022/form/form.component.mjs +0 -163
- package/esm2022/form/formseparator.component.mjs +0 -80
- package/esm2022/form/utils.mjs +0 -147
- package/esm2022/form.module.mjs +0 -46
- package/esm2022/formfield/error.component.mjs +0 -70
- package/esm2022/formfield/formfield.component.mjs +0 -353
- package/esm2022/formfield/hint.component.mjs +0 -65
- package/esm2022/formfield/models/message-align.mjs +0 -5
- package/esm2022/formfield/models/orientation.mjs +0 -5
- package/esm2022/formfield/models/show-options.mjs +0 -5
- package/esm2022/formfield.module.mjs +0 -43
- package/esm2022/formfieldset/formfieldset.component.mjs +0 -174
- package/esm2022/index.mjs +0 -91
- package/esm2022/inputs.module.mjs +0 -91
- package/esm2022/maskedtextbox/maskedtextbox.component.mjs +0 -876
- package/esm2022/maskedtextbox/masking.service.mjs +0 -189
- package/esm2022/maskedtextbox/parsing/combinators.mjs +0 -28
- package/esm2022/maskedtextbox/parsing/parsers.mjs +0 -148
- package/esm2022/maskedtextbox/parsing/result.mjs +0 -44
- package/esm2022/maskedtextbox/parsing/stream.mjs +0 -43
- package/esm2022/maskedtextbox.module.mjs +0 -43
- package/esm2022/numerictextbox/arrow-direction.mjs +0 -13
- package/esm2022/numerictextbox/constants.mjs +0 -28
- package/esm2022/numerictextbox/localization/custom-messages.component.mjs +0 -55
- package/esm2022/numerictextbox/localization/localized-numerictextbox-messages.directive.mjs +0 -39
- package/esm2022/numerictextbox/localization/messages.mjs +0 -33
- package/esm2022/numerictextbox/numerictextbox.component.mjs +0 -1314
- package/esm2022/numerictextbox/utils.mjs +0 -92
- package/esm2022/numerictextbox.module.mjs +0 -46
- package/esm2022/otp.module.mjs +0 -44
- package/esm2022/otpinput/localization/custom-messages.component.mjs +0 -45
- package/esm2022/otpinput/localization/localized-textbox-messages.directive.mjs +0 -39
- package/esm2022/otpinput/localization/messages.mjs +0 -34
- package/esm2022/otpinput/models/otpinput-type.mjs +0 -5
- package/esm2022/otpinput/models/separator-icon.mjs +0 -5
- package/esm2022/otpinput/otpinput-separator.component.mjs +0 -93
- package/esm2022/otpinput/otpinput.component.mjs +0 -936
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-inputs.mjs +0 -8
- package/esm2022/radiobutton/radiobutton.component.mjs +0 -212
- package/esm2022/radiobutton/radiobutton.directive.mjs +0 -81
- package/esm2022/radiobutton.module.mjs +0 -43
- package/esm2022/rangeslider/localization/custom-messages.component.mjs +0 -53
- package/esm2022/rangeslider/localization/localized-rangeslider-messages.directive.mjs +0 -39
- package/esm2022/rangeslider/localization/messages.mjs +0 -33
- package/esm2022/rangeslider/rangeslider-model.mjs +0 -53
- package/esm2022/rangeslider/rangeslider-value.type.mjs +0 -5
- package/esm2022/rangeslider/rangeslider.component.mjs +0 -625
- package/esm2022/rangeslider.module.mjs +0 -46
- package/esm2022/rating/directives/rating-hovered-item.directive.mjs +0 -35
- package/esm2022/rating/directives/rating-item.directive.mjs +0 -34
- package/esm2022/rating/directives/rating-selected-item.directive.mjs +0 -36
- package/esm2022/rating/models/precision.mjs +0 -5
- package/esm2022/rating/models/rating-item.interface.mjs +0 -5
- package/esm2022/rating/models/selection.mjs +0 -5
- package/esm2022/rating/rating.component.mjs +0 -754
- package/esm2022/rating.module.mjs +0 -46
- package/esm2022/shared/input-separator.component.mjs +0 -55
- package/esm2022/shared/input-spacer.component.mjs +0 -56
- package/esm2022/shared/shared-events.directive.mjs +0 -102
- package/esm2022/shared/utils.mjs +0 -13
- package/esm2022/signature/events/close-event.mjs +0 -10
- package/esm2022/signature/events/index.mjs +0 -6
- package/esm2022/signature/events/open-event.mjs +0 -10
- package/esm2022/signature/localization/custom-messages.component.mjs +0 -43
- package/esm2022/signature/localization/index.mjs +0 -7
- package/esm2022/signature/localization/localized-signature-messages.directive.mjs +0 -39
- package/esm2022/signature/localization/messages.mjs +0 -45
- package/esm2022/signature/signature.component.mjs +0 -981
- package/esm2022/signature.module.mjs +0 -47
- package/esm2022/slider/localization/custom-messages.component.mjs +0 -43
- package/esm2022/slider/localization/localized-slider-messages.directive.mjs +0 -39
- package/esm2022/slider/localization/messages.mjs +0 -39
- package/esm2022/slider/slider-model.mjs +0 -32
- package/esm2022/slider/slider.component.mjs +0 -671
- package/esm2022/slider.module.mjs +0 -48
- package/esm2022/sliders-common/label-template.directive.mjs +0 -37
- package/esm2022/sliders-common/slider-base.mjs +0 -300
- package/esm2022/sliders-common/slider-model.base.mjs +0 -118
- package/esm2022/sliders-common/slider-ticks.component.mjs +0 -147
- package/esm2022/sliders-common/sliders-util.mjs +0 -206
- package/esm2022/sliders-common/title-callback.mjs +0 -5
- package/esm2022/switch/events/blur-event.mjs +0 -13
- package/esm2022/switch/events/focus-event.mjs +0 -13
- package/esm2022/switch/localization/custom-messages.component.mjs +0 -43
- package/esm2022/switch/localization/localized-switch-messages.directive.mjs +0 -39
- package/esm2022/switch/localization/messages.mjs +0 -33
- package/esm2022/switch/switch.component.mjs +0 -585
- package/esm2022/switch.module.mjs +0 -44
- package/esm2022/text-fields-common/text-fields-base.mjs +0 -150
- package/esm2022/textarea/models/adornments-orientation.mjs +0 -5
- package/esm2022/textarea/models/flow.mjs +0 -5
- package/esm2022/textarea/models/resize.mjs +0 -5
- package/esm2022/textarea/models/textarea-settings.mjs +0 -5
- package/esm2022/textarea/textarea-prefix.component.mjs +0 -67
- package/esm2022/textarea/textarea-suffix.component.mjs +0 -67
- package/esm2022/textarea/textarea.component.mjs +0 -740
- package/esm2022/textarea/textarea.directive.mjs +0 -288
- package/esm2022/textarea.module.mjs +0 -46
- package/esm2022/textbox/localization/custom-messages.component.mjs +0 -43
- package/esm2022/textbox/localization/localized-textbox-messages.directive.mjs +0 -39
- package/esm2022/textbox/localization/messages.mjs +0 -27
- package/esm2022/textbox/models/icon-show-options.mjs +0 -5
- package/esm2022/textbox/textbox-prefix.directive.mjs +0 -50
- package/esm2022/textbox/textbox-suffix.directive.mjs +0 -49
- package/esm2022/textbox/textbox.component.mjs +0 -933
- package/esm2022/textbox/textbox.directive.mjs +0 -125
- package/esm2022/textbox.module.mjs +0 -51
- package/esm2022/validators/max.validator.mjs +0 -21
- package/esm2022/validators/min.validator.mjs +0 -21
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { POINT } from './constants';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export const numericRegex = (options) => {
|
|
10
|
-
const { autoCorrect, decimals, min } = options;
|
|
11
|
-
let separator = options.separator;
|
|
12
|
-
if (separator === POINT) {
|
|
13
|
-
separator = '\\' + separator;
|
|
14
|
-
}
|
|
15
|
-
const signPattern = autoCorrect && min !== null && min >= 0 ? '' : '-?';
|
|
16
|
-
let numberPattern;
|
|
17
|
-
if (decimals === 0) {
|
|
18
|
-
numberPattern = '\\d*';
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
numberPattern = `(?:(?:\\d+(${separator}\\d*)?)|(?:${separator}\\d*))?`;
|
|
22
|
-
}
|
|
23
|
-
return new RegExp(`^${signPattern}${numberPattern}$`);
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
export const decimalPart = (value) => {
|
|
29
|
-
return value >= 0 ? Math.floor(value) : Math.ceil(value);
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
35
|
-
export const noop = (_) => { };
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
export const defined = (value) => {
|
|
40
|
-
return typeof value !== 'undefined';
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* @hidden
|
|
44
|
-
*/
|
|
45
|
-
export const isNumber = (value) => {
|
|
46
|
-
return !isNaN(value) && value !== null;
|
|
47
|
-
};
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
export function pad(value, digits) {
|
|
52
|
-
const count = digits - String(value).length;
|
|
53
|
-
let result = value;
|
|
54
|
-
if (count > 0) {
|
|
55
|
-
const padString = new Array(count + 1).join("0");
|
|
56
|
-
result = parseFloat(value + padString);
|
|
57
|
-
}
|
|
58
|
-
return result;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* @hidden
|
|
62
|
-
*/
|
|
63
|
-
export const getDeltaFromMouseWheel = (e) => {
|
|
64
|
-
let delta = 0;
|
|
65
|
-
if (e.wheelDelta) {
|
|
66
|
-
delta = e.wheelDelta / 120;
|
|
67
|
-
delta = delta > 0 ? Math.ceil(delta) : Math.floor(delta);
|
|
68
|
-
}
|
|
69
|
-
else if (e.detail) {
|
|
70
|
-
delta = Math.round(-e.detail / 3);
|
|
71
|
-
}
|
|
72
|
-
return delta;
|
|
73
|
-
};
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
export const getCaretPosition = (element) => element.selectionStart;
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
export const extractSignificantNumericChars = (formattedString, separator) => {
|
|
82
|
-
const significantCharacters = `${separator}0123456789-`;
|
|
83
|
-
return formattedString.split('').reduce((acc, curr) => significantCharacters.includes(curr) ? ++acc : acc, 0);
|
|
84
|
-
};
|
|
85
|
-
/**
|
|
86
|
-
* @hidden
|
|
87
|
-
*/
|
|
88
|
-
export const isRightClick = (event) => {
|
|
89
|
-
const isRightClickIE = event.button && event.button === 2;
|
|
90
|
-
const isRightClickOther = event.which && event.which === 3;
|
|
91
|
-
return isRightClickIE || isRightClickOther;
|
|
92
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_NUMERICTEXTBOX } from './directives';
|
|
7
|
-
import { IconsService } from '@progress/kendo-angular-icons';
|
|
8
|
-
import { KENDO_ADORNMENTS } from '@progress/kendo-angular-common';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "./numerictextbox/numerictextbox.component";
|
|
11
|
-
import * as i2 from "./numerictextbox/localization/custom-messages.component";
|
|
12
|
-
import * as i3 from "@progress/kendo-angular-common";
|
|
13
|
-
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
14
|
-
/**
|
|
15
|
-
* Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the NumericTextBox component.
|
|
16
|
-
*
|
|
17
|
-
* Use this module to add the NumericTextBox component to your NgModule-based Angular application.
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```typescript
|
|
21
|
-
* import { NumericTextBoxModule } from '@progress/kendo-angular-inputs';
|
|
22
|
-
* import { NgModule } from '@angular/core';
|
|
23
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
24
|
-
* import { AppComponent } from './app.component';
|
|
25
|
-
*
|
|
26
|
-
* @NgModule({
|
|
27
|
-
* declarations: [AppComponent],
|
|
28
|
-
* imports: [BrowserModule, NumericTextBoxModule],
|
|
29
|
-
* bootstrap: [AppComponent]
|
|
30
|
-
* })
|
|
31
|
-
* export class AppModule {}
|
|
32
|
-
* ```
|
|
33
|
-
*/
|
|
34
|
-
export class NumericTextBoxModule {
|
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumericTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
36
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NumericTextBoxModule, imports: [i1.NumericTextBoxComponent, i2.NumericTextBoxCustomMessagesComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent], exports: [i1.NumericTextBoxComponent, i2.NumericTextBoxCustomMessagesComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent] });
|
|
37
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumericTextBoxModule, providers: [IconsService], imports: [i1.NumericTextBoxComponent, i3.SeparatorComponent, i3.SeparatorComponent] });
|
|
38
|
-
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumericTextBoxModule, decorators: [{
|
|
40
|
-
type: NgModule,
|
|
41
|
-
args: [{
|
|
42
|
-
imports: [...KENDO_NUMERICTEXTBOX, ...KENDO_ADORNMENTS],
|
|
43
|
-
exports: [...KENDO_NUMERICTEXTBOX, ...KENDO_ADORNMENTS],
|
|
44
|
-
providers: [IconsService]
|
|
45
|
-
}]
|
|
46
|
-
}] });
|
package/esm2022/otp.module.mjs
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from "@angular/core";
|
|
6
|
-
import { KENDO_OTPINPUT } from "./directives";
|
|
7
|
-
import { IconsService } from "@progress/kendo-angular-icons";
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./otpinput/otpinput.component";
|
|
10
|
-
import * as i2 from "./otpinput/localization/custom-messages.component";
|
|
11
|
-
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
12
|
-
/**
|
|
13
|
-
* Defines the [NgModule](link:site.data.urls.angular['ngmoduleapi']) for the OTP Input component.
|
|
14
|
-
*
|
|
15
|
-
* Use this module to add the OTP Input component to your NgModule-based Angular application.
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```typescript
|
|
19
|
-
* import { OTPInputModule } from '@progress/kendo-angular-inputs';
|
|
20
|
-
* import { NgModule } from '@angular/core';
|
|
21
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
22
|
-
* import { AppComponent } from './app.component';
|
|
23
|
-
*
|
|
24
|
-
* @NgModule({
|
|
25
|
-
* declarations: [AppComponent],
|
|
26
|
-
* imports: [BrowserModule, OTPInputModule],
|
|
27
|
-
* bootstrap: [AppComponent]
|
|
28
|
-
* })
|
|
29
|
-
* export class AppModule {}
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
|
-
export class OTPInputModule {
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
34
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: OTPInputModule, imports: [i1.OTPInputComponent, i2.OTPInputCustomMessagesComponent], exports: [i1.OTPInputComponent, i2.OTPInputCustomMessagesComponent] });
|
|
35
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputModule, providers: [IconsService], imports: [i1.OTPInputComponent] });
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputModule, decorators: [{
|
|
38
|
-
type: NgModule,
|
|
39
|
-
args: [{
|
|
40
|
-
imports: [...KENDO_OTPINPUT],
|
|
41
|
-
exports: [...KENDO_OTPINPUT],
|
|
42
|
-
providers: [IconsService]
|
|
43
|
-
}]
|
|
44
|
-
}] });
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { OTPInputMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* Provides custom messages for the OTP Input component.
|
|
12
|
-
*
|
|
13
|
-
* Use this component to override the default messages.
|
|
14
|
-
*/
|
|
15
|
-
export class OTPInputCustomMessagesComponent extends OTPInputMessages {
|
|
16
|
-
service;
|
|
17
|
-
constructor(service) {
|
|
18
|
-
super();
|
|
19
|
-
this.service = service;
|
|
20
|
-
}
|
|
21
|
-
get override() {
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: OTPInputCustomMessagesComponent, isStandalone: true, selector: "kendo-otpinput-messages", providers: [
|
|
26
|
-
{
|
|
27
|
-
provide: OTPInputMessages,
|
|
28
|
-
useExisting: forwardRef(() => OTPInputCustomMessagesComponent)
|
|
29
|
-
}
|
|
30
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
31
|
-
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputCustomMessagesComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{
|
|
35
|
-
providers: [
|
|
36
|
-
{
|
|
37
|
-
provide: OTPInputMessages,
|
|
38
|
-
useExisting: forwardRef(() => OTPInputCustomMessagesComponent)
|
|
39
|
-
}
|
|
40
|
-
],
|
|
41
|
-
selector: 'kendo-otpinput-messages',
|
|
42
|
-
template: ``,
|
|
43
|
-
standalone: true
|
|
44
|
-
}]
|
|
45
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, forwardRef } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { OTPInputMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class LocalizedOTPInputMessagesDirective extends OTPInputMessages {
|
|
14
|
-
service;
|
|
15
|
-
constructor(service) {
|
|
16
|
-
super();
|
|
17
|
-
this.service = service;
|
|
18
|
-
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedOTPInputMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedOTPInputMessagesDirective, isStandalone: true, selector: "[kendoOTPInputLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: OTPInputMessages,
|
|
23
|
-
useExisting: forwardRef(() => LocalizedOTPInputMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedOTPInputMessagesDirective, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{
|
|
30
|
-
providers: [
|
|
31
|
-
{
|
|
32
|
-
provide: OTPInputMessages,
|
|
33
|
-
useExisting: forwardRef(() => LocalizedOTPInputMessagesDirective)
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
selector: '[kendoOTPInputLocalizedMessages]',
|
|
37
|
-
standalone: true
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Input } from '@angular/core';
|
|
6
|
-
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export class OTPInputMessages extends ComponentMessages {
|
|
12
|
-
/**
|
|
13
|
-
* The aria-label of the OTP Input. Follows the pattern **Input {currentInput} of {totalInputs}, current value {value}** by default.
|
|
14
|
-
* Тhe default label text when the current input is 1, and the total number of inputs is 4 will be
|
|
15
|
-
* **Input 1 of 4, current value null**.
|
|
16
|
-
*
|
|
17
|
-
* The message consists of several parts - the current input number, the total number of inputs, the current value and a localizable string.
|
|
18
|
-
* To allow for reordering its parts, the `ariaLabel` input accepts a string with placeholders for the current input,
|
|
19
|
-
* total number of inputs and current value. The `{currentInput}`, `{totalInputs}` and `{currentValue}` placeholders will be
|
|
20
|
-
* replaced internally with the respective actual values.
|
|
21
|
-
*/
|
|
22
|
-
ariaLabel;
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
24
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: OTPInputMessages, selector: "kendo-otpinput-messages-base", inputs: { ariaLabel: "ariaLabel" }, usesInheritance: true, ngImport: i0 });
|
|
25
|
-
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputMessages, decorators: [{
|
|
27
|
-
type: Directive,
|
|
28
|
-
args: [{
|
|
29
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
30
|
-
selector: 'kendo-otpinput-messages-base'
|
|
31
|
-
}]
|
|
32
|
-
}], propDecorators: { ariaLabel: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}] } });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, HostBinding, Input } from "@angular/core";
|
|
6
|
-
import { NgClass } from "@angular/common";
|
|
7
|
-
import { IconWrapperComponent } from "@progress/kendo-angular-icons";
|
|
8
|
-
import { isPresent } from "@progress/kendo-angular-common";
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class OTPInputSeparatorComponent {
|
|
14
|
-
set separator(otpSeparator) {
|
|
15
|
-
this._separator = otpSeparator;
|
|
16
|
-
this.clearSeparator();
|
|
17
|
-
if (!isPresent(otpSeparator)) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
if (typeof otpSeparator === 'string') {
|
|
21
|
-
this.hasText = true;
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
if (typeof otpSeparator.value !== 'string') {
|
|
25
|
-
this.hasSVGIcon = otpSeparator?.type === 'svgIcon';
|
|
26
|
-
this.separatorSVGIcon = otpSeparator.value;
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
this.hasIconClass = otpSeparator?.type === 'iconClass';
|
|
30
|
-
this.hasFontIcon = otpSeparator?.type === 'fontIcon';
|
|
31
|
-
this.separatorIconString = otpSeparator.value;
|
|
32
|
-
}
|
|
33
|
-
get separator() {
|
|
34
|
-
return this._separator;
|
|
35
|
-
}
|
|
36
|
-
wrapperClass = true;
|
|
37
|
-
hasText;
|
|
38
|
-
hasIconClass;
|
|
39
|
-
hasSVGIcon;
|
|
40
|
-
hasFontIcon;
|
|
41
|
-
separatorIconString;
|
|
42
|
-
separatorSVGIcon;
|
|
43
|
-
_separator;
|
|
44
|
-
clearSeparator() {
|
|
45
|
-
this.hasText = false;
|
|
46
|
-
this.hasFontIcon = false;
|
|
47
|
-
this.hasIconClass = false;
|
|
48
|
-
this.hasSVGIcon = false;
|
|
49
|
-
}
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: OTPInputSeparatorComponent, isStandalone: true, selector: "kendo-otpinput-separator", inputs: { separator: "separator" }, host: { properties: { "class.k-otp-separator": "this.wrapperClass" } }, exportAs: ["kendoOTPInputSeparator"], ngImport: i0, template: `
|
|
52
|
-
@if (hasText) {
|
|
53
|
-
{{this.separator}}
|
|
54
|
-
}
|
|
55
|
-
@if (hasIconClass) {
|
|
56
|
-
<span [ngClass]="separatorIconString"></span>
|
|
57
|
-
}
|
|
58
|
-
@if (hasFontIcon || hasSVGIcon) {
|
|
59
|
-
<kendo-icon-wrapper
|
|
60
|
-
[name]="separatorIconString"
|
|
61
|
-
[svgIcon]="separatorSVGIcon"
|
|
62
|
-
></kendo-icon-wrapper>
|
|
63
|
-
}
|
|
64
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
65
|
-
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OTPInputSeparatorComponent, decorators: [{
|
|
67
|
-
type: Component,
|
|
68
|
-
args: [{
|
|
69
|
-
exportAs: 'kendoOTPInputSeparator',
|
|
70
|
-
selector: 'kendo-otpinput-separator',
|
|
71
|
-
template: `
|
|
72
|
-
@if (hasText) {
|
|
73
|
-
{{this.separator}}
|
|
74
|
-
}
|
|
75
|
-
@if (hasIconClass) {
|
|
76
|
-
<span [ngClass]="separatorIconString"></span>
|
|
77
|
-
}
|
|
78
|
-
@if (hasFontIcon || hasSVGIcon) {
|
|
79
|
-
<kendo-icon-wrapper
|
|
80
|
-
[name]="separatorIconString"
|
|
81
|
-
[svgIcon]="separatorSVGIcon"
|
|
82
|
-
></kendo-icon-wrapper>
|
|
83
|
-
}
|
|
84
|
-
`,
|
|
85
|
-
standalone: true,
|
|
86
|
-
imports: [NgClass, IconWrapperComponent]
|
|
87
|
-
}]
|
|
88
|
-
}], propDecorators: { separator: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], wrapperClass: [{
|
|
91
|
-
type: HostBinding,
|
|
92
|
-
args: ['class.k-otp-separator']
|
|
93
|
-
}] } });
|