@progress/kendo-angular-inputs 21.4.1 → 22.0.0

package/esm2022/colorpicker/adaptiveness/adaptive-renderer.component.mjs

@@ -1,219 +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, Output, EventEmitter, TemplateRef, ViewChild } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { checkIcon } from '@progress/kendo-svg-icons';
-import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
-import { NgTemplateOutlet } from '@angular/common';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { TextBoxComponent } from '../../textbox/textbox.component';
-import { animationDuration } from '../models/adaptive-mode';
-import { AdaptiveCloseButtonComponent } from './adaptive-close-button.component';
-import { AdaptiveService } from '@progress/kendo-angular-utils';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@progress/kendo-angular-utils";
-/**
- * @hidden
- */
-export class AdaptiveRendererComponent {
-    localization;
-    adaptiveService;
-    title;
-    subtitle;
-    actionSheetTemplate;
-    isActionSheetExpanded;
-    preview;
-    actionSheetClose = new EventEmitter();
-    onExpand = new EventEmitter();
-    onCollapse = new EventEmitter();
-    onApply = new EventEmitter();
-    onCancel = new EventEmitter();
-    actionSheet;
-    actionSheetSearchBar;
-    cancelButton;
-    applyButton;
-    constructor(localization, adaptiveService) {
-        this.localization = localization;
-        this.adaptiveService = adaptiveService;
-    }
-    animationDuration = animationDuration;
-    checkIcon = checkIcon;
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    get windowSize() {
-        return this.adaptiveService.size;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveRendererComponent, deps: [{ token: i1.LocalizationService }, { token: i2.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AdaptiveRendererComponent, isStandalone: true, selector: "kendo-adaptive-renderer", inputs: { title: "title", subtitle: "subtitle", actionSheetTemplate: "actionSheetTemplate", isActionSheetExpanded: "isActionSheetExpanded", preview: "preview" }, outputs: { actionSheetClose: "actionSheetClose", onExpand: "onExpand", onCollapse: "onCollapse", onApply: "onApply", onCancel: "onCancel" }, viewQueries: [{ propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }, { propertyName: "actionSheetSearchBar", first: true, predicate: ["actionSheetSearchBar"], descendants: true }, { propertyName: "cancelButton", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "applyButton", first: true, predicate: ["apply"], descendants: true }], ngImport: i0, template: `
-        <kendo-actionsheet
-          #actionSheet
-          [animation]="{ duration: animationDuration }"
-          [expanded]="isActionSheetExpanded"
-            [cssClass]="{
-                'k-adaptive-actionsheet': true,
-                'k-actionsheet-fullscreen': windowSize === 'small',
-                'k-actionsheet-bottom': windowSize === 'medium'
-            }"
-            [cssStyle]="{
-                height: windowSize === 'small' ? '100vh' : '60vh'
-            }"
-          (overlayClick)="actionSheetClose.emit()"
-          (expand)="onExpand.emit()"
-          (collapse)="onCollapse.emit()"
-          >
-          <ng-template kendoActionSheetTemplate>
-            <div class="k-actionsheet-titlebar">
-              <div class="k-actionsheet-titlebar-group">
-                <div class="k-actionsheet-title">
-                  <div class="k-text-center">{{ title || messageFor('adaptiveTitle') }}</div>
-                  @if (subtitle) {
-                    <div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
-                  }
-                </div>
-                <div class="k-actionsheet-actions">
-                  <kendo-adaptive-close-button
-                    icon="check"
-                    color="primary"
-                    [title]="messageFor('adaptiveCloseButtonTitle')"
-                    [svgIcon]="checkIcon"
-                    (close)="actionSheetClose.emit($event)">
-                  </kendo-adaptive-close-button>
-                </div>
-              </div>
-            </div>
-            <div class="k-actionsheet-content">
-              <ng-container *ngTemplateOutlet="actionSheetTemplate"></ng-container>
-            </div>
-            @if (preview) {
-              <div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
-                <button
-                  #cancel
-                  kendoButton
-                  size="large"
-                  (click)="onCancel.emit($event)"
-                  [title]="messageFor('cancelButton')">
-                  {{messageFor('cancelButton')}}
-                </button>
-                <button
-                  #apply
-                  kendoButton
-                  size="large"
-                  themeColor="primary"
-                  (click)="onApply.emit()"
-                  [title]="messageFor('applyButton')">
-                  {{messageFor('applyButton')}}
-                </button>
-              </div>
-            }
-          </ng-template>
-        </kendo-actionsheet>
-        `, isInline: true, dependencies: [{ kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdaptiveCloseButtonComponent, selector: "kendo-adaptive-close-button", inputs: ["title", "icon", "svgIcon", "color"], outputs: ["close"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveRendererComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-adaptive-renderer',
-                    template: `
-        <kendo-actionsheet
-          #actionSheet
-          [animation]="{ duration: animationDuration }"
-          [expanded]="isActionSheetExpanded"
-            [cssClass]="{
-                'k-adaptive-actionsheet': true,
-                'k-actionsheet-fullscreen': windowSize === 'small',
-                'k-actionsheet-bottom': windowSize === 'medium'
-            }"
-            [cssStyle]="{
-                height: windowSize === 'small' ? '100vh' : '60vh'
-            }"
-          (overlayClick)="actionSheetClose.emit()"
-          (expand)="onExpand.emit()"
-          (collapse)="onCollapse.emit()"
-          >
-          <ng-template kendoActionSheetTemplate>
-            <div class="k-actionsheet-titlebar">
-              <div class="k-actionsheet-titlebar-group">
-                <div class="k-actionsheet-title">
-                  <div class="k-text-center">{{ title || messageFor('adaptiveTitle') }}</div>
-                  @if (subtitle) {
-                    <div class="k-actionsheet-subtitle k-text-center">{{ subtitle }}</div>
-                  }
-                </div>
-                <div class="k-actionsheet-actions">
-                  <kendo-adaptive-close-button
-                    icon="check"
-                    color="primary"
-                    [title]="messageFor('adaptiveCloseButtonTitle')"
-                    [svgIcon]="checkIcon"
-                    (close)="actionSheetClose.emit($event)">
-                  </kendo-adaptive-close-button>
-                </div>
-              </div>
-            </div>
-            <div class="k-actionsheet-content">
-              <ng-container *ngTemplateOutlet="actionSheetTemplate"></ng-container>
-            </div>
-            @if (preview) {
-              <div class="k-actions k-actions-stretched k-actions-horizontal k-actionsheet-footer">
-                <button
-                  #cancel
-                  kendoButton
-                  size="large"
-                  (click)="onCancel.emit($event)"
-                  [title]="messageFor('cancelButton')">
-                  {{messageFor('cancelButton')}}
-                </button>
-                <button
-                  #apply
-                  kendoButton
-                  size="large"
-                  themeColor="primary"
-                  (click)="onApply.emit()"
-                  [title]="messageFor('applyButton')">
-                  {{messageFor('applyButton')}}
-                </button>
-              </div>
-            }
-          </ng-template>
-        </kendo-actionsheet>
-        `,
-                    standalone: true,
-                    imports: [ActionSheetComponent, ActionSheetTemplateDirective, ButtonComponent, NgTemplateOutlet, AdaptiveCloseButtonComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.AdaptiveService }], propDecorators: { title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], actionSheetTemplate: [{
-                type: Input
-            }], isActionSheetExpanded: [{
-                type: Input
-            }], preview: [{
-                type: Input
-            }], actionSheetClose: [{
-                type: Output
-            }], onExpand: [{
-                type: Output
-            }], onCollapse: [{
-                type: Output
-            }], onApply: [{
-                type: Output
-            }], onCancel: [{
-                type: Output
-            }], actionSheet: [{
-                type: ViewChild,
-                args: [ActionSheetComponent]
-            }], actionSheetSearchBar: [{
-                type: ViewChild,
-                args: ['actionSheetSearchBar']
-            }], cancelButton: [{
-                type: ViewChild,
-                args: ['cancel']
-            }], applyButton: [{
-                type: ViewChild,
-                args: ['apply']
-            }] } });

package/esm2022/colorpicker/color-contrast-svg.component.mjs

@@ -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 { Component, HostBinding, Input } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { isPresent } from '../common/utils';
-import { AA_RATIO, STEP_COUNT, AAA_RATIO } from './constants';
-import { bezierCommand, getContrastFromTwoRGBAs, getRGBA, getColorFromHSV, svgPath, controlPoint, line } from './utils';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class ColorContrastSvgComponent {
-    hostClass = true;
-    wrapper;
-    hsva;
-    backgroundColor;
-    paths;
-    oldHsva;
-    oldH;
-    oldA;
-    metrics;
-    ngAfterViewInit() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.metrics = this.wrapper.getBoundingClientRect();
-        this.oldA = this.hsva.value.a;
-        this.oldH = this.hsva.value.h;
-        this.hsva.subscribe((value) => {
-            if (value.h !== this.oldH || value.a !== this.oldA) {
-                this.oldH = value.h;
-                this.oldA = value.a;
-                this.setPaths();
-            }
-        });
-    }
-    ngOnChanges(changes) {
-        if (isPresent(changes['backgroundColor']) && this.metrics) {
-            this.setPaths();
-        }
-    }
-    setPaths() {
-        const bezierCommandCalc = bezierCommand(controlPoint(line));
-        this.paths = [svgPath(this.getPaths(AA_RATIO, STEP_COUNT), bezierCommandCalc),
-            svgPath(this.getPaths(AA_RATIO, STEP_COUNT, true), bezierCommandCalc),
-            svgPath(this.getPaths(AAA_RATIO, STEP_COUNT), bezierCommandCalc),
-            svgPath(this.getPaths(AAA_RATIO, STEP_COUNT, true), bezierCommandCalc)];
-    }
-    findValue(contrast, saturation, low, high, comparer) {
-        const mid = (low + high) / 2;
-        const hsva = { ...this.hsva.value, s: saturation / this.metrics.width, v: 1 - mid / this.metrics.height };
-        const currentContrast = getContrastFromTwoRGBAs(getRGBA(getColorFromHSV(hsva)), getRGBA(this.backgroundColor || ''));
-        if (low + 0.5 > high) {
-            if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
-                return mid;
-            }
-            else {
-                return null;
-            }
-        }
-        if (comparer(currentContrast, contrast)) {
-            return this.findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
-        }
-        return this.findValue(contrast, saturation, low + (high - low) / 2, high, comparer);
-    }
-    getPaths(contrast, stepCount, reversed = false) {
-        const points = [];
-        for (let i = 0; i <= this.metrics.width; i += this.metrics.width / stepCount) {
-            const value = this.findValue(contrast, i, 0, this.metrics.height, reversed ? ((a, b) => a < b) : ((a, b) => a > b));
-            if (value !== null) {
-                points.push([i, value]);
-            }
-        }
-        return points;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorContrastSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ColorContrastSvgComponent, isStandalone: true, selector: "[kendoColorContrastSvg]", inputs: { wrapper: "wrapper", hsva: "hsva", backgroundColor: "backgroundColor" }, host: { properties: { "class.k-color-contrast-svg": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
-        @for (path of paths; track path) {
-          <svg:path [attr.d]="path" fill="none" stroke="white" stroke-width="1"></svg:path>
-          }
-        `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorContrastSvgComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[kendoColorContrastSvg]',
-                    template: `
-        @for (path of paths; track path) {
-          <svg:path [attr.d]="path" fill="none" stroke="white" stroke-width="1"></svg:path>
-          }
-        `,
-                    standalone: true,
-                    imports: []
-                }]
-        }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-color-contrast-svg']
-            }], wrapper: [{
-                type: Input
-            }], hsva: [{
-                type: Input
-            }], backgroundColor: [{
-                type: Input
-            }] } });

package/esm2022/colorpicker/color-gradient-numeric-label.directive.mjs

@@ -1,37 +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 { Directive, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { NumericTextBoxComponent } from './../numerictextbox/numerictextbox.component';
-import * as i0 from "@angular/core";
-import * as i1 from "./../numerictextbox/numerictextbox.component";
-/**
- * @hidden
- */
-export class NumericLabelDirective {
-    host;
-    kendoAdditionalNumericLabel;
-    localizationService;
-    constructor(host) {
-        this.host = host;
-    }
-    ngOnInit() {
-        const localizationToken = `${this.kendoAdditionalNumericLabel}ChannelLabel`;
-        this.host.numericInput.nativeElement.setAttribute('aria-label', this.localizationService.get(localizationToken));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumericLabelDirective, deps: [{ token: i1.NumericTextBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: NumericLabelDirective, isStandalone: true, selector: "[kendoAdditionalNumericLabel]", inputs: { kendoAdditionalNumericLabel: "kendoAdditionalNumericLabel", localizationService: "localizationService" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumericLabelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoAdditionalNumericLabel]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.NumericTextBoxComponent }], propDecorators: { kendoAdditionalNumericLabel: [{
-                type: Input
-            }], localizationService: [{
-                type: Input
-            }] } });

package/esm2022/colorpicker/color-gradient-text-label.directive.mjs

@@ -1,34 +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 { Directive, Input, Renderer2 } from '@angular/core';
-import { TextBoxComponent } from '../textbox/textbox.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../textbox/textbox.component";
-/**
- * @hidden
- */
-export class TextLabelDirective {
-    textBox;
-    renderer;
-    focusableId;
-    constructor(textBox, renderer) {
-        this.textBox = textBox;
-        this.renderer = renderer;
-    }
-    ngOnInit() {
-        this.renderer.setAttribute(this.textBox.input.nativeElement, 'id', this.focusableId);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextLabelDirective, deps: [{ token: i1.TextBoxComponent }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TextLabelDirective, isStandalone: true, selector: "[kendoTextLabel]", inputs: { focusableId: "focusableId" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextLabelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTextLabel]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.TextBoxComponent }, { type: i0.Renderer2 }], propDecorators: { focusableId: [{
-                type: Input
-            }] } });