ecabs-components 0.0.1

package/fesm2020/ecabs-components.mjs

@@ -0,0 +1,742 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule, EventEmitter, Output, Directive, HostListener } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/forms';
+import { NgControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+
+class EcabsSpinnerComponent {
+    constructor() {
+        this.size = 'medium';
+    }
+}
+EcabsSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EcabsSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"loadingio-spinner-rolling {{ size }}\">\r\n  <div class=\"ldio-inner\">\r\n    <div></div>\r\n  </div>\r\n</div>\r\n", styles: [":host{line-height:0}@keyframes ldio-inner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loadingio-spinner-rolling{width:27px;height:27px;display:inline-block;overflow:hidden;background:none}.loadingio-spinner-rolling .ldio-inner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0}.loadingio-spinner-rolling .ldio-inner div{position:absolute;width:9px;height:9px;border:4px solid #85a2b6;border-top-color:transparent;border-radius:50%;animation:ldio-inner 1s linear infinite;top:14px;left:14px;box-sizing:content-box}.loadingio-spinner-rolling.medium{width:40px;height:40px}.loadingio-spinner-rolling.medium .ldio-inner div{width:20px;height:20px;border-width:6px;top:19px;left:19px}.loadingio-spinner-rolling.large{width:60px;height:60px}.loadingio-spinner-rolling.large .ldio-inner div{width:35px;height:35px;border-width:9px;top:29px;left:29px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-loading-spinner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"loadingio-spinner-rolling {{ size }}\">\r\n  <div class=\"ldio-inner\">\r\n    <div></div>\r\n  </div>\r\n</div>\r\n", styles: [":host{line-height:0}@keyframes ldio-inner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loadingio-spinner-rolling{width:27px;height:27px;display:inline-block;overflow:hidden;background:none}.loadingio-spinner-rolling .ldio-inner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0}.loadingio-spinner-rolling .ldio-inner div{position:absolute;width:9px;height:9px;border:4px solid #85a2b6;border-top-color:transparent;border-radius:50%;animation:ldio-inner 1s linear infinite;top:14px;left:14px;box-sizing:content-box}.loadingio-spinner-rolling.medium{width:40px;height:40px}.loadingio-spinner-rolling.medium .ldio-inner div{width:20px;height:20px;border-width:6px;top:19px;left:19px}.loadingio-spinner-rolling.large{width:60px;height:60px}.loadingio-spinner-rolling.large .ldio-inner div{width:35px;height:35px;border-width:9px;top:29px;left:29px}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }] } });
+
+class ButtonsComponent {
+    constructor() {
+        this.size = 'default';
+        this.type = 'button';
+        this.raised = false;
+        this.stroked = false;
+        this.full = false;
+        this.color = 'primary';
+        this.borderWidth = '';
+        this.classAttr = '';
+    }
+    ngOnInit() {
+        if (this.full) {
+            this.borderWidth = '100%';
+        }
+    }
+    ngOnChanges(changes) {
+        const disabled = changes['disabled']?.currentValue !== undefined ? changes['disabled'].currentValue : this.disabled;
+        const loading = changes['loading']?.currentValue !== undefined ? changes['loading'].currentValue : this.loading;
+        if (disabled || loading) {
+            this.classAttr = 'pointer-events-none';
+        }
+        else {
+            this.classAttr = '';
+        }
+    }
+}
+ButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ButtonsComponent, selector: "ecabs-buttons", inputs: { label: "label", disabled: "disabled", loading: "loading", form: "form", size: "size", type: "type", raised: "raised", stroked: "stroked", full: "full", color: "color" }, host: { properties: { "style.width": "this.borderWidth", "class": "this.classAttr" } }, usesOnChanges: true, ngImport: i0, template: "<button\r\n  mat-button\r\n  [ngClass]=\"{\r\n    '!w-full': full,\r\n    'mat-stroked-button': stroked,\r\n    'mat-raised-button': raised\r\n  }\"\r\n  [color]=\"color\"\r\n  [disabled]=\"disabled\"\r\n  [type]=\"type\"\r\n  [attr.form]=\"form\"\r\n>\r\n  <ecabs-loading-spinner size=\"tiny\" *ngIf=\"loading\"></ecabs-loading-spinner>\r\n  <ng-container *ngIf=\"!loading\">\r\n    <ng-content select=\"mat-icon\"></ng-content>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n</button>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ButtonsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-buttons', template: "<button\r\n  mat-button\r\n  [ngClass]=\"{\r\n    '!w-full': full,\r\n    'mat-stroked-button': stroked,\r\n    'mat-raised-button': raised\r\n  }\"\r\n  [color]=\"color\"\r\n  [disabled]=\"disabled\"\r\n  [type]=\"type\"\r\n  [attr.form]=\"form\"\r\n>\r\n  <ecabs-loading-spinner size=\"tiny\" *ngIf=\"loading\"></ecabs-loading-spinner>\r\n  <ng-container *ngIf=\"!loading\">\r\n    <ng-content select=\"mat-icon\"></ng-content>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n</button>\r\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], raised: [{
+                type: Input
+            }], stroked: [{
+                type: Input
+            }], full: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], borderWidth: [{
+                type: HostBinding,
+                args: ['style.width']
+            }], classAttr: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EcabsLoadingComponent {
+    constructor() {
+        this.loading = false;
+        this.backgroundColor = 'white';
+        this.size = 'medium';
+    }
+}
+EcabsLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EcabsLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EcabsLoadingComponent, selector: "ecabs-ecabs-loading", inputs: { loading: "loading", backgroundColor: "backgroundColor", size: "size" }, ngImport: i0, template: "<div\r\n  class=\"flex absolute left-0 top-0 right-0 bottom-0 z-50 items-center justify-center\"\r\n  [ngStyle]=\"{ backgroundColor: backgroundColor }\"\r\n  *ngIf=\"loading\"\r\n>\r\n  <ecabs-loading-spinner [size]=\"size\" *ngIf=\"loading\"></ecabs-loading-spinner>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsLoadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-ecabs-loading', template: "<div\r\n  class=\"flex absolute left-0 top-0 right-0 bottom-0 z-50 items-center justify-center\"\r\n  [ngStyle]=\"{ backgroundColor: backgroundColor }\"\r\n  *ngIf=\"loading\"\r\n>\r\n  <ecabs-loading-spinner [size]=\"size\" *ngIf=\"loading\"></ecabs-loading-spinner>\r\n</div>\r\n" }]
+        }], propDecorators: { loading: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class EcabsLoadingModule {
+}
+EcabsLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EcabsLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: EcabsLoadingModule, declarations: [EcabsLoadingComponent, EcabsSpinnerComponent], imports: [CommonModule], exports: [EcabsLoadingComponent, EcabsSpinnerComponent] });
+EcabsLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsLoadingModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsLoadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EcabsLoadingComponent, EcabsSpinnerComponent],
+                    imports: [CommonModule],
+                    exports: [EcabsLoadingComponent, EcabsSpinnerComponent],
+                }]
+        }] });
+
+class EcabsButtonsModule {
+}
+EcabsButtonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EcabsButtonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: EcabsButtonsModule, declarations: [ButtonsComponent], imports: [CommonModule, MatButtonModule, EcabsLoadingModule, MatIconModule], exports: [ButtonsComponent] });
+EcabsButtonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsButtonsModule, imports: [CommonModule, MatButtonModule, EcabsLoadingModule, MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsButtonsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonsComponent],
+                    imports: [CommonModule, MatButtonModule, EcabsLoadingModule, MatIconModule],
+                    exports: [ButtonsComponent],
+                }]
+        }] });
+
+class ElementBaseComponent {
+    constructor() {
+        this.placeholder = '';
+        this.disabled = false;
+        this.showValidation = true;
+        this.showValidationOnNotTouched = false;
+        this.hideValidationMessage = false;
+        this.iconClass = '';
+        this.loading = false;
+        this.showHint = false;
+        this.showAsterisk = true;
+        this.focused = new EventEmitter();
+        this.focusOuted = new EventEmitter();
+        this.required = false;
+        this.isRequired = (ctrl) => {
+            if (ctrl?.validator) {
+                const validator = ctrl.validator({});
+                if (validator && validator['required']) {
+                    return true;
+                }
+            }
+            if (ctrl?.['controls']) {
+                for (const name in ctrl['controls']) {
+                    if (ctrl['controls'][name]) {
+                        if (this.isRequired(ctrl['controls'][name])) {
+                            return true;
+                        }
+                    }
+                }
+            }
+            return false;
+        };
+    }
+    getData() {
+        return {
+            type: this.type || 'text',
+            label: this.label,
+            placeholder: this.placeholder,
+            validationLabel: this.validationLabel,
+            disabled: this.disabled,
+            showValidation: this.showValidation,
+            showValidationOnNotTouched: this.showValidationOnNotTouched,
+            hideValidationMessage: this.hideValidationMessage,
+            iconClass: this.iconClass,
+            control: this.control,
+            loading: this.loading,
+            showHint: this.showHint,
+            maxLength: this.maxLength,
+            tooltip: this.tooltip,
+            name: this.name,
+            required: this.isRequired(this.control),
+            showAsterisk: this.showAsterisk,
+        };
+    }
+}
+ElementBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ElementBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElementBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ElementBaseComponent, selector: "ng-component", inputs: { type: "type", name: "name", label: "label", placeholder: "placeholder", validationLabel: "validationLabel", disabled: "disabled", showValidation: "showValidation", showValidationOnNotTouched: "showValidationOnNotTouched", hideValidationMessage: "hideValidationMessage", iconClass: "iconClass", loading: "loading", showHint: "showHint", maxLength: "maxLength", tooltip: "tooltip", showAsterisk: "showAsterisk" }, outputs: { focused: "focused", focusOuted: "focusOuted" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ElementBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], validationLabel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showValidation: [{
+                type: Input
+            }], showValidationOnNotTouched: [{
+                type: Input
+            }], hideValidationMessage: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], showHint: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], showAsterisk: [{
+                type: Input
+            }], focused: [{
+                type: Output
+            }], focusOuted: [{
+                type: Output
+            }] } });
+
+class ValidationComponent {
+    constructor() {
+        this.showValidationOnNotTouched = false;
+        this.errorMessages = [];
+        this._messages = {};
+        // this.errorMessages = [
+        //   {
+        //     type: 'required',
+        //     message: this.translateService.instant(
+        //       'FORMS.VALIDATION.LABEL_REQUIRED'
+        //     ),
+        //   },
+        //   {
+        //     type: 'minlength',
+        //     message: this.translateService.instant('FORMS.VALIDATION.MIN_LENGTH'),
+        //   },
+        //   {
+        //     type: 'maxlength',
+        //     message: this.translateService.instant('FORMS.VALIDATION.MAX_LENGTH'),
+        //   },
+        //   {
+        //     type: 'min',
+        //     message: this.translateService.instant('FORMS.VALIDATION.MIN'),
+        //   },
+        //   {
+        //     type: 'max',
+        //     message: this.translateService.instant('FORMS.VALIDATION.MAX'),
+        //   },
+        //   {
+        //     type: 'minValue',
+        //     message: this.translateService.instant('FORMS.VALIDATION.MIN_VALUE'),
+        //   },
+        //   {
+        //     type: 'maxValue',
+        //     message: this.translateService.instant('FORMS.VALIDATION.MAX_VALUE'),
+        //   },
+        //   {
+        //     type: 'validatePhoneNumber',
+        //     message: this.translateService.instant(
+        //       'FORMS.VALIDATION.VALIDATE_PHONE_NUMBER'
+        //     ),
+        //   },
+        //   {
+        //     type: 'pastDate',
+        //     message: this.translateService.instant('FORMS.VALIDATION.PAST_DATE'),
+        //   },
+        //   {
+        //     type: 'affectsError',
+        //     message: this.translateService.instant(
+        //       'FORMS.VALIDATION.AFFECTS_ERROR'
+        //     ),
+        //   },
+        //   {
+        //     type: 'moreThan',
+        //     message: this.translateService.instant('FORMS.VALIDATION.MORE_THAN'),
+        //   },
+        //   {
+        //     type: 'lessThan',
+        //     message: this.translateService.instant('FORMS.VALIDATION.LESS_THAN'),
+        //   },
+        //   {
+        //     type: 'iban',
+        //     message: this.translateService.instant('FORMS.VALIDATION.INVALID'),
+        //   },
+        //   {
+        //     type: 'email',
+        //     message: this.translateService.instant('FORMS.VALIDATION.EMAIL'),
+        //   },
+        //   {
+        //     type: 'numberMoreThan',
+        //     message: this.translateService.instant(
+        //       'FORMS.VALIDATION.VALUE_MORE_THAN'
+        //     ),
+        //   },
+        //   {
+        //     type: 'numberLessThan',
+        //     message: this.translateService.instant(
+        //       'FORMS.VALIDATION.VALUE_LESS_THAN'
+        //     ),
+        //   },
+        //   {
+        //     type: 'outOfRange',
+        //     message: this.translateService.instant('FORMS.VALIDATION.OUT_OF_RANGE'),
+        //   },
+        //   {
+        //     type: 'iban',
+        //     message: this.translateService.instant('FORMS.VALIDATION.IBAN'),
+        //   },
+        //   {
+        //     type: 'timeIsAfter',
+        //     message: this.translateService.instant(
+        //       'FORMS.VALIDATION.LESS_THAN_TIME'
+        //     ),
+        //   },
+        // ];
+    }
+    get messages() {
+        if (this.element) {
+            for (const errorKey in this.element.errors) {
+                for (const key in this.element.errors[errorKey]) {
+                    if (this._messages[errorKey]) {
+                        this._messages[errorKey] = this._messages[errorKey].replace(`[${key}]`, this.element.errors[errorKey][key]);
+                    }
+                }
+            }
+        }
+        return this._messages;
+    }
+    set messages(m) {
+        this._messages = m;
+    }
+    ngOnChanges(changes) {
+        const { updatedErrors } = changes;
+        if (updatedErrors &&
+            updatedErrors.currentValue &&
+            updatedErrors.currentValue.length > 0) {
+            for (const error of updatedErrors.currentValue) {
+                this.messages[error.type] = error.message;
+            }
+        }
+    }
+    ngOnInit() {
+        for (const error of this.errorMessages) {
+            this.messages[error.type] = this.replaceTokens(error.message);
+        }
+    }
+    replaceTokens(message) {
+        let retMessage;
+        if (this.label) {
+            retMessage = message.replace('[label]', this.label);
+        }
+        else {
+            retMessage = message;
+        }
+        return retMessage;
+    }
+    getMessageDetail(key) {
+        return this.messages[key];
+    }
+}
+ValidationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ValidationComponent, selector: "app-validations-messages", inputs: { element: "element", label: "label", showValidationOnNotTouched: "showValidationOnNotTouched", updatedErrors: "updatedErrors" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"form-field__validation\"\r\n  *ngIf=\"element && (element?.touched || showValidationOnNotTouched) && element?.invalid\"\r\n>\r\n  <div class=\"form-field__validation__item\" *ngFor=\"let item of element?.errors | keyvalue\">\r\n    {{ getMessageDetail(item.key) }}\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValidationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-validations-messages', template: "<div\r\n  class=\"form-field__validation\"\r\n  *ngIf=\"element && (element?.touched || showValidationOnNotTouched) && element?.invalid\"\r\n>\r\n  <div class=\"form-field__validation__item\" *ngFor=\"let item of element?.errors | keyvalue\">\r\n    {{ getMessageDetail(item.key) }}\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { element: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], showValidationOnNotTouched: [{
+                type: Input
+            }], updatedErrors: [{
+                type: Input
+            }] } });
+
+class HintComponent {
+    constructor() {
+        this.showHint = false;
+    }
+}
+HintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: HintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: HintComponent, selector: "app-hint", inputs: { element: "element", maxValue: "maxValue", showHint: "showHint" }, ngImport: i0, template: "<div class=\"hint\" *ngIf=\"element && showHint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: HintComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-hint', template: "<div class=\"hint\" *ngIf=\"element && showHint\">{{ element?.value?.length || 0 }}/{{ this.maxValue }}</div>\r\n" }]
+        }], propDecorators: { element: [{
+                type: Input
+            }], maxValue: [{
+                type: Input
+            }], showHint: [{
+                type: Input
+            }] } });
+
+class ElementWrapperComponent {
+    constructor() {
+        this.showHidePassword = new EventEmitter();
+        this.clear = new EventEmitter();
+        this.increase = new EventEmitter();
+        this.decrease = new EventEmitter();
+    }
+    showHidePasswordFn(event) {
+        this.showHidePassword.emit(event);
+    }
+    clearFn() {
+        this.clear.emit();
+    }
+    increaseFn() {
+        this.increase.emit();
+    }
+    decreaseFn() {
+        this.decrease.emit();
+    }
+}
+ElementWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ElementWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElementWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ElementWrapperComponent, selector: "app-element-wrapper", inputs: { data: "data", showCloseIcon: "showCloseIcon", focusedFlag: "focusedFlag", showPassword: "showPassword", control: "control" }, outputs: { showHidePassword: "showHidePassword", clear: "clear", increase: "increase", decrease: "decrease" }, ngImport: i0, template: "<div\r\n  class=\"form-field\"\r\n  [ngClass]=\"{\r\n    'form-field--invalid':\r\n      data?.showValidation && (data?.control?.touched || data?.showValidationOnNotTouched) && data?.control?.invalid,\r\n    disabled: data?.disabled,\r\n    'form-field--required': data?.required && data?.showAsterisk\r\n  }\"\r\n>\r\n  <div>\r\n    <label class=\"form-field__label\" [attr.for]=\"data?.name\" *ngIf=\"data?.label\">\r\n      <span [innerHTML]=\"data?.label\"></span>\r\n      <mat-icon class=\"icon\" *ngIf=\"data?.tooltip\" [matTooltip]=\"data?.tooltip\">error_outline</mat-icon>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-content></ng-content>\r\n\r\n  <ecabs-loading-spinner class=\"spinner\" size=\"tiny\" *ngIf=\"data.loading\"></ecabs-loading-spinner>\r\n\r\n  <app-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></app-hint>\r\n\r\n  <app-validations-messages\r\n    *ngIf=\"data?.showValidation && !data?.hideValidationMessage\"\r\n    [element]=\"data?.control\"\r\n    [label]=\"data?.label ? data?.label : data?.placeholder ? data.placeholder : data?.validationLabel\"\r\n    [showValidationOnNotTouched]=\"data?.showValidationOnNotTouched\"\r\n  >\r\n  </app-validations-messages>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EcabsSpinnerComponent, selector: "ecabs-loading-spinner", inputs: ["size"] }, { kind: "component", type: ValidationComponent, selector: "app-validations-messages", inputs: ["element", "label", "showValidationOnNotTouched", "updatedErrors"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: HintComponent, selector: "app-hint", inputs: ["element", "maxValue", "showHint"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ElementWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-element-wrapper', template: "<div\r\n  class=\"form-field\"\r\n  [ngClass]=\"{\r\n    'form-field--invalid':\r\n      data?.showValidation && (data?.control?.touched || data?.showValidationOnNotTouched) && data?.control?.invalid,\r\n    disabled: data?.disabled,\r\n    'form-field--required': data?.required && data?.showAsterisk\r\n  }\"\r\n>\r\n  <div>\r\n    <label class=\"form-field__label\" [attr.for]=\"data?.name\" *ngIf=\"data?.label\">\r\n      <span [innerHTML]=\"data?.label\"></span>\r\n      <mat-icon class=\"icon\" *ngIf=\"data?.tooltip\" [matTooltip]=\"data?.tooltip\">error_outline</mat-icon>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-content></ng-content>\r\n\r\n  <ecabs-loading-spinner class=\"spinner\" size=\"tiny\" *ngIf=\"data.loading\"></ecabs-loading-spinner>\r\n\r\n  <app-hint [element]=\"data?.control\" [showHint]=\"data?.showHint\" [maxValue]=\"data?.maxLength\"></app-hint>\r\n\r\n  <app-validations-messages\r\n    *ngIf=\"data?.showValidation && !data?.hideValidationMessage\"\r\n    [element]=\"data?.control\"\r\n    [label]=\"data?.label ? data?.label : data?.placeholder ? data.placeholder : data?.validationLabel\"\r\n    [showValidationOnNotTouched]=\"data?.showValidationOnNotTouched\"\r\n  >\r\n  </app-validations-messages>\r\n</div>\r\n" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], showCloseIcon: [{
+                type: Input
+            }], focusedFlag: [{
+                type: Input
+            }], showPassword: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], showHidePassword: [{
+                type: Output
+            }], clear: [{
+                type: Output
+            }], increase: [{
+                type: Output
+            }], decrease: [{
+                type: Output
+            }] } });
+
+class DigitsOnlyDirective {
+    constructor(el) {
+        this.el = el;
+        this.digitsOnly = false;
+        this.allowHyphen = false;
+        this.decimal = false;
+        this.decimalSeparator = '.';
+        this.unit = 0;
+        this.minus = '-';
+        this.minusCounter = 0;
+        this.decimalCounter = 0;
+        this.navigationKeys = [
+            'Backspace',
+            'Delete',
+            'Tab',
+            'Escape',
+            'Enter',
+            'Home',
+            'End',
+            'ArrowLeft',
+            'ArrowRight',
+            'Clear',
+            'Copy',
+            'Paste',
+        ];
+        this.inputElement = el.nativeElement;
+    }
+    onKeyDown(e) {
+        if (this.digitsOnly) {
+            if (this.navigationKeys.indexOf(e.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
+                (e.key === 'a' && e.ctrlKey) || // Allow: Ctrl+A
+                (e.key === 'c' && e.ctrlKey) || // Allow: Ctrl+C
+                (e.key === 'v' && e.ctrlKey) || // Allow: Ctrl+V
+                (e.key === 'x' && e.ctrlKey) || // Allow: Ctrl+X
+                (e.key === 'a' && e.metaKey) || // Allow: Cmd+A (Mac)
+                (e.key === 'c' && e.metaKey) || // Allow: Cmd+C (Mac)
+                (e.key === 'v' && e.metaKey) || // Allow: Cmd+V (Mac)
+                (e.key === 'x' && e.metaKey) || // Allow: Cmd+X (Mac)
+                (this.decimal && e.key === this.decimalSeparator && this.decimalCounter < 1) || // Allow: only one decimal point
+                (this.decimal && e.key === this.minus && this.minusCounter < 1) // Allow: only one minus
+            ) {
+                return;
+            }
+            // Ensure that it is a number and stop the keypress
+            if (e.key === ' ' || !this.regex.test(e.key)) {
+                e.preventDefault();
+            }
+        }
+    }
+    onKeyUp() {
+        if (this.digitsOnly) {
+            if (!this.decimal) {
+                return;
+            }
+            this.decimalCounter = this.el.nativeElement.value.split(this.decimalSeparator).length - 1;
+            this.minusCounter = this.el.nativeElement.value.split(this.minus).length - 1;
+            if (isNaN(+this.inputElement.value)) {
+                this.inputElement.value = this.sanitizeInput(this.inputElement.value);
+            }
+        }
+    }
+    onPaste(event) {
+        if (this.digitsOnly) {
+            const pastedInput = event.clipboardData?.getData('text/plain');
+            this.pasteData(pastedInput);
+            event.preventDefault();
+        }
+    }
+    ngOnInit() {
+        this.regex = new RegExp(this.allowHyphen ? '^[\\d -]+$' : '\\d');
+    }
+    pasteData(pastedContent) {
+        const sanitizedContent = isNaN(+pastedContent) ? this.sanitizeInput(pastedContent) : pastedContent;
+        const pasted = document.execCommand('insertText', false, sanitizedContent);
+        if (!pasted) {
+            const { selectionStart: start, selectionEnd: end } = this.inputElement;
+            this.inputElement.setRangeText(sanitizedContent, start, end, 'end');
+        }
+    }
+    sanitizeInput(input) {
+        let result = '';
+        if (this.decimal && this.isValidDecimal(input)) {
+            const regex = new RegExp(`^[\d -${this.decimalSeparator}]+$`, 'g');
+            result = input.replace(regex, '');
+        }
+        else {
+            result = input.replace(`/${this.regex}/g`, '');
+        }
+        const maxLength = this.inputElement.maxLength;
+        if (maxLength > 0) {
+            // the input element has maxLength limit
+            const allowedLength = maxLength - this.inputElement.value.length;
+            result = allowedLength > 0 ? result.substring(0, allowedLength) : '';
+        }
+        return result;
+    }
+    isValidDecimal(inputString) {
+        return inputString.split(this.decimalSeparator).length <= 2;
+    }
+}
+DigitsOnlyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DigitsOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+DigitsOnlyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DigitsOnlyDirective, selector: "[appDigitsOnly]", inputs: { digitsOnly: "digitsOnly", allowHyphen: "allowHyphen", decimal: "decimal", decimalSeparator: "decimalSeparator", unit: "unit" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)", "paste": "onPaste($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DigitsOnlyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appDigitsOnly]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { digitsOnly: [{
+                type: Input
+            }], allowHyphen: [{
+                type: Input
+            }], decimal: [{
+                type: Input
+            }], decimalSeparator: [{
+                type: Input
+            }], unit: [{
+                type: Input
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onKeyUp: [{
+                type: HostListener,
+                args: ['keyup', ['$event']]
+            }], onPaste: [{
+                type: HostListener,
+                args: ['paste', ['$event']]
+            }] } });
+
+class EcabsInputComponent extends ElementBaseComponent {
+    constructor(injector) {
+        super();
+        this.injector = injector;
+        this.onblur = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouch = () => { };
+    }
+    get value() {
+        return this.val;
+    }
+    set value(val) {
+        if (val !== undefined && this.val !== val) {
+            this.val = val;
+            this.onChange(val);
+            this.onTouch(val);
+        }
+    }
+    ngOnInit() {
+        if (this.type === 'number') {
+            this.digitsOnly = true;
+        }
+    }
+    ngAfterViewInit() {
+        const ngControl = this.injector.get(NgControl, null);
+        if (ngControl) {
+            this.control = ngControl.control;
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    blurChange(e) {
+        this.onblur.emit(e);
+    }
+}
+EcabsInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsInputComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+EcabsInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EcabsInputComponent, selector: "ecabs-input", inputs: { digitsOnly: "digitsOnly", allowDecimal: "allowDecimal", allowHyphen: "allowHyphen", max: "max", step: "step" }, outputs: { onblur: "onblur" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: EcabsInputComponent,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<app-element-wrapper [data]=\"getData()\">\r\n  <div class=\"form-field__input--wrapper\">\r\n    <input\r\n      appDigitsOnly\r\n      [digitsOnly]=\"digitsOnly\"\r\n      [decimal]=\"allowDecimal\"\r\n      [allowHyphen]=\"allowHyphen\"\r\n      class=\"form-field__input\"\r\n      [type]=\"type\"\r\n      [id]=\"name\"\r\n      [(ngModel)]=\"value\"\r\n      [placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      [disabled]=\"disabled\"\r\n      [maxlength]=\"maxLength\"\r\n      [max]=\"max\"\r\n      [step]=\"step\"\r\n      (blur)=\"blurChange($event)\"\r\n    />\r\n\r\n    <div class=\"form-field__input--suffix\" *ngIf=\"type !== 'number'\">\r\n      <ng-content select=\"mat-icon\"></ng-content>\r\n      <ng-content select=\".suffix\"></ng-content>\r\n    </div>\r\n  </div>\r\n</app-element-wrapper>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ElementWrapperComponent, selector: "app-element-wrapper", inputs: ["data", "showCloseIcon", "focusedFlag", "showPassword", "control"], outputs: ["showHidePassword", "clear", "increase", "decrease"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: DigitsOnlyDirective, selector: "[appDigitsOnly]", inputs: ["digitsOnly", "allowHyphen", "decimal", "decimalSeparator", "unit"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-input', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: EcabsInputComponent,
+                            multi: true,
+                        },
+                    ], template: "<app-element-wrapper [data]=\"getData()\">\r\n  <div class=\"form-field__input--wrapper\">\r\n    <input\r\n      appDigitsOnly\r\n      [digitsOnly]=\"digitsOnly\"\r\n      [decimal]=\"allowDecimal\"\r\n      [allowHyphen]=\"allowHyphen\"\r\n      class=\"form-field__input\"\r\n      [type]=\"type\"\r\n      [id]=\"name\"\r\n      [(ngModel)]=\"value\"\r\n      [placeholder]=\"placeholder\"\r\n      (blur)=\"onTouch()\"\r\n      [disabled]=\"disabled\"\r\n      [maxlength]=\"maxLength\"\r\n      [max]=\"max\"\r\n      [step]=\"step\"\r\n      (blur)=\"blurChange($event)\"\r\n    />\r\n\r\n    <div class=\"form-field__input--suffix\" *ngIf=\"type !== 'number'\">\r\n      <ng-content select=\"mat-icon\"></ng-content>\r\n      <ng-content select=\".suffix\"></ng-content>\r\n    </div>\r\n  </div>\r\n</app-element-wrapper>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { digitsOnly: [{
+                type: Input
+            }], allowDecimal: [{
+                type: Input
+            }], allowHyphen: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], onblur: [{
+                type: Output
+            }] } });
+
+class HintModule {
+}
+HintModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: HintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HintModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: HintModule, declarations: [HintComponent], imports: [CommonModule, FormsModule, MatFormFieldModule], exports: [HintComponent] });
+HintModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: HintModule, imports: [CommonModule, FormsModule, MatFormFieldModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: HintModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HintComponent],
+                    imports: [CommonModule, FormsModule, MatFormFieldModule],
+                    exports: [HintComponent],
+                }]
+        }] });
+
+class ValidationModule {
+}
+ValidationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValidationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ValidationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: ValidationModule, declarations: [ValidationComponent], imports: [CommonModule, FormsModule, MatFormFieldModule], exports: [ValidationComponent] });
+ValidationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValidationModule, imports: [CommonModule, FormsModule, MatFormFieldModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ValidationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ValidationComponent],
+                    imports: [CommonModule, FormsModule, MatFormFieldModule],
+                    exports: [ValidationComponent],
+                }]
+        }] });
+
+class ElementWrapperModule {
+}
+ElementWrapperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ElementWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElementWrapperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: ElementWrapperModule, declarations: [ElementWrapperComponent], imports: [CommonModule,
+        FormsModule,
+        EcabsLoadingModule,
+        ValidationModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatIconModule,
+        MatTooltipModule,
+        HintModule], exports: [ElementWrapperComponent] });
+ElementWrapperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ElementWrapperModule, imports: [CommonModule,
+        FormsModule,
+        EcabsLoadingModule,
+        ValidationModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatIconModule,
+        MatTooltipModule,
+        HintModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ElementWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ElementWrapperComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        EcabsLoadingModule,
+                        ValidationModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        HintModule,
+                    ],
+                    exports: [ElementWrapperComponent],
+                }]
+        }] });
+
+class EcabsInputModule {
+}
+EcabsInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EcabsInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: EcabsInputModule, declarations: [EcabsInputComponent, DigitsOnlyDirective], imports: [CommonModule, MatInputModule, ElementWrapperModule, FormsModule], exports: [EcabsInputComponent] });
+EcabsInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsInputModule, imports: [CommonModule, MatInputModule, ElementWrapperModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EcabsInputComponent, DigitsOnlyDirective],
+                    imports: [CommonModule, MatInputModule, ElementWrapperModule, FormsModule],
+                    exports: [EcabsInputComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonsComponent, EcabsButtonsModule, EcabsInputComponent, EcabsInputModule, EcabsLoadingComponent, EcabsLoadingModule, EcabsSpinnerComponent };
+//# sourceMappingURL=ecabs-components.mjs.map