@narik/ui-ng-bootstrap
Version:
Framework to create angular application
39 lines • 8.29 kB
JavaScript
import { NarikInput } from '@narik/ui-core';
import { Component, forwardRef, Injector, Input } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { NARIK_INPUT_INPUTS } from '../input-output-items';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
export class NarikNgbInput extends NarikInput {
constructor(injector) {
super(injector);
}
set icon(value) {
this._icon = value;
}
get icon() {
return this._icon;
}
}
/** @nocollapse */ /** @nocollapse */ NarikNgbInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NarikNgbInput, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ NarikNgbInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: NarikNgbInput, selector: "narik-ngb-input , narik-input", inputs: { maxlength: "maxlength", type: "type", mask: "mask", icon: "icon", displayStatus: "displayStatus", id: "id", name: "name", label: "label", disabled: "disabled", required: "required", readOnly: "readOnly", placeHolder: "placeHolder", options: "options" }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((() => NarikNgbInput)),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group \">\n <label for=\"{{id}}\">{{label}}</label>\n <div class=\"input-group mb-3\" *ngIf=\"icon\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\"><i class=\"fa fa-{{icon}}\"></i></span>\n </div>\n <ng-container *ngTemplateOutlet=\"inputElement\"></ng-container>\n </div>\n <ng-container *ngIf=\"!icon\">\n <ng-container *ngTemplateOutlet=\"inputElement\"></ng-container>\n </ng-container>\n\n</div>\n<ng-template #inputElement>\n <input [(ngModel)]=\"value\" [attr.disabled]=\"disabled || null\" type=\"{{type}}\" name=\"{{name}}\" [required]=\"required\"\n class=\"form-control\" id=\"{{id}}\" placeholder=\"{{placeHolder}}\">\n</ng-template>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { 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]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NarikNgbInput, decorators: [{
type: Component,
args: [{ selector: 'narik-ngb-input , narik-input', inputs: [...NARIK_INPUT_INPUTS], providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((() => NarikNgbInput)),
multi: true,
},
], template: "<div class=\"form-group \">\n <label for=\"{{id}}\">{{label}}</label>\n <div class=\"input-group mb-3\" *ngIf=\"icon\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\"><i class=\"fa fa-{{icon}}\"></i></span>\n </div>\n <ng-container *ngTemplateOutlet=\"inputElement\"></ng-container>\n </div>\n <ng-container *ngIf=\"!icon\">\n <ng-container *ngTemplateOutlet=\"inputElement\"></ng-container>\n </ng-container>\n\n</div>\n<ng-template #inputElement>\n <input [(ngModel)]=\"value\" [attr.disabled]=\"disabled || null\" type=\"{{type}}\" name=\"{{name}}\" [required]=\"required\"\n class=\"form-control\" id=\"{{id}}\" placeholder=\"{{placeHolder}}\">\n</ng-template>" }]
}], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { icon: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmFyaWstbmdiLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25hcmlrLXVpLW5nLWJvb3RzdHJhcC9zcmMvbGliL25hcmlrLW5nYi1pbnB1dC9uYXJpay1uZ2ItaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmFyaWstdWktbmctYm9vdHN0cmFwL3NyYy9saWIvbmFyaWstbmdiLWlucHV0L25hcmlrLW5nYi1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQWMzRCxNQUFNLE9BQU8sYUFBYyxTQUFRLFVBQVU7SUFVekMsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDcEIsQ0FBQztJQVZELElBQ0ksSUFBSSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQUksSUFBSTtRQUNKLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUN0QixDQUFDOztnSkFSUSxhQUFhO29JQUFiLGFBQWEsZ1VBUlg7UUFDUDtZQUNJLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsRUFBQyxHQUFHLEVBQUUsQ0FBQyxhQUFhLEVBQUM7WUFDNUMsS0FBSyxFQUFFLElBQUk7U0FDZDtLQUNKLGlEQ2hCTCw4c0JBZ0JjOzJGREVELGFBQWE7a0JBWnpCLFNBQVM7K0JBQ0ksK0JBQStCLFVBRWpDLENBQUMsR0FBRyxrQkFBa0IsQ0FBQyxhQUNwQjt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxFQUFDLEdBQUcsRUFBRSxjQUFjLEVBQUM7NEJBQzVDLEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKOytGQUtHLElBQUk7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5hcmlrSW5wdXQgfSBmcm9tICdAbmFyaWsvdWktY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYsIEluamVjdG9yLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTkFSSUtfSU5QVVRfSU5QVVRTIH0gZnJvbSAnLi4vaW5wdXQtb3V0cHV0LWl0ZW1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduYXJpay1uZ2ItaW5wdXQgLCBuYXJpay1pbnB1dCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJ25hcmlrLW5nYi1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBpbnB1dHM6IFsuLi5OQVJJS19JTlBVVF9JTlBVVFNdLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTmFyaWtOZ2JJbnB1dCksXHJcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgICAgIH0sXHJcbiAgICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmFyaWtOZ2JJbnB1dCBleHRlbmRzIE5hcmlrSW5wdXQge1xyXG4gICAgX2ljb246IHN0cmluZztcclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZXQgaWNvbih2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICAgICAgdGhpcy5faWNvbiA9IHZhbHVlO1xyXG4gICAgfVxyXG4gICAgZ2V0IGljb24oKTogc3RyaW5nIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5faWNvbjtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcclxuICAgICAgICBzdXBlcihpbmplY3Rvcik7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXAgXCI+XG4gIDxsYWJlbCBmb3I9XCJ7e2lkfX1cIj57e2xhYmVsfX08L2xhYmVsPlxuICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAgbWItM1wiICpuZ0lmPVwiaWNvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cC1wcmVwZW5kXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImlucHV0LWdyb3VwLXRleHRcIj48aSBjbGFzcz1cImZhIGZhLXt7aWNvbn19XCI+PC9pPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaW5wdXRFbGVtZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWljb25cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaW5wdXRFbGVtZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuXG48L2Rpdj5cbjxuZy10ZW1wbGF0ZSAjaW5wdXRFbGVtZW50PlxuICA8aW5wdXQgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkIHx8IG51bGxcIiB0eXBlPVwie3t0eXBlfX1cIiBuYW1lPVwie3tuYW1lfX1cIiBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCIgaWQ9XCJ7e2lkfX1cIiBwbGFjZWhvbGRlcj1cInt7cGxhY2VIb2xkZXJ9fVwiPlxuPC9uZy10ZW1wbGF0ZT4iXX0=