ngx-ui-hero
Version:
Simple, fast and reliable utilities for Angular.
59 lines • 12.9 kB
JavaScript
import { Component, Inject, Input, Optional, ViewChild } from '@angular/core';
import { NG_ASYNC_VALIDATORS, NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
import { ElementBase } from '../../base/element-base';
import { INPUT_FORMS_CONFIG } from '../../input-forms-config.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "ngx-bootstrap/tooltip";
import * as i4 from "../input-validations/input-validations.component";
let identifier = 0;
export class InputTextComponent extends ElementBase {
constructor(validators, asyncValidators, config) {
super(validators, asyncValidators, config);
this.config = config;
this.placeholder = '';
this.identifier = `input-text-${identifier++}`;
}
ngOnInit() {
}
}
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputTextComponent, deps: [{ token: NG_VALIDATORS, optional: true }, { token: NG_ASYNC_VALIDATORS, optional: true }, { token: INPUT_FORMS_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: InputTextComponent, selector: "input-text", inputs: { placeholder: "placeholder", inputGroupPrepend: "inputGroupPrepend", inputGroupAppend: "inputGroupAppend", maxlength: "maxlength" }, providers: [{
provide: NG_VALUE_ACCESSOR,
useExisting: InputTextComponent,
multi: true
}], viewQueries: [{ propertyName: "model", first: true, predicate: NgModel, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"label\" [attr.for]=\"identifier\">\n {{label}}\n <span class=\"required-symbol\" *ngIf=\"isRequired\"> *</span>\n <i class=\"fa fa-question-circle ml-2\" tooltip=\"{{help}}\" container=\"body\" *ngIf=\"help\"></i>\n</label>\n\n<div class=\"input-group\">\n <div class=\"input-group-prepend\" *ngIf=\"inputGroupPrepend\">\n <span class=\"input-group-text\" [innerHtml]=\"inputGroupPrepend\"></span>\n </div>\n\n <input \n type=\"text\" \n class=\"form-control\" \n [maxlength]=\"maxlength\"\n [disabled]=\"disabled\" \n [placeholder]=\"placeholder\" \n [autocomplete]=\"autocomplete\"\n [(ngModel)]=\"value\"\n [id]=\"identifier\"\n [ngClass]=\"{\n 'is-valid': showValidations && !disabled && touched && !(invalid | async),\n 'is-invalid': showValidations && !disabled && touched && (invalid | async)\n }\" />\n\n <div class=\"input-group-append\" *ngIf=\"inputGroupAppend\">\n <span class=\"input-group-text\" [innerHtml]=\"inputGroupAppend\"></span>\n </div>\n</div>\n\n<small class=\"text-muted\" *ngIf=\"description\">{{description}}</small>\n\n<input-validations\n *ngIf=\"showValidations && !disabled && touched && (invalid | async)\"\n [messages]=\"failures | async\">\n</input-validations>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }, { kind: "component", type: i4.InputValidationsComponent, selector: "input-validations", inputs: ["messages"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InputTextComponent, decorators: [{
type: Component,
args: [{ selector: 'input-text', providers: [{
provide: NG_VALUE_ACCESSOR,
useExisting: InputTextComponent,
multi: true
}], template: "<label *ngIf=\"label\" [attr.for]=\"identifier\">\n {{label}}\n <span class=\"required-symbol\" *ngIf=\"isRequired\"> *</span>\n <i class=\"fa fa-question-circle ml-2\" tooltip=\"{{help}}\" container=\"body\" *ngIf=\"help\"></i>\n</label>\n\n<div class=\"input-group\">\n <div class=\"input-group-prepend\" *ngIf=\"inputGroupPrepend\">\n <span class=\"input-group-text\" [innerHtml]=\"inputGroupPrepend\"></span>\n </div>\n\n <input \n type=\"text\" \n class=\"form-control\" \n [maxlength]=\"maxlength\"\n [disabled]=\"disabled\" \n [placeholder]=\"placeholder\" \n [autocomplete]=\"autocomplete\"\n [(ngModel)]=\"value\"\n [id]=\"identifier\"\n [ngClass]=\"{\n 'is-valid': showValidations && !disabled && touched && !(invalid | async),\n 'is-invalid': showValidations && !disabled && touched && (invalid | async)\n }\" />\n\n <div class=\"input-group-append\" *ngIf=\"inputGroupAppend\">\n <span class=\"input-group-text\" [innerHtml]=\"inputGroupAppend\"></span>\n </div>\n</div>\n\n<small class=\"text-muted\" *ngIf=\"description\">{{description}}</small>\n\n<input-validations\n *ngIf=\"showValidations && !disabled && touched && (invalid | async)\"\n [messages]=\"failures | async\">\n</input-validations>\n" }]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Optional
}, {
type: Inject,
args: [NG_VALIDATORS]
}] }, { type: undefined, decorators: [{
type: Optional
}, {
type: Inject,
args: [NG_ASYNC_VALIDATORS]
}] }, { type: undefined, decorators: [{
type: Inject,
args: [INPUT_FORMS_CONFIG]
}] }]; }, propDecorators: { placeholder: [{
type: Input
}], inputGroupPrepend: [{
type: Input
}], inputGroupAppend: [{
type: Input
}], maxlength: [{
type: Input
}], model: [{
type: ViewChild,
args: [NgModel, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdWktaGVyby9zcmMvbGliL2lucHV0LWZvcm1zL2NvbXBvbmVudHMvaW5wdXQtdGV4dC9pbnB1dC10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC11aS1oZXJvL3NyYy9saWIvaW5wdXQtZm9ybXMvY29tcG9uZW50cy9pbnB1dC10ZXh0L2lucHV0LXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVoRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFHdEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7OztBQUV4RSxJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7QUFXbkIsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFdBQW1CO0lBVXpELFlBQ3FDLFVBQTBCLEVBQ3BCLGVBQW9DLEVBQ3hDLE1BQXdCO1FBRTdELEtBQUssQ0FBQyxVQUFVLEVBQUUsZUFBZSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRk4sV0FBTSxHQUFOLE1BQU0sQ0FBa0I7UUFaL0MsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFPMUIsZUFBVSxHQUFHLGNBQWMsVUFBVSxFQUFFLEVBQUUsQ0FBQztJQVFqRCxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7O2dIQW5CVSxrQkFBa0Isa0JBV1AsYUFBYSw2QkFDYixtQkFBbUIsNkJBQzlCLGtCQUFrQjtvR0FibEIsa0JBQWtCLG1MQU5sQixDQUFDO1lBQ1YsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsa0JBQWtCO1lBQy9CLEtBQUssRUFBRSxJQUFJO1NBQ1osQ0FBQyxpRUFRUyxPQUFPLHFGQ3pCcEIsOHZDQW9DQTs0RkRqQmEsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUNFLFlBQVksYUFFWCxDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsb0JBQW9COzRCQUMvQixLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzswQkFhQyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGFBQWE7OzBCQUNoQyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLG1CQUFtQjs7MEJBQ3RDLE1BQU07MkJBQUUsa0JBQWtCOzRDQVpiLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsaUJBQWlCO3NCQUFoQyxLQUFLO2dCQUNVLGdCQUFnQjtzQkFBL0IsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUU4QixLQUFLO3NCQUF4QyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfQVNZTkNfVkFMSURBVE9SUywgTkdfVkFMSURBVE9SUywgTkdfVkFMVUVfQUNDRVNTT1IsIE5nTW9kZWwgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEVsZW1lbnRCYXNlIH0gZnJvbSAnLi4vLi4vYmFzZS9lbGVtZW50LWJhc2UnO1xuaW1wb3J0IHsgQXN5bmNWYWxpZGF0b3JBcnJheSwgVmFsaWRhdG9yQXJyYXkgfSBmcm9tICcuLi8uLi9iYXNlL3ZhbGlkYXRlJztcbmltcG9ydCB7IElucHV0Rm9ybXNDb25maWcgfSBmcm9tICcuLi8uLi9pbnB1dC1mb3Jtcy1jb25maWcnO1xuaW1wb3J0IHsgSU5QVVRfRk9STVNfQ09ORklHIH0gZnJvbSAnLi4vLi4vaW5wdXQtZm9ybXMtY29uZmlnLmNvbnN0YW50cyc7XG5cbmxldCBpZGVudGlmaWVyID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW5wdXQtdGV4dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBJbnB1dFRleHRDb21wb25lbnQsXG4gICAgbXVsdGk6IHRydWVcbiAgfV1cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRUZXh0Q29tcG9uZW50IGV4dGVuZHMgRWxlbWVudEJhc2U8c3RyaW5nPiBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgaW5wdXRHcm91cFByZXBlbmQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGlucHV0R3JvdXBBcHBlbmQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIG1heGxlbmd0aDogbnVtYmVyO1xuIFxuICBAVmlld0NoaWxkKE5nTW9kZWwsIHtzdGF0aWM6IHRydWV9KSBtb2RlbDogTmdNb2RlbDtcbiAgXG4gIHB1YmxpYyBpZGVudGlmaWVyID0gYGlucHV0LXRleHQtJHtpZGVudGlmaWVyKyt9YDsgIFxuIFxuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE5HX1ZBTElEQVRPUlMpIHZhbGlkYXRvcnM6IFZhbGlkYXRvckFycmF5LFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkdfQVNZTkNfVkFMSURBVE9SUykgYXN5bmNWYWxpZGF0b3JzOiBBc3luY1ZhbGlkYXRvckFycmF5LFxuICAgIEBJbmplY3QoIElOUFVUX0ZPUk1TX0NPTkZJRyApIHB1YmxpYyBjb25maWc6IElucHV0Rm9ybXNDb25maWdcbiAgKSB7XG4gICAgc3VwZXIodmFsaWRhdG9ycywgYXN5bmNWYWxpZGF0b3JzLCBjb25maWcpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7ICAgICAgICBcbiAgfVxuIFxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbYXR0ci5mb3JdPVwiaWRlbnRpZmllclwiPlxuICB7e2xhYmVsfX1cbiAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZC1zeW1ib2xcIiAqbmdJZj1cImlzUmVxdWlyZWRcIj4gKjwvc3Bhbj5cbiAgPGkgY2xhc3M9XCJmYSBmYS1xdWVzdGlvbi1jaXJjbGUgbWwtMlwiIHRvb2x0aXA9XCJ7e2hlbHB9fVwiIGNvbnRhaW5lcj1cImJvZHlcIiAqbmdJZj1cImhlbHBcIj48L2k+XG48L2xhYmVsPlxuXG48ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXBcIj5cbiAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwLXByZXBlbmRcIiAqbmdJZj1cImlucHV0R3JvdXBQcmVwZW5kXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJpbnB1dC1ncm91cC10ZXh0XCIgW2lubmVySHRtbF09XCJpbnB1dEdyb3VwUHJlcGVuZFwiPjwvc3Bhbj5cbiAgPC9kaXY+XG5cbiAgPGlucHV0IFxuICAgIHR5cGU9XCJ0ZXh0XCIgXG4gICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBcbiAgICBbbWF4bGVuZ3RoXT1cIm1heGxlbmd0aFwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgIFxuICAgIFthdXRvY29tcGxldGVdPVwiYXV0b2NvbXBsZXRlXCJcbiAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgICBbaWRdPVwiaWRlbnRpZmllclwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2lzLXZhbGlkJzogc2hvd1ZhbGlkYXRpb25zICYmICFkaXNhYmxlZCAmJiB0b3VjaGVkICYmICEoaW52YWxpZCB8IGFzeW5jKSxcbiAgICAgICdpcy1pbnZhbGlkJzogc2hvd1ZhbGlkYXRpb25zICYmICFkaXNhYmxlZCAmJiB0b3VjaGVkICYmIChpbnZhbGlkIHwgYXN5bmMpXG4gICAgfVwiIC8+XG5cbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCIgKm5nSWY9XCJpbnB1dEdyb3VwQXBwZW5kXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImlucHV0LWdyb3VwLXRleHRcIiBbaW5uZXJIdG1sXT1cImlucHV0R3JvdXBBcHBlbmRcIj48L3NwYW4+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPHNtYWxsIGNsYXNzPVwidGV4dC1tdXRlZFwiICpuZ0lmPVwiZGVzY3JpcHRpb25cIj57e2Rlc2NyaXB0aW9ufX08L3NtYWxsPlxuXG48aW5wdXQtdmFsaWRhdGlvbnNcbiAgKm5nSWY9XCJzaG93VmFsaWRhdGlvbnMgJiYgIWRpc2FibGVkICYmIHRvdWNoZWQgJiYgKGludmFsaWQgfCBhc3luYylcIlxuICBbbWVzc2FnZXNdPVwiZmFpbHVyZXMgfCBhc3luY1wiPlxuPC9pbnB1dC12YWxpZGF0aW9ucz5cbiJdfQ==