@progress/kendo-angular-inputs 24.2.2 → 25.0.0-develop.2

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

@@ -1,306 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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';
-import { ControlValueAccessor } from '@angular/forms';
-import { BehaviorSubject } from 'rxjs';
-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 { InputSize } from '../common/models';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI ColorGradient component.
- *
- * The ColorGradientComponent lets you select a color by moving a drag handle over a gradient area. You can use it directly or as part of the `kendo-colorpicker`.
- *
- * @example
- * ```html
- * <kendo-colorgradient [(ngModel)]="color"></kendo-colorgradient>
- * ```
- *
- * @remarks
- * Supported children components are: {@link ColorPickerCustomMessagesComponent}.
- */
-export declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, ControlValueAccessor {
-    private host;
-    private ngZone;
-    private renderer;
-    private cdr;
-    private localizationService;
-    private injector;
-    hostClasses: boolean;
-    get readonlyAttribute(): boolean;
-    get disabledClass(): boolean;
-    get gradientId(): string;
-    direction: string;
-    get hostTabindex(): string;
-    get ariaRole(): string;
-    get isControlInvalid(): string;
-    get isDisabled(): string | undefined;
-    /**
-     * @hidden
-     */
-    enterHandler(event: any): void;
-    /**
-     * @hidden
-     */
-    escapeHandler(event: any): void;
-    /**
-     * @hidden
-     */
-    focusHandler(ev: any): void;
-    /**
-     * @hidden
-     */
-    adaptiveMode: boolean;
-    /**
-     * @hidden
-     */
-    id: string;
-    /**
-     * Shows or hides the alpha slider.
-     *
-     * @default true
-     */
-    opacity: boolean;
-    /**
-     * Sets the size of the ColorGradient internal elements. The default value is set by the Kendo theme.
-     *
-     */
-    set size(size: InputSize);
-    get size(): InputSize;
-    /**
-     * Disables the ColorGradient. To disable it in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/colorgradient/forms#managing-the-colorgradient-disabled-state-in-reactive-forms).
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Sets the read-only state of the ColorGradient.
-     *
-     * @default false
-     */
-    readonly: boolean;
-    /**
-     * Shows or hides the **Clear color** button.
-     *
-     * @default false
-     */
-    clearButton: boolean;
-    /**
-     * Sets the delay (in milliseconds) before the value changes on handle drag.
-     *
-     * @default 0
-     */
-    delay: number;
-    /**
-     * Sets the value of the selected color.
-     */
-    set value(value: string);
-    get value(): string;
-    /**
-     * Enables the color contrast tool that checks the contrast ratio of the selected color against a predefined background color. [See example](https://www.telerik.com/kendo-angular-ui/components/inputs/colorgradient/contrast-tool).
-     */
-    set contrastTool(value: string);
-    get contrastTool(): string;
-    /**
-     * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-     *
-     * @default 0
-     */
-    set tabindex(value: number);
-    get tabindex(): number;
-    /**
-     * Sets the output format of the ColorGradient. The input value may be in a different format, but it will be parsed into the output format after the component processes it.
-     *
-     * @default 'rgba'
-     */
-    format: OutputFormat;
-    /**
-     * Fires when the user selects a new color..
-     */
-    valueChange: EventEmitter<string>;
-    /**
-     * @hidden
-     */
-    backgroundColor: string;
-    /**
-     * @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: BehaviorSubject<HSVA>;
-    /**
-     * Returns `true` if the component or its content is focused.
-     */
-    get isFocused(): boolean;
-    /**
-     * @hidden
-     */
-    get alphaSliderValue(): number;
-    /**
-     * Sets the step (in pixels) for moving the gradient drag handle with the arrow keys.
-     *
-     * @default 5
-     */
-    gradientSliderStep: number;
-    /**
-     * Sets the step (in pixels) for moving the gradient drag handle with `Shift+arrow keys`.
-     *
-     * @default 2
-     */
-    gradientSliderSmallStep: number;
-    /**
-     * Controls whether ARIA attributes should be applied to the component.
-     * When used within FlatColorPicker, this should be set to false to comply with accessibility guidelines.
-     *
-     * @default true
-     * @hidden
-     */
-    ariaAttributesEnabled: boolean;
-    gradientDragHandle: ElementRef;
-    inputs: ColorInputComponent;
-    private alphaSlider;
-    private gradientWrapper;
-    private hsvRectangle;
-    /**
-     * @hidden
-     */
-    internalNavigation: boolean;
-    /**
-     * @hidden
-     */
-    dropletSlashIcon: SVGIcon;
-    private _value;
-    private _tabindex;
-    private _contrastTool;
-    private listeners;
-    private hueSliderTouched;
-    private alphaSliderTouched;
-    private _size;
-    private updateValues;
-    private changeRequestsSubscription;
-    private dynamicRTLSubscription;
-    private hsvHandleCoordinates;
-    get gradientRect(): ClientRect;
-    /**
-     * @hidden
-     */
-    get hsvSliderValueText(): string;
-    /**
-     * @hidden
-     */
-    get contrastToolVisible(): boolean;
-    /**
-     * @hidden
-     */
-    get innerTabIndex(): number;
-    private control;
-    constructor(host: ElementRef, ngZone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, localizationService: LocalizationService, injector: Injector);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    /**
-     * Focuses the component.
-     */
-    focus(): void;
-    /**
-     * @hidden
-     */
-    reset(): void;
-    /**
-     * @hidden
-     */
-    handleDragPress(args: KendoDragEvent): void;
-    /**
-     * @hidden
-     */
-    onHandleDrag(args: any): void;
-    /**
-     * @hidden
-     */
-    onHandleRelease(): void;
-    /**
-     * @hidden
-     */
-    onKeyboardAction(args: any): void;
-    /**
-     * @hidden
-     */
-    changePosition(position: MouseEvent): void;
-    /**
-     * @hidden
-     */
-    handleHueSliderChange(hue: number): void;
-    /**
-     * @hidden
-     */
-    handleAlphaSliderChange(alpha: number): void;
-    /**
-     * @hidden
-     */
-    handleInputsValueChange(color: string): void;
-    /**
-     * @hidden
-     */
-    writeValue(value: string): void;
-    /**
-     * @hidden
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * @hidden
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * @hidden
-     */
-    get colorGradientHandleTitle(): string;
-    /**
-     * @hidden
-     */
-    get colorGradientHandleAriaLabel(): string;
-    /**
-     * @hidden
-     */
-    get hueSliderTitle(): string;
-    /**
-     * @hidden
-     */
-    get opacitySliderTitle(): string;
-    /**
-     * @hidden
-     */
-    get clearButtonTitle(): string;
-    /**
-     * @hidden
-     * Used by the FloatingLabel to determine if the component is empty.
-     */
-    isEmpty(): boolean;
-    private notifyNgChanged;
-    private notifyNgTouched;
-    private moveDragHandle;
-    private handleValueChange;
-    private setDragHandleElementPosition;
-    private setAlphaSliderBackground;
-    private setHostElementAriaLabel;
-    private setBackgroundColor;
-    private updateUI;
-    private addEventListeners;
-    private subscribeChanges;
-    private unsubscribeChanges;
-    private handleClasses;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorGradientComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorGradientComponent, "kendo-colorgradient", ["kendoColorGradient"], { "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "id": { "alias": "id"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "value": { "alias": "value"; "required": false; }; "contrastTool": { "alias": "contrastTool"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "format": { "alias": "format"; "required": false; }; "gradientSliderStep": { "alias": "gradientSliderStep"; "required": false; }; "gradientSliderSmallStep": { "alias": "gradientSliderSmallStep"; "required": false; }; "ariaAttributesEnabled": { "alias": "ariaAttributesEnabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
-}

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

@@ -1,108 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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, ChangeDetectorRef } 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 { InputSize } from '../common/models';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class ColorInputComponent implements AfterViewInit, OnChanges {
-    private host;
-    private renderer;
-    private cdr;
-    localizationService: LocalizationService;
-    /**
-     * Sets the `id` of the hex input.
-     */
-    focusableId: string;
-    /**
-     * Sets the color format view.
-     */
-    formatView: string;
-    /**
-     * Sets the size of the ColorInput. The default value is set by the Kendo theme.
-     *
-     */
-    size: InputSize;
-    /**
-     * Sets the `tabindex` of the inputs.
-     * @default -1
-     */
-    tabindex: number;
-    /**
-     * Sets the color value to parse and populate the hex and RGBA inputs.
-     */
-    value: string;
-    /**
-     * Shows or hides the alpha slider.
-     *
-     * @default true
-     */
-    opacity: boolean;
-    /**
-     * Disables the ColorInput.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Sets the read-only state of the ColorInput.
-     *
-     * @default false
-     */
-    readonly: boolean;
-    /**
-     * Emits a parsed RGBA string color.
-     */
-    valueChange: EventEmitter<string>;
-    /**
-     * Fires when the user tabs out of the last focusable input.
-     */
-    tabOut: EventEmitter<any>;
-    colorInputClass: boolean;
-    opacityInput: NumericTextBoxComponent;
-    hexInput: ElementRef;
-    blueInput: NumericTextBoxComponent;
-    toggleFormatButton: ElementRef;
-    /**
-     * Holds the RGBA input values.
-     */
-    rgba: RGBA;
-    hex: string;
-    /**
-     * Returns `true` if any of the inputs are focused.
-     */
-    private get isFocused();
-    /**
-     * Returns `true` if all RGBA inputs have values.
-     */
-    private get rgbaInputValid();
-    /**
-     * @hidden
-     */
-    caretAltExpandIcon: SVGIcon;
-    private subscriptions;
-    constructor(host: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef, localizationService: LocalizationService);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    get formatButtonTitle(): string;
-    handleRgbaValueChange(): void;
-    focusDragHandle(event: any): void;
-    handleHexValueChange(hex: string): void;
-    handleRgbaInputBlur(): void;
-    handleHexInputBlur(): void;
-    focusLast(): void;
-    onTab(): void;
-    private toggleFormatView;
-    private initDomEvents;
-    private lastInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorInputComponent, "kendo-colorinput", never, { "focusableId": { "alias": "focusableId"; "required": false; }; "formatView": { "alias": "formatView"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "valueChange": "valueChange"; "tabOut": "tabOut"; }, never, never, true, never>;
-}

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

@@ -1,231 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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';
-import { ControlValueAccessor } from '@angular/forms';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TileSize, OutputFormat, TableCell } from './models';
-import { ColorPaletteService } from './services/color-palette.service';
-import { InputSize } from '../common/models';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI ColorPalette component.
- *
- * The `ColorPaletteComponent` provides a set of predefined palette presets and lets you implement a custom color palette. You can use it directly or as part of the `kendo-colorpicker`.
- *
- * @example
- * ```html
- * <kendo-colorpalette [palette]="['#fff', '#000']" [(value)]="selectedColor"></kendo-colorpalette>
- * ```
- *
- * @remarks
- * Supported children components are: {@link ColorPickerCustomMessagesComponent}.
- */
-export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor {
-    host: ElementRef;
-    private service;
-    private cdr;
-    private renderer;
-    private localizationService;
-    private ngZone;
-    /**
-     * @hidden
-     */
-    direction: string;
-    /**
-     * @hidden
-     */
-    role: string;
-    /**
-     * @hidden
-     */
-    get activeDescendant(): string;
-    /**
-     * @hidden
-     */
-    get paletteId(): string;
-    /**
-     * @hidden
-     */
-    id: string;
-    /**
-     * Specifies the output format of the `ColorPaletteComponent`.
-     * The input value may be in a different format. The component parses it into the output `format`.
-     *
-     * @default 'hex'
-     */
-    format: OutputFormat;
-    /**
-     * Sets the value of the selected color.
-     */
-    set value(value: string);
-    get value(): string;
-    /**
-     * Sets the number of columns to display.
-     *
-     * @default 10
-     */
-    set columns(value: number);
-    get columns(): number;
-    /**
-     * Sets the color palette to display. You can use a predefined palette preset (such as `office`, `basic`, or `apex`), string with comma-separated colors, or an array of string colors.
-     */
-    set palette(value: string | Array<string>);
-    get palette(): string | Array<string>;
-    /**
-     * Sets the size of the ColorPalette internal elements. The default value is set by the Kendo theme.
-     *
-     */
-    set size(size: InputSize);
-    get size(): InputSize;
-    /**
-     * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-     *
-     * @default 0
-     */
-    set tabindex(value: number);
-    get tabindex(): number;
-    /**
-     * Disables the ColorPalette. To disable it in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/forms#managing-the-colorpalette-disabled-state-in-reactive-forms).
-     */
-    disabled: boolean;
-    /**
-     * Sets the read-only state of the ColorPalette.
-     *
-     * @default false
-     */
-    readonly: boolean;
-    /**
-     * Sets the size of a color cell. The default tile size depends on the `size` of the component.
-     */
-    tileSize: number | TileSize;
-    /**
-     * @hidden
-     */
-    get tileLayout(): TileSize;
-    /**
-     * Fires when the color selection changes.
-     */
-    selectionChange: EventEmitter<string>;
-    /**
-     * Fires when the value changes.
-     */
-    valueChange: EventEmitter<string>;
-    /**
-     * Fires each time the user selects a cell with the mouse or presses `Enter`.
-     *
-     * @hidden
-     */
-    cellSelection: EventEmitter<string>;
-    /**
-     * @hidden
-     */
-    get colorRows(): string[][];
-    /**
-     * @hidden
-     */
-    get hostTabindex(): number;
-    /**
-     * @hidden
-     */
-    hostClasses: boolean;
-    /**
-     * @hidden
-     */
-    get disabledClass(): boolean;
-    /**
-     * @hidden
-     */
-    get readonlyAttribute(): boolean;
-    /**
-     * @hidden
-     */
-    activeCellId: string;
-    /**
-     * @hidden
-     */
-    focusedCell: TableCell;
-    /**
-     * @hidden
-     */
-    selectedCell: TableCell;
-    /**
-     * @hidden
-     */
-    focusInComponent: boolean;
-    /**
-     * @hidden
-     */
-    uniqueId: string;
-    private selection;
-    private _size;
-    private _value;
-    private _columns;
-    private _palette;
-    private _tabindex;
-    private subs;
-    private dynamicRTLSubscription;
-    constructor(host: ElementRef, service: ColorPaletteService, cdr: ChangeDetectorRef, renderer: Renderer2, localizationService: LocalizationService, ngZone: NgZone);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * @hidden
-     */
-    handleKeydown(event: KeyboardEvent): void;
-    /**
-     * @hidden
-     */
-    handleFocus(): void;
-    /**
-     * @hidden
-     */
-    handleHostBlur(): void;
-    /**
-     * @hidden
-     */
-    handleCellSelection(value: string, focusedCell?: TableCell): void;
-    /**
-     * @hidden
-     */
-    writeValue(value: string): void;
-    /**
-     * @hidden
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * @hidden
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * @hidden
-     */
-    focus(): void;
-    /**
-     * @hidden
-     * Used by the FloatingLabel to determine if the component is empty.
-     */
-    isEmpty(): boolean;
-    /**
-     * Clears the color value of the ColorPalette.
-     */
-    reset(): void;
-    private handleValueChange;
-    private handleCellFocusOnBlur;
-    private selectCell;
-    private setRows;
-    private handleCellNavigation;
-    private setHostElementAriaLabel;
-    private handleEnter;
-    private handleClasses;
-    private notifyNgTouched;
-    private notifyNgChanged;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPaletteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPaletteComponent, "kendo-colorpalette", ["kendoColorPalette"], { "id": { "alias": "id"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tileSize": { "alias": "tileSize"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "cellSelection": "cellSelection"; }, never, never, true, never>;
-}