@progress/kendo-angular-inputs 16.5.0 → 16.6.0-develop.10

package/esm2020/colorpicker.module.mjs

@@ -3,46 +3,17 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { DraggableModule } from '@progress/kendo-angular-common';
-import { SliderModule } from './slider.module';
-import { NumericTextBoxModule } from './numerictextbox.module';
-import { ColorPickerComponent } from './colorpicker/colorpicker.component';
-import { ColorPaletteComponent } from './colorpicker/color-palette.component';
-import { ColorGradientComponent } from './colorpicker/color-gradient.component';
-import { ColorInputComponent } from './colorpicker/color-input.component';
-import { FlatColorPickerHeaderComponent } from './colorpicker/flatcolorpicker-header.component';
-import { FlatColorPickerActionButtonsComponent } from './colorpicker/flatcolorpicker-actions.component';
-import { FlatColorPickerComponent } from './colorpicker/flatcolorpicker.component';
-import { ColorPickerCustomMessagesComponent } from './colorpicker/localization/custom-messages.component';
-import { LocalizedColorPickerMessagesDirective } from './colorpicker/localization/localized-colorpicker-messages.directive';
-import { FocusOnDomReadyDirective } from './colorpicker/focus-on-dom-ready.directive';
-import { ContrastValidationComponent } from './colorpicker/contrast-validation.component';
-import { ContrastComponent } from './colorpicker/contrast.component';
-import { ColorContrastSvgComponent } from './colorpicker/color-contrast-svg.component';
-import { NumericLabelDirective } from './colorpicker/color-gradient-numeric-label.directive';
-import { ButtonModule } from '@progress/kendo-angular-buttons';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { KENDO_COLORGRADIENT, KENDO_COLORPALETTE, KENDO_COLORPICKER, KENDO_FLATCOLORPICKER } from './directives';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { IconsService } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
-const PUBLIC_DIRECTIVES = [
-    ColorPickerComponent,
-    ColorPaletteComponent,
-    ColorGradientComponent,
-    FlatColorPickerComponent,
-    LocalizedColorPickerMessagesDirective,
-    ColorPickerCustomMessagesComponent
-];
-const INTERNAL_DIRECTIVES = [
-    NumericLabelDirective,
-    ColorInputComponent,
-    FocusOnDomReadyDirective,
-    ContrastComponent,
-    ContrastValidationComponent,
-    FlatColorPickerHeaderComponent,
-    FlatColorPickerActionButtonsComponent,
-    ColorContrastSvgComponent
-];
+import * as i1 from "./colorpicker/colorpicker.component";
+import * as i2 from "./colorpicker/localization/custom-messages.component";
+import * as i3 from "./colorpicker/flatcolorpicker.component";
+import * as i4 from "./colorpicker/color-gradient.component";
+import * as i5 from "./colorpicker/color-palette.component";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the ColorPicker.
@@ -50,53 +21,13 @@ const INTERNAL_DIRECTIVES = [
 export class ColorPickerModule {
 }
 ColorPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerModule, declarations: [ColorPickerComponent,
-        ColorPaletteComponent,
-        ColorGradientComponent,
-        FlatColorPickerComponent,
-        LocalizedColorPickerMessagesDirective,
-        ColorPickerCustomMessagesComponent, NumericLabelDirective,
-        ColorInputComponent,
-        FocusOnDomReadyDirective,
-        ContrastComponent,
-        ContrastValidationComponent,
-        FlatColorPickerHeaderComponent,
-        FlatColorPickerActionButtonsComponent,
-        ColorContrastSvgComponent], imports: [SliderModule,
-        NumericTextBoxModule,
-        CommonModule,
-        PopupModule,
-        DraggableModule,
-        ButtonModule,
-        IconsModule], exports: [ColorPickerComponent,
-        ColorPaletteComponent,
-        ColorGradientComponent,
-        FlatColorPickerComponent,
-        LocalizedColorPickerMessagesDirective,
-        ColorPickerCustomMessagesComponent] });
-ColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerModule, imports: [SliderModule,
-        NumericTextBoxModule,
-        CommonModule,
-        PopupModule,
-        DraggableModule,
-        ButtonModule,
-        IconsModule] });
+ColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerModule, imports: [i1.ColorPickerComponent, i2.ColorPickerCustomMessagesComponent, i3.FlatColorPickerComponent, i2.ColorPickerCustomMessagesComponent, i4.ColorGradientComponent, i2.ColorPickerCustomMessagesComponent, i5.ColorPaletteComponent, i2.ColorPickerCustomMessagesComponent], exports: [i1.ColorPickerComponent, i2.ColorPickerCustomMessagesComponent, i3.FlatColorPickerComponent, i2.ColorPickerCustomMessagesComponent, i4.ColorGradientComponent, i2.ColorPickerCustomMessagesComponent, i5.ColorPaletteComponent, i2.ColorPickerCustomMessagesComponent] });
+ColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerModule, providers: [PopupService, IconsService, ResizeBatchService], imports: [KENDO_COLORPICKER, KENDO_FLATCOLORPICKER, KENDO_COLORGRADIENT, KENDO_COLORPALETTE] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorPickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        PUBLIC_DIRECTIVES,
-                        INTERNAL_DIRECTIVES
-                    ],
-                    exports: [PUBLIC_DIRECTIVES],
-                    imports: [
-                        SliderModule,
-                        NumericTextBoxModule,
-                        CommonModule,
-                        PopupModule,
-                        DraggableModule,
-                        ButtonModule,
-                        IconsModule
-                    ]
+                    imports: [...KENDO_COLORPICKER, ...KENDO_FLATCOLORPICKER, ...KENDO_COLORGRADIENT, ...KENDO_COLORPALETTE],
+                    exports: [...KENDO_COLORPICKER, ...KENDO_FLATCOLORPICKER, ...KENDO_COLORGRADIENT, ...KENDO_COLORPALETTE],
+                    providers: [PopupService, IconsService, ResizeBatchService]
                 }]
         }] });

package/esm2020/directives.mjs

@@ -0,0 +1,188 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PrefixTemplateDirective, SuffixTemplateDirective } from "@progress/kendo-angular-common";
+import { CheckBoxComponent } from "./checkbox/checkbox.component";
+import { CheckBoxDirective } from "./checkbox/checkbox.directive";
+import { ColorGradientComponent } from "./colorpicker/color-gradient.component";
+import { ColorPaletteComponent } from "./colorpicker/color-palette.component";
+import { ColorPickerComponent } from "./colorpicker/colorpicker.component";
+import { FlatColorPickerComponent } from "./colorpicker/flatcolorpicker.component";
+import { ColorPickerCustomMessagesComponent } from "./colorpicker/localization/custom-messages.component";
+import { ErrorComponent } from "./formfield/error.component";
+import { FormFieldComponent } from "./formfield/formfield.component";
+import { HintComponent } from "./formfield/hint.component";
+import { MaskedTextBoxComponent } from "./maskedtextbox/maskedtextbox.component";
+import { NumericTextBoxCustomMessagesComponent } from "./numerictextbox/localization/custom-messages.component";
+import { NumericTextBoxComponent } from "./numerictextbox/numerictextbox.component";
+import { RadioButtonComponent } from "./radiobutton/radiobutton.component";
+import { RadioButtonDirective } from "./radiobutton/radiobutton.directive";
+import { RangeSliderCustomMessagesComponent } from "./rangeslider/localization/custom-messages.component";
+import { RangeSliderComponent } from "./rangeslider/rangeslider.component";
+import { RatingHoveredItemTemplateDirective } from "./rating/directives/rating-hovered-item.directive";
+import { RatingItemTemplateDirective } from "./rating/directives/rating-item.directive";
+import { RatingSelectedItemTemplateDirective } from "./rating/directives/rating-selected-item.directive";
+import { RatingComponent } from "./rating/rating.component";
+import { InputSeparatorComponent } from "./shared/input-separator.component";
+import { TextAreaDirective } from "./shared/textarea.directive";
+import { SignatureCustomMessagesComponent } from "./signature/localization/custom-messages.component";
+import { SignatureComponent } from "./signature/signature.component";
+import { SliderCustomMessagesComponent } from "./slider/localization/custom-messages.component";
+import { SliderComponent } from "./slider/slider.component";
+import { LabelTemplateDirective } from "./sliders-common/label-template.directive";
+import { SwitchCustomMessagesComponent } from "./switch/localization/custom-messages.component";
+import { SwitchComponent } from "./switch/switch.component";
+import { TextAreaPrefixComponent } from "./textarea/textarea-prefix.component";
+import { TextAreaSuffixComponent } from "./textarea/textarea-suffix.component";
+import { TextAreaComponent } from "./textarea/textarea.component";
+import { TextBoxCustomMessagesComponent } from "./textbox/localization/custom-messages.component";
+import { TextBoxPrefixTemplateDirective } from "./textbox/textbox-prefix.directive";
+import { TextBoxSuffixTemplateDirective } from "./textbox/textbox-suffix.directive";
+import { TextBoxComponent } from "./textbox/textbox.component";
+import { TextBoxDirective } from "./textbox/textbox.directive";
+/**
+ * Utility array that contains all `TextBox` related components and directives
+ */
+export const KENDO_TEXTBOX = [
+    TextBoxDirective,
+    TextBoxComponent,
+    InputSeparatorComponent,
+    TextBoxSuffixTemplateDirective,
+    TextBoxPrefixTemplateDirective,
+    TextBoxCustomMessagesComponent,
+];
+/**
+ * Utility array that contains all `NumericTextBox` related components and directives
+ */
+export const KENDO_NUMERICTEXTBOX = [
+    NumericTextBoxComponent,
+    NumericTextBoxCustomMessagesComponent,
+    PrefixTemplateDirective,
+    SuffixTemplateDirective
+];
+/**
+ * Utility array that contains all `MaskedTextBox` related components and directives
+ */
+export const KENDO_MASKEDTEXTBOX = [
+    MaskedTextBoxComponent
+];
+/**
+ * Utility array that contains all `TextArea` related components and directives
+ */
+export const KENDO_TEXTAREA = [
+    TextAreaComponent,
+    TextAreaDirective,
+    TextAreaPrefixComponent,
+    TextAreaSuffixComponent,
+];
+/**
+ * Utility array that contains all `CheckBox` related components and directives
+ */
+export const KENDO_CHECKBOX = [
+    CheckBoxComponent,
+    CheckBoxDirective
+];
+/**
+ * Utility array that contains all `RadioButton` related components and directives
+ */
+export const KENDO_RADIOBUTTON = [
+    RadioButtonComponent,
+    RadioButtonDirective
+];
+/**
+ * Utility array that contains all `Switch` related components and directives
+ */
+export const KENDO_SWITCH = [
+    SwitchComponent,
+    SwitchCustomMessagesComponent
+];
+/**
+ * Utility array that contains all `FormField` related components and directives
+ */
+export const KENDO_FORMFIELD = [
+    FormFieldComponent,
+    HintComponent,
+    ErrorComponent
+];
+/**
+ * Utility array that contains all `Slider` related components and directives
+ */
+export const KENDO_SLIDER = [
+    SliderComponent,
+    SliderCustomMessagesComponent,
+    LabelTemplateDirective,
+];
+/**
+ * Utility array that contains all `RangeSlider` related components and directives
+ */
+export const KENDO_RANGESLIDER = [
+    RangeSliderComponent,
+    RangeSliderCustomMessagesComponent,
+    LabelTemplateDirective
+];
+/**
+ * Utility array that contains all `Rating` related components and directives
+ */
+export const KENDO_RATING = [
+    RatingComponent,
+    RatingItemTemplateDirective,
+    RatingHoveredItemTemplateDirective,
+    RatingSelectedItemTemplateDirective
+];
+/**
+ * Utility array that contains all `Signature` related components and directives
+ */
+export const KENDO_SIGNATURE = [
+    SignatureComponent,
+    SignatureCustomMessagesComponent
+];
+/**
+ * Utility array that contains all `ColorPicker` related components and directives
+ */
+export const KENDO_COLORPICKER = [
+    ColorPickerComponent,
+    ColorPickerCustomMessagesComponent
+];
+/**
+ * Utility array that contains all `FlatColorPicker` related components and directives
+ */
+export const KENDO_FLATCOLORPICKER = [
+    FlatColorPickerComponent,
+    ColorPickerCustomMessagesComponent
+];
+/**
+ * Utility array that contains all `ColorPallete` related components and directives
+ */
+export const KENDO_COLORPALETTE = [
+    ColorPaletteComponent,
+    ColorPickerCustomMessagesComponent
+];
+/**
+ * Utility array that contains all `ColorGradient` related components and directives
+ */
+export const KENDO_COLORGRADIENT = [
+    ColorGradientComponent,
+    ColorPickerCustomMessagesComponent
+];
+/**
+ * Utility array that contains all `@progress/kendo-angular-inputs` related components and directives
+ */
+export const KENDO_INPUTS = [
+    ...KENDO_TEXTBOX,
+    ...KENDO_NUMERICTEXTBOX,
+    ...KENDO_MASKEDTEXTBOX,
+    ...KENDO_TEXTAREA,
+    ...KENDO_CHECKBOX,
+    ...KENDO_RADIOBUTTON,
+    ...KENDO_SWITCH,
+    ...KENDO_FORMFIELD,
+    ...KENDO_SLIDER,
+    ...KENDO_RANGESLIDER,
+    ...KENDO_RATING,
+    ...KENDO_SIGNATURE,
+    ...KENDO_COLORPICKER,
+    ...KENDO_FLATCOLORPICKER,
+    ...KENDO_COLORGRADIENT,
+    ...KENDO_COLORPALETTE,
+];

package/esm2020/formfield/error.component.mjs

@@ -37,7 +37,7 @@ export class ErrorComponent {
     }
 }
 ErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ErrorComponent, selector: "kendo-formerror", inputs: { align: "align" }, host: { properties: { "class.k-form-error": "this.hostClass", "attr.role": "this.roleAttribute", "class.k-text-start": "this.startClass", "class.k-text-end": "this.endClass", "attr.id": "this.idAttribute" } }, ngImport: i0, template: `
+ErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ErrorComponent, isStandalone: true, selector: "kendo-formerror", inputs: { align: "align" }, host: { properties: { "class.k-form-error": "this.hostClass", "attr.role": "this.roleAttribute", "class.k-text-start": "this.startClass", "class.k-text-end": "this.endClass", "attr.id": "this.idAttribute" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ErrorComponent, decorators: [{
@@ -46,7 +46,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     selector: 'kendo-formerror',
                     template: `
         <ng-content></ng-content>
-    `
+    `,
+                    standalone: true
                 }]
         }], propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/formfield/formfield.component.mjs

@@ -11,9 +11,9 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { ErrorComponent } from './error.component';
 import { HintComponent } from './hint.component';
+import { NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@angular/common";
 /**
  * Specifies a container for form-bound controls (Kendo controls or native HTML controls).
  * Applies styling and behavior rules.
@@ -214,7 +214,7 @@ export class FormFieldComponent {
     }
 }
 FormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormFieldComponent, deps: [{ token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormFieldComponent, selector: "kendo-formfield", inputs: { showHints: "showHints", orientation: "orientation", showErrors: "showErrors" }, host: { properties: { "class.k-form-field": "this.hostClass", "attr.dir": "this.direction", "class.k-form-field-error": "this.errorClass", "class.k-form-field-disabled": "this.disabledClass" } }, providers: [
+FormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormFieldComponent, isStandalone: true, selector: "kendo-formfield", inputs: { showHints: "showHints", orientation: "orientation", showErrors: "showErrors" }, host: { properties: { "class.k-form-field": "this.hostClass", "attr.dir": "this.direction", "class.k-form-field-error": "this.errorClass", "class.k-form-field-disabled": "this.disabledClass" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -227,7 +227,7 @@ FormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             <ng-content select="kendo-formhint" *ngIf="hasHints"></ng-content>
             <ng-content select="kendo-formerror" *ngIf="hasErrors"></ng-content>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
             args: [{
@@ -246,7 +246,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.formfield'
                         }
-                    ]
+                    ],
+                    standalone: true,
+                    imports: [NgIf]
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ElementRef }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/formfield/hint.component.mjs

@@ -35,7 +35,7 @@ export class HintComponent {
     }
 }
 HintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HintComponent, selector: "kendo-formhint", inputs: { align: "align" }, host: { properties: { "class.k-form-hint": "this.hostClass", "class.k-text-start": "this.startClass", "class.k-text-end": "this.endClass", "attr.id": "this.idAttribute" } }, ngImport: i0, template: `
+HintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HintComponent, isStandalone: true, selector: "kendo-formhint", inputs: { align: "align" }, host: { properties: { "class.k-form-hint": "this.hostClass", "class.k-text-start": "this.startClass", "class.k-text-end": "this.endClass", "attr.id": "this.idAttribute" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HintComponent, decorators: [{
@@ -44,7 +44,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     selector: 'kendo-formhint',
                     template: `
         <ng-content></ng-content>
-    `
+    `,
+                    standalone: true
                 }]
         }], propDecorators: { align: [{
                 type: Input

package/esm2020/formfield.module.mjs

@@ -3,11 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormFieldComponent } from './formfield/formfield.component';
-import { HintComponent } from './formfield/hint.component';
-import { ErrorComponent } from './formfield/error.component';
+import { KENDO_FORMFIELD } from './directives';
 import * as i0 from "@angular/core";
+import * as i1 from "./formfield/formfield.component";
+import * as i2 from "./formfield/hint.component";
+import * as i3 from "./formfield/error.component";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the FormField, Error and Hint components.
@@ -42,13 +43,12 @@ import * as i0 from "@angular/core";
 export class FormFieldModule {
 }
 FormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FormFieldModule, declarations: [HintComponent, ErrorComponent, FormFieldComponent], imports: [CommonModule], exports: [HintComponent, ErrorComponent, FormFieldComponent] });
-FormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormFieldModule, imports: [CommonModule] });
+FormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FormFieldModule, imports: [i1.FormFieldComponent, i2.HintComponent, i3.ErrorComponent], exports: [i1.FormFieldComponent, i2.HintComponent, i3.ErrorComponent] });
+FormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormFieldModule, imports: [KENDO_FORMFIELD] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormFieldModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [HintComponent, ErrorComponent, FormFieldComponent],
-                    exports: [HintComponent, ErrorComponent, FormFieldComponent],
-                    imports: [CommonModule]
+                    imports: [...KENDO_FORMFIELD],
+                    exports: [...KENDO_FORMFIELD]
                 }]
         }] });

package/esm2020/index.mjs

@@ -79,3 +79,4 @@ export { RatingHoveredItemTemplateDirective } from './rating/directives/rating-h
 export { RatingSelectedItemTemplateDirective } from './rating/directives/rating-selected-item.directive';
 export { RatingComponent } from './rating/rating.component';
 export { RatingModule } from './rating.module';
+export * from './directives';

package/esm2020/inputs.module.mjs

@@ -3,21 +3,52 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { SliderModule } from './slider.module';
-import { RangeSliderModule } from './rangeslider.module';
-import { SwitchModule } from './switch.module';
-import { NumericTextBoxModule } from './numerictextbox.module';
-import { MaskedTextBoxModule } from './maskedtextbox.module';
-import { TextBoxModule } from './textbox.module';
-import { TextAreaModule } from './textarea.module';
-import { CommonModule } from '@angular/common';
-import { ColorPickerModule } from './colorpicker.module';
-import { CheckBoxModule } from './checkbox.module';
-import { RadioButtonModule } from './radiobutton.module';
-import { FormFieldModule } from './formfield.module';
-import { SignatureModule } from './signature.module';
-import { RatingModule } from './rating.module';
+import { KENDO_INPUTS } from './directives';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
 import * as i0 from "@angular/core";
+import * as i1 from "./textbox/textbox.directive";
+import * as i2 from "./textbox/textbox.component";
+import * as i3 from "./shared/input-separator.component";
+import * as i4 from "./textbox/textbox-suffix.directive";
+import * as i5 from "./textbox/textbox-prefix.directive";
+import * as i6 from "./textbox/localization/custom-messages.component";
+import * as i7 from "./numerictextbox/numerictextbox.component";
+import * as i8 from "./numerictextbox/localization/custom-messages.component";
+import * as i9 from "@progress/kendo-angular-common";
+import * as i10 from "./maskedtextbox/maskedtextbox.component";
+import * as i11 from "./textarea/textarea.component";
+import * as i12 from "./shared/textarea.directive";
+import * as i13 from "./textarea/textarea-prefix.component";
+import * as i14 from "./textarea/textarea-suffix.component";
+import * as i15 from "./checkbox/checkbox.component";
+import * as i16 from "./checkbox/checkbox.directive";
+import * as i17 from "./radiobutton/radiobutton.component";
+import * as i18 from "./radiobutton/radiobutton.directive";
+import * as i19 from "./switch/switch.component";
+import * as i20 from "./switch/localization/custom-messages.component";
+import * as i21 from "./formfield/formfield.component";
+import * as i22 from "./formfield/hint.component";
+import * as i23 from "./formfield/error.component";
+import * as i24 from "./slider/slider.component";
+import * as i25 from "./slider/localization/custom-messages.component";
+import * as i26 from "./sliders-common/label-template.directive";
+import * as i27 from "./rangeslider/rangeslider.component";
+import * as i28 from "./rangeslider/localization/custom-messages.component";
+import * as i29 from "./rating/rating.component";
+import * as i30 from "./rating/directives/rating-item.directive";
+import * as i31 from "./rating/directives/rating-hovered-item.directive";
+import * as i32 from "./rating/directives/rating-selected-item.directive";
+import * as i33 from "./signature/signature.component";
+import * as i34 from "./signature/localization/custom-messages.component";
+import * as i35 from "./colorpicker/colorpicker.component";
+import * as i36 from "./colorpicker/localization/custom-messages.component";
+import * as i37 from "./colorpicker/flatcolorpicker.component";
+import * as i38 from "./colorpicker/color-gradient.component";
+import * as i39 from "./colorpicker/color-palette.component";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Inputs components.
@@ -53,50 +84,13 @@ import * as i0 from "@angular/core";
 export class InputsModule {
 }
 InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: InputsModule, imports: [CommonModule], exports: [TextAreaModule,
-        TextBoxModule,
-        SliderModule,
-        RangeSliderModule,
-        SwitchModule,
-        NumericTextBoxModule,
-        MaskedTextBoxModule,
-        ColorPickerModule,
-        CheckBoxModule,
-        RadioButtonModule,
-        FormFieldModule,
-        SignatureModule,
-        RatingModule] });
-InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputsModule, imports: [CommonModule, TextAreaModule,
-        TextBoxModule,
-        SliderModule,
-        RangeSliderModule,
-        SwitchModule,
-        NumericTextBoxModule,
-        MaskedTextBoxModule,
-        ColorPickerModule,
-        CheckBoxModule,
-        RadioButtonModule,
-        FormFieldModule,
-        SignatureModule,
-        RatingModule] });
+InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: InputsModule, imports: [i1.TextBoxDirective, i2.TextBoxComponent, i3.InputSeparatorComponent, i4.TextBoxSuffixTemplateDirective, i5.TextBoxPrefixTemplateDirective, i6.TextBoxCustomMessagesComponent, i7.NumericTextBoxComponent, i8.NumericTextBoxCustomMessagesComponent, i9.PrefixTemplateDirective, i9.SuffixTemplateDirective, i10.MaskedTextBoxComponent, i11.TextAreaComponent, i12.TextAreaDirective, i13.TextAreaPrefixComponent, i14.TextAreaSuffixComponent, i15.CheckBoxComponent, i16.CheckBoxDirective, i17.RadioButtonComponent, i18.RadioButtonDirective, i19.SwitchComponent, i20.SwitchCustomMessagesComponent, i21.FormFieldComponent, i22.HintComponent, i23.ErrorComponent, i24.SliderComponent, i25.SliderCustomMessagesComponent, i26.LabelTemplateDirective, i27.RangeSliderComponent, i28.RangeSliderCustomMessagesComponent, i26.LabelTemplateDirective, i29.RatingComponent, i30.RatingItemTemplateDirective, i31.RatingHoveredItemTemplateDirective, i32.RatingSelectedItemTemplateDirective, i33.SignatureComponent, i34.SignatureCustomMessagesComponent, i35.ColorPickerComponent, i36.ColorPickerCustomMessagesComponent, i37.FlatColorPickerComponent, i36.ColorPickerCustomMessagesComponent, i38.ColorGradientComponent, i36.ColorPickerCustomMessagesComponent, i39.ColorPaletteComponent, i36.ColorPickerCustomMessagesComponent], exports: [i1.TextBoxDirective, i2.TextBoxComponent, i3.InputSeparatorComponent, i4.TextBoxSuffixTemplateDirective, i5.TextBoxPrefixTemplateDirective, i6.TextBoxCustomMessagesComponent, i7.NumericTextBoxComponent, i8.NumericTextBoxCustomMessagesComponent, i9.PrefixTemplateDirective, i9.SuffixTemplateDirective, i10.MaskedTextBoxComponent, i11.TextAreaComponent, i12.TextAreaDirective, i13.TextAreaPrefixComponent, i14.TextAreaSuffixComponent, i15.CheckBoxComponent, i16.CheckBoxDirective, i17.RadioButtonComponent, i18.RadioButtonDirective, i19.SwitchComponent, i20.SwitchCustomMessagesComponent, i21.FormFieldComponent, i22.HintComponent, i23.ErrorComponent, i24.SliderComponent, i25.SliderCustomMessagesComponent, i26.LabelTemplateDirective, i27.RangeSliderComponent, i28.RangeSliderCustomMessagesComponent, i26.LabelTemplateDirective, i29.RatingComponent, i30.RatingItemTemplateDirective, i31.RatingHoveredItemTemplateDirective, i32.RatingSelectedItemTemplateDirective, i33.SignatureComponent, i34.SignatureCustomMessagesComponent, i35.ColorPickerComponent, i36.ColorPickerCustomMessagesComponent, i37.FlatColorPickerComponent, i36.ColorPickerCustomMessagesComponent, i38.ColorGradientComponent, i36.ColorPickerCustomMessagesComponent, i39.ColorPaletteComponent, i36.ColorPickerCustomMessagesComponent] });
+InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputsModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i2.TextBoxComponent, i3.InputSeparatorComponent, i6.TextBoxCustomMessagesComponent, i7.NumericTextBoxComponent, i8.NumericTextBoxCustomMessagesComponent, i10.MaskedTextBoxComponent, i11.TextAreaComponent, i13.TextAreaPrefixComponent, i14.TextAreaSuffixComponent, i15.CheckBoxComponent, i17.RadioButtonComponent, i19.SwitchComponent, i20.SwitchCustomMessagesComponent, i21.FormFieldComponent, i22.HintComponent, i23.ErrorComponent, i24.SliderComponent, i25.SliderCustomMessagesComponent, i27.RangeSliderComponent, i28.RangeSliderCustomMessagesComponent, i29.RatingComponent, i33.SignatureComponent, i34.SignatureCustomMessagesComponent, i35.ColorPickerComponent, i36.ColorPickerCustomMessagesComponent, i37.FlatColorPickerComponent, i36.ColorPickerCustomMessagesComponent, i38.ColorGradientComponent, i36.ColorPickerCustomMessagesComponent, i39.ColorPaletteComponent, i36.ColorPickerCustomMessagesComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputsModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [
-                        TextAreaModule,
-                        TextBoxModule,
-                        SliderModule,
-                        RangeSliderModule,
-                        SwitchModule,
-                        NumericTextBoxModule,
-                        MaskedTextBoxModule,
-                        ColorPickerModule,
-                        CheckBoxModule,
-                        RadioButtonModule,
-                        FormFieldModule,
-                        SignatureModule,
-                        RatingModule
-                    ],
-                    imports: [CommonModule]
+                    imports: [...KENDO_INPUTS],
+                    exports: [...KENDO_INPUTS],
+                    providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService]
                 }]
         }] });

package/esm2020/maskedtextbox/maskedtextbox.component.mjs

@@ -4,19 +4,18 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Inject, Input, Optional, Output, Renderer2, ViewChild, forwardRef, NgZone, Injector, isDevMode, ChangeDetectorRef, ContentChild } from '@angular/core';
 import { NG_VALIDATORS, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { guid, hasObservers, isChanged, isControlRequired, isObjectPresent, KendoInput, parseAttributes, PrefixTemplateDirective, removeHTMLAttributes, setHTMLAttributes, SuffixTemplateDirective } from '@progress/kendo-angular-common';
+import { EventsOutsideAngularDirective, guid, hasObservers, isChanged, isControlRequired, isObjectPresent, KendoInput, parseAttributes, PrefixTemplateDirective, removeHTMLAttributes, setHTMLAttributes, SuffixTemplateDirective } from '@progress/kendo-angular-common';
 import { RTL } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { MaskingService } from './masking.service';
 import { invokeElementMethod } from '../common/dom-utils';
 import { requiresZoneOnBlur, isPresent, getStylingClasses } from '../common/utils';
+import { InputSeparatorComponent } from '../shared/input-separator.component';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { SharedInputEventsDirective } from '../shared/shared-events.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./masking.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-common";
-import * as i4 from "../shared/input-separator.component";
-import * as i5 from "../shared/shared-events.directive";
 const resolvedPromise = Promise.resolve(null);
 const FOCUSED = 'k-focus';
 const DEFAULT_SIZE = 'medium';
@@ -651,7 +650,7 @@ export class MaskedTextBoxComponent {
     }
 }
 MaskedTextBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaskedTextBoxComponent, deps: [{ token: i1.MaskingService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MaskedTextBoxComponent, selector: "kendo-maskedtextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", size: "size", rounded: "rounded", fillMode: "fillMode", mask: "mask", value: "value", rules: "rules", prompt: "prompt", promptPlaceholder: "promptPlaceholder", includeLiterals: "includeLiterals", maskOnFocus: "maskOnFocus", maskValidation: "maskValidation", tabindex: "tabindex", tabIndex: "tabIndex", inputAttributes: "inputAttributes" }, outputs: { onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", valueChange: "valueChange" }, host: { listeners: { "paste": "pasteHandler($event)", "input": "inputHandler($event)" }, properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-input": "this.hostClasses", "class.k-maskedtextbox": "this.hostClasses", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
+MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MaskedTextBoxComponent, isStandalone: true, selector: "kendo-maskedtextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", size: "size", rounded: "rounded", fillMode: "fillMode", mask: "mask", value: "value", rules: "rules", prompt: "prompt", promptPlaceholder: "promptPlaceholder", includeLiterals: "includeLiterals", maskOnFocus: "maskOnFocus", maskValidation: "maskValidation", tabindex: "tabindex", tabIndex: "tabIndex", inputAttributes: "inputAttributes" }, outputs: { onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", valueChange: "valueChange" }, host: { listeners: { "paste": "pasteHandler($event)", "input": "inputHandler($event)" }, properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-input": "this.hostClasses", "class.k-maskedtextbox": "this.hostClasses", "class.k-disabled": "this.hostDisabledClass" } }, providers: [
         MaskingService,
         {
             multi: true,
@@ -708,7 +707,7 @@ MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 </ng-template>
             </span>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i4.InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", inputs: ["orientation"] }, { kind: "directive", type: i5.SharedInputEventsDirective, selector: "[kendoInputSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: SharedInputEventsDirective, selector: "[kendoInputSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", inputs: ["orientation"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaskedTextBoxComponent, decorators: [{
             type: Component,
             args: [{
@@ -772,7 +771,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </ng-template>
             </span>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [SharedInputEventsDirective, NgIf, NgTemplateOutlet, InputSeparatorComponent, EventsOutsideAngularDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.MaskingService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Optional