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

package/{esm2015/textbox/textbox.component.js → esm2020/textbox/textbox.component.mjs}

@@ -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
 *-------------------------------------------------------------------------------------------*/
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { isJapanese } from './../shared/utils';
 import { closest } from './../common/dom-utils';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { Component, forwardRef, Input, Output, EventEmitter, HostBinding, ViewChild, ContentChild } from '@angular/core';
+import { Component, ElementRef, forwardRef, Input, Output, EventEmitter, HostBinding, ViewChild, NgZone, ChangeDetectorRef, Injector, ContentChild, Renderer2 } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { invokeElementMethod } from '../common/dom-utils';
@@ -15,15 +16,18 @@ import { TextBoxSuffixTemplateDirective } from './textbox-suffix.directive';
 import { TextBoxPrefixTemplateDirective } from './textbox-prefix.directive';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { isSafari } from '../shared/utils';
+import { checkIcon, exclamationCircleIcon, xIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./localization/localized-textbox-messages.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-common";
+import * as i2 from "@progress/kendo-angular-icons";
+import * as i3 from "./localization/localized-textbox-messages.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-common";
 const FOCUSED = 'k-focus';
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_ROUNDED = 'medium';
 const DEFAULT_FILL_MODE = 'solid';
+const iconsMap = { checkIcon, exclamationCircleIcon, xIcon };
 export class TextBoxComponent {
     constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
         this.localizationService = localizationService;
@@ -348,7 +352,7 @@ export class TextBoxComponent {
         });
     }
     ngOnChanges(changes) {
-        if (changes.disabled || changes.readonly || changes.value) {
+        if (changes['disabled'] || changes['readonly'] || changes['value']) {
             this.checkClearButton();
         }
     }
@@ -357,6 +361,12 @@ export class TextBoxComponent {
             this.subscriptions.unsubscribe();
         }
     }
+    /**
+     * @hidden
+     */
+    svgIcon(name) {
+        return iconsMap[name];
+    }
     /**
      * Focuses the TextBox.
      *
@@ -483,25 +493,49 @@ export class TextBoxComponent {
      * @hidden
      */
     get successIconClasses() {
-        return this.successIcon
-            ? `${this.successIcon}`
-            : `k-input-validation-icon k-icon k-i-check`;
+        if (!this.successIcon) {
+            return `check`;
+        }
+    }
+    /**
+     * @hidden
+     */
+    get customSuccessIconClasses() {
+        if (this.successIcon) {
+            return this.successIcon;
+        }
     }
     /**
      * @hidden
      */
     get errorIconClasses() {
-        return this.errorIcon
-            ? `${this.errorIcon}`
-            : `k-input-validation-icon k-icon k-i-exclamation-circle`;
+        if (!this.errorIcon) {
+            return `exclamation-circle`;
+        }
     }
     /**
      * @hidden
      */
-    get clearButtonClasses() {
-        return this.clearButtonIcon
-            ? this.clearButtonIcon
-            : `k-icon k-i-x`;
+    get customIconClasses() {
+        if (this.errorIcon) {
+            return this.errorIcon;
+        }
+    }
+    /**
+     * @hidden
+     */
+    get customClearButtonClasses() {
+        if (this.clearButtonIcon) {
+            return this.clearButtonIcon;
+        }
+    }
+    /**
+     * @hidden
+     */
+    get clearButtonClass() {
+        if (!this.clearButtonIcon) {
+            return 'x';
+        }
     }
     /**
      * @hidden
@@ -574,8 +608,8 @@ export class TextBoxComponent {
         }
     }
 }
-TextBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TextBoxComponent, selector: "kendo-textbox", inputs: { focusableId: "focusableId", title: "title", disabled: "disabled", readonly: "readonly", tabindex: "tabindex", value: "value", selectOnFocus: "selectOnFocus", showSuccessIcon: "showSuccessIcon", showErrorIcon: "showErrorIcon", clearButton: "clearButton", successIcon: "successIcon", errorIcon: "errorIcon", clearButtonIcon: "clearButtonIcon", size: "size", rounded: "rounded", fillMode: "fillMode", tabIndex: "tabIndex", placeholder: "placeholder", maxlength: "maxlength" }, outputs: { valueChange: "valueChange", inputFocus: "inputFocus", inputBlur: "inputBlur", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-disabled": "this.disabledClass", "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.direction" } }, providers: [
+TextBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TextBoxComponent, selector: "kendo-textbox", inputs: { focusableId: "focusableId", title: "title", disabled: "disabled", readonly: "readonly", tabindex: "tabindex", value: "value", selectOnFocus: "selectOnFocus", showSuccessIcon: "showSuccessIcon", showErrorIcon: "showErrorIcon", clearButton: "clearButton", successIcon: "successIcon", errorIcon: "errorIcon", clearButtonIcon: "clearButtonIcon", size: "size", rounded: "rounded", fillMode: "fillMode", tabIndex: "tabIndex", placeholder: "placeholder", maxlength: "maxlength" }, outputs: { valueChange: "valueChange", inputFocus: "inputFocus", inputBlur: "inputBlur", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-disabled": "this.disabledClass", "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.direction" } }, providers: [
         LocalizationService,
         { provide: L10N_PREFIX, useValue: 'kendo.textbox' },
         {
@@ -622,18 +656,37 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
             [title]="clearTitle()"
             (keydown.enter)="clearValue($event)"
             (keydown.space)="clearValue($event)">
-                <span [ngClass]="clearButtonClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="clearButtonClass"
+                    [customFontClass]="customClearButtonClasses"
+                    [svgIcon]="svgIcon('xIcon')"
+                >
+                </kendo-icon-wrapper>
         </span>
-        <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>
-        <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>
+        <kendo-icon-wrapper
+            *ngIf="hasErrors"
+            innerCssClass="k-input-validation-icon"
+            [name]="errorIconClasses"
+            [customFontClass]="customIconClasses"
+            [svgIcon]="svgIcon('exclamationCircleIcon')"
+        >
+        </kendo-icon-wrapper>
+        <kendo-icon-wrapper
+            *ngIf="isSuccessful"
+            innerCssClass="k-input-validation-icon"
+            [name]="successIconClasses"
+            [customFontClass]="customSuccessIconClasses"
+            [svgIcon]="svgIcon('checkIcon')"
+        >
+        </kendo-icon-wrapper>
         <span class="k-input-suffix">
             <ng-template
                 *ngIf="suffixTemplate"
                 [ngTemplateOutlet]="suffixTemplate?.templateRef">
             </ng-template>
         </span>
-    `, isInline: true, directives: [{ type: i2.LocalizedTextBoxMessagesDirective, selector: "[kendoTextBoxLocalizedMessages]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxComponent, decorators: [{
+    `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.LocalizedTextBoxMessagesDirective, selector: "[kendoTextBoxLocalizedMessages]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoTextBox',
@@ -686,10 +739,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [title]="clearTitle()"
             (keydown.enter)="clearValue($event)"
             (keydown.space)="clearValue($event)">
-                <span [ngClass]="clearButtonClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="clearButtonClass"
+                    [customFontClass]="customClearButtonClasses"
+                    [svgIcon]="svgIcon('xIcon')"
+                >
+                </kendo-icon-wrapper>
         </span>
-        <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>
-        <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>
+        <kendo-icon-wrapper
+            *ngIf="hasErrors"
+            innerCssClass="k-input-validation-icon"
+            [name]="errorIconClasses"
+            [customFontClass]="customIconClasses"
+            [svgIcon]="svgIcon('exclamationCircleIcon')"
+        >
+        </kendo-icon-wrapper>
+        <kendo-icon-wrapper
+            *ngIf="isSuccessful"
+            innerCssClass="k-input-validation-icon"
+            [name]="successIconClasses"
+            [customFontClass]="customSuccessIconClasses"
+            [svgIcon]="svgIcon('checkIcon')"
+        >
+        </kendo-icon-wrapper>
         <span class="k-input-suffix">
             <ng-template
                 *ngIf="suffixTemplate"

package/{esm2015/textbox/textbox.directive.js → esm2020/textbox/textbox.directive.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* 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 { Directive, EventEmitter, Input, HostBinding, forwardRef } from '@angular/core';
+import { Directive, ElementRef, EventEmitter, Input, HostBinding, Renderer2, forwardRef, NgZone } from '@angular/core';
 import { KendoInput } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 /**
@@ -87,12 +87,12 @@ export class TextBoxDirective {
         this.listeners.forEach(listener => listener());
     }
 }
-TextBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-TextBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: { value: "value" }, host: { properties: { "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-input-md": "this.hostClasses", "class.k-rounded-md": "this.hostClasses", "class.k-input-solid": "this.hostClasses" } }, providers: [{
+TextBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+TextBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: { value: "value" }, host: { properties: { "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-input-md": "this.hostClasses", "class.k-rounded-md": "this.hostClasses", "class.k-input-solid": "this.hostClasses" } }, providers: [{
             provide: KendoInput,
             useExisting: forwardRef(() => TextBoxDirective)
         }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[kendoTextBox]',

package/{esm2015/textbox.module.js → esm2020/textbox.module.mjs}

@@ -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 { NgModule } from "@angular/core";
@@ -12,11 +12,12 @@ import { TextBoxPrefixTemplateDirective } from './textbox/textbox-prefix.directi
 import { TextBoxCustomMessagesComponent } from './textbox/localization/custom-messages.component';
 import { LocalizedTextBoxMessagesDirective } from './textbox/localization/localized-textbox-messages.directive';
 import { SharedModule, SHARED_DIRECTIVES } from './shared.module';
+import { IconsModule } from "@progress/kendo-angular-icons";
 import * as i0 from "@angular/core";
 import * as i1 from "./shared/input-separator.component";
 import * as i2 from "./shared/textarea.directive";
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the TextBox directive.
  *
  * @example
@@ -48,21 +49,21 @@ import * as i2 from "./shared/textarea.directive";
  */
 export class TextBoxModule {
 }
-TextBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TextBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxModule, declarations: [TextBoxDirective,
+TextBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxModule, declarations: [TextBoxDirective,
         TextBoxComponent,
         TextBoxSuffixTemplateDirective,
         TextBoxPrefixTemplateDirective,
         TextBoxCustomMessagesComponent,
-        LocalizedTextBoxMessagesDirective], imports: [CommonModule, EventsModule, SharedModule], exports: [TextBoxDirective,
+        LocalizedTextBoxMessagesDirective], imports: [CommonModule, EventsModule, SharedModule, IconsModule], exports: [TextBoxDirective,
         TextBoxComponent,
         TextBoxSuffixTemplateDirective,
         TextBoxPrefixTemplateDirective,
         EventsModule,
         TextBoxCustomMessagesComponent,
         LocalizedTextBoxMessagesDirective, i1.InputSeparatorComponent, i2.TextAreaDirective] });
-TextBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxModule, imports: [[CommonModule, EventsModule, SharedModule], EventsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxModule, decorators: [{
+TextBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxModule, imports: [[CommonModule, EventsModule, SharedModule, IconsModule], EventsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -83,6 +84,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         LocalizedTextBoxMessagesDirective,
                         SHARED_DIRECTIVES
                     ],
-                    imports: [CommonModule, EventsModule, SharedModule]
+                    imports: [CommonModule, EventsModule, SharedModule, IconsModule]
                 }]
         }] });

package/{esm2015/validators/max.validator.js → esm2020/validators/max.validator.mjs}

@@ -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 { isPresent } from '../common/utils';

package/{esm2015/validators/min.validator.js → esm2020/validators/min.validator.mjs}

@@ -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 { isPresent } from '../common/utils';