@progress/kendo-angular-inputs 17.0.0-develop.9 → 17.0.1-develop.1

package/{esm2020 → esm2022}/colorpicker/color-gradient.component.mjs

@@ -32,108 +32,13 @@ let serial = 0;
  * The ColorGradient is independently used by `kendo-colorpicker` and can be directly added to the page.
  */
 export class ColorGradientComponent {
-    constructor(host, ngZone, renderer, cdr, localizationService, injector) {
-        this.host = host;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.localizationService = localizationService;
-        this.injector = injector;
-        this.hostClasses = true;
-        this.ariaRole = 'textbox';
-        /**
-         * @hidden
-         */
-        this.id = `k-colorgradient-${serial++}`;
-        /**
-         * Defines whether the alpha slider will be displayed.
-         *
-         * @default true
-         */
-        this.opacity = true;
-        /**
-         * Sets the disabled state of the ColorGradient. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_colorgradient#toc-managing-the-colorgradient-disabled-state-in-reactive-forms).
-         *
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Sets the read-only state of the ColorGradient.
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Specifies whether the ColorGradient should display a 'Clear color' button.
-         *
-         * @default false
-         */
-        this.clearButton = false;
-        /**
-         * Determines the delay time (in milliseconds) before the value is changed on handle drag. A value of 0 indicates no delay.
-         *
-         * @default 0
-         */
-        this.delay = 0;
-        /**
-         * Specifies the output format of the ColorGradientComponent.
-         * The input value may be in a different format, but it will be parsed into the output `format`
-         * after the component processes it.
-         *
-         * The supported values are:
-         * * (Default) `rgba`
-         * * `hex`
-         */
-        this.format = DEFAULT_OUTPUT_FORMAT;
-        /**
-         * Fires each time the user selects a new color.
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.backgroundColor = DEFAULT_GRADIENT_BACKGROUND_COLOR;
-        /**
-         * @hidden
-         *
-         * Represents the currently selected `hue`, `saturation`, `value`, and `alpha` values.
-         * The values are initially set in `ngOnInit` or in `ngOnChanges` and are
-         * updated on moving the drag handle or the sliders.
-         */
-        this.hsva = new BehaviorSubject({});
-        /**
-         * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys.
-         *
-         * @default 5
-         */
-        this.gradientSliderStep = DRAGHANDLE_MOVE_SPEED;
-        /**
-         * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys while holding the shift key.
-         *
-         * @default 2
-         */
-        this.gradientSliderSmallStep = DRAGHANDLE_MOVE_SPEED_SMALL_STEP;
-        /**
-         * @hidden
-         */
-        this.internalNavigation = false;
-        /**
-         * @hidden
-         */
-        this.dropletSlashIcon = dropletSlashIcon;
-        this._tabindex = 0;
-        this.listeners = [];
-        this.hueSliderTouched = false;
-        this.alphaSliderTouched = false;
-        this.updateValues = new Subject();
-        this.hsvHandleCoordinates = { x: 0, y: 0 };
-        this.notifyNgChanged = () => { };
-        this.notifyNgTouched = () => { };
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = localizationService.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    }
+    host;
+    ngZone;
+    renderer;
+    cdr;
+    localizationService;
+    injector;
+    hostClasses = true;
     get readonlyAttribute() {
         return this.readonly;
     }
@@ -143,9 +48,11 @@ export class ColorGradientComponent {
     get gradientId() {
         return this.id;
     }
+    direction;
     get hostTabindex() {
         return this.tabindex?.toString() || '0';
     }
+    ariaRole = 'textbox';
     get isControlInvalid() {
         return (this.control?.invalid)?.toString();
     }
@@ -178,6 +85,40 @@ export class ColorGradientComponent {
     focusHandler(ev) {
         this.internalNavigation = ev.target !== this.host.nativeElement;
     }
+    /**
+     * @hidden
+     */
+    id = `k-colorgradient-${serial++}`;
+    /**
+     * Defines whether the alpha slider will be displayed.
+     *
+     * @default true
+     */
+    opacity = true;
+    /**
+     * Sets the disabled state of the ColorGradient. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_colorgradient#toc-managing-the-colorgradient-disabled-state-in-reactive-forms).
+     *
+     * @default false
+     */
+    disabled = false;
+    /**
+     * Sets the read-only state of the ColorGradient.
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Specifies whether the ColorGradient should display a 'Clear color' button.
+     *
+     * @default false
+     */
+    clearButton = false;
+    /**
+     * Determines the delay time (in milliseconds) before the value is changed on handle drag. A value of 0 indicates no delay.
+     *
+     * @default 0
+     */
+    delay = 0;
     /**
      * Specifies the value of the initially selected color.
      */
@@ -215,6 +156,32 @@ export class ColorGradientComponent {
     get tabindex() {
         return !this.disabled ? this._tabindex : undefined;
     }
+    /**
+     * Specifies the output format of the ColorGradientComponent.
+     * The input value may be in a different format, but it will be parsed into the output `format`
+     * after the component processes it.
+     *
+     * The supported values are:
+     * * (Default) `rgba`
+     * * `hex`
+     */
+    format = DEFAULT_OUTPUT_FORMAT;
+    /**
+     * Fires each time the user selects a new color.
+     */
+    valueChange = new EventEmitter();
+    /**
+     * @hidden
+     */
+    backgroundColor = DEFAULT_GRADIENT_BACKGROUND_COLOR;
+    /**
+     * @hidden
+     *
+     * Represents the currently selected `hue`, `saturation`, `value`, and `alpha` values.
+     * The values are initially set in `ngOnInit` or in `ngOnChanges` and are
+     * updated on moving the drag handle or the sliders.
+     */
+    hsva = new BehaviorSubject({});
     /**
      * Indicates whether the ColorGradient or any of its content is focused.
      */
@@ -234,6 +201,41 @@ export class ColorGradientComponent {
         }
         return this.hsva.value.a * 100;
     }
+    /**
+     * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys.
+     *
+     * @default 5
+     */
+    gradientSliderStep = DRAGHANDLE_MOVE_SPEED;
+    /**
+     * Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys while holding the shift key.
+     *
+     * @default 2
+     */
+    gradientSliderSmallStep = DRAGHANDLE_MOVE_SPEED_SMALL_STEP;
+    gradientDragHandle;
+    inputs;
+    alphaSlider;
+    gradientWrapper;
+    hsvRectangle;
+    /**
+     * @hidden
+     */
+    internalNavigation = false;
+    /**
+     * @hidden
+     */
+    dropletSlashIcon = dropletSlashIcon;
+    _value;
+    _tabindex = 0;
+    _contrastTool;
+    listeners = [];
+    hueSliderTouched = false;
+    alphaSliderTouched = false;
+    updateValues = new Subject();
+    changeRequestsSubscription;
+    dynamicRTLSubscription;
+    hsvHandleCoordinates = { x: 0, y: 0 };
     get gradientRect() {
         return this.gradientWrapper.nativeElement.getBoundingClientRect();
     }
@@ -255,6 +257,19 @@ export class ColorGradientComponent {
     get innerTabIndex() {
         return this.internalNavigation ? 0 : -1;
     }
+    control;
+    constructor(host, ngZone, renderer, cdr, localizationService, injector) {
+        this.host = host;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.localizationService = localizationService;
+        this.injector = injector;
+        validatePackage(packageMetadata);
+        this.dynamicRTLSubscription = localizationService.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
     ngOnInit() {
         this.control = this.injector.get(NgControl, null);
     }
@@ -476,6 +491,8 @@ export class ColorGradientComponent {
     isEmpty() {
         return false;
     }
+    notifyNgChanged = () => { };
+    notifyNgTouched = () => { };
     moveDragHandle(positionX, positionY) {
         const gradientRect = this.gradientRect;
         const gradientRectWidth = gradientRect.width;
@@ -573,28 +590,27 @@ export class ColorGradientComponent {
             this.changeRequestsSubscription.unsubscribe();
         }
     }
-}
-ColorGradientComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorGradientComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorGradientComponent, isStandalone: true, selector: "kendo-colorgradient", inputs: { id: "id", opacity: "opacity", disabled: "disabled", readonly: "readonly", clearButton: "clearButton", delay: "delay", value: "value", contrastTool: "contrastTool", tabindex: "tabindex", format: "format", gradientSliderStep: "gradientSliderStep", gradientSliderSmallStep: "gradientSliderSmallStep" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "keydown.enter": "enterHandler($event)", "keydown.escape": "escapeHandler($event)", "focusin": "focusHandler($event)" }, properties: { "class.k-colorgradient": "this.hostClasses", "attr.aria-readonly": "this.readonlyAttribute", "class.k-disabled": "this.disabledClass", "attr.id": "this.gradientId", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabindex", "attr.role": "this.ariaRole", "attr.aria-invalid": "this.isControlInvalid", "attr.aria-disabled": "this.isDisabled", "class.k-readonly": "this.readonly" } }, providers: [
-        {
-            multi: true,
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => ColorGradientComponent)
-        },
-        {
-            provide: KendoInput,
-            useExisting: forwardRef(() => ColorGradientComponent)
-        },
-        ColorGradientLocalizationService,
-        {
-            provide: LocalizationService,
-            useExisting: ColorGradientLocalizationService
-        },
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.colorgradient'
-        }
-    ], viewQueries: [{ propertyName: "gradientDragHandle", first: true, predicate: ["gradientDragHandle"], descendants: true }, { propertyName: "inputs", first: true, predicate: ["inputs"], descendants: true }, { propertyName: "alphaSlider", first: true, predicate: ["alphaSlider"], descendants: true }, { propertyName: "gradientWrapper", first: true, predicate: ["gradientWrapper"], descendants: true }, { propertyName: "hsvRectangle", first: true, predicate: ["hsvRectangle"], descendants: true }], exportAs: ["kendoColorGradient"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorGradientComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColorGradientComponent, isStandalone: true, selector: "kendo-colorgradient", inputs: { id: "id", opacity: "opacity", disabled: "disabled", readonly: "readonly", clearButton: "clearButton", delay: "delay", value: "value", contrastTool: "contrastTool", tabindex: "tabindex", format: "format", gradientSliderStep: "gradientSliderStep", gradientSliderSmallStep: "gradientSliderSmallStep" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "keydown.enter": "enterHandler($event)", "keydown.escape": "escapeHandler($event)", "focusin": "focusHandler($event)" }, properties: { "class.k-colorgradient": "this.hostClasses", "attr.aria-readonly": "this.readonlyAttribute", "class.k-disabled": "this.disabledClass", "attr.id": "this.gradientId", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabindex", "attr.role": "this.ariaRole", "attr.aria-invalid": "this.isControlInvalid", "attr.aria-disabled": "this.isDisabled", "class.k-readonly": "this.readonly" } }, providers: [
+            {
+                multi: true,
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ColorGradientComponent)
+            },
+            {
+                provide: KendoInput,
+                useExisting: forwardRef(() => ColorGradientComponent)
+            },
+            ColorGradientLocalizationService,
+            {
+                provide: LocalizationService,
+                useExisting: ColorGradientLocalizationService
+            },
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.colorgradient'
+            }
+        ], viewQueries: [{ propertyName: "gradientDragHandle", first: true, predicate: ["gradientDragHandle"], descendants: true }, { propertyName: "inputs", first: true, predicate: ["inputs"], descendants: true }, { propertyName: "alphaSlider", first: true, predicate: ["alphaSlider"], descendants: true }, { propertyName: "gradientWrapper", first: true, predicate: ["gradientWrapper"], descendants: true }, { propertyName: "hsvRectangle", first: true, predicate: ["hsvRectangle"], descendants: true }], exportAs: ["kendoColorGradient"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoColorGradientLocalizedMessages
             i18n-colorGradientNoColor="kendo.colorgradient.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."
             colorGradientNoColor="Colorgradient no color chosen"
@@ -744,7 +760,8 @@ ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             [ratio]="contrastTool">
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedColorPickerMessagesDirective, selector: "[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]" }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ColorContrastSvgComponent, selector: "[kendoColorContrastSvg]", inputs: ["wrapper", "hsva", "backgroundColor"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: SliderComponent, selector: "kendo-slider", inputs: ["focusableId", "dragHandleTitle", "incrementTitle", "animate", "decrementTitle", "showButtons", "value", "tabIndex"], exportAs: ["kendoSlider"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ColorInputComponent, selector: "kendo-colorinput", inputs: ["focusableId", "formatView", "tabindex", "value", "opacity", "disabled", "readonly"], outputs: ["valueChange", "tabOut"] }, { kind: "component", type: ContrastComponent, selector: "[kendoContrastTool]", inputs: ["value", "ratio"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorGradientComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorGradientComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoColorGradient',

package/{esm2020 → esm2022}/colorpicker/color-input.component.mjs

@@ -20,51 +20,61 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class ColorInputComponent {
-    constructor(host, renderer, localizationService) {
-        this.host = host;
-        this.renderer = renderer;
-        this.localizationService = localizationService;
-        /**
-         * The id of the hex input.
-         */
-        this.focusableId = `k-${guid()}`;
-        /**
-         * The inputs tabindex.
-         */
-        this.tabindex = -1;
-        /**
-         * Sets whether the alpha slider will be shown.
-         */
-        this.opacity = true;
-        /**
-         * Sets the disabled state of the ColorInput.
-         */
-        this.disabled = false;
-        /**
-         * Sets the read-only state of the ColorInput.
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Emits a parsed rgba string color.
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * Emits when the user tabs out of the last focusable input.
-         */
-        this.tabOut = new EventEmitter();
-        this.colorInputClass = true;
-        /**
-         * The rgba inputs values.
-         */
-        this.rgba = {};
-        /**
-         * @hidden
-         */
-        this.caretAltExpandIcon = caretAltExpandIcon;
-        this.subscriptions = new Subscription();
-    }
+    host;
+    renderer;
+    localizationService;
+    /**
+     * The id of the hex input.
+     */
+    focusableId = `k-${guid()}`;
+    /**
+     * The color format view.
+     */
+    formatView;
+    /**
+     * The inputs tabindex.
+     */
+    tabindex = -1;
+    /**
+     * The color value that will be parsed and populate the hex & rgba inputs.
+     * Required input property.
+     */
+    value;
+    /**
+     * Sets whether the alpha slider will be shown.
+     */
+    opacity = true;
+    /**
+     * Sets the disabled state of the ColorInput.
+     */
+    disabled = false;
+    /**
+     * Sets the read-only state of the ColorInput.
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Emits a parsed rgba string color.
+     */
+    valueChange = new EventEmitter();
+    /**
+     * Emits when the user tabs out of the last focusable input.
+     */
+    tabOut = new EventEmitter();
+    colorInputClass = true;
+    opacityInput;
+    hexInput;
+    blueInput;
+    toggleFormatButton;
+    /**
+     * The rgba inputs values.
+     */
+    rgba = {};
+    /*
+     * The hex input value.
+     */
+    hex;
     /**
      * Indicates whether any of the inputs are focused.
      */
@@ -81,6 +91,16 @@ export class ColorInputComponent {
     get rgbaInputValid() {
         return Object.keys(this.rgba).every(key => isPresent(this.rgba[key]));
     }
+    /**
+     * @hidden
+     */
+    caretAltExpandIcon = caretAltExpandIcon;
+    subscriptions = new Subscription();
+    constructor(host, renderer, localizationService) {
+        this.host = host;
+        this.renderer = renderer;
+        this.localizationService = localizationService;
+    }
     ngAfterViewInit() {
         this.initDomEvents();
     }
@@ -152,9 +172,8 @@ export class ColorInputComponent {
     lastInput() {
         return this.hexInput?.nativeElement || this.opacityInput || this.blueInput;
     }
-}
-ColorInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ColorInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorInputComponent, isStandalone: true, selector: "kendo-colorinput", inputs: { focusableId: "focusableId", formatView: "formatView", tabindex: "tabindex", value: "value", opacity: "opacity", disabled: "disabled", readonly: "readonly" }, outputs: { valueChange: "valueChange", tabOut: "tabOut" }, host: { properties: { "class.k-colorgradient-inputs": "this.colorInputClass", "class.k-hstack": "this.colorInputClass" } }, viewQueries: [{ propertyName: "opacityInput", first: true, predicate: ["opacityInput"], descendants: true }, { propertyName: "hexInput", first: true, predicate: ["hexInput"], descendants: true }, { propertyName: "blueInput", first: true, predicate: ["blue"], descendants: true }, { propertyName: "toggleFormatButton", first: true, predicate: ["toggleFormatButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColorInputComponent, isStandalone: true, selector: "kendo-colorinput", inputs: { focusableId: "focusableId", formatView: "formatView", tabindex: "tabindex", value: "value", opacity: "opacity", disabled: "disabled", readonly: "readonly" }, outputs: { valueChange: "valueChange", tabOut: "tabOut" }, host: { properties: { "class.k-colorgradient-inputs": "this.colorInputClass", "class.k-hstack": "this.colorInputClass" } }, viewQueries: [{ propertyName: "opacityInput", first: true, predicate: ["opacityInput"], descendants: true }, { propertyName: "hexInput", first: true, predicate: ["hexInput"], descendants: true }, { propertyName: "blueInput", first: true, predicate: ["blue"], descendants: true }, { propertyName: "toggleFormatButton", first: true, predicate: ["toggleFormatButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
         <div class="k-vstack">
             <button 
                 kendoButton
@@ -273,7 +292,8 @@ ColorInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: NumericLabelDirective, selector: "[kendoAdditionalNumericLabel]", inputs: ["kendoAdditionalNumericLabel", "localizationService"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorInputComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorInputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-colorinput',