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

package/esm2020/textbox/textbox.directive.mjs

@@ -0,0 +1,121 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Input, HostBinding, Renderer2, forwardRef, NgZone } from '@angular/core';
+import { KendoInput } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [Kendo UI TextBox directive]({% slug overview_textbox %}) for the Inputs components for Angular.
+ * Used to style the textbox of any `input` element.
+ *
+ * @example
+ * ```ts-no-run
+ * <input kendoTextBox />
+ * <input kendoTextBox type="email" />
+ * <input kendoTextBox type="password" />
+ * ```
+ */
+export class TextBoxDirective {
+    constructor(renderer, inputElement, ngZone) {
+        this.renderer = renderer;
+        this.inputElement = inputElement;
+        this.ngZone = ngZone;
+        this.hostClasses = true;
+        /**
+         * @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 = [];
+    }
+    /**
+     * @hidden
+     */
+    set value(text) {
+        if (!this.inputElement) {
+            return;
+        }
+        this.inputElement.nativeElement.value = (text === undefined || text === null) ? '' : text;
+        this.onValueChange.emit();
+    }
+    /**
+     * @hidden
+     */
+    get value() {
+        return this.inputElement.nativeElement.value;
+    }
+    get id() {
+        return this.inputElement.nativeElement.id;
+    }
+    set id(id) {
+        this.renderer.setAttribute(this.inputElement.nativeElement, 'id', id);
+    }
+    ngAfterViewInit() {
+        const input = this.inputElement.nativeElement;
+        this.listeners = [
+            this.renderer.listen(input, 'focus', () => this.onFocus.emit()),
+            this.renderer.listen(input, 'blur', () => this.onBlur.emit())
+        ];
+        this.ngZone.runOutsideAngular(() => {
+            this.renderer.listen(input, 'animationstart', (e) => {
+                if (e.animationName === 'autoFillStart') {
+                    this.autoFillStart.emit();
+                }
+                else if (e.animationName === 'autoFillEnd') {
+                    this.autoFillEnd.emit();
+                }
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.listeners.forEach(listener => listener());
+    }
+}
+TextBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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: "13.3.12", ngImport: i0, type: TextBoxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[kendoTextBox]',
+                    providers: [{
+                            provide: KendoInput,
+                            useExisting: forwardRef(() => TextBoxDirective)
+                        }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-textbox']
+            }, {
+                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']
+            }], value: [{
+                type: Input
+            }] } });

package/esm2020/textbox.module.mjs

@@ -0,0 +1,89 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { TextBoxDirective } from "./textbox/textbox.directive";
+import { TextBoxComponent } from "./textbox/textbox.component";
+import { CommonModule } from "@angular/common";
+import { EventsModule } from "@progress/kendo-angular-common";
+import { TextBoxSuffixTemplateDirective } from "./textbox/textbox-suffix.directive";
+import { TextBoxPrefixTemplateDirective } from './textbox/textbox-prefix.directive';
+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](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the TextBox directive.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the TextBox module
+ * import { TextBoxModule } from '@progress/kendo-angular-inputs';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, TextBoxModule], // import TextBox module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+export class TextBoxModule {
+}
+TextBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextBoxModule, declarations: [TextBoxDirective,
+        TextBoxComponent,
+        TextBoxSuffixTemplateDirective,
+        TextBoxPrefixTemplateDirective,
+        TextBoxCustomMessagesComponent,
+        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: "13.3.12", ngImport: i0, type: TextBoxModule, imports: [[CommonModule, EventsModule, SharedModule, IconsModule], EventsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TextBoxDirective,
+                        TextBoxComponent,
+                        TextBoxSuffixTemplateDirective,
+                        TextBoxPrefixTemplateDirective,
+                        TextBoxCustomMessagesComponent,
+                        LocalizedTextBoxMessagesDirective
+                    ],
+                    exports: [
+                        TextBoxDirective,
+                        TextBoxComponent,
+                        TextBoxSuffixTemplateDirective,
+                        TextBoxPrefixTemplateDirective,
+                        EventsModule,
+                        TextBoxCustomMessagesComponent,
+                        LocalizedTextBoxMessagesDirective,
+                        SHARED_DIRECTIVES
+                    ],
+                    imports: [CommonModule, EventsModule, SharedModule, IconsModule]
+                }]
+        }] });

package/esm2020/validators/max.validator.mjs

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+/**
+ * @hidden
+ */
+export const createMaxValidator = (maxValue) => {
+    return (c) => {
+        if (!isPresent(maxValue) || !isPresent(c.value) || c.value <= maxValue) {
+            return null;
+        }
+        return {
+            maxError: {
+                maxValue: maxValue,
+                value: c.value
+            }
+        };
+    };
+};

package/esm2020/validators/min.validator.mjs

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+/**
+ * @hidden
+ */
+export const createMinValidator = (minValue) => {
+    return (c) => {
+        if (!isPresent(minValue) || !isPresent(c.value) || c.value >= minValue) {
+            return null;
+        }
+        return {
+            minError: {
+                minValue: minValue,
+                value: c.value
+            }
+        };
+    };
+};