npm - @progress/kendo-angular-inputs - Versions diffs - 10.1.2 → 11.0.0-develop.101 - Mend

@progress/kendo-angular-inputs 10.1.2 → 11.0.0-develop.101

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (304) hide show

package/LICENSE.md CHANGED Viewed

@@ -8,4 +8,4 @@ This is commercial software. To use it, you need to agree to the [**Telerik End
 All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
-*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*

package/NOTICE.txt CHANGED Viewed

@@ -1,4 +1,4 @@
-Progress Kendo UI for Angular 2022
+Progress Kendo UI for Angular 2023
 Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
 subsidiaries or affiliates. All rights reserved.
@@ -37,7 +37,7 @@ DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style
 Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
 Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
 Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
-Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
+Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
 Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
 Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
 ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
@@ -433,7 +433,7 @@ subject to the following terms and conditions:
 @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
 @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
 @types/prosemirror-transform v1*, and @types/prosemirror-view v1*.  Such technologies are
-subject to the following terms and conditions:
+subject to the following terms and conditions:
     This project is licensed under the MIT license.
     Copyrights are respective of each contributor listed at the beginning of each
@@ -640,7 +640,7 @@ Such technology is subject to the following terms and conditions:
 2. Special Notices Regarding Commercially Licensed Third-Party Components
 incorporated into the Product:  NONE
-3. Special Notices Regarding Progress Products incorporated into the Product:
+3. Special Notices Regarding Progress Products incorporated into the Product:
 (a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
 from Progress Software Corporation. See NOTICE.txt text file within product for

package/README.md CHANGED Viewed

@@ -36,17 +36,17 @@ What's Included in The Package:
 ## Angular Inputs Package Common Features
 These features are common across all components in the packatge.
-* **Delaying Input Value Changes**&mdash;By default, value updates are processed immediately after the input.But, if you need to allow time for complex scenarios and operations, you can configure a slight delay before the components accept the new input value.
+* **Delaying Input Value Changes**&mdash;By default, value updates are processed immediately after the input.But, if you need to allow time for complex scenarios and operations, you can configure a slight delay before the components accept the new input value.
 * **Disabled Inputs**&mdash;Display the Inputs in their read-only state.
-* **Forms Support**&mdash;The Inputs provide support both for the asynchronous template-driven Angular forms and the predominantly synchronous reactive Angular forms. This feature allows you to draw on the logic set either in the template, or in the component or typescript code.
-* **Appearance**&mdash;All aspects of the Inputs can be customized by theme variables or configuration options. Kendo UI for Angular delivers a set of popular themes including Bootstrap and Material, all of which can be easily customized with the Progress ThemeBuilder online utility.
-* **Globalization**&mdash;The Kendo UI for Angular Inputs support globalization to ensure that each Inputs component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Inputs support rendering in a right-to-left (RTL) direction.
-* **Accessibility**&mdash;The Inputs are accessible for screen readers and support WAI-ARIA attributes.
+* **Forms Support**&mdash;The Inputs provide support both for the asynchronous template-driven Angular forms and the predominantly synchronous reactive Angular forms. This feature allows you to draw on the logic set either in the template, or in the component or typescript code.
+* **Appearance**&mdash;All aspects of the Inputs can be customized by theme variables or configuration options. Kendo UI for Angular delivers a set of popular themes including Bootstrap and Material, all of which can be easily customized with the Progress ThemeBuilder online utility.
+* **Globalization**&mdash;The Kendo UI for Angular Inputs support globalization to ensure that each Inputs component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Inputs support rendering in a right-to-left (RTL) direction.
+* **Accessibility**&mdash;The Inputs are accessible for screen readers and support WAI-ARIA attributes.
 * **Keyboard Navigation**&mdash;The Inputs support a number of keyboard shortcuts which alow users to accomplish various commands.
 ## Angular Checkbox Component
-The [Angular Checkbox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/checkbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a directive that helps you style checkbox input elements. It supports all regular HTML checkbox attribures and Angular bindings.
+The [Angular Checkbox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/checkbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a directive that helps you style checkbox input elements. It supports all regular HTML checkbox attribures and Angular bindings.
 ### More Features
@@ -64,7 +64,7 @@ The [Angular ColorGradient Component](https://www.telerik.com/kendo-angular-ui/c
 ## Angular ColorPalette Component
-The [Angular ColorPalette Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) renders sets of predefined colors from which users can choose. A common example is swithcing clothing colors when online shopping.
+The [Angular ColorPalette Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) renders sets of predefined colors from which users can choose. A common example is swithcing clothing colors when online shopping.
 ### More Features
@@ -73,30 +73,30 @@ The [Angular ColorPalette Component](https://www.telerik.com/kendo-angular-ui/co
 ## Angular ColorPicker Component
-The [Angular ColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) combines the ColorGradient and ColorPalette to provide a rich color selection tool that appears in a popup and provides a variety of ways to select colors as well as a preview of selected colors.
+The [Angular ColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) combines the ColorGradient and ColorPalette to provide a rich color selection tool that appears in a popup and provides a variety of ways to select colors as well as a preview of selected colors.
 ### More Features
 * [Contrast Tool](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/contrast-tool/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;This optional tool checks the contrast ratio between two colors to ensures that the selected color meets certain contrast requirements like AA or AAA.
-* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/custom/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;For ultimate flexibility, you can configure each building block including views toggles, clear button, action buttons, palette view, gradient view, and icons.
-* [Control the Open State](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/open-state/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Determine whether the popup is open or closed when the component loads.
+* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/custom/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;For ultimate flexibility, you can configure each building block including views toggles, clear button, action buttons, palette view, gradient view, and icons.
+* [Control the Open State](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/open-state/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Determine whether the popup is open or closed when the component loads.
 ## Angular FlatColorPicker Component
-The [Angular FlatColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/) is the same as the Angular ColorPicker, except the picker is not hidden in a popup. It renders directly on the page.
+The [Angular FlatColorPicker Component](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/) is the same as the Angular ColorPicker, except the picker is not hidden in a popup. It renders directly on the page.
 ### More Features
 * [Contrast Tool](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/contrast-tool/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;This optional tool checks the contrast ratio between two colors to ensures that the selected color meets certain contrast requirements like AA or AAA.
-* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/customization/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;For ultimate flexibility, you can configure each building block including views toggles, clear button, action buttons, palette view, gradient view, and icons.
+* [Customization](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/customization/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;For ultimate flexibility, you can configure each building block including views toggles, clear button, action buttons, palette view, gradient view, and icons.
 ## Angular FormField Component
-The [Angular FormField Component](https://www.telerik.com/kendo-angular-ui/components/inputs/formfield/) helps you group form related content to layout out and configure fields, labels, hints, and error messages.
+The [Angular FormField Component](https://www.telerik.com/kendo-angular-ui/components/inputs/formfield/) helps you group form related content to layout out and configure fields, labels, hints, and error messages.
 ## Angular MaskedTextBox Component
-The [Angular MaskedTextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) enables you to control input by enforcing format using a mask. A common example is requiring phone number formats.
+The [Angular MaskedTextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) enables you to control input by enforcing format using a mask. A common example is requiring phone number formats.
 ### More Features
@@ -110,11 +110,11 @@ The [Angular NumericTextBox Component](https://www.telerik.com/kendo-angular-ui/
 ### More Features
 * [Restrictions](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/precision/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Control user input by restricting elements such as fraction length, value ranges, and maximum length.
-* [Predefined Steps](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/predefined-step/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Specify the value by which the value increments up or down when the spin buttons are clicked.
+* [Predefined Steps](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/predefined-step/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Specify the value by which the value increments up or down when the spin buttons are clicked.
 ## Angular RadioButton Component
-The [Angular RadioButton Component](https://www.telerik.com/kendo-angular-ui/components/inputs/radiobutton/l&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a directive that helps you style the radio input element.
+The [Angular RadioButton Component](https://www.telerik.com/kendo-angular-ui/components/inputs/radiobutton/l&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a directive that helps you style the radio input element.
 ### More Features
@@ -139,11 +139,11 @@ The [Angular Slider Component](https://www.telerik.com/kendo-angular-ui/componen
 * [Orientation](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/orientation/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Choose to render the Angular Slider horizontally or vertically.
 * [Ticks](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/ticks/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Configure the placement, titles, and width or the ticks that designate value steps along the track.
 * [Predefined Steps](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/predefined-steps/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Configure the way the Slider divides its range and updates the value by using the step options.
-* [Side Buttons](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/side-buttons/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Configure the side buttons that increase or decrease value by showing or hiding and displaying titles.
+* [Side Buttons](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/side-buttons/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Configure the side buttons that increase or decrease value by showing or hiding and displaying titles.
 ## Angular Switch Component
-The [Angular Switch Component](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a visual toggle that switches between checked and unchecked states.
+The [Angular Switch Component](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) is a visual toggle that switches between checked and unchecked states.
 ## Angular TextArea Component
@@ -154,7 +154,7 @@ The [Angular TextArea Component](https://www.telerik.com/kendo-angular-ui/compon
 * [Character Counter](https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/character-counter/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Set a maximum length and show the character count and the max value.
 * [Adornments](https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/adornments/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs)&mdash;Add custom items such as close buttons, insert attachement buttons, and settings buttons.
-## Angular TextBox Component
+## Angular TextBox Component
 The [Angular TextBox Component](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-inputs) provides options for creating composite inputs that you can integrate within forms or use as standalone items.
@@ -179,6 +179,6 @@ The [Angular TextBox Component](https://www.telerik.com/kendo-angular-ui/compone
 * [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
 * [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/checkbox/checkbox.directive.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 } from '@angular/core';

package/checkbox.module.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./checkbox/checkbox.directive";
 import * as i2 from "@angular/common";
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the CheckBox directive.
  *
  * @example

package/colorpicker/color-contrast-svg.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { SimpleChanges, AfterViewInit, OnChanges } from '@angular/core';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 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';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 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, Injector, OnInit } from '@angular/core';
@@ -9,6 +9,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { OutputFormat, HSVA } from './models';
 import { KendoDragEvent } from './events/kendo-drag-event';
 import { ColorInputComponent } from './color-input.component';
+import { SVGIcon } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 /**
  * The ColorGradient component enables smooth color transitions and provides options for selecting specific colors over the drag handle.
@@ -149,6 +150,10 @@ export declare class ColorGradientComponent implements OnInit, OnChanges, OnDest
      * @hidden
      */
     internalNavigation: boolean;
+    /**
+     * @hidden
+     */
+    dropletSlashIcon: SVGIcon;
     private _value;
     private _tabindex;
     private _contrastTool;

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

@@ -1,11 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OnChanges, SimpleChanges, EventEmitter, ElementRef, AfterViewInit, Renderer2 } from '@angular/core';
 import { RGBA } from './models';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NumericTextBoxComponent } from './../numerictextbox/numerictextbox.component';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -69,6 +70,10 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
      * Indicates whether any of the rgba inputs have value.
      */
     private get rgbaInputValid();
+    /**
+     * @hidden
+     */
+    caretAltExpandIcon: SVGIcon;
     private subscriptions;
     constructor(host: ElementRef, renderer: Renderer2, localizationService: LocalizationService);
     ngAfterViewInit(): void;

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OnInit, EventEmitter, SimpleChanges, OnChanges, OnDestroy, ChangeDetectorRef, Renderer2, ElementRef, AfterViewInit, NgZone } from '@angular/core';

package/colorpicker/colorpicker.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 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, Injector } from '@angular/core';
@@ -9,6 +9,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupSettings, PaletteSettings, OutputFormat, ColorPickerView, GradientSettings, ColorPickerActionsLayout } from './models';
 import { ActiveColorClickEvent, ColorPickerCancelEvent, ColorPickerCloseEvent, ColorPickerOpenEvent } from './events';
 import { InputFillMode, InputRounded, InputSize } from '../common/models';
+import { SVGIcon } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ColorPicker component for Angular]({% slug overview_colorpicker %}).
@@ -114,6 +115,12 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     iconClass: string | Array<string> | {
         [key: string]: boolean;
     };
+    /**
+     * Defines an SVGIcon to be rendered within the button.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
+    get svgIcon(): SVGIcon;
     /**
      * Specifies whether the ColorPicker should display a 'Clear color' button.
      *
@@ -237,9 +244,11 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     /**
      * @hidden
      */
-    get iconStyles(): string | string[] | {
-        [key: string]: boolean;
-    };
+    get customIconStyles(): string;
+    /**
+     * @hidden
+     */
+    get iconStyles(): string;
     /**
      * Provides a reference to a container element inside the component markup.
      * The container element references the location of the appended popup&mdash;
@@ -249,7 +258,12 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     private activeColor;
     private popupTemplate;
     private flatColorPicker;
+    /**
+     * @hidden
+     */
+    arrowDownIcon: SVGIcon;
     private popupRef;
+    private _svgIcon;
     private _value;
     private _tabindex;
     private _popupSettings;
@@ -360,5 +374,5 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     private domFocusListener;
     private handleHostId;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "kendo-colorpicker", ["kendoColorPicker"], { "views": "views"; "view": "view"; "activeView": "activeView"; "readonly": "readonly"; "disabled": "disabled"; "format": "format"; "value": "value"; "popupSettings": "popupSettings"; "paletteSettings": "paletteSettings"; "gradientSettings": "gradientSettings"; "icon": "icon"; "iconClass": "iconClass"; "clearButton": "clearButton"; "tabindex": "tabindex"; "preview": "preview"; "actionsLayout": "actionsLayout"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "cancel": "cancel"; "activeColorClick": "activeColorClick"; "activeViewChange": "activeViewChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "kendo-colorpicker", ["kendoColorPicker"], { "views": "views"; "view": "view"; "activeView": "activeView"; "readonly": "readonly"; "disabled": "disabled"; "format": "format"; "value": "value"; "popupSettings": "popupSettings"; "paletteSettings": "paletteSettings"; "gradientSettings": "gradientSettings"; "icon": "icon"; "iconClass": "iconClass"; "svgIcon": "svgIcon"; "clearButton": "clearButton"; "tabindex": "tabindex"; "preview": "preview"; "actionsLayout": "actionsLayout"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "cancel": "cancel"; "activeColorClick": "activeColorClick"; "activeViewChange": "activeViewChange"; }, never, never>;
 }

package/colorpicker/constants.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OutputFormat } from "./models";
@@ -10,7 +10,7 @@ export declare const DEFAULT_OUTPUT_FORMAT: OutputFormat;
 /**
  * @hidden
  */
-export declare const DEFAULT_GRADIENT_BACKGROUND_COLOR: string;
+export declare const DEFAULT_GRADIENT_BACKGROUND_COLOR = "rgba(255, 0, 0, 1)";
 /**
  * @hidden
  */

package/colorpicker/contrast-validation.component.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -12,6 +13,8 @@ export declare class ContrastValidationComponent {
     type: string;
     pass: boolean;
     value: string;
+    checkIcon: SVGIcon;
+    xCircleIcon: SVGIcon;
     constructor(localization: LocalizationService);
     get passMessage(): string;
     get failMessage(): string;

package/colorpicker/contrast.component.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -11,6 +12,8 @@ export declare class ContrastComponent {
     private localization;
     value: string;
     ratio: string;
+    checkIcon: SVGIcon;
+    xCircleIcon: SVGIcon;
     constructor(localization: LocalizationService);
     get formatedRatio(): string;
     get contrastRatioText(): string;

package/colorpicker/events/active-color-click-event.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/colorpicker/events/cancel-event.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from "@progress/kendo-angular-common";

package/colorpicker/events/close-event.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from "@progress/kendo-angular-common";

package/colorpicker/events/kendo-drag-event.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/colorpicker/events/open-event.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from "@progress/kendo-angular-common";

package/colorpicker/events.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export * from './events/cancel-event';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, ElementRef } from '@angular/core';

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

@@ -1,16 +1,18 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, QueryList, ElementRef } from '@angular/core';
+import { EventEmitter, QueryList, ElementRef, Renderer2, AfterViewInit } from '@angular/core';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ColorPickerView } from './models';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class FlatColorPickerHeaderComponent {
+export declare class FlatColorPickerHeaderComponent implements AfterViewInit {
     private localizationService;
+    private renderer;
     hostClasses: boolean;
     clearButton: boolean;
     activeView: ColorPickerView;
@@ -25,10 +27,15 @@ export declare class FlatColorPickerHeaderComponent {
     tabOut: EventEmitter<any>;
     viewButtonsCollection: QueryList<ElementRef>;
     clearButtonElement: ElementRef;
-    constructor(localizationService: LocalizationService);
+    dropletSliderIcon: SVGIcon;
+    paletteIcon: SVGIcon;
+    dropletSlashIcon: SVGIcon;
+    constructor(localizationService: LocalizationService, renderer: Renderer2);
+    ngAfterViewInit(): void;
     onViewButtonClick(view: ColorPickerView): void;
     get viewButtons(): boolean;
     getViewButtonIcon(view: string): string;
+    getViewButtonsSVGIcon(view: string): SVGIcon;
     getText(text: string): string;
     onHeaderTabOut(ev: any, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerHeaderComponent, never>;

package/colorpicker/flatcolorpicker.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 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, Injector } from "@angular/core";

package/colorpicker/focus-on-dom-ready.directive.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, NgZone, AfterContentInit } from '@angular/core';

package/colorpicker/localization/colorgradient-localization.service.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService, MessageService } from '@progress/kendo-angular-l10n';

package/colorpicker/localization/colorpalette-localization.service.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService, MessageService } from '@progress/kendo-angular-l10n';

package/colorpicker/localization/colorpicker-localization.service.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService, MessageService } from '@progress/kendo-angular-l10n';

package/colorpicker/localization/custom-messages.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/colorpicker/localization/flatcolorpicker-localization.service.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService, MessageService } from '@progress/kendo-angular-l10n';

package/colorpicker/localization/localized-colorpicker-messages.directive.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/colorpicker/localization/messages.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentMessages } from '@progress/kendo-angular-l10n';

package/colorpicker/models/actions-layout.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/colorpicker/models/colorpicker-view.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/colorpicker/models/hsva.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/colorpicker/models/output-format.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**