@progress/kendo-angular-inputs 10.1.1-dev.202210121020 → 10.1.1-dev.202210181135

package/colorpicker/color-gradient-numeric-label.directive.d.ts

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnInit } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { NumericTextBoxComponent } from './../numerictextbox/numerictextbox.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class NumericLabelDirective implements OnInit {
+    private host;
+    kendoAdditionalNumericLabel: 'red' | 'green' | 'blue' | 'alpha';
+    localizationService: LocalizationService;
+    constructor(host: NumericTextBoxComponent);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumericLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericLabelDirective, "[kendoAdditionalNumericLabel]", never, { "kendoAdditionalNumericLabel": "kendoAdditionalNumericLabel"; "localizationService": "localizationService"; }, {}, never>;
+}

package/colorpicker/color-gradient.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, Renderer2, NgZone, EventEmitter, SimpleChanges, OnChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { ElementRef, Renderer2, NgZone, EventEmitter, SimpleChanges, OnChanges, OnDestroy, ChangeDetectorRef, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { BehaviorSubject } from 'rxjs';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -14,18 +14,34 @@ import * as i0 from "@angular/core";
  * The ColorGradient component enables smooth color transitions and provides options for selecting specific colors over the drag handle.
  * The ColorGradient is independently used by `kendo-colorpicker` and can be directly added to the page.
  */
-export declare class ColorGradientComponent implements OnChanges, OnDestroy, ControlValueAccessor {
+export declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, ControlValueAccessor {
     private host;
     private ngZone;
     private renderer;
     private cdr;
     private localizationService;
+    private injector;
     hostClasses: boolean;
     get readonlyAttribute(): boolean;
     get disabledClass(): boolean;
     get gradientId(): string;
     direction: string;
-    get hostTabindex(): number;
+    get hostTabindex(): string;
+    ariaRole: string;
+    get isControlInvalid(): string;
+    get isDisabled(): string | undefined;
+    /**
+     * @hidden
+     */
+    enterHandler(event: any): void;
+    /**
+     * @hidden
+     */
+    escapeHandler(event: any): void;
+    /**
+     * @hidden
+     */
+    focusHandler(ev: any): void;
     /**
      * @hidden
      */
@@ -112,11 +128,27 @@ export declare class ColorGradientComponent implements OnChanges, OnDestroy, Con
      * @hidden
      */
     get alphaSliderValue(): number;
+    /**
+     * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys.
+     *
+     * @default 5
+     */
+    gradientSliderStep: number;
+    /**
+     * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys while holding the shift key.
+     *
+     * @default 2
+     */
+    gradientSliderSmallStep: number;
     gradientDragHandle: ElementRef;
     inputs: ColorInputComponent;
     private alphaSlider;
     private gradientWrapper;
     private hsvRectangle;
+    /**
+     * @hidden
+     */
+    internalNavigation: boolean;
     private _value;
     private _tabindex;
     private _contrastTool;
@@ -126,12 +158,23 @@ export declare class ColorGradientComponent implements OnChanges, OnDestroy, Con
     private updateValues;
     private changeRequestsSubscription;
     private dynamicRTLSubscription;
+    private hsvHandleCoordinates;
     get gradientRect(): ClientRect;
+    /**
+     * @hidden
+     */
+    get hsvSliderValueText(): string;
     /**
      * @hidden
      */
     get contrastToolVisible(): boolean;
-    constructor(host: ElementRef, ngZone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, localizationService: LocalizationService);
+    /**
+     * @hidden
+     */
+    get innerTabIndex(): number;
+    private control;
+    constructor(host: ElementRef, ngZone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, localizationService: LocalizationService, injector: Injector);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -229,5 +272,5 @@ export declare class ColorGradientComponent implements OnChanges, OnDestroy, Con
     private subscribeChanges;
     private unsubscribeChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorGradientComponent, never>;
-    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"; }, { "valueChange": "valueChange"; }, never, never>;
+    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>;
 }

package/colorpicker/color-input.component.d.ts

@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
 export declare class ColorInputComponent implements AfterViewInit, OnChanges {
     private host;
     private renderer;
-    private localizationService;
+    localizationService: LocalizationService;
     /**
      * The id of the hex input.
      */
@@ -22,6 +22,10 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
      * The color format view.
      */
     formatView: string;
+    /**
+     * The inputs tabindex.
+     */
+    tabindex: number;
     /**
      * The color value that will be parsed and populate the hex & rgba inputs.
      * Required input property.
@@ -43,10 +47,14 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
      * Emits a parsed rgba string color.
      */
     valueChange: EventEmitter<string>;
+    /**
+     * Emits when the user tabs out of the last focusable input.
+     */
+    tabOut: EventEmitter<any>;
     colorInputClass: boolean;
     opacityInput: NumericTextBoxComponent;
     hexInput: ElementRef;
-    blueInput: ElementRef;
+    blueInput: NumericTextBoxComponent;
     toggleFormatButton: ElementRef;
     /**
      * The rgba inputs values.
@@ -71,8 +79,11 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
     handleHexValueChange(hex: string): void;
     handleRgbaInputBlur(): void;
     handleHexInputBlur(): void;
+    focusLast(): void;
+    onTab(): void;
     private toggleFormatView;
     private initDomEvents;
+    private lastInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorInputComponent, "kendo-colorinput", never, { "focusableId": "focusableId"; "formatView": "formatView"; "value": "value"; "opacity": "opacity"; "disabled": "disabled"; "readonly": "readonly"; }, { "valueChange": "valueChange"; }, never, never>;
+    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>;
 }

package/colorpicker/color-palette.component.d.ts

@@ -23,6 +23,14 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
      * @hidden
      */
     direction: string;
+    /**
+     * @hidden
+     */
+    role: string;
+    /**
+     * @hidden
+     */
+    get activeDescendant(): string;
     /**
      * @hidden
      */
@@ -157,6 +165,10 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
      * @hidden
      */
     handleKeydown(event: any): void;
+    /**
+     * @hidden
+     */
+    handleFocus(): void;
     /**
      * @hidden
      */
@@ -181,6 +193,10 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
      * @hidden
      */
     setDisabledState(isDisabled: boolean): void;
+    /**
+     * @hidden
+     */
+    focus(): void;
     /**
      * @hidden
      * Used by the FloatingLabel to determine if the component is empty.

package/colorpicker/colorpicker.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, ElementRef, OnDestroy, ViewContainerRef, ChangeDetectorRef, NgZone, OnChanges, OnInit, AfterViewInit, Renderer2 } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, ViewContainerRef, ChangeDetectorRef, NgZone, OnChanges, OnInit, AfterViewInit, Renderer2, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -23,6 +23,7 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     private localizationService;
     private ngZone;
     private renderer;
+    private injector;
     hostClasses: boolean;
     get focusedClass(): boolean;
     get disabledClass(): boolean;
@@ -31,6 +32,8 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     get hostTabindex(): number;
     direction: string;
     role: string;
+    hasPopup: string;
+    get isControlInvalid(): string;
     /**
      * @hidden
      */
@@ -257,7 +260,10 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     private _fillMode;
     private dynamicRTLSubscription;
     private subscriptions;
-    constructor(host: ElementRef, popupService: PopupService, cdr: ChangeDetectorRef, localizationService: LocalizationService, ngZone: NgZone, renderer: Renderer2);
+    private popupSubs;
+    private colorPickerId;
+    private control;
+    constructor(host: ElementRef, popupService: PopupService, cdr: ChangeDetectorRef, localizationService: LocalizationService, ngZone: NgZone, renderer: Renderer2, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: any): void;

package/colorpicker/constants.d.ts

@@ -15,6 +15,10 @@ export declare const DEFAULT_GRADIENT_BACKGROUND_COLOR: string;
  * @hidden
  */
 export declare const DRAGHANDLE_MOVE_SPEED = 5;
+/**
+ * @hidden
+ */
+export declare const DRAGHANDLE_MOVE_SPEED_SMALL_STEP = 2;
 /**
  * @hidden
  */

package/colorpicker/flatcolorpicker-actions.component.d.ts

@@ -11,11 +11,14 @@ import * as i0 from "@angular/core";
 export declare class FlatColorPickerActionButtonsComponent {
     localizationService: LocalizationService;
     hostClasses: boolean;
+    innerTabIndex: number;
     actionButtonClick: EventEmitter<any>;
+    tabOut: EventEmitter<any>;
+    firstButton: ElementRef;
     lastButton: ElementRef;
     constructor(localizationService: LocalizationService);
     getText(text: string): string;
     onActionButtonClick(type: string, ev: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerActionButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerActionButtonsComponent, "[kendoFlatColorPickerActionButtons]", never, {}, { "actionButtonClick": "actionButtonClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerActionButtonsComponent, "[kendoFlatColorPickerActionButtons]", never, { "innerTabIndex": "innerTabIndex"; }, { "actionButtonClick": "actionButtonClick"; "tabOut": "tabOut"; }, never, never>;
 }

package/colorpicker/flatcolorpicker-header.component.d.ts

@@ -16,11 +16,13 @@ export declare class FlatColorPickerHeaderComponent {
     activeView: ColorPickerView;
     views: Array<ColorPickerView>;
     preview: boolean;
+    innerTabIndex: number;
     value: string;
     selection: string;
     viewChange: EventEmitter<ColorPickerView>;
     valuePaneClick: EventEmitter<any>;
     clearButtonClick: EventEmitter<any>;
+    tabOut: EventEmitter<any>;
     viewButtonsCollection: QueryList<ElementRef>;
     clearButtonElement: ElementRef;
     constructor(localizationService: LocalizationService);
@@ -28,6 +30,7 @@ export declare class FlatColorPickerHeaderComponent {
     get viewButtons(): boolean;
     getViewButtonIcon(view: string): string;
     getText(text: string): string;
+    onHeaderTabOut(ev: any, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerHeaderComponent, "[kendoFlatColorPickerHeader]", never, { "clearButton": "clearButton"; "activeView": "activeView"; "views": "views"; "preview": "preview"; "value": "value"; "selection": "selection"; }, { "viewChange": "viewChange"; "valuePaneClick": "valuePaneClick"; "clearButtonClick": "clearButtonClick"; }, never, never>;
+    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>;
 }

package/colorpicker/flatcolorpicker.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, NgZone, ChangeDetectorRef, OnInit, AfterViewInit, OnDestroy, Renderer2, SimpleChanges } from "@angular/core";
+import { ElementRef, EventEmitter, NgZone, ChangeDetectorRef, OnInit, AfterViewInit, OnDestroy, Renderer2, SimpleChanges, Injector } from "@angular/core";
 import { ControlValueAccessor } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FlatColorPickerService } from './services/flatcolorpicker.service';
@@ -26,11 +26,27 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
     private cdr;
     private renderer;
     private ngZone;
+    private injector;
     hostClasses: boolean;
     get disabledClass(): boolean;
     get ariaReadonly(): boolean;
     direction: string;
-    get hostTabindex(): number;
+    get hostTabindex(): string;
+    ariaRole: string;
+    get isControlInvalid(): string;
+    get isDisabled(): string | undefined;
+    /**
+     * @hidden
+     */
+    enterHandler(event: any): void;
+    /**
+     * @hidden
+     */
+    escapeHandler(): void;
+    /**
+     * @hidden
+     */
+    focusHandler(ev: any): void;
     /**
      * Sets the read-only state of the FlatColorPicker.
      *
@@ -131,7 +147,9 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
      */
     actionButtonClick: EventEmitter<any>;
     header: FlatColorPickerHeaderComponent;
+    headerElement: ElementRef;
     gradient: ColorGradientComponent;
+    gradientElement: ElementRef;
     palette: ColorPaletteComponent;
     footer: FlatColorPickerActionButtonsComponent;
     /**
@@ -145,11 +163,29 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
     private _paletteSettings;
     private dynamicRTLSubscription;
     private subscriptions;
-    constructor(host: ElementRef, service: FlatColorPickerService, localizationService: LocalizationService, cdr: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone);
+    private internalNavigation;
+    private control;
+    /**
+     * @hidden
+     */
+    get innerTabIndex(): number;
+    /**
+     * @hidden
+     */
+    get firstFocusable(): any;
+    /**
+     * @hidden
+     */
+    get lastFocusable(): any;
+    constructor(host: ElementRef, service: FlatColorPickerService, localizationService: LocalizationService, cdr: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onTab(ev: KeyboardEvent): void;
     /**
      * @hidden
      */
@@ -216,6 +252,7 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
     private notifyNgChanged;
     private notifyNgTouched;
     private initDomEvents;
+    private removeGradientAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerComponent, never>;
     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"; "actionButtonClick": "actionButtonClick"; }, never, never>;
 }

package/colorpicker/localization/messages.d.ts

@@ -60,6 +60,22 @@ export declare class ColorPickerMessages extends ComponentMessages {
      * The placeholder for the alpha input.
      */
     alphaInputPlaceholder: string;
+    /**
+     * The aria-label attribute of the red color input.
+     */
+    redChannelLabel: string;
+    /**
+     * The aria-label attribute of the green color input.
+     */
+    greenChannelLabel: string;
+    /**
+     * The aria-label attribute of the blue color input.
+     */
+    blueChannelLabel: string;
+    /**
+     * The aria-label attribute of the alpha color input.
+     */
+    alphaChannelLabel: string;
     /**
      * The "Pass" message for the contrast tool.
      */
@@ -101,5 +117,5 @@ export declare class ColorPickerMessages extends ComponentMessages {
      */
     cancelButton: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerMessages, never>;
-    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"; "passContrast": "passContrast"; "failContrast": "failContrast"; "contrastRatio": "contrastRatio"; "previewColor": "previewColor"; "revertSelection": "revertSelection"; "gradientView": "gradientView"; "paletteView": "paletteView"; "formatButton": "formatButton"; "applyButton": "applyButton"; "cancelButton": "cancelButton"; }, {}, never>;
+    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>;
 }

package/colorpicker/models/gradient-settings.d.ts

@@ -20,4 +20,16 @@ export interface GradientSettings {
      * Determines the delay time (in milliseconds) before the ColorGradient value is changed on handle drag. A value of 0 indicates no delay.
      */
     delay?: number;
+    /**
+     * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys.
+     *
+     * @default 5
+     */
+    gradientSliderStep?: number;
+    /**
+     * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys while holding the shift key.
+     *
+     * @default 2
+     */
+    gradientSliderSmallStep?: number;
 }

package/colorpicker.module.d.ts

@@ -9,24 +9,25 @@ import * as i3 from "./colorpicker/color-gradient.component";
 import * as i4 from "./colorpicker/flatcolorpicker.component";
 import * as i5 from "./colorpicker/localization/localized-colorpicker-messages.directive";
 import * as i6 from "./colorpicker/localization/custom-messages.component";
-import * as i7 from "./colorpicker/color-input.component";
-import * as i8 from "./colorpicker/focus-on-dom-ready.directive";
-import * as i9 from "./colorpicker/contrast.component";
-import * as i10 from "./colorpicker/contrast-validation.component";
-import * as i11 from "./colorpicker/flatcolorpicker-header.component";
-import * as i12 from "./colorpicker/flatcolorpicker-actions.component";
-import * as i13 from "./colorpicker/color-contrast-svg.component";
-import * as i14 from "./slider.module";
-import * as i15 from "./numerictextbox.module";
-import * as i16 from "@angular/common";
-import * as i17 from "@progress/kendo-angular-popup";
-import * as i18 from "@progress/kendo-angular-common";
+import * as i7 from "./colorpicker/color-gradient-numeric-label.directive";
+import * as i8 from "./colorpicker/color-input.component";
+import * as i9 from "./colorpicker/focus-on-dom-ready.directive";
+import * as i10 from "./colorpicker/contrast.component";
+import * as i11 from "./colorpicker/contrast-validation.component";
+import * as i12 from "./colorpicker/flatcolorpicker-header.component";
+import * as i13 from "./colorpicker/flatcolorpicker-actions.component";
+import * as i14 from "./colorpicker/color-contrast-svg.component";
+import * as i15 from "./slider.module";
+import * as i16 from "./numerictextbox.module";
+import * as i17 from "@angular/common";
+import * as i18 from "@progress/kendo-angular-popup";
+import * as i19 from "@progress/kendo-angular-common";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the ColorPicker.
  */
 export declare class ColorPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPickerModule, [typeof i1.ColorPickerComponent, typeof i2.ColorPaletteComponent, typeof i3.ColorGradientComponent, typeof i4.FlatColorPickerComponent, typeof i5.LocalizedColorPickerMessagesDirective, typeof i6.ColorPickerCustomMessagesComponent, typeof i7.ColorInputComponent, typeof i8.FocusOnDomReadyDirective, typeof i9.ContrastComponent, typeof i10.ContrastValidationComponent, typeof i11.FlatColorPickerHeaderComponent, typeof i12.FlatColorPickerActionButtonsComponent, typeof i13.ColorContrastSvgComponent], [typeof i14.SliderModule, typeof i15.NumericTextBoxModule, typeof i16.CommonModule, typeof i17.PopupModule, typeof i18.DraggableModule], [typeof i1.ColorPickerComponent, typeof i2.ColorPaletteComponent, typeof i3.ColorGradientComponent, typeof i4.FlatColorPickerComponent, typeof i5.LocalizedColorPickerMessagesDirective, typeof i6.ColorPickerCustomMessagesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPickerModule, [typeof i1.ColorPickerComponent, typeof i2.ColorPaletteComponent, typeof i3.ColorGradientComponent, typeof i4.FlatColorPickerComponent, typeof i5.LocalizedColorPickerMessagesDirective, typeof i6.ColorPickerCustomMessagesComponent, typeof i7.NumericLabelDirective, typeof i8.ColorInputComponent, typeof i9.FocusOnDomReadyDirective, typeof i10.ContrastComponent, typeof i11.ContrastValidationComponent, typeof i12.FlatColorPickerHeaderComponent, typeof i13.FlatColorPickerActionButtonsComponent, typeof i14.ColorContrastSvgComponent], [typeof i15.SliderModule, typeof i16.NumericTextBoxModule, typeof i17.CommonModule, typeof i18.PopupModule, typeof i19.DraggableModule], [typeof i1.ColorPickerComponent, typeof i2.ColorPaletteComponent, typeof i3.ColorGradientComponent, typeof i4.FlatColorPickerComponent, typeof i5.LocalizedColorPickerMessagesDirective, typeof i6.ColorPickerCustomMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ColorPickerModule>;
 }

package/esm2015/colorpicker/color-gradient-numeric-label.directive.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./../numerictextbox/numerictextbox.component";
+/**
+ * @hidden
+ */
+export class NumericLabelDirective {
+    constructor(host) {
+        this.host = host;
+    }
+    ngOnInit() {
+        const localizationToken = `${this.kendoAdditionalNumericLabel}ChannelLabel`;
+        this.host.numericInput.nativeElement.setAttribute('aria-label', this.localizationService.get(localizationToken));
+    }
+}
+NumericLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericLabelDirective, deps: [{ token: i1.NumericTextBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
+NumericLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: NumericLabelDirective, selector: "[kendoAdditionalNumericLabel]", inputs: { kendoAdditionalNumericLabel: "kendoAdditionalNumericLabel", localizationService: "localizationService" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericLabelDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoAdditionalNumericLabel]' }]
+        }], ctorParameters: function () { return [{ type: i1.NumericTextBoxComponent }]; }, propDecorators: { kendoAdditionalNumericLabel: [{
+                type: Input
+            }], localizationService: [{
+                type: Input
+            }] } });