@progress/kendo-angular-inputs 17.0.0-develop.4 → 17.0.0-develop.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -166
- 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 +143 -126
- package/{esm2020 → esm2022}/colorpicker/color-input.component.mjs +70 -50
- package/{esm2020 → esm2022}/colorpicker/color-palette.component.mjs +129 -98
- package/{esm2020 → esm2022}/colorpicker/colorpicker.component.mjs +212 -159
- 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 +24 -14
- 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 +206 -152
- 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 +122 -100
- 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 +3724 -2916
- 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/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
package/README.md
CHANGED
|
@@ -2,182 +2,69 @@
|
|
|
2
2
|
<img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
|
|
3
3
|
</a>
|
|
4
4
|
|
|
5
|
-
## Kendo UI for Angular Inputs Package (
|
|
5
|
+
## Kendo UI for Angular Inputs Package (CheckBox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Rating, Signature, Slider, Switch, TextArea, and TextBox Components)
|
|
6
6
|
|
|
7
|
-
>
|
|
8
|
-
> *
|
|
9
|
-
> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs).
|
|
10
|
-
> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs).
|
|
7
|
+
> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
|
|
8
|
+
> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
|
|
11
9
|
> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
|
|
12
10
|
>
|
|
13
|
-
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui
|
|
11
|
+
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
|
|
14
12
|
|
|
15
|
-
The [Kendo UI for Angular Inputs package](https://www.telerik.com/kendo-angular-ui/components/inputs
|
|
13
|
+
The [Kendo UI for Angular Inputs package](https://www.telerik.com/kendo-angular-ui/components/inputs/) is a collection of components that render interactive and accessible input fields, each specialized for their specific format.
|
|
16
14
|
|
|
17
15
|
<img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/component-pages/angular/textarea---forms-support.jpg" alt="Form Example using various inputs such as MaskedTextBox, NumericTextBox, and TextArea in Angular" >
|
|
18
16
|
|
|
19
|
-
What's Included in
|
|
20
|
-
|
|
21
|
-
* [Angular
|
|
22
|
-
* [Angular ColorGradient Component](
|
|
23
|
-
* [Angular ColorPalette Component](
|
|
24
|
-
* [Angular ColorPicker Component](
|
|
25
|
-
* [Angular FlatColorPicker Component](
|
|
26
|
-
* [Angular FormField Component](
|
|
27
|
-
* [Angular MaskedTextBox Component](
|
|
28
|
-
* [Angular NumericTextBox Component](
|
|
29
|
-
* [Angular RadioButton Component](
|
|
30
|
-
* [Angular RangeSlider Component](
|
|
31
|
-
* [Angular
|
|
32
|
-
* [Angular
|
|
33
|
-
* [Angular
|
|
34
|
-
* [Angular
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
*
|
|
43
|
-
*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
The [Angular
|
|
59
|
-
|
|
60
|
-
### More Features
|
|
61
|
-
|
|
62
|
-
* [Contrast Tool](https://www.telerik.com/kendo-angular-ui/components/inputs/colorgradient/contrast-tool/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—This optional tool checks the contrast ratio between two colors to ensures that the selected color meets certain contrast requirements like AA or AAA.
|
|
63
|
-
* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/colorgradient/custom/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Choose to show or hide certain controls such as opacity.
|
|
64
|
-
|
|
65
|
-
## Angular ColorPalette Component
|
|
66
|
-
|
|
67
|
-
The [Angular ColorPalette Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) renders sets of predefined colors from which users can choose. A common example is swithcing clothing colors when online shopping.
|
|
68
|
-
|
|
69
|
-
### More Features
|
|
70
|
-
|
|
71
|
-
* [Color Presets](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/presets/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—This component provides a set of preset palettes or you can define your own.
|
|
72
|
-
* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/custom/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Built-in options help you specify rendering, columns, and tile sizes, and to customize the color formats palettes.
|
|
73
|
-
|
|
74
|
-
## Angular ColorPicker Component
|
|
75
|
-
|
|
76
|
-
The [Angular ColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) combines the ColorGradient and ColorPalette to provide a rich color selection tool that appears in a popup and provides a variety of ways to select colors as well as a preview of selected colors.
|
|
77
|
-
|
|
78
|
-
### More Features
|
|
79
|
-
|
|
80
|
-
* [Contrast Tool](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/contrast-tool/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—This optional tool checks the contrast ratio between two colors to ensures that the selected color meets certain contrast requirements like AA or AAA.
|
|
81
|
-
* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/custom/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—For ultimate flexibility, you can configure each building block including views toggles, clear button, action buttons, palette view, gradient view, and icons.
|
|
82
|
-
* [Control the Open State](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/open-state/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Determine whether the popup is open or closed when the component loads.
|
|
83
|
-
|
|
84
|
-
## Angular FlatColorPicker Component
|
|
85
|
-
|
|
86
|
-
The [Angular FlatColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/) is the same as the Angular ColorPicker, except the picker is not hidden in a popup. It renders directly on the page.
|
|
87
|
-
|
|
88
|
-
### More Features
|
|
89
|
-
|
|
90
|
-
* [Contrast Tool](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/contrast-tool/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—This optional tool checks the contrast ratio between two colors to ensures that the selected color meets certain contrast requirements like AA or AAA.
|
|
91
|
-
* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/customization/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—For ultimate flexibility, you can configure each building block including views toggles, clear button, action buttons, palette view, gradient view, and icons.
|
|
92
|
-
|
|
93
|
-
## Angular FormField Component
|
|
94
|
-
|
|
95
|
-
The [Angular FormField Component](https://www.telerik.com/kendo-angular-ui/components/inputs/formfield/) helps you group form related content to layout out and configure fields, labels, hints, and error messages.
|
|
96
|
-
|
|
97
|
-
## Angular MaskedTextBox Component
|
|
98
|
-
|
|
99
|
-
The [Angular MaskedTextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) enables you to control input by enforcing format using a mask. A common example is requiring phone number formats.
|
|
100
|
-
|
|
101
|
-
### More Features
|
|
102
|
-
|
|
103
|
-
* [Masks](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/masks/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—The Angular NumericTextBox includes a set of predefined masks, but also allows you to create your own.
|
|
104
|
-
* [Validation](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/validation/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—A built-in validator enforces formatting rules.
|
|
105
|
-
|
|
106
|
-
## Angular NumericTextBox Component
|
|
107
|
-
|
|
108
|
-
The [Angular NumericTextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) provides spin buttons to help users enter and edit numeric bvalues.
|
|
109
|
-
|
|
110
|
-
### More Features
|
|
111
|
-
|
|
112
|
-
* [Restrictions](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/precision/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Control user input by restricting elements such as fraction length, value ranges, and maximum length.
|
|
113
|
-
* [Predefined Steps](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/predefined-step/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Specify the value by which the value increments up or down when the spin buttons are clicked.
|
|
114
|
-
|
|
115
|
-
## Angular RadioButton Component
|
|
116
|
-
|
|
117
|
-
The [Angular RadioButton Component](https://www.telerik.com/kendo-angular-ui/components/inputs/radiobutton/l&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a directive that helps you style the radio input element.
|
|
118
|
-
|
|
119
|
-
### More Features
|
|
120
|
-
|
|
121
|
-
* [Labels](https://www.telerik.com/kendo-angular-ui/components/inputs/radiobutton/labels/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Associate a label through HTML elements or use the [Kendo UI for Angular Label Component](https://www.telerik.com/kendo-angular-ui/label?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs).
|
|
122
|
-
|
|
123
|
-
## Angular RangeSlider Component
|
|
124
|
-
|
|
125
|
-
The [Angular RangeSlider Component](https://www.telerik.com/kendo-angular-ui/components/inputs/rangeslider/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) allows users to visually specify numberic ranges by dragging its handles or clicking its track.
|
|
126
|
-
|
|
127
|
-
### More Features
|
|
128
|
-
|
|
129
|
-
* [Orientation](https://www.telerik.com/kendo-angular-ui/components/inputs/rangeslider/orientation/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Choose to render the Angular RangeSlider horizontally or vertically.
|
|
130
|
-
* [Ticks](https://www.telerik.com/kendo-angular-ui/components/inputs/rangeslider/ticks/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Configure the placement, titles, and width or the ticks that designate value steps along the track.
|
|
131
|
-
* [Predefined Steps](https://www.telerik.com/kendo-angular-ui/components/inputs/rangeslider/predefined-steps/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Configure the way the RangeSlider divides its range and updates the value by using the step options.
|
|
132
|
-
|
|
133
|
-
## Angular Slider Component
|
|
134
|
-
|
|
135
|
-
The [Angular Slider Component](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) enables the user to increase, decrease, and select predefined values by dragging its handle along the track, or by clicking its side arrow buttons.
|
|
136
|
-
|
|
137
|
-
### More Features
|
|
138
|
-
|
|
139
|
-
* [Orientation](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/orientation/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Choose to render the Angular Slider horizontally or vertically.
|
|
140
|
-
* [Ticks](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/ticks/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Configure the placement, titles, and width or the ticks that designate value steps along the track.
|
|
141
|
-
* [Predefined Steps](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/predefined-steps/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Configure the way the Slider divides its range and updates the value by using the step options.
|
|
142
|
-
* [Side Buttons](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/side-buttons/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Configure the side buttons that increase or decrease value by showing or hiding and displaying titles.
|
|
143
|
-
|
|
144
|
-
## Angular Switch Component
|
|
145
|
-
|
|
146
|
-
The [Angular Switch Component](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a visual toggle that switches between checked and unchecked states.
|
|
147
|
-
|
|
148
|
-
## Angular TextArea Component
|
|
149
|
-
|
|
150
|
-
The [Angular TextArea Component](https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) provides a highly customizable UI for entering and displaying multiple lines of text.
|
|
151
|
-
|
|
152
|
-
### More Features
|
|
153
|
-
|
|
154
|
-
* [Character Counter](https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/character-counter/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Set a maximum length and show the character count and the max value.
|
|
155
|
-
* [Adornments](https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/adornments/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Add custom items such as close buttons, insert attachement buttons, and settings buttons.
|
|
156
|
-
|
|
157
|
-
## Angular TextBox Component
|
|
158
|
-
|
|
159
|
-
The [Angular TextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) provides options for creating composite inputs that you can integrate within forms or use as standalone items.
|
|
160
|
-
|
|
161
|
-
### More Features
|
|
162
|
-
|
|
163
|
-
* [Character Counter](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/character-counter/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Set a maximum length and show the character count and the max value.
|
|
164
|
-
* [Adornments](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/adornments/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Add custom items such as close buttons, insert attachement buttons, and settings buttons.
|
|
165
|
-
* [Validation Icons](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/validation-icons/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)—Use built-in or custom icons to indicate successful and erroneous processes based on different conditions or validation.
|
|
166
|
-
|
|
17
|
+
## What's Included in the Angular Inputs Package
|
|
18
|
+
|
|
19
|
+
* [Angular CheckBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/checkbox/)—Allows the user to toggle between checked and unchecked states. It supports all regular HTML checkbox attributes and Angular bindings.
|
|
20
|
+
* [Angular ColorGradient Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorgradient/)—Renders a gradient with hue and alpha sliders for interactive color picking as well as inputs to manually enter a desired color.
|
|
21
|
+
* [Angular ColorPalette Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/)—Renders sets of predefined colors from which users can choose. A common example is swithcing clothing colors when online shopping.
|
|
22
|
+
* [Angular ColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/)—Combines the ColorGradient and ColorPalette to provide a rich color selection tool that appears in a popup and provides a variety of ways to select colors as well as a preview of selected colors.
|
|
23
|
+
* [Angular FlatColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/)—The same as the Angular ColorPicker, except the picker is not hidden in a popup. It renders directly on the page.
|
|
24
|
+
* [Angular FormField Component](https://www.telerik.com/kendo-angular-ui/components/inputs/formfield/)—Helps you group form related content to lay out and configure fields, labels, hints, and error messages.
|
|
25
|
+
* [Angular MaskedTextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/)—Enables you to control input by enforcing format using a mask. A common example is requiring phone number formats.
|
|
26
|
+
* [Angular NumericTextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/)—Provides spin buttons to help users enter and edit numeric values.
|
|
27
|
+
* [Angular RadioButton Component](https://www.telerik.com/kendo-angular-ui/components/inputs/radiobutton/)—Allows you to create a list of radio buttons where you can only select one of the predefined options. It supports all regular HTML checkbox attributes and Angular bindings.
|
|
28
|
+
* [Angular RangeSlider Component](https://www.telerik.com/kendo-angular-ui/components/inputs/rangeslider/)—Allows users to visually specify numeric ranges by dragging its handles or clicking its track.
|
|
29
|
+
* [Angular Rating Component](https://www.telerik.com/kendo-angular-ui/components/inputs/rating)—Enables the user to increase, decrease, and select predefined values by clicking its icons along or using the arrow keys.
|
|
30
|
+
* [Angular Signature Component](https://www.telerik.com/kendo-angular-ui/components/inputs/signature)—Enables the user to create handwritten signatures and submit them as part of a form.
|
|
31
|
+
* [Angular Slider Component](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/)—Enables the user to increase, decrease, and select predefined values by dragging its handle along the track, or by clicking its side arrow buttons.
|
|
32
|
+
* [Angular Switch Component](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/)—A visual toggle that switches between checked and unchecked states.
|
|
33
|
+
* [Angular TextArea Component](https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/)—Provides a highly customizable UI for entering and displaying multiple lines of text.
|
|
34
|
+
* [Angular TextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/)—Provides options for creating composite inputs that you can integrate within forms or use as standalone items.
|
|
35
|
+
|
|
36
|
+
## Key Features
|
|
37
|
+
|
|
38
|
+
Among the many features which the Kendo UI for Angular Inputs deliver are:
|
|
39
|
+
|
|
40
|
+
* [Delaying Input Value Changes](https://www.telerik.com/kendo-angular-ui/components/inputs/debounce-valuechange)—By default, value updates are processed immediately after the input. But, if you need to allow time for complex scenarios and operations, you can configure a slight delay before the components accept the new input value.
|
|
41
|
+
* [Disabled Inputs](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/disabled-state)—Display the Inputs in their disabled state so that, if need be present, users will not be able to interact with them.
|
|
42
|
+
* [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/forms)—The Inputs provide support both for the asynchronous template-driven Angular forms and the predominantly synchronous reactive Angular forms. This feature allows you to draw on the logic set either in the template, or in the component or typescript code.
|
|
43
|
+
* [Appearance](https://www.telerik.com/kendo-angular-ui/components/inputs/styling)—All aspects of the Inputs can be customized by theme variables or configuration options. Kendo UI for Angular delivers a set of popular themes including Bootstrap and Material, all of which can be easily customized with the Progress ThemeBuilder online utility.
|
|
44
|
+
* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/custom)—The color-picking Inputs provide various configuration options for the user to specify their rendering and customize certain aspects of the components' appearance.
|
|
45
|
+
* [Adornments](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/adornments)—You can enhance the visual and functional aspects of the text-based Inputs by using custom adornments in the form of prefixes and suffixes.
|
|
46
|
+
* [Labels](https://www.telerik.com/kendo-angular-ui/components/inputs/checkbox/labels)—You have the ability to display labels for the Inputs by associating them with a label element. Some of the Inputs also provide built-in properties for customizing their internal labels.
|
|
47
|
+
* [Globalization](https://www.telerik.com/kendo-angular-ui/components/inputs/globalization)—The Kendo UI for Angular Inputs support globalization to ensure that each Inputs component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Inputs support rendering in a right-to-left (RTL) direction.
|
|
48
|
+
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/accessibility)—The Inputs are accessible for screen readers and support WAI-ARIA attributes.
|
|
49
|
+
* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/keyboard-navigation)—The Inputs support a number of keyboard shortcuts which alow users to accomplish various commands.
|
|
50
|
+
|
|
51
|
+
## Support Options
|
|
52
|
+
|
|
53
|
+
For any issues you might encounter while working with the Kendo UI for Angular Inputs, you have the following support channels available:
|
|
54
|
+
|
|
55
|
+
* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
|
|
56
|
+
* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
|
|
57
|
+
* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
|
|
167
58
|
|
|
168
59
|
## Resources
|
|
169
60
|
|
|
170
|
-
* [
|
|
171
|
-
* [
|
|
172
|
-
* [
|
|
173
|
-
* [Kendo UI for Angular
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
|
|
178
|
-
* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
|
|
179
|
-
* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
|
|
180
|
-
* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
|
|
61
|
+
* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
|
|
62
|
+
* [Getting Started with the Kendo UI for Angular Inputs](https://www.telerik.com/kendo-angular-ui/components/inputs/installation/getting-started)
|
|
63
|
+
* [Inputs Overview page](https://www.telerik.com/kendo-angular-ui/components/inputs) and [Inputs API reference](https://www.telerik.com/kendo-angular-ui/components/inputs/api)
|
|
64
|
+
* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
|
|
65
|
+
* [Kendo UI for Angular Blog](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
|
|
66
|
+
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
|
|
67
|
+
* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
|
|
181
68
|
|
|
182
69
|
*Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
|
|
183
70
|
|
|
@@ -67,5 +67,5 @@ export declare class CheckBoxComponent extends RadioCheckBoxBase implements Cont
|
|
|
67
67
|
*/
|
|
68
68
|
writeValue(value: any): void;
|
|
69
69
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxComponent, never>;
|
|
70
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "kendo-checkbox", ["kendoCheckBox"], { "checkedState": "checkedState"; "rounded": "rounded"; }, { "checkedStateChange": "checkedStateChange"; }, never, never, true, never>;
|
|
70
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "kendo-checkbox", ["kendoCheckBox"], { "checkedState": { "alias": "checkedState"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, { "checkedStateChange": "checkedStateChange"; }, never, never, true, never>;
|
|
71
71
|
}
|
|
@@ -48,5 +48,5 @@ export declare class CheckBoxDirective {
|
|
|
48
48
|
ngAfterViewInit(): void;
|
|
49
49
|
private handleClasses;
|
|
50
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxDirective, never>;
|
|
51
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxDirective, "input[kendoCheckBox]", never, { "size": "size"; "rounded": "rounded"; }, {}, never, never, true, never>;
|
|
51
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxDirective, "input[kendoCheckBox]", never, { "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, never, true, never>;
|
|
52
52
|
}
|
|
@@ -25,5 +25,5 @@ export declare class ColorContrastSvgComponent implements AfterViewInit, OnChang
|
|
|
25
25
|
private findValue;
|
|
26
26
|
private getPaths;
|
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorContrastSvgComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColorContrastSvgComponent, "[kendoColorContrastSvg]", never, { "wrapper": "wrapper"; "hsva": "hsva"; "backgroundColor": "backgroundColor"; }, {}, never, never, true, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorContrastSvgComponent, "[kendoColorContrastSvg]", never, { "wrapper": { "alias": "wrapper"; "required": false; }; "hsva": { "alias": "hsva"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, {}, never, never, true, never>;
|
|
29
29
|
}
|
|
@@ -16,5 +16,5 @@ export declare class NumericLabelDirective implements OnInit {
|
|
|
16
16
|
constructor(host: NumericTextBoxComponent);
|
|
17
17
|
ngOnInit(): void;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<NumericLabelDirective, never>;
|
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NumericLabelDirective, "[kendoAdditionalNumericLabel]", never, { "kendoAdditionalNumericLabel": "kendoAdditionalNumericLabel"; "localizationService": "localizationService"; }, {}, never, never, true, never>;
|
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NumericLabelDirective, "[kendoAdditionalNumericLabel]", never, { "kendoAdditionalNumericLabel": { "alias": "kendoAdditionalNumericLabel"; "required": false; }; "localizationService": { "alias": "localizationService"; "required": false; }; }, {}, never, never, true, never>;
|
|
20
20
|
}
|
|
@@ -277,5 +277,5 @@ export declare class ColorGradientComponent implements OnInit, OnChanges, OnDest
|
|
|
277
277
|
private subscribeChanges;
|
|
278
278
|
private unsubscribeChanges;
|
|
279
279
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorGradientComponent, never>;
|
|
280
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColorGradientComponent, "kendo-colorgradient", ["kendoColorGradient"], { "id": "id"; "opacity": "opacity"; "disabled": "disabled"; "readonly": "readonly"; "clearButton": "clearButton"; "delay": "delay"; "value": "value"; "contrastTool": "contrastTool"; "tabindex": "tabindex"; "format": "format"; "gradientSliderStep": "gradientSliderStep"; "gradientSliderSmallStep": "gradientSliderSmallStep"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
280
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorGradientComponent, "kendo-colorgradient", ["kendoColorGradient"], { "id": { "alias": "id"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "value": { "alias": "value"; "required": false; }; "contrastTool": { "alias": "contrastTool"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "format": { "alias": "format"; "required": false; }; "gradientSliderStep": { "alias": "gradientSliderStep"; "required": false; }; "gradientSliderSmallStep": { "alias": "gradientSliderSmallStep"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
281
281
|
}
|
|
@@ -93,5 +93,5 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
|
|
|
93
93
|
private initDomEvents;
|
|
94
94
|
private lastInput;
|
|
95
95
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorInputComponent, never>;
|
|
96
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColorInputComponent, "kendo-colorinput", never, { "focusableId": "focusableId"; "formatView": "formatView"; "tabindex": "tabindex"; "value": "value"; "opacity": "opacity"; "disabled": "disabled"; "readonly": "readonly"; }, { "valueChange": "valueChange"; "tabOut": "tabOut"; }, never, never, true, never>;
|
|
96
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorInputComponent, "kendo-colorinput", never, { "focusableId": { "alias": "focusableId"; "required": false; }; "formatView": { "alias": "formatView"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "valueChange": "valueChange"; "tabOut": "tabOut"; }, never, never, true, never>;
|
|
97
97
|
}
|
|
@@ -219,5 +219,5 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
|
|
|
219
219
|
private notifyNgTouched;
|
|
220
220
|
private notifyNgChanged;
|
|
221
221
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPaletteComponent, never>;
|
|
222
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColorPaletteComponent, "kendo-colorpalette", ["kendoColorPalette"], { "id": "id"; "format": "format"; "value": "value"; "columns": "columns"; "palette": "palette"; "tabindex": "tabindex"; "disabled": "disabled"; "readonly": "readonly"; "tileSize": "tileSize"; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "cellSelection": "cellSelection"; }, never, never, true, never>;
|
|
222
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorPaletteComponent, "kendo-colorpalette", ["kendoColorPalette"], { "id": { "alias": "id"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tileSize": { "alias": "tileSize"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "cellSelection": "cellSelection"; }, never, never, true, never>;
|
|
223
223
|
}
|
|
@@ -379,5 +379,5 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
|
|
|
379
379
|
private domFocusListener;
|
|
380
380
|
private handleHostId;
|
|
381
381
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
|
|
382
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "kendo-colorpicker", ["kendoColorPicker"], { "views": "views"; "view": "view"; "activeView": "activeView"; "readonly": "readonly"; "disabled": "disabled"; "format": "format"; "value": "value"; "popupSettings": "popupSettings"; "paletteSettings": "paletteSettings"; "gradientSettings": "gradientSettings"; "icon": "icon"; "iconClass": "iconClass"; "svgIcon": "svgIcon"; "clearButton": "clearButton"; "tabindex": "tabindex"; "preview": "preview"; "actionsLayout": "actionsLayout"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "cancel": "cancel"; "activeColorClick": "activeColorClick"; "clearButtonClick": "clearButtonClick"; "activeViewChange": "activeViewChange"; }, never, never, true, never>;
|
|
382
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "kendo-colorpicker", ["kendoColorPicker"], { "views": { "alias": "views"; "required": false; }; "view": { "alias": "view"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "paletteSettings": { "alias": "paletteSettings"; "required": false; }; "gradientSettings": { "alias": "gradientSettings"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "cancel": "cancel"; "activeColorClick": "activeColorClick"; "clearButtonClick": "clearButtonClick"; "activeViewChange": "activeViewChange"; }, never, never, true, never>;
|
|
383
383
|
}
|
|
@@ -20,5 +20,5 @@ export declare class ContrastValidationComponent {
|
|
|
20
20
|
get failMessage(): string;
|
|
21
21
|
get contrastText(): string;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<ContrastValidationComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ContrastValidationComponent, "[kendoContrastValidation]", never, { "type": "type"; "pass": "pass"; "value": "value"; }, {}, never, never, true, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ContrastValidationComponent, "[kendoContrastValidation]", never, { "type": { "alias": "type"; "required": false; }; "pass": { "alias": "pass"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
24
24
|
}
|
|
@@ -21,5 +21,5 @@ export declare class ContrastComponent {
|
|
|
21
21
|
get satisfiesAAACondition(): boolean;
|
|
22
22
|
get contrastRatio(): number;
|
|
23
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ContrastComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ContrastComponent, "[kendoContrastTool]", never, { "value": "value"; "ratio": "ratio"; }, {}, never, never, true, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ContrastComponent, "[kendoContrastTool]", never, { "value": { "alias": "value"; "required": false; }; "ratio": { "alias": "ratio"; "required": false; }; }, {}, never, never, true, never>;
|
|
25
25
|
}
|
|
@@ -20,5 +20,5 @@ export declare class FlatColorPickerActionButtonsComponent {
|
|
|
20
20
|
getText(text: string): string;
|
|
21
21
|
onActionButtonClick(type: string, ev: any): void;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerActionButtonsComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerActionButtonsComponent, "[kendoFlatColorPickerActionButtons]", never, { "innerTabIndex": "innerTabIndex"; }, { "actionButtonClick": "actionButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerActionButtonsComponent, "[kendoFlatColorPickerActionButtons]", never, { "innerTabIndex": { "alias": "innerTabIndex"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
|
|
24
24
|
}
|
|
@@ -39,5 +39,5 @@ export declare class FlatColorPickerHeaderComponent implements AfterViewInit {
|
|
|
39
39
|
getText(text: string): string;
|
|
40
40
|
onHeaderTabOut(ev: any, index: number): void;
|
|
41
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerHeaderComponent, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerHeaderComponent, "[kendoFlatColorPickerHeader]", never, { "clearButton": "clearButton"; "activeView": "activeView"; "views": "views"; "preview": "preview"; "innerTabIndex": "innerTabIndex"; "value": "value"; "selection": "selection"; }, { "viewChange": "viewChange"; "valuePaneClick": "valuePaneClick"; "clearButtonClick": "clearButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerHeaderComponent, "[kendoFlatColorPickerHeader]", never, { "clearButton": { "alias": "clearButton"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "views": { "alias": "views"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "innerTabIndex": { "alias": "innerTabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "viewChange": "viewChange"; "valuePaneClick": "valuePaneClick"; "clearButtonClick": "clearButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
|
|
43
43
|
}
|
|
@@ -263,5 +263,5 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
|
|
|
263
263
|
private initDomEvents;
|
|
264
264
|
private removeGradientAttributes;
|
|
265
265
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerComponent, never>;
|
|
266
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerComponent, "kendo-flatcolorpicker", ["kendoFlatColorPicker"], { "readonly": "readonly"; "disabled": "disabled"; "format": "format"; "value": "value"; "tabindex": "tabindex"; "clearButton": "clearButton"; "preview": "preview"; "actionsLayout": "actionsLayout"; "activeView": "activeView"; "views": "views"; "gradientSettings": "gradientSettings"; "paletteSettings": "paletteSettings"; }, { "valueChange": "valueChange"; "cancel": "cancel"; "activeViewChange": "activeViewChange"; "clearButtonClick": "clearButtonClick"; "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
|
|
266
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerComponent, "kendo-flatcolorpicker", ["kendoFlatColorPicker"], { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "views": { "alias": "views"; "required": false; }; "gradientSettings": { "alias": "gradientSettings"; "required": false; }; "paletteSettings": { "alias": "paletteSettings"; "required": false; }; }, { "valueChange": "valueChange"; "cancel": "cancel"; "activeViewChange": "activeViewChange"; "clearButtonClick": "clearButtonClick"; "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
|
|
267
267
|
}
|
|
@@ -117,5 +117,5 @@ export declare class ColorPickerMessages extends ComponentMessages {
|
|
|
117
117
|
*/
|
|
118
118
|
cancelButton: string;
|
|
119
119
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerMessages, never>;
|
|
120
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerMessages, "kendo-colorpicker-messages-base", never, { "colorPaletteNoColor": "colorPaletteNoColor"; "colorGradientNoColor": "colorGradientNoColor"; "flatColorPickerNoColor": "flatColorPickerNoColor"; "colorPickerNoColor": "colorPickerNoColor"; "colorGradientHandle": "colorGradientHandle"; "clearButton": "clearButton"; "hueSliderHandle": "hueSliderHandle"; "opacitySliderHandle": "opacitySliderHandle"; "hexInputPlaceholder": "hexInputPlaceholder"; "redInputPlaceholder": "redInputPlaceholder"; "greenInputPlaceholder": "greenInputPlaceholder"; "blueInputPlaceholder": "blueInputPlaceholder"; "alphaInputPlaceholder": "alphaInputPlaceholder"; "redChannelLabel": "redChannelLabel"; "greenChannelLabel": "greenChannelLabel"; "blueChannelLabel": "blueChannelLabel"; "alphaChannelLabel": "alphaChannelLabel"; "passContrast": "passContrast"; "failContrast": "failContrast"; "contrastRatio": "contrastRatio"; "previewColor": "previewColor"; "revertSelection": "revertSelection"; "gradientView": "gradientView"; "paletteView": "paletteView"; "formatButton": "formatButton"; "applyButton": "applyButton"; "cancelButton": "cancelButton"; }, {}, never, never, false, never>;
|
|
120
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerMessages, "kendo-colorpicker-messages-base", never, { "colorPaletteNoColor": { "alias": "colorPaletteNoColor"; "required": false; }; "colorGradientNoColor": { "alias": "colorGradientNoColor"; "required": false; }; "flatColorPickerNoColor": { "alias": "flatColorPickerNoColor"; "required": false; }; "colorPickerNoColor": { "alias": "colorPickerNoColor"; "required": false; }; "colorGradientHandle": { "alias": "colorGradientHandle"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "hueSliderHandle": { "alias": "hueSliderHandle"; "required": false; }; "opacitySliderHandle": { "alias": "opacitySliderHandle"; "required": false; }; "hexInputPlaceholder": { "alias": "hexInputPlaceholder"; "required": false; }; "redInputPlaceholder": { "alias": "redInputPlaceholder"; "required": false; }; "greenInputPlaceholder": { "alias": "greenInputPlaceholder"; "required": false; }; "blueInputPlaceholder": { "alias": "blueInputPlaceholder"; "required": false; }; "alphaInputPlaceholder": { "alias": "alphaInputPlaceholder"; "required": false; }; "redChannelLabel": { "alias": "redChannelLabel"; "required": false; }; "greenChannelLabel": { "alias": "greenChannelLabel"; "required": false; }; "blueChannelLabel": { "alias": "blueChannelLabel"; "required": false; }; "alphaChannelLabel": { "alias": "alphaChannelLabel"; "required": false; }; "passContrast": { "alias": "passContrast"; "required": false; }; "failContrast": { "alias": "failContrast"; "required": false; }; "contrastRatio": { "alias": "contrastRatio"; "required": false; }; "previewColor": { "alias": "previewColor"; "required": false; }; "revertSelection": { "alias": "revertSelection"; "required": false; }; "gradientView": { "alias": "gradientView"; "required": false; }; "paletteView": { "alias": "paletteView"; "required": false; }; "formatButton": { "alias": "formatButton"; "required": false; }; "applyButton": { "alias": "applyButton"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; }, {}, never, never, false, never>;
|
|
121
121
|
}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
* Represents the possible rounded options of the inputs.
|
|
7
7
|
* @default `medium`
|
|
8
8
|
*/
|
|
9
|
-
export
|
|
9
|
+
export type InputRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
|
|
10
10
|
/**
|
|
11
11
|
* Represents the possible rounded options of the CheckBox.
|
|
12
12
|
* @default `medium`
|
|
13
13
|
*/
|
|
14
|
-
export
|
|
14
|
+
export type CheckBoxRounded = 'small' | 'medium' | 'large' | 'none';
|
package/common/models/size.d.ts
CHANGED
package/common/models/type.d.ts
CHANGED
|
@@ -162,5 +162,5 @@ export declare class RadioCheckBoxBase implements ControlValueAccessor {
|
|
|
162
162
|
protected handleClasses(value: InputSize | CheckBoxRounded, input: string): void;
|
|
163
163
|
protected setInputAttributes(): void;
|
|
164
164
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioCheckBoxBase, never>;
|
|
165
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RadioCheckBoxBase, "ng-component", never, { "focusableId": "focusableId"; "title": "title"; "name": "name"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "value": "value"; "size": "size"; "inputAttributes": "inputAttributes"; }, { "onFocus": "focus"; "onBlur": "blur"; }, never, never, false, never>;
|
|
165
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioCheckBoxBase, "ng-component", never, { "focusableId": { "alias": "focusableId"; "required": false; }; "title": { "alias": "title"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; }, { "onFocus": "focus"; "onBlur": "blur"; }, never, never, false, never>;
|
|
166
166
|
}
|
package/common/utils.d.ts
CHANGED