@koobiq/components 16.0.0-beta.1

package/esm2022/form-field/form-field.module.mjs

@@ -0,0 +1,71 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { KbqIconModule } from '@koobiq/components/icon';
+import { KbqCleaner } from './cleaner';
+import { KbqFormField, KbqFormFieldWithoutBorders, KbqTrim } from './form-field';
+import { KbqHint } from './hint';
+import { KbqPasswordHint } from './password-hint';
+import { KbqPasswordToggle } from './password-toggle';
+import { KbqPrefix } from './prefix';
+import { KbqStepper } from './stepper';
+import { KbqSuffix } from './suffix';
+import { KbqValidateDirective } from './validate.directive';
+import * as i0 from "@angular/core";
+export class KbqFormFieldModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: KbqFormFieldModule, declarations: [KbqFormField,
+            KbqFormFieldWithoutBorders,
+            KbqHint,
+            KbqPasswordHint,
+            KbqPrefix,
+            KbqSuffix,
+            KbqCleaner,
+            KbqStepper,
+            KbqValidateDirective,
+            KbqTrim,
+            KbqPasswordToggle], imports: [CommonModule, KbqIconModule], exports: [KbqFormField,
+            KbqFormFieldWithoutBorders,
+            KbqHint,
+            KbqPasswordHint,
+            KbqPrefix,
+            KbqSuffix,
+            KbqCleaner,
+            KbqStepper,
+            KbqValidateDirective,
+            KbqTrim,
+            KbqPasswordToggle] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqFormFieldModule, imports: [CommonModule, KbqIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqFormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KbqFormField,
+                        KbqFormFieldWithoutBorders,
+                        KbqHint,
+                        KbqPasswordHint,
+                        KbqPrefix,
+                        KbqSuffix,
+                        KbqCleaner,
+                        KbqStepper,
+                        KbqValidateDirective,
+                        KbqTrim,
+                        KbqPasswordToggle
+                    ],
+                    imports: [CommonModule, KbqIconModule],
+                    exports: [
+                        KbqFormField,
+                        KbqFormFieldWithoutBorders,
+                        KbqHint,
+                        KbqPasswordHint,
+                        KbqPrefix,
+                        KbqSuffix,
+                        KbqCleaner,
+                        KbqStepper,
+                        KbqValidateDirective,
+                        KbqTrim,
+                        KbqPasswordToggle
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXhELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDdkMsT0FBTyxFQUFFLFlBQVksRUFBRSwwQkFBMEIsRUFBRSxPQUFPLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNqQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBZ0M1RCxNQUFNLE9BQU8sa0JBQWtCO2lJQUFsQixrQkFBa0I7a0lBQWxCLGtCQUFrQixpQkEzQnZCLFlBQVk7WUFDWiwwQkFBMEI7WUFDMUIsT0FBTztZQUNQLGVBQWU7WUFDZixTQUFTO1lBQ1QsU0FBUztZQUNULFVBQVU7WUFDVixVQUFVO1lBQ1Ysb0JBQW9CO1lBQ3BCLE9BQU87WUFDUCxpQkFBaUIsYUFFWCxZQUFZLEVBQUUsYUFBYSxhQUVqQyxZQUFZO1lBQ1osMEJBQTBCO1lBQzFCLE9BQU87WUFDUCxlQUFlO1lBQ2YsU0FBUztZQUNULFNBQVM7WUFDVCxVQUFVO1lBQ1YsVUFBVTtZQUNWLG9CQUFvQjtZQUNwQixPQUFPO1lBQ1AsaUJBQWlCO2tJQUdaLGtCQUFrQixZQWZqQixZQUFZLEVBQUUsYUFBYTs7MkZBZTVCLGtCQUFrQjtrQkE3QjlCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLFlBQVk7d0JBQ1osMEJBQTBCO3dCQUMxQixPQUFPO3dCQUNQLGVBQWU7d0JBQ2YsU0FBUzt3QkFDVCxTQUFTO3dCQUNULFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixvQkFBb0I7d0JBQ3BCLE9BQU87d0JBQ1AsaUJBQWlCO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDO29CQUN0QyxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWiwwQkFBMEI7d0JBQzFCLE9BQU87d0JBQ1AsZUFBZTt3QkFDZixTQUFTO3dCQUNULFNBQVM7d0JBQ1QsVUFBVTt3QkFDVixVQUFVO3dCQUNWLG9CQUFvQjt3QkFDcEIsT0FBTzt3QkFDUCxpQkFBaUI7cUJBQ3BCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFJY29uTW9kdWxlIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuXG5pbXBvcnQgeyBLYnFDbGVhbmVyIH0gZnJvbSAnLi9jbGVhbmVyJztcbmltcG9ydCB7IEticUZvcm1GaWVsZCwgS2JxRm9ybUZpZWxkV2l0aG91dEJvcmRlcnMsIEticVRyaW0gfSBmcm9tICcuL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgS2JxSGludCB9IGZyb20gJy4vaGludCc7XG5pbXBvcnQgeyBLYnFQYXNzd29yZEhpbnQgfSBmcm9tICcuL3Bhc3N3b3JkLWhpbnQnO1xuaW1wb3J0IHsgS2JxUGFzc3dvcmRUb2dnbGUgfSBmcm9tICcuL3Bhc3N3b3JkLXRvZ2dsZSc7XG5pbXBvcnQgeyBLYnFQcmVmaXggfSBmcm9tICcuL3ByZWZpeCc7XG5pbXBvcnQgeyBLYnFTdGVwcGVyIH0gZnJvbSAnLi9zdGVwcGVyJztcbmltcG9ydCB7IEticVN1ZmZpeCB9IGZyb20gJy4vc3VmZml4JztcbmltcG9ydCB7IEticVZhbGlkYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi92YWxpZGF0ZS5kaXJlY3RpdmUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEticUZvcm1GaWVsZCxcbiAgICAgICAgS2JxRm9ybUZpZWxkV2l0aG91dEJvcmRlcnMsXG4gICAgICAgIEticUhpbnQsXG4gICAgICAgIEticVBhc3N3b3JkSGludCxcbiAgICAgICAgS2JxUHJlZml4LFxuICAgICAgICBLYnFTdWZmaXgsXG4gICAgICAgIEticUNsZWFuZXIsXG4gICAgICAgIEticVN0ZXBwZXIsXG4gICAgICAgIEticVZhbGlkYXRlRGlyZWN0aXZlLFxuICAgICAgICBLYnFUcmltLFxuICAgICAgICBLYnFQYXNzd29yZFRvZ2dsZVxuICAgIF0sXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgS2JxSWNvbk1vZHVsZV0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBLYnFGb3JtRmllbGQsXG4gICAgICAgIEticUZvcm1GaWVsZFdpdGhvdXRCb3JkZXJzLFxuICAgICAgICBLYnFIaW50LFxuICAgICAgICBLYnFQYXNzd29yZEhpbnQsXG4gICAgICAgIEticVByZWZpeCxcbiAgICAgICAgS2JxU3VmZml4LFxuICAgICAgICBLYnFDbGVhbmVyLFxuICAgICAgICBLYnFTdGVwcGVyLFxuICAgICAgICBLYnFWYWxpZGF0ZURpcmVjdGl2ZSxcbiAgICAgICAgS2JxVHJpbSxcbiAgICAgICAgS2JxUGFzc3dvcmRUb2dnbGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEticUZvcm1GaWVsZE1vZHVsZSB7fVxuIl19

package/esm2022/form-field/hint.mjs

@@ -0,0 +1,34 @@
+import { Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';
+import { mixinColor, KbqComponentColors } from '@koobiq/components/core';
+import * as i0 from "@angular/core";
+let nextHintUniqueId = 0;
+/** @docs-private */
+export class KbqHintBase {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+}
+/** @docs-private */
+export const KbqHintMixinBase = mixinColor(KbqHintBase, KbqComponentColors.Empty);
+export class KbqHint extends KbqHintMixinBase {
+    constructor(elementRef) {
+        super(elementRef);
+        this.id = `kbq-hint-${nextHintUniqueId++}`;
+        this.fillTextOff = false;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqHint, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqHint, selector: "kbq-hint", inputs: { color: "color", id: "id", fillTextOff: "fillTextOff" }, host: { properties: { "attr.id": "id", "class.kbq-hint_fill-text-off": "fillTextOff" }, classAttribute: "kbq-hint" }, exportAs: ["mcHint"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[kbq-icon]\"></ng-content>\n\n<span class=\"kbq-hint__text\">\n    <ng-content></ng-content>\n</span>\n", styles: [".kbq-hint{display:block}.kbq-hint .kbq-icon{margin-right:var(--kbq-hint-size-content-padding, 4px)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqHint, decorators: [{
+            type: Component,
+            args: [{ selector: 'kbq-hint', exportAs: 'mcHint', inputs: ['color'], host: {
+                        class: 'kbq-hint',
+                        '[attr.id]': 'id',
+                        '[class.kbq-hint_fill-text-off]': 'fillTextOff'
+                    }, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[kbq-icon]\"></ng-content>\n\n<span class=\"kbq-hint__text\">\n    <ng-content></ng-content>\n</span>\n", styles: [".kbq-hint{display:block}.kbq-hint .kbq-icon{margin-right:var(--kbq-hint-size-content-padding, 4px)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
+                type: Input
+            }], fillTextOff: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZm9ybS1maWVsZC9oaW50LnRzIiwiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mb3JtLWZpZWxkL2hpbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFnQixVQUFVLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFHdkYsSUFBSSxnQkFBZ0IsR0FBRyxDQUFDLENBQUM7QUFFekIsb0JBQW9CO0FBQ3BCLE1BQU0sT0FBTyxXQUFXO0lBQ3BCLFlBQW1CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7SUFBRyxDQUFDO0NBQ2hEO0FBRUQsb0JBQW9CO0FBQ3BCLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFzQyxVQUFVLENBQUMsV0FBVyxFQUFFLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBZ0JySCxNQUFNLE9BQU8sT0FBUSxTQUFRLGdCQUFnQjtJQUt6QyxZQUFZLFVBQXNCO1FBQzlCLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUxiLE9BQUUsR0FBVyxZQUFZLGdCQUFnQixFQUFFLEVBQUUsQ0FBQztRQUU5QyxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQUl0QyxDQUFDO2lJQVBRLE9BQU87cUhBQVAsT0FBTyxxUkM1QnBCLDhIQUtBOzsyRkR1QmEsT0FBTztrQkFibkIsU0FBUzsrQkFDSSxVQUFVLFlBQ1YsUUFBUSxVQUdWLENBQUMsT0FBTyxDQUFDLFFBQ1g7d0JBQ0YsS0FBSyxFQUFFLFVBQVU7d0JBQ2pCLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixnQ0FBZ0MsRUFBRSxhQUFhO3FCQUNsRCxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJO2lHQUc1QixFQUFFO3NCQUFWLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYW5Db2xvckN0b3IsIG1peGluQ29sb3IsIEticUNvbXBvbmVudENvbG9ycyB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9jb3JlJztcblxuXG5sZXQgbmV4dEhpbnRVbmlxdWVJZCA9IDA7XG5cbi8qKiBAZG9jcy1wcml2YXRlICovXG5leHBvcnQgY2xhc3MgS2JxSGludEJhc2Uge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxufVxuXG4vKiogQGRvY3MtcHJpdmF0ZSAqL1xuZXhwb3J0IGNvbnN0IEticUhpbnRNaXhpbkJhc2U6IENhbkNvbG9yQ3RvciAmIHR5cGVvZiBLYnFIaW50QmFzZSA9IG1peGluQ29sb3IoS2JxSGludEJhc2UsIEticUNvbXBvbmVudENvbG9ycy5FbXB0eSk7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrYnEtaGludCcsXG4gICAgZXhwb3J0QXM6ICdtY0hpbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnaGludC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnaGludC5zY3NzJ10sXG4gICAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1oaW50JyxcbiAgICAgICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgICAgICdbY2xhc3Mua2JxLWhpbnRfZmlsbC10ZXh0LW9mZl0nOiAnZmlsbFRleHRPZmYnXG4gICAgfSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEticUhpbnQgZXh0ZW5kcyBLYnFIaW50TWl4aW5CYXNlIHtcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nID0gYGticS1oaW50LSR7bmV4dEhpbnRVbmlxdWVJZCsrfWA7XG5cbiAgICBASW5wdXQoKSBmaWxsVGV4dE9mZjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcihlbGVtZW50UmVmKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWljb25dXCI+PC9uZy1jb250ZW50PlxuXG48c3BhbiBjbGFzcz1cImticS1oaW50X190ZXh0XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zcGFuPlxuIl19

package/esm2022/form-field/index.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2Zvcm0tZmllbGQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/form-field/koobiq-components-form-field.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29vYmlxLWNvbXBvbmVudHMtZm9ybS1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZm9ybS1maWVsZC9rb29iaXEtY29tcG9uZW50cy1mb3JtLWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2022/form-field/password-hint.mjs

@@ -0,0 +1,144 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, forwardRef, Inject, Input, ViewEncapsulation } from '@angular/core';
+import { KBQ_FORM_FIELD_REF } from '@koobiq/components/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@koobiq/components/icon";
+let nextPasswordHintUniqueId = 0;
+export var PasswordRules;
+(function (PasswordRules) {
+    PasswordRules[PasswordRules["Length"] = 0] = "Length";
+    PasswordRules[PasswordRules["UpperLatin"] = 1] = "UpperLatin";
+    PasswordRules[PasswordRules["LowerLatin"] = 2] = "LowerLatin";
+    PasswordRules[PasswordRules["Digit"] = 3] = "Digit";
+    PasswordRules[PasswordRules["LatinAndSpecialSymbols"] = 4] = "LatinAndSpecialSymbols";
+    PasswordRules[PasswordRules["Custom"] = 5] = "Custom";
+})(PasswordRules || (PasswordRules = {}));
+export const regExpPasswordValidator = {
+    [PasswordRules.LowerLatin]: RegExp(/^(?=.*?[a-z])/),
+    [PasswordRules.UpperLatin]: RegExp(/^(?=.*?[A-Z])/),
+    [PasswordRules.Digit]: RegExp(/^(?=.*?[0-9])/),
+    [PasswordRules.LatinAndSpecialSymbols]: RegExp(/[^ !`"'#№$%&()*+,-./\\:;<=>?@[\]^_{|}~A-Za-z0-9]/)
+};
+export class KbqPasswordHint {
+    get icon() {
+        return this.checked ? 'kbq-check_16' : 'kbq-close-M_16';
+    }
+    get control() {
+        return this.formField.control;
+    }
+    constructor(changeDetectorRef, formField) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.formField = formField;
+        this.id = `kbq-hint-${nextPasswordHintUniqueId++}`;
+        this.hasError = false;
+        this.checked = false;
+        this.checkValue = () => {
+            if (this.control.focused && this.isValueChanged()) {
+                this.hasError = false;
+                this.checked = this.checkRule(this.control.value);
+            }
+            else if (!this.control.focused && !this.isValueChanged()) {
+                this.hasError = !this.checkRule(this.control.value);
+            }
+            if (!this.control.required && !this.control.value) {
+                this.checked = this.hasError = false;
+            }
+            this.lastControlValue = this.control.value;
+            this.changeDetectorRef.markForCheck();
+        };
+    }
+    ngAfterContentInit() {
+        if (this.rule === null) {
+            throw Error('You should set [rule] name');
+        }
+        if (this.rule === PasswordRules.Custom && this.regex === undefined) {
+            throw Error('You should set [regex] for PasswordRules.Custom');
+        }
+        if (this.rule === PasswordRules.Length && (this.min || this.max) === null) {
+            throw Error('For [rule] "Length" need set [min] and [max]');
+        }
+        if (this.rule === PasswordRules.Length) {
+            this.checkRule = this.checkLengthRule;
+        }
+        else if ([PasswordRules.UpperLatin, PasswordRules.LowerLatin, PasswordRules.Digit].includes(this.rule)) {
+            this.regex = regExpPasswordValidator[this.rule];
+            this.checkRule = this.checkRegexRule;
+        }
+        else if (this.rule === PasswordRules.LatinAndSpecialSymbols) {
+            this.regex = regExpPasswordValidator[this.rule];
+            this.checkRule = this.checkSpecialSymbolsRegexRule;
+        }
+        else if (this.rule === PasswordRules.Custom) {
+            this.checkRule = this.checkRegexRule;
+        }
+        else {
+            throw Error(`Unknown [rule]=${this.rule}`);
+        }
+        this.formField.control.stateChanges
+            .subscribe(this.checkValue);
+        this.formField.control.checkRule
+            .subscribe(() => {
+            this.checked = this.checkRule(this.control.value);
+            this.hasError = !this.checkRule(this.control.value);
+        });
+    }
+    checkLengthRule(value) {
+        return value.length >= this.min && value.length <= this.max;
+    }
+    checkRegexRule(value) {
+        return !!this.regex?.test(value);
+    }
+    checkSpecialSymbolsRegexRule(value) {
+        return !!value && !this.regex?.test(value);
+    }
+    isValueChanged() {
+        return this.lastControlValue !== this.formField.control.value;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqPasswordHint, deps: [{ token: i0.ChangeDetectorRef }, { token: forwardRef(() => KBQ_FORM_FIELD_REF) }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqPasswordHint, selector: "kbq-password-hint", inputs: { id: "id", rule: "rule", min: "min", max: "max", regex: "regex" }, host: { properties: { "class.kbq-password-hint_valid": "checked", "class.kbq-password-hint_invalid": "hasError", "attr.id": "id" }, classAttribute: "kbq-password-hint" }, ngImport: i0, template: `
+        <i class="kbq-password-hint__icon"
+           kbq-icon=""
+           [class.kbq-success]="checked"
+           [class.kbq-error]="hasError"
+           [ngClass]="icon">
+        </i>
+
+        <span class="kbq-password-hint__text">
+            <ng-content></ng-content>
+        </span>
+    `, isInline: true, styles: [".kbq-password-hint{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqPasswordHint, decorators: [{
+            type: Component,
+            args: [{ selector: 'kbq-password-hint', template: `
+        <i class="kbq-password-hint__icon"
+           kbq-icon=""
+           [class.kbq-success]="checked"
+           [class.kbq-error]="hasError"
+           [ngClass]="icon">
+        </i>
+
+        <span class="kbq-password-hint__text">
+            <ng-content></ng-content>
+        </span>
+    `, host: {
+                        class: 'kbq-password-hint',
+                        '[class.kbq-password-hint_valid]': 'checked',
+                        '[class.kbq-password-hint_invalid]': 'hasError',
+                        '[attr.id]': 'id'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-password-hint{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => KBQ_FORM_FIELD_REF)]
+                }] }]; }, propDecorators: { id: [{
+                type: Input
+            }], rule: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], regex: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtaGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZm9ybS1maWVsZC9wYXNzd29yZC1oaW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFDTCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFJN0QsSUFBSSx3QkFBd0IsR0FBRyxDQUFDLENBQUM7QUFFakMsTUFBTSxDQUFOLElBQVksYUFPWDtBQVBELFdBQVksYUFBYTtJQUNyQixxREFBTSxDQUFBO0lBQ04sNkRBQVUsQ0FBQTtJQUNWLDZEQUFVLENBQUE7SUFDVixtREFBSyxDQUFBO0lBQ0wscUZBQXNCLENBQUE7SUFDdEIscURBQU0sQ0FBQTtBQUNWLENBQUMsRUFQVyxhQUFhLEtBQWIsYUFBYSxRQU94QjtBQUVELE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHO0lBQ25DLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxlQUFlLENBQUM7SUFDbkQsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLEVBQUUsTUFBTSxDQUFDLGVBQWUsQ0FBQztJQUNuRCxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFBRSxNQUFNLENBQUMsZUFBZSxDQUFDO0lBQzlDLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsTUFBTSxDQUFDLGtEQUFrRCxDQUFDO0NBQ3JHLENBQUM7QUEyQkYsTUFBTSxPQUFPLGVBQWU7SUFZeEIsSUFBSSxJQUFJO1FBQ0osT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDO0lB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T0FBTyxDQUFDLEtBQUssQ0FBQztJQUNsRSxDQUFDO2lJQWxHUSxlQUFlLG1EQTBCWixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7cUhBMUJ2QyxlQUFlLGdUQXRCZDs7Ozs7Ozs7Ozs7S0FXVDs7MkZBV1EsZUFBZTtrQkF4QjNCLFNBQVM7K0JBQ0ksbUJBQW1CLFlBQ25COzs7Ozs7Ozs7OztLQVdULFFBRUs7d0JBQ0YsS0FBSyxFQUFFLG1CQUFtQjt3QkFDMUIsaUNBQWlDLEVBQUUsU0FBUzt3QkFDNUMsbUNBQW1DLEVBQUUsVUFBVTt3QkFDL0MsV0FBVyxFQUFFLElBQUk7cUJBQ3BCLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzswQkE0QmhDLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDOzRDQXpCdkMsRUFBRTtzQkFBVixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgZm9yd2FyZFJlZixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLQlFfRk9STV9GSUVMRF9SRUYgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cblxubGV0IG5leHRQYXNzd29yZEhpbnRVbmlxdWVJZCA9IDA7XG5cbmV4cG9ydCBlbnVtIFBhc3N3b3JkUnVsZXMge1xuICAgIExlbmd0aCxcbiAgICBVcHBlckxhdGluLFxuICAgIExvd2VyTGF0aW4sXG4gICAgRGlnaXQsXG4gICAgTGF0aW5BbmRTcGVjaWFsU3ltYm9scyxcbiAgICBDdXN0b21cbn1cblxuZXhwb3J0IGNvbnN0IHJlZ0V4cFBhc3N3b3JkVmFsaWRhdG9yID0ge1xuICAgIFtQYXNzd29yZFJ1bGVzLkxvd2VyTGF0aW5dOiBSZWdFeHAoL14oPz0uKj9bYS16XSkvKSxcbiAgICBbUGFzc3dvcmRSdWxlcy5VcHBlckxhdGluXTogUmVnRXhwKC9eKD89Lio/W0EtWl0pLyksXG4gICAgW1Bhc3N3b3JkUnVsZXMuRGlnaXRdOiBSZWdFeHAoL14oPz0uKj9bMC05XSkvKSxcbiAgICBbUGFzc3dvcmRSdWxlcy5MYXRpbkFuZFNwZWNpYWxTeW1ib2xzXTogUmVnRXhwKC9bXiAhYFwiJyPihJYkJSYoKSorLC0uL1xcXFw6Ozw9Pj9AW1xcXV5fe3x9fkEtWmEtejAtOV0vKVxufTtcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ticS1wYXNzd29yZC1oaW50JyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aSBjbGFzcz1cImticS1wYXNzd29yZC1oaW50X19pY29uXCJcbiAgICAgICAgICAga2JxLWljb249XCJcIlxuICAgICAgICAgICBbY2xhc3Mua2JxLXN1Y2Nlc3NdPVwiY2hlY2tlZFwiXG4gICAgICAgICAgIFtjbGFzcy5rYnEtZXJyb3JdPVwiaGFzRXJyb3JcIlxuICAgICAgICAgICBbbmdDbGFzc109XCJpY29uXCI+XG4gICAgICAgIDwvaT5cblxuICAgICAgICA8c3BhbiBjbGFzcz1cImticS1wYXNzd29yZC1oaW50X190ZXh0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICBgLFxuICAgIHN0eWxlVXJsczogWydwYXNzd29yZC1oaW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLXBhc3N3b3JkLWhpbnQnLFxuICAgICAgICAnW2NsYXNzLmticS1wYXNzd29yZC1oaW50X3ZhbGlkXSc6ICdjaGVja2VkJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtcGFzc3dvcmQtaGludF9pbnZhbGlkXSc6ICdoYXNFcnJvcicsXG4gICAgICAgICdbYXR0ci5pZF0nOiAnaWQnXG4gICAgfSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEticVBhc3N3b3JkSGludCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBga2JxLWhpbnQtJHtuZXh0UGFzc3dvcmRIaW50VW5pcXVlSWQrK31gO1xuXG4gICAgQElucHV0KCkgcnVsZTogUGFzc3dvcmRSdWxlcyB8IGFueTtcblxuICAgIEBJbnB1dCgpIG1pbjogbnVtYmVyO1xuICAgIEBJbnB1dCgpIG1heDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHJlZ2V4OiBSZWdFeHAgfCBudWxsO1xuXG4gICAgaGFzRXJyb3I6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBjaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5jaGVja2VkID8gJ2ticS1jaGVja18xNicgOiAna2JxLWNsb3NlLU1fMTYnO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2hlY2tSdWxlOiAodmFsdWU6IHN0cmluZykgPT4gYm9vbGVhbjtcblxuICAgIHByaXZhdGUgZ2V0IGNvbnRyb2woKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm1GaWVsZC5jb250cm9sO1xuICAgIH1cblxuICAgIHByaXZhdGUgbGFzdENvbnRyb2xWYWx1ZTogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gS0JRX0ZPUk1fRklFTERfUkVGKSkgcHJpdmF0ZSBmb3JtRmllbGQ6IGFueVxuICAgICkge31cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMucnVsZSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgdGhyb3cgRXJyb3IoJ1lvdSBzaG91bGQgc2V0IFtydWxlXSBuYW1lJyk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5ydWxlID09PSBQYXNzd29yZFJ1bGVzLkN1c3RvbSAmJiB0aGlzLnJlZ2V4ID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHRocm93IEVycm9yKCdZb3Ugc2hvdWxkIHNldCBbcmVnZXhdIGZvciBQYXNzd29yZFJ1bGVzLkN1c3RvbScpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMucnVsZSA9PT0gUGFzc3dvcmRSdWxlcy5MZW5ndGggJiYgKHRoaXMubWluIHx8IHRoaXMubWF4KSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgdGhyb3cgRXJyb3IoJ0ZvciBbcnVsZV0gXCJMZW5ndGhcIiBuZWVkIHNldCBbbWluXSBhbmQgW21heF0nKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLnJ1bGUgPT09IFBhc3N3b3JkUnVsZXMuTGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLmNoZWNrUnVsZSA9IHRoaXMuY2hlY2tMZW5ndGhSdWxlO1xuICAgICAgICB9IGVsc2UgaWYgKFtQYXNzd29yZFJ1bGVzLlVwcGVyTGF0aW4sIFBhc3N3b3JkUnVsZXMuTG93ZXJMYXRpbiwgUGFzc3dvcmRSdWxlcy5EaWdpdF0uaW5jbHVkZXModGhpcy5ydWxlKSkge1xuICAgICAgICAgICAgdGhpcy5yZWdleCA9IHJlZ0V4cFBhc3N3b3JkVmFsaWRhdG9yW3RoaXMucnVsZV07XG4gICAgICAgICAgICB0aGlzLmNoZWNrUnVsZSA9IHRoaXMuY2hlY2tSZWdleFJ1bGU7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5ydWxlID09PSBQYXNzd29yZFJ1bGVzLkxhdGluQW5kU3BlY2lhbFN5bWJvbHMpIHtcbiAgICAgICAgICAgIHRoaXMucmVnZXggPSByZWdFeHBQYXNzd29yZFZhbGlkYXRvclt0aGlzLnJ1bGVdO1xuICAgICAgICAgICAgdGhpcy5jaGVja1J1bGUgPSB0aGlzLmNoZWNrU3BlY2lhbFN5bWJvbHNSZWdleFJ1bGU7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5ydWxlID09PSBQYXNzd29yZFJ1bGVzLkN1c3RvbSkge1xuICAgICAgICAgICAgdGhpcy5jaGVja1J1bGUgPSB0aGlzLmNoZWNrUmVnZXhSdWxlO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhyb3cgRXJyb3IoYFVua25vd24gW3J1bGVdPSR7dGhpcy5ydWxlfWApO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5mb3JtRmllbGQuY29udHJvbC5zdGF0ZUNoYW5nZXNcbiAgICAgICAgICAgIC5zdWJzY3JpYmUodGhpcy5jaGVja1ZhbHVlKTtcblxuICAgICAgICAodGhpcy5mb3JtRmllbGQuY29udHJvbCBhcyB1bmtub3duIGFzIHsgY2hlY2tSdWxlOiBTdWJqZWN0PGFueT4gfSkuY2hlY2tSdWxlXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmNoZWNrZWQgPSB0aGlzLmNoZWNrUnVsZSh0aGlzLmNvbnRyb2wudmFsdWUpO1xuICAgICAgICAgICAgICAgIHRoaXMuaGFzRXJyb3IgPSAhdGhpcy5jaGVja1J1bGUodGhpcy5jb250cm9sLnZhbHVlKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuXG4gICAgcHJpdmF0ZSBjaGVja1ZhbHVlID0gKCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5jb250cm9sLmZvY3VzZWQgJiYgdGhpcy5pc1ZhbHVlQ2hhbmdlZCgpKSB7XG4gICAgICAgICAgICB0aGlzLmhhc0Vycm9yID0gZmFsc2U7XG5cbiAgICAgICAgICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMuY2hlY2tSdWxlKHRoaXMuY29udHJvbC52YWx1ZSk7XG4gICAgICAgIH0gZWxzZSBpZiAoIXRoaXMuY29udHJvbC5mb2N1c2VkICYmICF0aGlzLmlzVmFsdWVDaGFuZ2VkKCkpIHtcbiAgICAgICAgICAgIHRoaXMuaGFzRXJyb3IgPSAhdGhpcy5jaGVja1J1bGUodGhpcy5jb250cm9sLnZhbHVlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICghdGhpcy5jb250cm9sLnJlcXVpcmVkICYmICF0aGlzLmNvbnRyb2wudmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMuaGFzRXJyb3IgPSBmYWxzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMubGFzdENvbnRyb2xWYWx1ZSA9IHRoaXMuY29udHJvbC52YWx1ZTtcbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoZWNrTGVuZ3RoUnVsZSh2YWx1ZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB2YWx1ZS5sZW5ndGggPj0gdGhpcy5taW4gJiYgdmFsdWUubGVuZ3RoIDw9IHRoaXMubWF4O1xuICAgIH1cblxuICAgIHByaXZhdGUgY2hlY2tSZWdleFJ1bGUodmFsdWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gISF0aGlzLnJlZ2V4Py50ZXN0KHZhbHVlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoZWNrU3BlY2lhbFN5bWJvbHNSZWdleFJ1bGUodmFsdWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gISF2YWx1ZSAmJiAhdGhpcy5yZWdleD8udGVzdCh2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpc1ZhbHVlQ2hhbmdlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubGFzdENvbnRyb2xWYWx1ZSAhPT0gdGhpcy5mb3JtRmllbGQuY29udHJvbC52YWx1ZTtcbiAgICB9XG59XG4iXX0=

package/esm2022/form-field/password-toggle.mjs

@@ -0,0 +1,64 @@
+import { Directionality } from '@angular/cdk/bidi';
+import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
+import { ChangeDetectionStrategy, Component, ElementRef, forwardRef, Inject, Input, NgZone, Optional, ViewContainerRef, ViewEncapsulation } from '@angular/core';
+import { KBQ_FORM_FIELD_REF, PopUpTriggers } from '@koobiq/components/core';
+import { KBQ_TOOLTIP_SCROLL_STRATEGY, KbqTooltipTrigger } from '@koobiq/components/tooltip';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@angular/cdk/bidi";
+import * as i3 from "@angular/common";
+import * as i4 from "@koobiq/components/icon";
+export class KbqPasswordToggle extends KbqTooltipTrigger {
+    get content() {
+        return this.formField.control.elementType === 'password' ?
+            this.mcTooltipHidden :
+            this._content;
+    }
+    set content(content) {
+        this._content = content;
+        this.updateData();
+    }
+    get hidden() {
+        return this.formField.control.elementType === 'password';
+    }
+    get icon() {
+        return this.hidden ? 'kbq-eye_16' : 'kbq-eye-crossed_16';
+    }
+    constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, formField) {
+        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);
+        this.formField = formField;
+        this.trigger = `${PopUpTriggers.Hover}`;
+    }
+    toggle(event) {
+        this.hide();
+        const input = this.formField.control;
+        input.toggleType();
+        this.updateData();
+        event.preventDefault();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqPasswordToggle, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: KBQ_TOOLTIP_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: forwardRef(() => KBQ_FORM_FIELD_REF) }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqPasswordToggle, selector: "kbq-password-toggle", inputs: { content: ["mcTooltipNotHidden", "content"], mcTooltipHidden: "mcTooltipHidden" }, host: { listeners: { "click": "toggle($event)", "keydown.ENTER": "toggle($event)", "keydown.SPACE": "toggle($event)" }, classAttribute: "kbq-password-toggle" }, exportAs: ["mcPasswordToggle"], usesInheritance: true, ngImport: i0, template: '<i kbq-icon-button="" [ngClass]="icon" [autoColor]="true"></i>', isInline: true, styles: [".kbq-password-toggle{display:flex;align-items:center;justify-content:center;width:var(--kbq-form-field-size-icon-button-size, 24px);margin-right:var(--kbq-form-field-size-icon-button-margin-right, 4px);height:100%}.kbq-password-toggle::-moz-focus-inner{border:0}.kbq-password-toggle:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["color", "small", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqPasswordToggle, decorators: [{
+            type: Component,
+            args: [{ selector: `kbq-password-toggle`, exportAs: 'mcPasswordToggle', template: '<i kbq-icon-button="" [ngClass]="icon" [autoColor]="true"></i>', host: {
+                        class: 'kbq-password-toggle',
+                        '(click)': 'toggle($event)',
+                        '(keydown.ENTER)': 'toggle($event)',
+                        '(keydown.SPACE)': 'toggle($event)'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-password-toggle{display:flex;align-items:center;justify-content:center;width:var(--kbq-form-field-size-icon-button-size, 24px);margin-right:var(--kbq-form-field-size-icon-button-margin-right, 4px);height:100%}.kbq-password-toggle::-moz-focus-inner{border:0}.kbq-password-toggle:focus{outline:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [KBQ_TOOLTIP_SCROLL_STRATEGY]
+                }] }, { type: i2.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => KBQ_FORM_FIELD_REF)]
+                }] }]; }, propDecorators: { content: [{
+                type: Input,
+                args: ['mcTooltipNotHidden']
+            }], mcTooltipHidden: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtdG9nZ2xlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mb3JtLWZpZWxkL3Bhc3N3b3JkLXRvZ2dsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2pFLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFBRSxVQUFVLEVBQ3RCLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFFUixnQkFBZ0IsRUFDaEIsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBbUIsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQWtCNUYsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGlCQUFpQjtJQUNwRCxJQUNJLE9BQU87UUFDUCxPQUFRLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBZSxDQUFDLFdBQVcsS0FBSyxVQUFVLENBQUMsQ0FBQztZQUMvRCxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBSSxPQUFPLENBQUMsT0FBa0M7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFFeEIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFJRCxJQUFJLE1BQU07UUFDTixPQUFRLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBZSxDQUFDLFdBQVcsS0FBSyxVQUFVLENBQUM7SUFDdEUsQ0FBQztJQUVELElBQUksSUFBSTtRQUNKLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQztJQUM3RCxDQUFDO0lBRUQsWUFDSSxPQUFnQixFQUNoQixVQUFzQixFQUN0QixNQUFjLEVBQ2QsZ0JBQWtDLEVBQ2xDLFFBQTBCLEVBQ1csY0FBYyxFQUN2QyxTQUF5QixFQUNpQixTQUEwQjtRQUVoRixLQUFLLENBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUZwQyxjQUFTLEdBQVQsU0FBUyxDQUFpQjtRQUloRixJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBb0I7UUFDdkIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBRVosTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFjLENBQUM7UUFFNUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBRW5CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUVsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDM0IsQ0FBQztpSUFqRFEsaUJBQWlCLHlKQThCZCwyQkFBMkIsMkRBRTNCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztxSEFoQ3ZDLGlCQUFpQiwrV0FaaEIsZ0VBQWdFOzsyRkFZakUsaUJBQWlCO2tCQWY3QixTQUFTOytCQUNJLHFCQUFxQixZQUNyQixrQkFBa0IsWUFDbEIsZ0VBQWdFLFFBRXBFO3dCQUNGLEtBQUssRUFBRSxxQkFBcUI7d0JBRTVCLFNBQVMsRUFBRSxnQkFBZ0I7d0JBQzNCLGlCQUFpQixFQUFFLGdCQUFnQjt3QkFDbkMsaUJBQWlCLEVBQUUsZ0JBQWdCO3FCQUN0QyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs7MEJBZ0NoQyxNQUFNOzJCQUFDLDJCQUEyQjs7MEJBQ2xDLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDOzRDQTlCNUMsT0FBTztzQkFEVixLQUFLO3VCQUFDLG9CQUFvQjtnQkFhbEIsZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGlvbmFsaXR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2JpZGknO1xuaW1wb3J0IHsgT3ZlcmxheSwgU2Nyb2xsRGlzcGF0Y2hlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIE5nWm9uZSxcbiAgICBPcHRpb25hbCxcbiAgICBUZW1wbGF0ZVJlZixcbiAgICBWaWV3Q29udGFpbmVyUmVmLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS0JRX0ZPUk1fRklFTERfUkVGLCBLYnFGb3JtRmllbGRSZWYsIFBvcFVwVHJpZ2dlcnMgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvY29yZSc7XG5pbXBvcnQgeyBLQlFfVE9PTFRJUF9TQ1JPTExfU1RSQVRFR1ksIEticVRvb2x0aXBUcmlnZ2VyIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL3Rvb2x0aXAnO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBga2JxLXBhc3N3b3JkLXRvZ2dsZWAsXG4gICAgZXhwb3J0QXM6ICdtY1Bhc3N3b3JkVG9nZ2xlJyxcbiAgICB0ZW1wbGF0ZTogJzxpIGticS1pY29uLWJ1dHRvbj1cIlwiIFtuZ0NsYXNzXT1cImljb25cIiBbYXV0b0NvbG9yXT1cInRydWVcIj48L2k+JyxcbiAgICBzdHlsZVVybHM6IFsncGFzc3dvcmQtdG9nZ2xlLnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLXBhc3N3b3JkLXRvZ2dsZScsXG5cbiAgICAgICAgJyhjbGljayknOiAndG9nZ2xlKCRldmVudCknLFxuICAgICAgICAnKGtleWRvd24uRU5URVIpJzogJ3RvZ2dsZSgkZXZlbnQpJyxcbiAgICAgICAgJyhrZXlkb3duLlNQQUNFKSc6ICd0b2dnbGUoJGV2ZW50KSdcbiAgICB9LFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgS2JxUGFzc3dvcmRUb2dnbGUgZXh0ZW5kcyBLYnFUb29sdGlwVHJpZ2dlciB7XG4gICAgQElucHV0KCdtY1Rvb2x0aXBOb3RIaWRkZW4nKVxuICAgIGdldCBjb250ZW50KCk6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4ge1xuICAgICAgICByZXR1cm4gKHRoaXMuZm9ybUZpZWxkLmNvbnRyb2wgYXMgYW55KS5lbGVtZW50VHlwZSA9PT0gJ3Bhc3N3b3JkJyA/XG4gICAgICAgICAgICB0aGlzLm1jVG9vbHRpcEhpZGRlbiA6XG4gICAgICAgICAgICB0aGlzLl9jb250ZW50O1xuICAgIH1cblxuICAgIHNldCBjb250ZW50KGNvbnRlbnQ6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICAgICAgdGhpcy5fY29udGVudCA9IGNvbnRlbnQ7XG5cbiAgICAgICAgdGhpcy51cGRhdGVEYXRhKCk7XG4gICAgfVxuXG4gICAgQElucHV0KCkgbWNUb29sdGlwSGlkZGVuOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgZ2V0IGhpZGRlbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICh0aGlzLmZvcm1GaWVsZC5jb250cm9sIGFzIGFueSkuZWxlbWVudFR5cGUgPT09ICdwYXNzd29yZCc7XG4gICAgfVxuXG4gICAgZ2V0IGljb24oKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaGlkZGVuID8gJ2ticS1leWVfMTYnIDogJ2ticS1leWUtY3Jvc3NlZF8xNic7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIG92ZXJsYXk6IE92ZXJsYXksXG4gICAgICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIG5nWm9uZTogTmdab25lLFxuICAgICAgICBzY3JvbGxEaXNwYXRjaGVyOiBTY3JvbGxEaXNwYXRjaGVyLFxuICAgICAgICBob3N0VmlldzogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgQEluamVjdChLQlFfVE9PTFRJUF9TQ1JPTExfU1RSQVRFR1kpIHNjcm9sbFN0cmF0ZWd5LFxuICAgICAgICBAT3B0aW9uYWwoKSBkaXJlY3Rpb246IERpcmVjdGlvbmFsaXR5LFxuICAgICAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gS0JRX0ZPUk1fRklFTERfUkVGKSkgcHJpdmF0ZSBmb3JtRmllbGQ6IEticUZvcm1GaWVsZFJlZlxuICAgICkge1xuICAgICAgICBzdXBlcihvdmVybGF5LCBlbGVtZW50UmVmLCBuZ1pvbmUsIHNjcm9sbERpc3BhdGNoZXIsIGhvc3RWaWV3LCBzY3JvbGxTdHJhdGVneSwgZGlyZWN0aW9uKTtcblxuICAgICAgICB0aGlzLnRyaWdnZXIgPSBgJHtQb3BVcFRyaWdnZXJzLkhvdmVyfWA7XG4gICAgfVxuXG4gICAgdG9nZ2xlKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIHRoaXMuaGlkZSgpO1xuXG4gICAgICAgIGNvbnN0IGlucHV0ID0gdGhpcy5mb3JtRmllbGQuY29udHJvbCBhcyBhbnk7XG5cbiAgICAgICAgaW5wdXQudG9nZ2xlVHlwZSgpO1xuXG4gICAgICAgIHRoaXMudXBkYXRlRGF0YSgpO1xuXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxufVxuIl19

package/esm2022/form-field/prefix.mjs

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class KbqPrefix {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqPrefix, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqPrefix, selector: "[mcPrefix]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqPrefix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mcPrefix]'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mb3JtLWZpZWxkL3ByZWZpeC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0xQyxNQUFNLE9BQU8sU0FBUztpSUFBVCxTQUFTO3FIQUFULFNBQVM7OzJGQUFULFNBQVM7a0JBSHJCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbbWNQcmVmaXhdJ1xufSlcbmV4cG9ydCBjbGFzcyBLYnFQcmVmaXgge31cbiJdfQ==

package/esm2022/form-field/public-api.mjs

@@ -0,0 +1,13 @@
+export * from './form-field.module';
+export * from './form-field';
+export * from './form-field-control';
+export * from './form-field-errors';
+export * from './hint';
+export * from './password-hint';
+export * from './password-toggle';
+export * from './suffix';
+export * from './prefix';
+export * from './cleaner';
+export * from './stepper';
+export * from './validate.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZm9ybS1maWVsZC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm0tZmllbGQnO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkLWNvbnRyb2wnO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkLWVycm9ycyc7XG5leHBvcnQgKiBmcm9tICcuL2hpbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wYXNzd29yZC1oaW50JztcbmV4cG9ydCAqIGZyb20gJy4vcGFzc3dvcmQtdG9nZ2xlJztcbmV4cG9ydCAqIGZyb20gJy4vc3VmZml4JztcbmV4cG9ydCAqIGZyb20gJy4vcHJlZml4JztcbmV4cG9ydCAqIGZyb20gJy4vY2xlYW5lcic7XG5leHBvcnQgKiBmcm9tICcuL3N0ZXBwZXInO1xuZXhwb3J0ICogZnJvbSAnLi92YWxpZGF0ZS5kaXJlY3RpdmUnO1xuIl19

package/esm2022/form-field/stepper.mjs

@@ -0,0 +1,71 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@koobiq/components/icon";
+export class KbqStepper {
+    constructor() {
+        this.stepUp = new EventEmitter();
+        this.stepDown = new EventEmitter();
+    }
+    connectTo(numberInput) {
+        if (!numberInput) {
+            return;
+        }
+        this.stepUp.subscribe(() => {
+            numberInput.stepUp(numberInput.step);
+        });
+        this.stepDown.subscribe(() => {
+            numberInput.stepDown(numberInput.step);
+        });
+    }
+    onStepUp($event) {
+        this.stepUp.emit();
+        $event.preventDefault();
+    }
+    onStepDown($event) {
+        this.stepDown.emit();
+        $event.preventDefault();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqStepper, selector: "kbq-stepper", outputs: { stepUp: "stepUp", stepDown: "stepDown" }, host: { classAttribute: "kbq-stepper" }, ngImport: i0, template: `
+        <i kbq-icon-button="mc-angle-down-L_16"
+           class="kbq-stepper-step-up"
+           [small]="true"
+           [tabindex]="-1"
+           [autoColor]="true"
+           (mousedown)="onStepUp($event)">
+        </i>
+        <i kbq-icon-button="mc-angle-down-L_16"
+           class="kbq-stepper-step-down"
+           [small]="true"
+           [tabindex]="-1"
+           [autoColor]="true"
+           (mousedown)="onStepDown($event)">
+        </i>
+    `, isInline: true, styles: [".kbq-stepper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--kbq-form-field-size-icon-button-size, 24px);margin-right:var(--kbq-form-field-size-icon-button-margin-right, 4px);height:100%}.kbq-stepper .kbq-stepper-step-up,.kbq-stepper .kbq-stepper-step-down{cursor:pointer;width:var(--kbq-form-field-size-button-width, );text-align:center}.kbq-stepper .kbq-stepper-step-up{transform:scaleY(-1)}\n"], dependencies: [{ kind: "component", type: i1.KbqIconButton, selector: "[kbq-icon-button]", inputs: ["color", "small", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqStepper, decorators: [{
+            type: Component,
+            args: [{ selector: 'kbq-stepper', template: `
+        <i kbq-icon-button="mc-angle-down-L_16"
+           class="kbq-stepper-step-up"
+           [small]="true"
+           [tabindex]="-1"
+           [autoColor]="true"
+           (mousedown)="onStepUp($event)">
+        </i>
+        <i kbq-icon-button="mc-angle-down-L_16"
+           class="kbq-stepper-step-down"
+           [small]="true"
+           [tabindex]="-1"
+           [autoColor]="true"
+           (mousedown)="onStepDown($event)">
+        </i>
+    `, host: {
+                        class: 'kbq-stepper'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-stepper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--kbq-form-field-size-icon-button-size, 24px);margin-right:var(--kbq-form-field-size-icon-button-margin-right, 4px);height:100%}.kbq-stepper .kbq-stepper-step-up,.kbq-stepper .kbq-stepper-step-down{cursor:pointer;width:var(--kbq-form-field-size-button-width, );text-align:center}.kbq-stepper .kbq-stepper-step-up{transform:scaleY(-1)}\n"] }]
+        }], propDecorators: { stepUp: [{
+                type: Output
+            }], stepDown: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZm9ybS1maWVsZC9zdGVwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBNEI1RyxNQUFNLE9BQU8sVUFBVTtJQXpCdkI7UUEyQmEsV0FBTSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXRELGFBQVEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQXVCcEU7SUFyQkcsU0FBUyxDQUFDLFdBQWdCO1FBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFBRSxPQUFPO1NBQUU7UUFFN0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3ZCLFdBQVcsQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3pCLFdBQVcsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUFrQjtRQUN2QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsVUFBVSxDQUFDLE1BQWtCO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzVCLENBQUM7aUlBMUJRLFVBQVU7cUhBQVYsVUFBVSxpSkF2QlQ7Ozs7Ozs7Ozs7Ozs7OztLQWVUOzsyRkFRUSxVQUFVO2tCQXpCdEIsU0FBUzsrQkFDSSxhQUFhLFlBQ2I7Ozs7Ozs7Ozs7Ozs7OztLQWVULFFBRUs7d0JBQ0YsS0FBSyxFQUFFLGFBQWE7cUJBQ3ZCLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixNQUFNO3NCQURkLE1BQU07Z0JBR0UsUUFBUTtzQkFEaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLXN0ZXBwZXInLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxpIGticS1pY29uLWJ1dHRvbj1cIm1jLWFuZ2xlLWRvd24tTF8xNlwiXG4gICAgICAgICAgIGNsYXNzPVwia2JxLXN0ZXBwZXItc3RlcC11cFwiXG4gICAgICAgICAgIFtzbWFsbF09XCJ0cnVlXCJcbiAgICAgICAgICAgW3RhYmluZGV4XT1cIi0xXCJcbiAgICAgICAgICAgW2F1dG9Db2xvcl09XCJ0cnVlXCJcbiAgICAgICAgICAgKG1vdXNlZG93bik9XCJvblN0ZXBVcCgkZXZlbnQpXCI+XG4gICAgICAgIDwvaT5cbiAgICAgICAgPGkga2JxLWljb24tYnV0dG9uPVwibWMtYW5nbGUtZG93bi1MXzE2XCJcbiAgICAgICAgICAgY2xhc3M9XCJrYnEtc3RlcHBlci1zdGVwLWRvd25cIlxuICAgICAgICAgICBbc21hbGxdPVwidHJ1ZVwiXG4gICAgICAgICAgIFt0YWJpbmRleF09XCItMVwiXG4gICAgICAgICAgIFthdXRvQ29sb3JdPVwidHJ1ZVwiXG4gICAgICAgICAgIChtb3VzZWRvd24pPVwib25TdGVwRG93bigkZXZlbnQpXCI+XG4gICAgICAgIDwvaT5cbiAgICBgLFxuICAgIHN0eWxlVXJsczogWydzdGVwcGVyLnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLXN0ZXBwZXInXG4gICAgfSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEticVN0ZXBwZXIge1xuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IHN0ZXBVcDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IHN0ZXBEb3duOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBjb25uZWN0VG8obnVtYmVySW5wdXQ6IGFueSkge1xuICAgICAgICBpZiAoIW51bWJlcklucHV0KSB7IHJldHVybjsgfVxuXG4gICAgICAgIHRoaXMuc3RlcFVwLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICBudW1iZXJJbnB1dC5zdGVwVXAobnVtYmVySW5wdXQuc3RlcCk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuc3RlcERvd24uc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgIG51bWJlcklucHV0LnN0ZXBEb3duKG51bWJlcklucHV0LnN0ZXApO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvblN0ZXBVcCgkZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgdGhpcy5zdGVwVXAuZW1pdCgpO1xuICAgICAgICAkZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICBvblN0ZXBEb3duKCRldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICB0aGlzLnN0ZXBEb3duLmVtaXQoKTtcbiAgICAgICAgJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxufVxuIl19

package/esm2022/form-field/suffix.mjs

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class KbqSuffix {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqSuffix, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqSuffix, selector: "[mcSuffix]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqSuffix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mcSuffix]'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mb3JtLWZpZWxkL3N1ZmZpeC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0xQyxNQUFNLE9BQU8sU0FBUztpSUFBVCxTQUFTO3FIQUFULFNBQVM7OzJGQUFULFNBQVM7a0JBSHJCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbbWNTdWZmaXhdJ1xufSlcbmV4cG9ydCBjbGFzcyBLYnFTdWZmaXgge31cbiJdfQ==