@progress/kendo-angular-inputs 21.4.1 → 22.0.0-develop.1

package/esm2022/colorpicker/constants.mjs

@@ -1,40 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const DEFAULT_OUTPUT_FORMAT = 'rgba';
-/**
- * @hidden
- */
-export const DEFAULT_GRADIENT_BACKGROUND_COLOR = 'rgba(255, 0, 0, 1)';
-/**
- * @hidden
- */
-export const DRAGHANDLE_MOVE_SPEED = 5;
-/**
- * @hidden
- */
-export const DRAGHANDLE_MOVE_SPEED_SMALL_STEP = 2;
-/**
- * @hidden
- */
-export const AAA_RATIO = 7.0;
-/**
- * @hidden
- */
-export const AA_RATIO = 4.5;
-/**
- * @hidden
- */
-export const DEFAULT_PRESET = 'office';
-/**
- * @hidden
- */
-export const DEFAULT_ACCESSIBLE_PRESET = 'accessible';
-/**
- * @hidden
- */
-export const STEP_COUNT = 16;

package/esm2022/colorpicker/contrast-validation.component.mjs

@@ -1,83 +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 { AA_RATIO, AAA_RATIO } from './constants';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Component, Input } from '@angular/core';
-import { checkIcon, xCircleIcon } from '@progress/kendo-svg-icons';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class ContrastValidationComponent {
-    localization;
-    type;
-    pass;
-    value;
-    checkIcon = checkIcon;
-    xCircleIcon = xCircleIcon;
-    constructor(localization) {
-        this.localization = localization;
-    }
-    get passMessage() {
-        return this.localization.get('passContrast');
-    }
-    get failMessage() {
-        return this.localization.get('failContrast');
-    }
-    get contrastText() {
-        const ratio = this.type === 'AA' ? AA_RATIO : AAA_RATIO;
-        return `${this.type}: ${ratio.toFixed(1)}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContrastValidationComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ContrastValidationComponent, isStandalone: true, selector: "[kendoContrastValidation]", inputs: { type: "type", pass: "pass", value: "value" }, ngImport: i0, template: `
-        <span>{{contrastText}}</span>
-        @if (value) {
-          @if (pass) {
-            <span class="k-contrast-validation k-text-success">
-              {{passMessage}}
-              <kendo-icon-wrapper name="check" [svgIcon]="checkIcon"></kendo-icon-wrapper>
-            </span>
-          } @else {
-            <span class="k-contrast-validation k-text-error">
-              {{failMessage}}
-              <kendo-icon-wrapper name="x" [svgIcon]="xCircleIcon"></kendo-icon-wrapper>
-            </span>
-          }
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContrastValidationComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[kendoContrastValidation]',
-                    template: `
-        <span>{{contrastText}}</span>
-        @if (value) {
-          @if (pass) {
-            <span class="k-contrast-validation k-text-success">
-              {{passMessage}}
-              <kendo-icon-wrapper name="check" [svgIcon]="checkIcon"></kendo-icon-wrapper>
-            </span>
-          } @else {
-            <span class="k-contrast-validation k-text-error">
-              {{failMessage}}
-              <kendo-icon-wrapper name="x" [svgIcon]="xCircleIcon"></kendo-icon-wrapper>
-            </span>
-          }
-        }
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { type: [{
-                type: Input
-            }], pass: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }] } });

package/esm2022/colorpicker/contrast.component.mjs

@@ -1,114 +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 { Component, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { getContrastFromTwoRGBAs, getRGBA } from './utils';
-import { AA_RATIO, AAA_RATIO } from './constants';
-import { checkIcon, xCircleIcon } from '@progress/kendo-svg-icons';
-import { ContrastValidationComponent } from './contrast-validation.component';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class ContrastComponent {
-    localization;
-    value;
-    ratio;
-    checkIcon = checkIcon;
-    xCircleIcon = xCircleIcon;
-    constructor(localization) {
-        this.localization = localization;
-    }
-    get formatedRatio() {
-        return this.contrastRatio.toFixed(2);
-    }
-    get contrastRatioText() {
-        return `${this.localization.get('contrastRatio')}: ${this.value ? this.formatedRatio : 'n/a'}`;
-    }
-    get satisfiesAACondition() {
-        return this.contrastRatio >= AA_RATIO;
-    }
-    get satisfiesAAACondition() {
-        return this.contrastRatio >= AAA_RATIO;
-    }
-    get contrastRatio() {
-        const contrast = getContrastFromTwoRGBAs(getRGBA(this.value), getRGBA(this.ratio));
-        return contrast;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContrastComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ContrastComponent, isStandalone: true, selector: "[kendoContrastTool]", inputs: { value: "value", ratio: "ratio" }, ngImport: i0, template: `
-        <div class="k-contrast-ratio">
-          <span class="k-contrast-ratio-text">{{contrastRatioText}}</span>
-          @if (value) {
-            @if (satisfiesAACondition) {
-              <span class="k-contrast-validation k-text-success">
-                <kendo-icon-wrapper name="check" [svgIcon]="checkIcon"></kendo-icon-wrapper>
-                @if (satisfiesAAACondition) {
-                  <kendo-icon-wrapper name="check" [svgIcon]="checkIcon"></kendo-icon-wrapper>
-                }
-              </span>
-            } @else {
-              <span class="k-contrast-validation k-text-error">
-                <kendo-icon-wrapper name="x" [svgIcon]="xCircleIcon"></kendo-icon-wrapper>
-              </span>
-            }
-          }
-        </div>
-        <div kendoContrastValidation
-          type="AA"
-          [value]="value"
-          [pass]="satisfiesAACondition">
-        </div>
-        <div kendoContrastValidation
-          type="AAA"
-          [value]="value"
-          [pass]="satisfiesAAACondition">
-        </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ContrastValidationComponent, selector: "[kendoContrastValidation]", inputs: ["type", "pass", "value"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContrastComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[kendoContrastTool]',
-                    template: `
-        <div class="k-contrast-ratio">
-          <span class="k-contrast-ratio-text">{{contrastRatioText}}</span>
-          @if (value) {
-            @if (satisfiesAACondition) {
-              <span class="k-contrast-validation k-text-success">
-                <kendo-icon-wrapper name="check" [svgIcon]="checkIcon"></kendo-icon-wrapper>
-                @if (satisfiesAAACondition) {
-                  <kendo-icon-wrapper name="check" [svgIcon]="checkIcon"></kendo-icon-wrapper>
-                }
-              </span>
-            } @else {
-              <span class="k-contrast-validation k-text-error">
-                <kendo-icon-wrapper name="x" [svgIcon]="xCircleIcon"></kendo-icon-wrapper>
-              </span>
-            }
-          }
-        </div>
-        <div kendoContrastValidation
-          type="AA"
-          [value]="value"
-          [pass]="satisfiesAACondition">
-        </div>
-        <div kendoContrastValidation
-          type="AAA"
-          [value]="value"
-          [pass]="satisfiesAAACondition">
-        </div>
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, ContrastValidationComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { value: [{
-                type: Input
-            }], ratio: [{
-                type: Input
-            }] } });

package/esm2022/colorpicker/events/active-color-click-event.mjs

@@ -1,55 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Fires when you click the left side of the ColorPicker wrapper.
- * The event triggers whether you set a ColorPicker icon or not.
- *
- * Provides information about the current active color and lets you prevent the popup from opening.
- *
- * @example
- * ```typescript
- * @Component({
- *   selector: 'my-app',
- *   template: `
- *       <kendo-colorpicker
- *           [icon]="'edit-tools'"
- *           [value]="'#900'"
- *           (activeColorClick)="onColorClick($event)"
- *       >
- *       </kendo-colorpicker>
- *   `
- * })
- * class AppComponent {
- *     public onColorClick(event: ActiveColorClickEvent): void {
- *         event.preventOpen();
- *     }
- * }
- * ```
- */
-export class ActiveColorClickEvent {
-    color;
-    openPrevented = false;
-    /**
-     * @hidden
-     * @param color Represents the current value of the ColorPicker.
-     */
-    constructor(color) {
-        this.color = color;
-    }
-    /**
-     * Prevents the popup from opening.
-     */
-    preventOpen() {
-        this.openPrevented = true;
-    }
-    /**
-     * Returns `true` if the popup opening is prevented by any of its subscribers.
-     *
-     * @returns Returns `true` if the open action was prevented. Otherwise, returns `false`.
-     */
-    isOpenPrevented() {
-        return this.openPrevented;
-    }
-}

package/esm2022/colorpicker/events/cancel-event.mjs

@@ -1,18 +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 { PreventableEvent } from "@progress/kendo-angular-common";
-/**
- * Provides the arguments for the `cancel` event of the ColorPicker and FlatColorPicker components.
- */
-export class ColorPickerCancelEvent extends PreventableEvent {
-    /**
-     * The DOM event that triggered the `cancel` event.
-     */
-    originalEvent;
-    constructor(originalEvent) {
-        super();
-        this.originalEvent = originalEvent;
-    }
-}

package/esm2022/colorpicker/events/close-event.mjs

@@ -1,10 +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 { PreventableEvent } from "@progress/kendo-angular-common";
-/**
- * Provides the arguments for the `close` event of the ColorPicker component.
- */
-export class ColorPickerCloseEvent extends PreventableEvent {
-}

package/esm2022/colorpicker/events/kendo-drag-event.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/colorpicker/events/open-event.mjs

@@ -1,10 +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 { PreventableEvent } from "@progress/kendo-angular-common";
-/**
- * Provides the arguments for the `open` event of the ColorPicker component.
- */
-export class ColorPickerOpenEvent extends PreventableEvent {
-}

package/esm2022/colorpicker/events.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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';
-export * from './events/close-event';
-export * from './events/open-event';
-export * from './events/active-color-click-event';

package/esm2022/colorpicker/flatcolorpicker-actions.component.mjs

@@ -1,112 +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 { Component, HostBinding, EventEmitter, Output, ElementRef, ViewChild, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class FlatColorPickerActionButtonsComponent {
-    localizationService;
-    hostClasses = true;
-    innerTabIndex = -1;
-    size;
-    actionButtonClick = new EventEmitter();
-    tabOut = new EventEmitter();
-    firstButton;
-    lastButton;
-    constructor(localizationService) {
-        this.localizationService = localizationService;
-    }
-    getText(text) {
-        return this.localizationService.get(text);
-    }
-    onActionButtonClick(type, ev) {
-        const args = {
-            target: type,
-            originalEvent: ev
-        };
-        this.actionButtonClick.emit(args);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FlatColorPickerActionButtonsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FlatColorPickerActionButtonsComponent, isStandalone: true, selector: "[kendoFlatColorPickerActionButtons]", inputs: { innerTabIndex: "innerTabIndex", size: "size" }, outputs: { actionButtonClick: "actionButtonClick", tabOut: "tabOut" }, host: { properties: { "class.k-coloreditor-footer": "this.hostClasses", "class.k-actions": "this.hostClasses", "class.k-actions-horizontal": "this.hostClasses" } }, viewQueries: [{ propertyName: "firstButton", first: true, predicate: ["first"], descendants: true, read: ElementRef }, { propertyName: "lastButton", first: true, predicate: ["last"], descendants: true, read: ElementRef }], ngImport: i0, template: `
-        <button #first
-            kendoButton
-            class="k-coloreditor-cancel"
-            [size]="size"
-            [attr.title]="getText('cancelButton')"
-            (click)="onActionButtonClick('cancel', $event)"
-            type="button"
-            [tabindex]="innerTabIndex.toString()"
-        >{{getText('cancelButton')}}</button>
-        <button #last
-            kendoButton
-            themeColor="primary"
-            [size]="size"
-            class="k-coloreditor-apply"
-            [attr.title]="getText('applyButton')"
-            (click)="onActionButtonClick('apply', $event)"
-            type="button"
-            [tabindex]="innerTabIndex.toString()"
-            (keydown.tab)="$event.preventDefault(); tabOut.emit();"
-        >{{getText('applyButton')}}</button>
-    `, 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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FlatColorPickerActionButtonsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[kendoFlatColorPickerActionButtons]',
-                    template: `
-        <button #first
-            kendoButton
-            class="k-coloreditor-cancel"
-            [size]="size"
-            [attr.title]="getText('cancelButton')"
-            (click)="onActionButtonClick('cancel', $event)"
-            type="button"
-            [tabindex]="innerTabIndex.toString()"
-        >{{getText('cancelButton')}}</button>
-        <button #last
-            kendoButton
-            themeColor="primary"
-            [size]="size"
-            class="k-coloreditor-apply"
-            [attr.title]="getText('applyButton')"
-            (click)="onActionButtonClick('apply', $event)"
-            type="button"
-            [tabindex]="innerTabIndex.toString()"
-            (keydown.tab)="$event.preventDefault(); tabOut.emit();"
-        >{{getText('applyButton')}}</button>
-    `,
-                    standalone: true,
-                    imports: [ButtonComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-coloreditor-footer']
-            }, {
-                type: HostBinding,
-                args: ['class.k-actions']
-            }, {
-                type: HostBinding,
-                args: ['class.k-actions-horizontal']
-            }], innerTabIndex: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], actionButtonClick: [{
-                type: Output
-            }], tabOut: [{
-                type: Output
-            }], firstButton: [{
-                type: ViewChild,
-                args: ['first', { read: ElementRef }]
-            }], lastButton: [{
-                type: ViewChild,
-                args: ['last', { read: ElementRef }]
-            }] } });