@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,16 +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
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-inputs',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCode: 'KENDOUIANGULAR',
|
|
12
|
-
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate: 1768393111,
|
|
14
|
-
version: '21.4.1',
|
|
15
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
|
-
};
|
|
@@ -1,8 +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
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './index';
|
|
@@ -1,212 +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, ElementRef, forwardRef, Input, HostBinding, Renderer2, Output, EventEmitter, ChangeDetectorRef, NgZone, Injector } from '@angular/core';
|
|
6
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
7
|
-
import { EventsOutsideAngularDirective, KendoInput } from '@progress/kendo-angular-common';
|
|
8
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
|
-
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
|
-
import { packageMetadata } from '../package-metadata';
|
|
11
|
-
import { Subscription } from 'rxjs';
|
|
12
|
-
import { RadioCheckBoxBase } from '../common/radio-checkbox.base';
|
|
13
|
-
import { SharedInputEventsDirective } from '../shared/shared-events.directive';
|
|
14
|
-
import * as i0 from "@angular/core";
|
|
15
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
16
|
-
/**
|
|
17
|
-
* Represents the Kendo UI RadioButton component.
|
|
18
|
-
* Use this component to create a styled radio button in your Angular application.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```html
|
|
22
|
-
* <kendo-radiobutton
|
|
23
|
-
* [checked]="true"
|
|
24
|
-
* (checkedChange)="onCheckedChange($event)">
|
|
25
|
-
* </kendo-radiobutton>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export class RadioButtonComponent extends RadioCheckBoxBase {
|
|
29
|
-
renderer;
|
|
30
|
-
hostElement;
|
|
31
|
-
cdr;
|
|
32
|
-
ngZone;
|
|
33
|
-
injector;
|
|
34
|
-
localizationService;
|
|
35
|
-
hostClass = true;
|
|
36
|
-
direction;
|
|
37
|
-
/**
|
|
38
|
-
* Specifies the checked state of the RadioButton.
|
|
39
|
-
*
|
|
40
|
-
* @default false
|
|
41
|
-
*/
|
|
42
|
-
checked = false;
|
|
43
|
-
/**
|
|
44
|
-
* Fires when the checked state changes.
|
|
45
|
-
* The event does not fire when you change the state through `ngModel` or `formControl` bindings.
|
|
46
|
-
* Use this event for two-way binding of the `checked` property.
|
|
47
|
-
*/
|
|
48
|
-
checkedChange = new EventEmitter();
|
|
49
|
-
subs = new Subscription();
|
|
50
|
-
get defaultAttributes() {
|
|
51
|
-
return {
|
|
52
|
-
type: 'radio',
|
|
53
|
-
id: this.focusableId,
|
|
54
|
-
title: this.title,
|
|
55
|
-
tabindex: this.tabindex,
|
|
56
|
-
tabIndex: this.tabindex,
|
|
57
|
-
disabled: this.disabled ? '' : null,
|
|
58
|
-
value: this.value,
|
|
59
|
-
checked: this.checked,
|
|
60
|
-
name: this.name,
|
|
61
|
-
'aria-invalid': this.isControlInvalid
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
constructor(renderer, hostElement, cdr, ngZone, injector, localizationService) {
|
|
65
|
-
super('radio', hostElement, renderer, cdr, ngZone, injector);
|
|
66
|
-
this.renderer = renderer;
|
|
67
|
-
this.hostElement = hostElement;
|
|
68
|
-
this.cdr = cdr;
|
|
69
|
-
this.ngZone = ngZone;
|
|
70
|
-
this.injector = injector;
|
|
71
|
-
this.localizationService = localizationService;
|
|
72
|
-
validatePackage(packageMetadata);
|
|
73
|
-
this.direction = localizationService.rtl ? 'rtl' : 'ltr';
|
|
74
|
-
}
|
|
75
|
-
ngOnInit() {
|
|
76
|
-
super.ngOnInit();
|
|
77
|
-
this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => {
|
|
78
|
-
this.direction = rtl ? 'rtl' : 'ltr';
|
|
79
|
-
}));
|
|
80
|
-
}
|
|
81
|
-
ngAfterViewInit() {
|
|
82
|
-
const stylingInputs = ['size'];
|
|
83
|
-
stylingInputs.forEach(input => {
|
|
84
|
-
this.handleClasses(this[input], input);
|
|
85
|
-
});
|
|
86
|
-
// Otherwise the view is not updated in Reactive Forms - https://github.com/angular/angular/issues/13792
|
|
87
|
-
if (this.control) {
|
|
88
|
-
this.subs.add(this.control.valueChanges.subscribe(e => {
|
|
89
|
-
this.control.control.setValue(e, { emitEvent: false });
|
|
90
|
-
}));
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
ngOnDestroy() {
|
|
94
|
-
this.subs.unsubscribe();
|
|
95
|
-
}
|
|
96
|
-
/**
|
|
97
|
-
* @hidden
|
|
98
|
-
*/
|
|
99
|
-
handleChange = ($event) => {
|
|
100
|
-
this.ngZone.run(() => {
|
|
101
|
-
this.checked = $event.target.checked;
|
|
102
|
-
this.checkedChange.emit(this.checked);
|
|
103
|
-
this.ngChange($event.target.value);
|
|
104
|
-
});
|
|
105
|
-
};
|
|
106
|
-
/**
|
|
107
|
-
* @hidden
|
|
108
|
-
*/
|
|
109
|
-
writeValue(value) {
|
|
110
|
-
this.checked = value === this.value;
|
|
111
|
-
this.cdr.markForCheck();
|
|
112
|
-
}
|
|
113
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RadioButtonComponent, isStandalone: true, selector: "kendo-radiobutton", inputs: { checked: "checked" }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class.k-radio-wrap": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
115
|
-
LocalizationService,
|
|
116
|
-
{ provide: L10N_PREFIX, useValue: 'kendo.radiobutton' },
|
|
117
|
-
{
|
|
118
|
-
provide: NG_VALUE_ACCESSOR,
|
|
119
|
-
useExisting: forwardRef(() => RadioButtonComponent),
|
|
120
|
-
multi: true
|
|
121
|
-
},
|
|
122
|
-
{ provide: KendoInput, useExisting: forwardRef(() => RadioButtonComponent) }
|
|
123
|
-
], exportAs: ["kendoRadioButton"], usesInheritance: true, ngImport: i0, template: `
|
|
124
|
-
<ng-container
|
|
125
|
-
kendoInputSharedEvents
|
|
126
|
-
[hostElement]="hostElement"
|
|
127
|
-
[(isFocused)]="isFocused"
|
|
128
|
-
(handleBlur)="handleBlur()"
|
|
129
|
-
(onFocus)="handleFocus()"
|
|
130
|
-
>
|
|
131
|
-
<input #input
|
|
132
|
-
type="radio"
|
|
133
|
-
class="k-radio"
|
|
134
|
-
[id]="focusableId"
|
|
135
|
-
[attr.title]="title"
|
|
136
|
-
[disabled]="disabled"
|
|
137
|
-
[class.k-disabled]="disabled"
|
|
138
|
-
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
139
|
-
[value]="value"
|
|
140
|
-
[name]="name"
|
|
141
|
-
[checked]="checked"
|
|
142
|
-
[class.k-checked]="checked"
|
|
143
|
-
[attr.aria-invalid]="isControlInvalid"
|
|
144
|
-
[class.k-invalid]="isControlInvalid"
|
|
145
|
-
[attr.required]="isControlRequired ? '' : null"
|
|
146
|
-
[kendoEventsOutsideAngular]="{
|
|
147
|
-
blur: handleInputBlur,
|
|
148
|
-
change: handleChange
|
|
149
|
-
}"
|
|
150
|
-
/>
|
|
151
|
-
</ng-container>
|
|
152
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: SharedInputEventsDirective, selector: "[kendoInputSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
153
|
-
}
|
|
154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
155
|
-
type: Component,
|
|
156
|
-
args: [{
|
|
157
|
-
exportAs: 'kendoRadioButton',
|
|
158
|
-
providers: [
|
|
159
|
-
LocalizationService,
|
|
160
|
-
{ provide: L10N_PREFIX, useValue: 'kendo.radiobutton' },
|
|
161
|
-
{
|
|
162
|
-
provide: NG_VALUE_ACCESSOR,
|
|
163
|
-
useExisting: forwardRef(() => RadioButtonComponent),
|
|
164
|
-
multi: true
|
|
165
|
-
},
|
|
166
|
-
{ provide: KendoInput, useExisting: forwardRef(() => RadioButtonComponent) }
|
|
167
|
-
],
|
|
168
|
-
selector: 'kendo-radiobutton',
|
|
169
|
-
template: `
|
|
170
|
-
<ng-container
|
|
171
|
-
kendoInputSharedEvents
|
|
172
|
-
[hostElement]="hostElement"
|
|
173
|
-
[(isFocused)]="isFocused"
|
|
174
|
-
(handleBlur)="handleBlur()"
|
|
175
|
-
(onFocus)="handleFocus()"
|
|
176
|
-
>
|
|
177
|
-
<input #input
|
|
178
|
-
type="radio"
|
|
179
|
-
class="k-radio"
|
|
180
|
-
[id]="focusableId"
|
|
181
|
-
[attr.title]="title"
|
|
182
|
-
[disabled]="disabled"
|
|
183
|
-
[class.k-disabled]="disabled"
|
|
184
|
-
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
185
|
-
[value]="value"
|
|
186
|
-
[name]="name"
|
|
187
|
-
[checked]="checked"
|
|
188
|
-
[class.k-checked]="checked"
|
|
189
|
-
[attr.aria-invalid]="isControlInvalid"
|
|
190
|
-
[class.k-invalid]="isControlInvalid"
|
|
191
|
-
[attr.required]="isControlRequired ? '' : null"
|
|
192
|
-
[kendoEventsOutsideAngular]="{
|
|
193
|
-
blur: handleInputBlur,
|
|
194
|
-
change: handleChange
|
|
195
|
-
}"
|
|
196
|
-
/>
|
|
197
|
-
</ng-container>
|
|
198
|
-
`,
|
|
199
|
-
standalone: true,
|
|
200
|
-
imports: [SharedInputEventsDirective, EventsOutsideAngularDirective]
|
|
201
|
-
}]
|
|
202
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: i1.LocalizationService }], propDecorators: { hostClass: [{
|
|
203
|
-
type: HostBinding,
|
|
204
|
-
args: ['class.k-radio-wrap']
|
|
205
|
-
}], direction: [{
|
|
206
|
-
type: HostBinding,
|
|
207
|
-
args: ['attr.dir']
|
|
208
|
-
}], checked: [{
|
|
209
|
-
type: Input
|
|
210
|
-
}], checkedChange: [{
|
|
211
|
-
type: Output
|
|
212
|
-
}] } });
|
|
@@ -1,81 +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, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
|
|
6
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
7
|
-
import { getStylingClasses } from '../common/utils';
|
|
8
|
-
import { packageMetadata } from '../package-metadata';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
const DEFAULT_SIZE = 'medium';
|
|
11
|
-
/**
|
|
12
|
-
* Represents the directive that renders the Kendo UI RadioButton input component.
|
|
13
|
-
* Place the directive on `input type="radio"` HTML elements.
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```html
|
|
17
|
-
* <input type="radio" kendoRadioButton />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export class RadioButtonDirective {
|
|
21
|
-
renderer;
|
|
22
|
-
hostElement;
|
|
23
|
-
kendoClass = true;
|
|
24
|
-
get isDisabled() {
|
|
25
|
-
return this.hostElement.nativeElement.disabled;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Specifies the `size` of the RadioButton. The `size` property changes the width and height of the RadioButton ([see example]({% slug appearance_radiobuttondirective %}#toc-size)).
|
|
29
|
-
*
|
|
30
|
-
* @default "medium"
|
|
31
|
-
*/
|
|
32
|
-
set size(size) {
|
|
33
|
-
const newSize = size ? size : DEFAULT_SIZE;
|
|
34
|
-
this.handleClasses(newSize, 'size');
|
|
35
|
-
this._size = newSize;
|
|
36
|
-
}
|
|
37
|
-
get size() {
|
|
38
|
-
return this._size;
|
|
39
|
-
}
|
|
40
|
-
_size = 'medium';
|
|
41
|
-
constructor(renderer, hostElement) {
|
|
42
|
-
this.renderer = renderer;
|
|
43
|
-
this.hostElement = hostElement;
|
|
44
|
-
validatePackage(packageMetadata);
|
|
45
|
-
}
|
|
46
|
-
ngAfterViewInit() {
|
|
47
|
-
// kept in sync with other inputs for easier refactoring
|
|
48
|
-
// to a common base class
|
|
49
|
-
const stylingInputs = ['size'];
|
|
50
|
-
stylingInputs.forEach(input => {
|
|
51
|
-
this.handleClasses(this[input], input);
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
handleClasses(value, input) {
|
|
55
|
-
const elem = this.hostElement.nativeElement;
|
|
56
|
-
const classes = getStylingClasses('radio', input, this[input], value);
|
|
57
|
-
if (classes.toRemove) {
|
|
58
|
-
this.renderer.removeClass(elem, classes.toRemove);
|
|
59
|
-
}
|
|
60
|
-
if (classes.toAdd) {
|
|
61
|
-
this.renderer.addClass(elem, classes.toAdd);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
65
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RadioButtonDirective, isStandalone: true, selector: "input[kendoRadioButton]", inputs: { size: "size" }, host: { properties: { "class.k-radio": "this.kendoClass", "class.k-disabled": "this.isDisabled" } }, ngImport: i0 });
|
|
66
|
-
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonDirective, decorators: [{
|
|
68
|
-
type: Directive,
|
|
69
|
-
args: [{
|
|
70
|
-
selector: 'input[kendoRadioButton]',
|
|
71
|
-
standalone: true
|
|
72
|
-
}]
|
|
73
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { kendoClass: [{
|
|
74
|
-
type: HostBinding,
|
|
75
|
-
args: ['class.k-radio']
|
|
76
|
-
}], isDisabled: [{
|
|
77
|
-
type: HostBinding,
|
|
78
|
-
args: ['class.k-disabled']
|
|
79
|
-
}], size: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}] } });
|
|
@@ -1,43 +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_RADIOBUTTON } from './directives';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "./radiobutton/radiobutton.component";
|
|
9
|
-
import * as i2 from "./radiobutton/radiobutton.directive";
|
|
10
|
-
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
11
|
-
/**
|
|
12
|
-
* Defines the [NgModule](link:site.data.urls.angular['ngmoduleapi']) for the RadioButton directive and RadioButton component.
|
|
13
|
-
*
|
|
14
|
-
* Use this module to add the RadioButton directive and component to your NgModule-based Angular application.
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
*
|
|
18
|
-
* ```typescript
|
|
19
|
-
* import { RadioButtonModule } 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, RadioButtonModule],
|
|
27
|
-
* bootstrap: [AppComponent]
|
|
28
|
-
* })
|
|
29
|
-
* export class AppModule {}
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
|
-
export class RadioButtonModule {
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
34
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonModule, imports: [i1.RadioButtonComponent, i2.RadioButtonDirective], exports: [i1.RadioButtonComponent, i2.RadioButtonDirective] });
|
|
35
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonModule });
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonModule, decorators: [{
|
|
38
|
-
type: NgModule,
|
|
39
|
-
args: [{
|
|
40
|
-
imports: [...KENDO_RADIOBUTTON],
|
|
41
|
-
exports: [...KENDO_RADIOBUTTON]
|
|
42
|
-
}]
|
|
43
|
-
}] });
|
|
@@ -1,53 +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 { RangeSliderMessages } from './messages';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
-
/**
|
|
11
|
-
* Lets you override the default messages of the RangeSlider component.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
*
|
|
15
|
-
* ```html
|
|
16
|
-
* <kendo-rangeslider-messages
|
|
17
|
-
* decreaseHandle="Decrease handle"
|
|
18
|
-
* increaseHandle="Increase handle"
|
|
19
|
-
* decreaseRange="Decrease range">
|
|
20
|
-
* </kendo-rangeslider-messages>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class RangeSliderCustomMessagesComponent extends RangeSliderMessages {
|
|
24
|
-
service;
|
|
25
|
-
constructor(service) {
|
|
26
|
-
super();
|
|
27
|
-
this.service = service;
|
|
28
|
-
}
|
|
29
|
-
get override() {
|
|
30
|
-
return true;
|
|
31
|
-
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RangeSliderCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RangeSliderCustomMessagesComponent, isStandalone: true, selector: "kendo-rangeslider-messages", providers: [
|
|
34
|
-
{
|
|
35
|
-
provide: RangeSliderMessages,
|
|
36
|
-
useExisting: forwardRef(() => RangeSliderCustomMessagesComponent)
|
|
37
|
-
}
|
|
38
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
39
|
-
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RangeSliderCustomMessagesComponent, decorators: [{
|
|
41
|
-
type: Component,
|
|
42
|
-
args: [{
|
|
43
|
-
providers: [
|
|
44
|
-
{
|
|
45
|
-
provide: RangeSliderMessages,
|
|
46
|
-
useExisting: forwardRef(() => RangeSliderCustomMessagesComponent)
|
|
47
|
-
}
|
|
48
|
-
],
|
|
49
|
-
selector: 'kendo-rangeslider-messages',
|
|
50
|
-
template: ``,
|
|
51
|
-
standalone: true
|
|
52
|
-
}]
|
|
53
|
-
}], 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 { RangeSliderMessages } 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 LocalizedRangeSliderMessagesDirective extends RangeSliderMessages {
|
|
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: LocalizedRangeSliderMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedRangeSliderMessagesDirective, isStandalone: true, selector: "[kendoSliderLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: RangeSliderMessages,
|
|
23
|
-
useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, decorators: [{
|
|
28
|
-
type: Directive,
|
|
29
|
-
args: [{
|
|
30
|
-
providers: [
|
|
31
|
-
{
|
|
32
|
-
provide: RangeSliderMessages,
|
|
33
|
-
useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
selector: '[kendoSliderLocalizedMessages]',
|
|
37
|
-
standalone: true
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -1,33 +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 RangeSliderMessages extends ComponentMessages {
|
|
12
|
-
/**
|
|
13
|
-
* The title of the range `start` drag handle.
|
|
14
|
-
*/
|
|
15
|
-
dragHandleStart;
|
|
16
|
-
/**
|
|
17
|
-
* The title of the range `end` drag handle.
|
|
18
|
-
*/
|
|
19
|
-
dragHandleEnd;
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RangeSliderMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
21
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RangeSliderMessages, selector: "kendo-rangeslider-messages-base", inputs: { dragHandleStart: "dragHandleStart", dragHandleEnd: "dragHandleEnd" }, usesInheritance: true, ngImport: i0 });
|
|
22
|
-
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RangeSliderMessages, decorators: [{
|
|
24
|
-
type: Directive,
|
|
25
|
-
args: [{
|
|
26
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
27
|
-
selector: 'kendo-rangeslider-messages-base'
|
|
28
|
-
}]
|
|
29
|
-
}], propDecorators: { dragHandleStart: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}], dragHandleEnd: [{
|
|
32
|
-
type: Input
|
|
33
|
-
}] } });
|
|
@@ -1,53 +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 { isStartHandle } from './../sliders-common/sliders-util';
|
|
6
|
-
import { trimValueRange, calculateHandlePosition } from '../sliders-common/sliders-util';
|
|
7
|
-
import { SliderModelBase } from '../sliders-common/slider-model.base';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export class RangeSliderModel extends SliderModelBase {
|
|
12
|
-
startHandlePosition;
|
|
13
|
-
endHandlePosition;
|
|
14
|
-
positionHandle(dragHandle) {
|
|
15
|
-
if (!dragHandle.id) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
const { max, min, reverse, vertical } = this.props;
|
|
19
|
-
const position = vertical ? 'bottom' : reverse ? 'right' : 'left';
|
|
20
|
-
const trackWidth = this.trackWidth();
|
|
21
|
-
const value = isStartHandle(dragHandle) ? trimValueRange(max, min, this.props.value)[0]
|
|
22
|
-
: trimValueRange(max, min, this.props.value)[1];
|
|
23
|
-
if (isStartHandle(dragHandle)) {
|
|
24
|
-
this.startHandlePosition = calculateHandlePosition({
|
|
25
|
-
min,
|
|
26
|
-
max,
|
|
27
|
-
reverse,
|
|
28
|
-
value,
|
|
29
|
-
trackWidth
|
|
30
|
-
});
|
|
31
|
-
this.renderer.setStyle(dragHandle, position, `${this.startHandlePosition}px`);
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
this.endHandlePosition = calculateHandlePosition({
|
|
35
|
-
min,
|
|
36
|
-
max,
|
|
37
|
-
reverse,
|
|
38
|
-
value,
|
|
39
|
-
trackWidth
|
|
40
|
-
});
|
|
41
|
-
this.renderer.setStyle(dragHandle, position, `${this.endHandlePosition}px`);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
positionSelection(dragHandle, selection) {
|
|
45
|
-
const { reverse, vertical } = this.props;
|
|
46
|
-
const dimension = vertical ? 'height' : 'width';
|
|
47
|
-
const position = vertical ? 'bottom' : reverse ? 'right' : 'left';
|
|
48
|
-
const size = Math.abs(this.endHandlePosition - this.startHandlePosition);
|
|
49
|
-
const currentSelectionPosition = vertical ? dragHandle.style.bottom : reverse ? dragHandle.style.right : dragHandle.style.left;
|
|
50
|
-
this.renderer.setStyle(selection, dimension, `${size}px`);
|
|
51
|
-
this.renderer.setStyle(selection, position, parseFloat(currentSelectionPosition) + 'px');
|
|
52
|
-
}
|
|
53
|
-
}
|
|
@@ -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 {};
|