@progress/kendo-angular-inputs 8.0.4 → 9.0.0-next.202202161022

package/{dist/es2015 → esm2015}/colorpicker/flatcolorpicker.component.js

@@ -2,9 +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 * as tslib_1 from "tslib";
-var FlatColorPickerComponent_1;
-import { Component, ElementRef, EventEmitter, forwardRef, HostBinding, Input, isDevMode, NgZone, ChangeDetectorRef, Output, Renderer2, ViewChild } from "@angular/core";
+import { Component, EventEmitter, forwardRef, HostBinding, Input, isDevMode, Output, ViewChild } from "@angular/core";
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
@@ -16,17 +14,23 @@ import { packageMetadata } from "../package-metadata";
 import { ColorPickerCancelEvent } from './events';
 import { parseColor } from './utils';
 import { isPresent } from '../common/utils';
-import { ColorGradientComponent } from './color-gradient.component';
-import { ColorPaletteComponent } from './color-palette.component';
-import { FlatColorPickerHeaderComponent } from './flatcolorpicker-header.component';
-import { FlatColorPickerActionButtonsComponent } from './flatcolorpicker-actions.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./services/flatcolorpicker.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "./flatcolorpicker-header.component";
+import * as i4 from "./color-gradient.component";
+import * as i5 from "./color-palette.component";
+import * as i6 from "./flatcolorpicker-actions.component";
+import * as i7 from "./localization/localized-colorpicker-messages.directive";
+import * as i8 from "@angular/common";
+import * as i9 from "./focus-on-dom-ready.directive";
 /**
  * Represents the [Kendo UI FlatColorPicker component for Angular]({% slug overview_flatcolorpicker %}).
  *
  * The FlatColorPicker is a powerful tool which allows the user to choose colors through palettes with predefined sets of colors and
  * through a gradient that renders an hsv canvas. It supports previewing the selected color, reverting it to its previous state or clearing it completely.
  */
-let FlatColorPickerComponent = FlatColorPickerComponent_1 = class FlatColorPickerComponent {
+export class FlatColorPickerComponent {
     constructor(host, service, localizationService, cdr, renderer, ngZone) {
         this.host = host;
         this.service = service;
@@ -373,142 +377,132 @@ let FlatColorPickerComponent = FlatColorPickerComponent_1 = class FlatColorPicke
             }));
         });
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-flatcolorpicker'),
-    HostBinding('class.k-coloreditor'),
-    tslib_1.__metadata("design:type", Boolean)
-], FlatColorPickerComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-state-disabled'),
-    HostBinding('attr.aria-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], FlatColorPickerComponent.prototype, "disabledClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-readonly'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], FlatColorPickerComponent.prototype, "ariaReadonly", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], FlatColorPickerComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.tabindex'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], FlatColorPickerComponent.prototype, "hostTabindex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], FlatColorPickerComponent.prototype, "readonly", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], FlatColorPickerComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], FlatColorPickerComponent.prototype, "format", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], FlatColorPickerComponent.prototype, "value", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], FlatColorPickerComponent.prototype, "tabindex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], FlatColorPickerComponent.prototype, "clearButton", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], FlatColorPickerComponent.prototype, "preview", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], FlatColorPickerComponent.prototype, "actionsLayout", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], FlatColorPickerComponent.prototype, "activeView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], FlatColorPickerComponent.prototype, "views", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], FlatColorPickerComponent.prototype, "gradientSettings", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], FlatColorPickerComponent.prototype, "paletteSettings", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], FlatColorPickerComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], FlatColorPickerComponent.prototype, "cancel", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], FlatColorPickerComponent.prototype, "activeViewChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], FlatColorPickerComponent.prototype, "actionButtonClick", void 0);
-tslib_1.__decorate([
-    ViewChild('header', { static: false }),
-    tslib_1.__metadata("design:type", FlatColorPickerHeaderComponent)
-], FlatColorPickerComponent.prototype, "header", void 0);
-tslib_1.__decorate([
-    ViewChild('gradient', { static: false }),
-    tslib_1.__metadata("design:type", ColorGradientComponent)
-], FlatColorPickerComponent.prototype, "gradient", void 0);
-tslib_1.__decorate([
-    ViewChild('palette', { static: false }),
-    tslib_1.__metadata("design:type", ColorPaletteComponent)
-], FlatColorPickerComponent.prototype, "palette", void 0);
-tslib_1.__decorate([
-    ViewChild('footer', { static: false }),
-    tslib_1.__metadata("design:type", FlatColorPickerActionButtonsComponent)
-], FlatColorPickerComponent.prototype, "footer", void 0);
-FlatColorPickerComponent = FlatColorPickerComponent_1 = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoFlatColorPicker',
-        selector: 'kendo-flatcolorpicker',
-        providers: [
-            {
-                multi: true,
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => FlatColorPickerComponent_1)
-            },
-            {
-                provide: KendoInput,
-                useExisting: forwardRef(() => FlatColorPickerComponent_1)
-            },
-            FlatColorPickerService,
-            FlatColorPickerLocalizationService,
-            {
-                provide: LocalizationService,
-                useExisting: FlatColorPickerLocalizationService
-            },
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.flatcolorpicker'
-            }
-        ],
-        template: `
+}
+FlatColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatColorPickerComponent, deps: [{ token: i0.ElementRef }, { token: i1.FlatColorPickerService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+FlatColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FlatColorPickerComponent, selector: "kendo-flatcolorpicker", inputs: { readonly: "readonly", disabled: "disabled", format: "format", value: "value", tabindex: "tabindex", clearButton: "clearButton", preview: "preview", actionsLayout: "actionsLayout", activeView: "activeView", views: "views", gradientSettings: "gradientSettings", paletteSettings: "paletteSettings" }, outputs: { valueChange: "valueChange", cancel: "cancel", activeViewChange: "activeViewChange", actionButtonClick: "actionButtonClick" }, host: { properties: { "class.k-flatcolorpicker": "this.hostClasses", "class.k-coloreditor": "this.hostClasses", "class.k-state-disabled": "this.disabledClass", "attr.aria-disabled": "this.disabledClass", "attr.aria-readonly": "this.ariaReadonly", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabindex" } }, providers: [
+        {
+            multi: true,
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FlatColorPickerComponent)
+        },
+        {
+            provide: KendoInput,
+            useExisting: forwardRef(() => FlatColorPickerComponent)
+        },
+        FlatColorPickerService,
+        FlatColorPickerLocalizationService,
+        {
+            provide: LocalizationService,
+            useExisting: FlatColorPickerLocalizationService
+        },
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.flatcolorpicker'
+        }
+    ], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "gradient", first: true, predicate: ["gradient"], descendants: true }, { propertyName: "palette", first: true, predicate: ["palette"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], exportAs: ["kendoFlatColorPicker"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoFlatColorPickerLocalizedMessages
+            i18n-flatColorPickerNoColor="kendo.flatcolorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."
+            flatColorPickerNoColor="Flatcolorpicker no color chosen"
+            i18n-colorGradientNoColor="kendo.flatcolorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."
+            colorGradientNoColor="Colorgradient no color chosen"
+            i18n-colorPaletteNoColor="kendo.flatcolorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."
+            colorPaletteNoColor="Colorpalette no color chosen"
+            i18n-colorGradientHandle="kendo.flatcolorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."
+            colorGradientHandle="Choose color"
+            i18n-clearButton="kendo.flatcolorpicker.clearButton|The title for the clear button."
+            clearButton="Clear value"
+            i18n-hueSliderHandle="kendo.flatcolorpicker.hueSliderHandle|The title for the hue slider handle."
+            hueSliderHandle="Set hue"
+            i18n-opacitySliderHandle="kendo.flatcolorpicker.opacitySliderHandle|The title for the opacity slider handle."
+            opacitySliderHandle="Set opacity"
+            i18n-contrastRatio="kendo.flatcolorpicker.contrastRatio|The contrast ratio message for the contrast tool."
+            contrastRatio="Contrast ratio"
+            i18n-previewColor="kendo.flatcolorpicker.previewColor|The message for the color preview pane."
+            previewColor="Color preview"
+            i18n-revertSelection="kendo.flatcolorpicker.revertSelection|The message for the selected color pane."
+            revertSelection="Revert selection"
+            i18n-gradientView="kendo.flatcolorpicker.gradientView|The message for the gradient view button."
+            gradientView="Gradient view"
+            i18n-paletteView="kendo.flatcolorpicker.paletteView|The message for the palette view button."
+            paletteView="Palette view"
+            i18n-formatButton="kendo.flatcolorpicker.formatButton|The message for the input format toggle button."
+            formatButton="Change color format"
+            i18n-applyButton="kendo.flatcolorpicker.applyButton|The message for the Apply action button."
+            applyButton="Apply"
+            i18n-cancelButton="kendo.flatcolorpicker.cancelButton|The message for the Cancel action button."
+            cancelButton="Cancel">
+        </ng-container>
+        <div kendoFlatColorPickerHeader
+            *ngIf="headerHasContent"
+            #header
+            [clearButton]="clearButton"
+            [activeView]="activeView"
+            [views]="views"
+            [value]="value"
+            [selection]="selection"
+            [preview]="preview"
+            (clearButtonClick)="onClearButtonClick()"
+            (viewChange)="onViewChange($event)"
+            (valuePaneClick)="resetSelection($event)">
+        </div>
+        <div class="k-coloreditor-views k-vstack">
+            <kendo-colorgradient #gradient
+                *ngIf="activeView === 'gradient'"
+                [tabindex]="null"
+                [value]="selection"
+                [format]="format"
+                [opacity]="gradientSettings.opacity"
+                [delay]="gradientSettings.delay"
+                [contrastTool]="gradientSettings.contrastTool"
+                [readonly]="readonly"
+                (valueChange)="handleValueChange($event)"
+            >
+            </kendo-colorgradient>
+            <kendo-colorpalette #palette
+                *ngIf="activeView === 'palette'"
+                kendoFocusOnDomReady
+                [palette]="paletteSettings.palette"
+                [columns]="paletteSettings.columns"
+                [tileSize]="paletteSettings.tileSize"
+                [format]="format"
+                [value]="selection"
+                (valueChange)="handleValueChange($event)"
+            >
+            </kendo-colorpalette>
+        </div>
+        <div kendoFlatColorPickerActionButtons *ngIf="preview"
+            #footer
+            [ngClass]="'k-justify-content-' + actionsLayout"
+            (actionButtonClick)="onAction($event)">
+        </div>
+`, isInline: true, components: [{ type: i3.FlatColorPickerHeaderComponent, selector: "[kendoFlatColorPickerHeader]", inputs: ["clearButton", "activeView", "views", "preview", "value", "selection"], outputs: ["viewChange", "valuePaneClick", "clearButtonClick"] }, { type: i4.ColorGradientComponent, selector: "kendo-colorgradient", inputs: ["id", "opacity", "disabled", "readonly", "clearButton", "delay", "value", "contrastTool", "tabindex", "format"], outputs: ["valueChange"], exportAs: ["kendoColorGradient"] }, { type: i5.ColorPaletteComponent, selector: "kendo-colorpalette", inputs: ["id", "format", "value", "columns", "palette", "tabindex", "disabled", "readonly", "tileSize"], outputs: ["selectionChange", "valueChange", "cellSelection"], exportAs: ["kendoColorPalette"] }, { type: i6.FlatColorPickerActionButtonsComponent, selector: "[kendoFlatColorPickerActionButtons]", outputs: ["actionButtonClick"] }], directives: [{ type: i7.LocalizedColorPickerMessagesDirective, selector: "[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]" }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.FocusOnDomReadyDirective, selector: "[kendoFocusOnDomReady]" }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoFlatColorPicker',
+                    selector: 'kendo-flatcolorpicker',
+                    providers: [
+                        {
+                            multi: true,
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FlatColorPickerComponent)
+                        },
+                        {
+                            provide: KendoInput,
+                            useExisting: forwardRef(() => FlatColorPickerComponent)
+                        },
+                        FlatColorPickerService,
+                        FlatColorPickerLocalizationService,
+                        {
+                            provide: LocalizationService,
+                            useExisting: FlatColorPickerLocalizationService
+                        },
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.flatcolorpicker'
+                        }
+                    ],
+                    template: `
         <ng-container kendoFlatColorPickerLocalizedMessages
             i18n-flatColorPickerNoColor="kendo.flatcolorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."
             flatColorPickerNoColor="Flatcolorpicker no color chosen"
@@ -585,12 +579,70 @@ FlatColorPickerComponent = FlatColorPickerComponent_1 = tslib_1.__decorate([
             (actionButtonClick)="onAction($event)">
         </div>
 `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        FlatColorPickerService,
-        LocalizationService,
-        ChangeDetectorRef,
-        Renderer2,
-        NgZone])
-], FlatColorPickerComponent);
-export { FlatColorPickerComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FlatColorPickerService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-flatcolorpicker']
+            }, {
+                type: HostBinding,
+                args: ['class.k-coloreditor']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-state-disabled']
+            }, {
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], ariaReadonly: [{
+                type: HostBinding,
+                args: ['attr.aria-readonly']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], hostTabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], readonly: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], clearButton: [{
+                type: Input
+            }], preview: [{
+                type: Input
+            }], actionsLayout: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], views: [{
+                type: Input
+            }], gradientSettings: [{
+                type: Input
+            }], paletteSettings: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], activeViewChange: [{
+                type: Output
+            }], actionButtonClick: [{
+                type: Output
+            }], header: [{
+                type: ViewChild,
+                args: ['header', { static: false }]
+            }], gradient: [{
+                type: ViewChild,
+                args: ['gradient', { static: false }]
+            }], palette: [{
+                type: ViewChild,
+                args: ['palette', { static: false }]
+            }], footer: [{
+                type: ViewChild,
+                args: ['footer', { static: false }]
+            }] } });

package/esm2015/colorpicker/focus-on-dom-ready.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 } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class FocusOnDomReadyDirective {
+    constructor(host, ngZone) {
+        this.host = host;
+        this.ngZone = ngZone;
+    }
+    ngAfterContentInit() {
+        this.focusOnNextTick();
+    }
+    focusOnNextTick() {
+        this.ngZone.runOutsideAngular(() => setTimeout(() => this.host.nativeElement.focus()));
+    }
+}
+FocusOnDomReadyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusOnDomReadyDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+FocusOnDomReadyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FocusOnDomReadyDirective, selector: "[kendoFocusOnDomReady]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusOnDomReadyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoFocusOnDomReady]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; } });

package/esm2015/colorpicker/localization/colorgradient-localization.service.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Inject, Injectable, Optional } from '@angular/core';
+import { LocalizationService, L10N_PREFIX, RTL } from '@progress/kendo-angular-l10n';
+import { FlatColorPickerLocalizationService } from './flatcolorpicker-localization.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./flatcolorpicker-localization.service";
+/**
+ * @hidden
+ */
+export class ColorGradientLocalizationService extends LocalizationService {
+    constructor(prefix, messageService, _rtl, flatColorPickerLocalization) {
+        super(prefix, messageService, _rtl);
+        this.flatColorPickerLocalization = flatColorPickerLocalization;
+    }
+    get(shortKey) {
+        if (this.flatColorPickerLocalization) {
+            return this.flatColorPickerLocalization.get(shortKey);
+        }
+        return super.get(shortKey);
+    }
+}
+ColorGradientLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorGradientLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }, { token: FlatColorPickerLocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ColorGradientLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorGradientLocalizationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorGradientLocalizationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [L10N_PREFIX]
+                }] }, { type: i1.MessageService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }, { type: i2.FlatColorPickerLocalizationService, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FlatColorPickerLocalizationService]
+                }] }]; } });

package/esm2015/colorpicker/localization/colorpalette-localization.service.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Inject, Injectable, Optional } from '@angular/core';
+import { LocalizationService, L10N_PREFIX, RTL } from '@progress/kendo-angular-l10n';
+import { FlatColorPickerLocalizationService } from './flatcolorpicker-localization.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./flatcolorpicker-localization.service";
+/**
+ * @hidden
+ */
+export class ColorPaletteLocalizationService extends LocalizationService {
+    constructor(prefix, messageService, _rtl, flatColorPickerLocalization) {
+        super(prefix, messageService, _rtl);
+        this.flatColorPickerLocalization = flatColorPickerLocalization;
+    }
+    get(shortKey) {
+        if (this.flatColorPickerLocalization) {
+            return this.flatColorPickerLocalization.get(shortKey);
+        }
+        return super.get(shortKey);
+    }
+}
+ColorPaletteLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPaletteLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }, { token: FlatColorPickerLocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ColorPaletteLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPaletteLocalizationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPaletteLocalizationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [L10N_PREFIX]
+                }] }, { type: i1.MessageService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }, { type: i2.FlatColorPickerLocalizationService, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FlatColorPickerLocalizationService]
+                }] }]; } });

package/esm2015/colorpicker/localization/colorpicker-localization.service.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Inject, Injectable, Optional } from '@angular/core';
+import { LocalizationService, L10N_PREFIX, RTL } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class ColorPickerLocalizationService extends LocalizationService {
+    constructor(prefix, messageService, _rtl) {
+        super(prefix, messageService, _rtl);
+    }
+}
+ColorPickerLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPickerLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ColorPickerLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPickerLocalizationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPickerLocalizationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [L10N_PREFIX]
+                }] }, { type: i1.MessageService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }]; } });

package/esm2015/colorpicker/localization/custom-messages.component.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { ColorPickerMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages.
+ */
+export class ColorPickerCustomMessagesComponent extends ColorPickerMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+ColorPickerCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ColorPickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColorPickerCustomMessagesComponent, selector: "kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages", providers: [
+        {
+            provide: ColorPickerMessages,
+            useExisting: forwardRef(() => ColorPickerCustomMessagesComponent) // eslint-disable-line no-forward-ref
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPickerCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ColorPickerMessages,
+                            useExisting: forwardRef(() => ColorPickerCustomMessagesComponent) // eslint-disable-line no-forward-ref
+                        }
+                    ],
+                    selector: 'kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/colorpicker/localization/flatcolorpicker-localization.service.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Inject, Injectable, Optional } from '@angular/core';
+import { LocalizationService, L10N_PREFIX, RTL } from '@progress/kendo-angular-l10n';
+import { ColorPickerLocalizationService } from './colorpicker-localization.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./colorpicker-localization.service";
+/**
+ * @hidden
+ */
+export class FlatColorPickerLocalizationService extends LocalizationService {
+    constructor(prefix, messageService, _rtl, colorPickerLocalization) {
+        super(prefix, messageService, _rtl);
+        this.colorPickerLocalization = colorPickerLocalization;
+    }
+    get(shortKey) {
+        if (this.colorPickerLocalization) {
+            return this.colorPickerLocalization.get(shortKey);
+        }
+        return super.get(shortKey);
+    }
+}
+FlatColorPickerLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatColorPickerLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }, { token: ColorPickerLocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FlatColorPickerLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatColorPickerLocalizationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatColorPickerLocalizationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [L10N_PREFIX]
+                }] }, { type: i1.MessageService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }, { type: i2.ColorPickerLocalizationService, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ColorPickerLocalizationService]
+                }] }]; } });