@progress/kendo-angular-inputs 9.0.4 → 9.1.0-sig.202208261045

package/colorpicker/colorpicker.component.d.ts

@@ -99,7 +99,7 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
      * Defines the name of an [existing icon in the Kendo UI theme]({% slug icons %}).
      * Provide only the name of the icon without the `k-icon` or the `k-i-` prefixes.
      *
-     * For example, `edit-tools` will be parsed to `k-icon k-i-edit-tools`.
+     * For example, `pencil-tools` will be parsed to `k-icon k-i-pencil-tools`.
      */
     icon: string;
     /**

package/common/utils.d.ts

@@ -27,6 +27,27 @@ export declare const requiresZoneOnBlur: (ngControl: any) => any;
  * @param max The inclusive upper bound number.
  */
 export declare const fitIntoBounds: (contender: number, min: number, max: number) => number;
+/**
+ * @hidden
+ */
+export declare const SIZE_MAP: {
+    small: string;
+    medium: string;
+    large: string;
+};
+/**
+ * @hidden
+ */
+export declare const ROUNDED_MAP: {
+    small: string;
+    medium: string;
+    large: string;
+    full: string;
+};
+/**
+ * @hidden
+ */
+export declare const isNone: (style: string) => boolean;
 /**
  * @hidden
  *

package/esm2015/colorpicker/color-gradient.component.js

@@ -577,7 +577,7 @@ ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                     [attr.aria-label]="clearButtonTitle"
                     [attr.title]="clearButtonTitle"
                     tabindex="0">
-                    <span class="k-icon k-i-reset-color"></span>
+                    <span class="k-icon k-i-droplet-slash"></span>
                 </span>
                 <kendo-slider
                     [ngClass]="{'k-align-self-end': clearButton}"
@@ -716,7 +716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [attr.aria-label]="clearButtonTitle"
                     [attr.title]="clearButtonTitle"
                     tabindex="0">
-                    <span class="k-icon k-i-reset-color"></span>
+                    <span class="k-icon k-i-droplet-slash"></span>
                 </span>
                 <kendo-slider
                     [ngClass]="{'k-align-self-end': clearButton}"

package/esm2015/colorpicker/color-input.component.js

@@ -127,7 +127,7 @@ ColorInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
                 [attr.title]="formatButtonTitle"
                 type="button"
             >
-                <span class="k-button-icon k-icon k-i-arrows-kpi"></span>
+                <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>
             </button>
         </div>
         <div *ngIf="formatView === 'hex'" class="k-vstack">
@@ -227,7 +227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [attr.title]="formatButtonTitle"
                 type="button"
             >
-                <span class="k-button-icon k-icon k-i-arrows-kpi"></span>
+                <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>
             </button>
         </div>
         <div *ngIf="formatView === 'hex'" class="k-vstack">

package/esm2015/colorpicker/colorpicker.component.js

@@ -738,7 +738,7 @@ ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             tabindex="-1"
             type="button"
             class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
-                <span class="k-button-icon k-icon k-i-arrow-s"></span>
+                <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
         </button>
         <ng-template #popupTemplate>
             <kendo-flatcolorpicker
@@ -831,7 +831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             tabindex="-1"
             type="button"
             class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
-                <span class="k-button-icon k-icon k-i-arrow-s"></span>
+                <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
         </button>
         <ng-template #popupTemplate>
             <kendo-flatcolorpicker

package/esm2015/colorpicker/contrast-validation.component.js

@@ -35,7 +35,7 @@ ContrastValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
             </span>
             <span class="k-contrast-validation k-text-error" *ngIf="!pass">
                 {{failMessage}}
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
         </ng-container>
     `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             </span>
             <span class="k-contrast-validation k-text-error" *ngIf="!pass">
                 {{failMessage}}
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
         </ng-container>
     `

package/esm2015/colorpicker/contrast.component.js

@@ -43,7 +43,7 @@ ContrastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                     <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>
                 </span>
                 <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">
-                    <span class="k-icon k-i-close"></span>
+                    <span class="k-icon k-i-x"></span>
                 </span>
             </ng-container>
         </div>
@@ -72,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>
                 </span>
                 <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">
-                    <span class="k-icon k-i-close"></span>
+                    <span class="k-icon k-i-x"></span>
                 </span>
             </ng-container>
         </div>

package/esm2015/colorpicker/flatcolorpicker-header.component.js

@@ -61,7 +61,7 @@ FlatColorPickerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                 [attr.aria-label]="getText('clearButton')"
                 [attr.title]="getText('clearButton')"
                 (click)="clearButtonClick.emit()">
-                    <span class="k-button-icon k-icon k-i-reset-color"></span>
+                    <span class="k-button-icon k-icon k-i-droplet-slash"></span>
             </button>
             <div class="k-coloreditor-preview k-vstack" *ngIf="preview">
                 <span
@@ -111,7 +111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [attr.aria-label]="getText('clearButton')"
                 [attr.title]="getText('clearButton')"
                 (click)="clearButtonClick.emit()">
-                    <span class="k-button-icon k-icon k-i-reset-color"></span>
+                    <span class="k-button-icon k-icon k-i-droplet-slash"></span>
             </button>
             <div class="k-coloreditor-preview k-vstack" *ngIf="preview">
                 <span

package/esm2015/common/utils.js

@@ -32,17 +32,27 @@ export const fitIntoBounds = (contender, min, max) => {
     }
     return contender <= min ? min : contender >= max ? max : contender;
 };
-const SIZES = {
+/**
+ * @hidden
+ */
+export const SIZE_MAP = {
     small: 'sm',
     medium: 'md',
     large: 'lg'
 };
-const ROUNDNESS = {
+/**
+ * @hidden
+ */
+export const ROUNDED_MAP = {
     small: 'sm',
     medium: 'md',
     large: 'lg',
     full: 'full'
 };
+/**
+ * @hidden
+ */
+export const isNone = (style) => style === 'none';
 /**
  * @hidden
  *
@@ -52,13 +62,13 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
     switch (stylingOption) {
         case 'size':
             return {
-                toRemove: `k-${componentType}-${SIZES[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
+                toRemove: `k-${componentType}-${SIZE_MAP[previousValue]}`,
+                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZE_MAP[newValue]}` : ''
             };
         case 'rounded':
             return {
-                toRemove: `k-rounded-${ROUNDNESS[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDNESS[newValue]}` : ''
+                toRemove: `k-rounded-${ROUNDED_MAP[previousValue]}`,
+                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDED_MAP[newValue]}` : ''
             };
         case 'fillMode':
             return {

package/esm2015/inputs.module.js

@@ -15,6 +15,7 @@ import { ColorPickerModule } from './colorpicker.module';
 import { CheckBoxModule } from './checkbox.module';
 import { RadioButtonModule } from './radiobutton.module';
 import { FormFieldModule } from './formfield.module';
+import { SignatureModule } from './signature.module';
 import * as i0 from "@angular/core";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
@@ -61,7 +62,8 @@ InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         ColorPickerModule,
         CheckBoxModule,
         RadioButtonModule,
-        FormFieldModule] });
+        FormFieldModule,
+        SignatureModule] });
 InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: InputsModule, imports: [[CommonModule], TextAreaModule,
         TextBoxModule,
         SliderModule,
@@ -72,7 +74,8 @@ InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
         ColorPickerModule,
         CheckBoxModule,
         RadioButtonModule,
-        FormFieldModule] });
+        FormFieldModule,
+        SignatureModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: InputsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -87,7 +90,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         ColorPickerModule,
                         CheckBoxModule,
                         RadioButtonModule,
-                        FormFieldModule
+                        FormFieldModule,
+                        SignatureModule
                     ],
                     imports: [CommonModule]
                 }]

package/esm2015/main.js

@@ -57,3 +57,7 @@ export { RangeSliderCustomMessagesComponent } from './rangeslider/localization/c
 export { SwitchCustomMessagesComponent } from './switch/localization/custom-messages.component';
 export { TextBoxCustomMessagesComponent } from './textbox/localization/custom-messages.component';
 export { ColorPickerCustomMessagesComponent } from './colorpicker/localization/custom-messages.component';
+export { SignatureComponent } from './signature/signature.component';
+export { SignatureModule } from './signature.module';
+export { SignatureOpenEvent, SignatureCloseEvent } from './signature/events';
+export { SignatureCustomMessagesComponent, LocalizedSignatureMessagesDirective, SignatureMessages } from './signature/localization';

package/esm2015/numerictextbox/numerictextbox.component.js

@@ -903,7 +903,7 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                     class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"
                     tabindex="-1"
                 >
-                    <span class="k-button-icon k-icon k-i-arrow-n"></span>
+                    <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
                </button>
                <button
                     type="button"
@@ -915,7 +915,7 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                     class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"
                     tabindex="-1"
                >
-                    <span class="k-button-icon k-icon k-i-arrow-s"></span>
+                    <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
                </button>
             </span>
       `, isInline: true, directives: [{ type: i3.LocalizedNumericTextBoxMessagesDirective, selector: "[kendoNumericTextBoxLocalizedMessages]" }, { type: i4.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
@@ -978,7 +978,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"
                     tabindex="-1"
                 >
-                    <span class="k-button-icon k-icon k-i-arrow-n"></span>
+                    <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
                </button>
                <button
                     type="button"
@@ -990,7 +990,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"
                     tabindex="-1"
                >
-                    <span class="k-button-icon k-icon k-i-arrow-s"></span>
+                    <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
                </button>
             </span>
       `

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1659455021,
+    publishDate: 1661507297,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/signature/events/close-event.js

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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";
+/**
+ * Arguments for the `close` event of the Signature component.
+ */
+export class SignatureCloseEvent extends PreventableEvent {
+}

package/esm2015/signature/events/index.js

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

package/esm2015/signature/events/open-event.js

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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";
+/**
+ * Arguments for the `open` event of the Signature component.
+ */
+export class SignatureOpenEvent extends PreventableEvent {
+}

package/esm2015/signature/localization/custom-messages.component.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { SignatureMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages.
+ */
+export class SignatureCustomMessagesComponent extends SignatureMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+SignatureCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+SignatureCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SignatureCustomMessagesComponent, selector: "kendo-signature-messages", providers: [
+        {
+            provide: SignatureMessages,
+            useExisting: forwardRef(() => SignatureCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: SignatureMessages,
+                            useExisting: forwardRef(() => SignatureCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-signature-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/signature/localization/index.js

@@ -0,0 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { SignatureCustomMessagesComponent } from './custom-messages.component';
+export { LocalizedSignatureMessagesDirective } from './localized-signature-messages.directive';
+export { SignatureMessages } from './messages';

package/esm2015/signature/localization/localized-signature-messages.directive.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { SignatureMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedSignatureMessagesDirective extends SignatureMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedSignatureMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedSignatureMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedSignatureMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedSignatureMessagesDirective, selector: "[kendoSignatureLocalizedMessages]", providers: [
+        {
+            provide: SignatureMessages,
+            useExisting: forwardRef(() => LocalizedSignatureMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedSignatureMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: SignatureMessages,
+                            useExisting: forwardRef(() => LocalizedSignatureMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoSignatureLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/signature/localization/messages.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class SignatureMessages extends ComponentMessages {
+}
+SignatureMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+SignatureMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SignatureMessages, selector: "kendo-signature-messages-base", inputs: { clear: "clear", minimize: "minimize", maximize: "maximize" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-signature-messages-base'
+                }]
+        }], propDecorators: { clear: [{
+                type: Input
+            }], minimize: [{
+                type: Input
+            }], maximize: [{
+                type: Input
+            }] } });