@progress/kendo-angular-inputs 13.2.1-develop.11 → 13.2.1-develop.13

package/esm2020/shared/input-separator.component.mjs

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a separator in the content of components like the TextArea and the TextBox. ([see examples]({% slug adornments_textbox %}#toc-separator)).
+ * @example
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *    <ng-template kendoTextBoxSuffixTemplate>
+ *        <kendo-input-separator></kendo-input-separator>
+ *        <button kendoButton look="clear" icon="image"></button>
+ *    </ng-template>
+ *  </kendo-textbox>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export class InputSeparatorComponent {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+InputSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InputSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", host: { properties: { "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InputSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-input-separator, kendo-textbox-separator',
+                    template: ``
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-input-separator']
+            }] } });

package/esm2020/shared/textarea.directive.mjs

@@ -0,0 +1,260 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, ElementRef, EventEmitter, HostBinding, Renderer2, Optional, Inject, Input, NgZone, forwardRef, Output, ChangeDetectorRef, Injector } from '@angular/core';
+import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
+import { hasObservers, KendoInput, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { requiresZoneOnBlur } from '../common/utils';
+import { RTL } from '@progress/kendo-angular-l10n';
+import { fromEvent } from 'rxjs';
+import { debounceTime, take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [Kendo UI TextArea directive for the Inputs components for Angular]({% slug overview_textarea %}).
+ * Provides floating labels to `textarea` elements.
+ *
+ * @example
+ * ```ts-no-run
+ * <textarea kendoTextArea></textarea>
+ * ```
+ */
+export class TextAreaDirective {
+    constructor(renderer, element, zone, changeDetector, injector, rtl) {
+        this.renderer = renderer;
+        this.element = element;
+        this.zone = zone;
+        this.changeDetector = changeDetector;
+        this.injector = injector;
+        this.elementClasses = true;
+        this.autofillClass = true;
+        /**
+         * Fires each time the textarea value is changed.
+         */
+        this.valueChange = new EventEmitter();
+        /**
+         * Specifies if the `textarea` element will resize its height automatically
+         * ([see example]({% slug overview_textarea %}#toc-auto-resizing)).
+         *
+         * @default false
+         */
+        this.autoSize = false;
+        /**
+         * @hidden
+         */
+        this.onFocus = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.onBlur = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.onValueChange = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.autoFillStart = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.autoFillEnd = new EventEmitter();
+        this.listeners = [];
+        this.ngChange = (_) => { };
+        this.ngTouched = () => { };
+        this.direction = rtl ? 'rtl' : 'ltr';
+    }
+    get id() {
+        return this.element.nativeElement.id;
+    }
+    set id(id) {
+        this.renderer.setAttribute(this.element.nativeElement, 'id', id);
+    }
+    /**
+     * @hidden
+     */
+    writeValue(value) {
+        this.elementValue = value;
+        this.resize();
+    }
+    /**
+     * @hidden
+     */
+    registerOnChange(fn) {
+        this.ngChange = fn;
+    }
+    /**
+     * @hidden
+     */
+    registerOnTouched(fn) {
+        this.ngTouched = fn;
+    }
+    /**
+     * @hidden
+     */
+    setDisabledState(isDisabled) {
+        this.setElementProperty('disabled', isDisabled);
+    }
+    ngOnInit() {
+        const element = this.element.nativeElement;
+        this.zone.runOutsideAngular(() => {
+            this.listeners = [
+                this.renderer.listen(element, 'focus', this.handleFocus.bind(this)),
+                this.renderer.listen(element, 'blur', this.handleBlur.bind(this)),
+                this.renderer.listen(element, 'animationstart', (e) => {
+                    if (e.animationName === 'autoFillStart') {
+                        this.autoFillStart.emit();
+                    }
+                    else if (e.animationName === 'autoFillEnd') {
+                        this.autoFillEnd.emit();
+                    }
+                })
+            ];
+            if (isDocumentAvailable() && this.autoSize) {
+                this.resizeSubscription = fromEvent(window, 'resize')
+                    .pipe((debounceTime(50)))
+                    .subscribe(() => this.resize());
+            }
+            this.inputSubscription = fromEvent(element, 'input')
+                .subscribe(this.handleInput.bind(this));
+        });
+        this.control = this.injector.get(NgControl, null);
+    }
+    ngOnChanges(changes) {
+        const element = this.element.nativeElement;
+        if (changes.value) {
+            this.elementValue = this.value;
+        }
+        if (changes.autoSize) {
+            if (this.autoSize) {
+                this.initialHeight = element.offsetHeight;
+                this.renderer.setStyle(element, 'resize', 'none');
+            }
+            else {
+                this.renderer.setStyle(element, 'overflow-y', 'auto');
+                this.renderer.setStyle(element, 'resize', 'both');
+                element.style.height = `${this.initialHeight}px`;
+            }
+        }
+        this.zone.onStable.pipe(take(1)).subscribe(() => this.resize());
+    }
+    ngOnDestroy() {
+        this.listeners.forEach(listener => listener());
+        if (this.inputSubscription) {
+            this.inputSubscription.unsubscribe();
+        }
+        if (this.resizeSubscription) {
+            this.resizeSubscription.unsubscribe();
+        }
+    }
+    get elementValue() {
+        if (this.element) {
+            return this.element.nativeElement.value;
+        }
+        return '';
+    }
+    set elementValue(value) {
+        this.setElementProperty('value', (value === undefined || value === null) ? '' : value);
+    }
+    setElementProperty(name, value) {
+        if (this.element) {
+            this.renderer.setProperty(this.element.nativeElement, name, value);
+        }
+    }
+    resize() {
+        if (!this.autoSize) {
+            return;
+        }
+        const element = this.element.nativeElement;
+        this.renderer.setStyle(element, 'overflow-y', 'hidden');
+        element.style.height = `${this.initialHeight}px`;
+        const scrollHeight = element.scrollHeight;
+        if (scrollHeight > this.initialHeight) {
+            element.style.height = `${scrollHeight}px`;
+        }
+    }
+    handleInput() {
+        const value = this.elementValue;
+        this.value = value;
+        if (this.control || hasObservers(this.onValueChange) || hasObservers(this.valueChange)) {
+            this.zone.run(() => {
+                this.ngChange(value);
+                this.onValueChange.emit(value);
+                this.valueChange.emit(value);
+                this.changeDetector.markForCheck();
+            });
+        }
+        this.resize();
+    }
+    handleFocus() {
+        if (hasObservers(this.onFocus)) {
+            this.zone.run(() => {
+                this.onFocus.emit();
+            });
+        }
+    }
+    handleBlur() {
+        if (hasObservers(this.onBlur) || requiresZoneOnBlur(this.control)) {
+            this.zone.run(() => {
+                this.ngTouched();
+                this.onBlur.emit();
+                this.changeDetector.markForCheck();
+            });
+        }
+    }
+}
+TextAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextAreaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TextAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: TextAreaDirective, selector: "textarea[kendoTextArea]", inputs: { autoSize: "autoSize", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.elementClasses", "class.k-input": "this.elementClasses", "class.k-input-md": "this.elementClasses", "class.k-rounded-md": "this.elementClasses", "class.k-input-solid": "this.elementClasses", "class.k-autofill": "this.autofillClass", "attr.dir": "this.direction" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => TextAreaDirective),
+            multi: true
+        }, {
+            provide: KendoInput,
+            useExisting: forwardRef(() => TextAreaDirective)
+        }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextAreaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextAreaDirective),
+                            multi: true
+                        }, {
+                            provide: KendoInput,
+                            useExisting: forwardRef(() => TextAreaDirective)
+                        }],
+                    selector: 'textarea[kendoTextArea]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }]; }, propDecorators: { elementClasses: [{
+                type: HostBinding,
+                args: ['class.k-textarea']
+            }, {
+                type: HostBinding,
+                args: ['class.k-input']
+            }, {
+                type: HostBinding,
+                args: ['class.k-input-md']
+            }, {
+                type: HostBinding,
+                args: ['class.k-rounded-md']
+            }, {
+                type: HostBinding,
+                args: ['class.k-input-solid']
+            }], autofillClass: [{
+                type: HostBinding,
+                args: ['class.k-autofill']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], valueChange: [{
+                type: Output
+            }], autoSize: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });

package/esm2020/shared/utils.mjs

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ *
+ * Checks if input is Japanese IME
+ */
+export const isJapanese = (input) => {
+    const japaneseRegex = /[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g;
+    return japaneseRegex.test(input);
+};

package/esm2020/shared.module.mjs

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* 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";
+import { InputSeparatorComponent } from './shared/input-separator.component';
+import { TextAreaDirective } from "./shared/textarea.directive";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export const SHARED_DIRECTIVES = [
+    InputSeparatorComponent,
+    TextAreaDirective
+];
+/**
+ * @hidden
+ */
+export class SharedModule {
+}
+SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedModule, declarations: [InputSeparatorComponent,
+        TextAreaDirective], exports: [InputSeparatorComponent,
+        TextAreaDirective] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SHARED_DIRECTIVES],
+                    exports: [SHARED_DIRECTIVES]
+                }]
+        }] });

package/esm2020/signature/events/close-event.mjs

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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/esm2020/signature/events/index.mjs

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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/esm2020/signature/events/open-event.mjs

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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/esm2020/signature/localization/custom-messages.component.mjs

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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 { LocalizationService } from '@progress/kendo-angular-l10n';
+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: "13.3.12", ngImport: i0, type: SignatureCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+SignatureCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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: "13.3.12", 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/esm2020/signature/localization/index.mjs

@@ -0,0 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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/esm2020/signature/localization/localized-signature-messages.directive.mjs

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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 { LocalizationService } from '@progress/kendo-angular-l10n';
+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: "13.3.12", ngImport: i0, type: LocalizedSignatureMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedSignatureMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LocalizedSignatureMessagesDirective, selector: "[kendoSignatureLocalizedMessages]", providers: [
+        {
+            provide: SignatureMessages,
+            useExisting: forwardRef(() => LocalizedSignatureMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedSignatureMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: SignatureMessages,
+                            useExisting: forwardRef(() => LocalizedSignatureMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoSignatureLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/signature/localization/messages.mjs

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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: "13.3.12", ngImport: i0, type: SignatureMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+SignatureMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SignatureMessages, selector: "kendo-signature-messages-base", inputs: { clear: "clear", minimize: "minimize", maximize: "maximize", canvasLabel: "canvasLabel" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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
+            }], canvasLabel: [{
+                type: Input
+            }] } });