@narik/ui-ng-bootstrap
Version:
Framework to create angular application
44 lines • 8.45 kB
JavaScript
import { NarikCheckBoxList } from '@narik/ui-core';
import { Component, forwardRef, Injector, Input } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { NARIK_DATA_DISPLAY_VALUE_INPUTS } from '../input-output-items';
import * as i0 from "@angular/core";
import * as i1 from "../narik-ngb-check-box/narik-ngb-checkbox.component";
import * as i2 from "@angular/common";
export class NarikNgbCheckBoxList extends NarikCheckBoxList {
constructor(injector) {
super(injector);
this.itemsData = [];
this._layoutDirection = 'vertical';
}
set layoutDirection(value) {
this._layoutDirection = value;
}
get layoutDirection() {
return this._layoutDirection;
}
useData(data) {
this.itemsData = data;
}
}
/** @nocollapse */ /** @nocollapse */ NarikNgbCheckBoxList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NarikNgbCheckBoxList, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ NarikNgbCheckBoxList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: NarikNgbCheckBoxList, selector: "narik-ngb-checkbox-list , narik-checkbox-list", inputs: { displayField: "displayField", valueField: "valueField", listenForDataChange: "listenForDataChange", dataSource: "dataSource", dataKey: "dataKey", dataUrl: "dataUrl", dataInfo: "dataInfo", dataProviderKey: "dataProviderKey", dataParameters: "dataParameters", moduleKey: "moduleKey", dataMethod: "dataMethod", dataUrlMethod: "dataUrlMethod", id: "id", name: "name", label: "label", disabled: "disabled", required: "required", readOnly: "readOnly", placeHolder: "placeHolder", options: "options", layoutDirection: "layoutDirection" }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((() => NarikNgbCheckBoxList)),
multi: true,
},
], usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n <label for=\"{{id}}\">{{label}}</label>\n <div class=\"form-check-container p-1 pl-2\">\n <div [ngClass]=\"{ 'vertical-content': layoutDirection == 'vertical' }\">\n <narik-checkbox *ngFor=\"let item of itemsData\" (change)=\"addOrRemove(valueField ? item[valueField] : item)\"\n [tag]=\"valueField ? item[valueField] : item\" label=\"{{ item[displayField] }}\">\n </narik-checkbox>\n </div>\n </div>\n</div>\n", styles: [".form-check-container{border:1px solid #ced4da;border-radius:.25rem}\n"], components: [{ type: i1.NarikNgbCheckBox, selector: "narik-ngb-checkbox , narik-checkbox", inputs: ["tag", "id", "name", "label", "disabled", "required", "readOnly", "placeHolder", "options"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NarikNgbCheckBoxList, decorators: [{
type: Component,
args: [{ selector: 'narik-ngb-checkbox-list , narik-checkbox-list', inputs: [...NARIK_DATA_DISPLAY_VALUE_INPUTS], providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((() => NarikNgbCheckBoxList)),
multi: true,
},
], template: "<div class=\"form-group\">\n <label for=\"{{id}}\">{{label}}</label>\n <div class=\"form-check-container p-1 pl-2\">\n <div [ngClass]=\"{ 'vertical-content': layoutDirection == 'vertical' }\">\n <narik-checkbox *ngFor=\"let item of itemsData\" (change)=\"addOrRemove(valueField ? item[valueField] : item)\"\n [tag]=\"valueField ? item[valueField] : item\" label=\"{{ item[displayField] }}\">\n </narik-checkbox>\n </div>\n </div>\n</div>\n", styles: [".form-check-container{border:1px solid #ced4da;border-radius:.25rem}\n"] }]
}], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { layoutDirection: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmFyaWstbmdiLWNoZWNrYm94LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmFyaWstdWktbmctYm9vdHN0cmFwL3NyYy9saWIvbmFyaWstbmdiLWNoZWNrLWJveC1saXN0L25hcmlrLW5nYi1jaGVja2JveC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25hcmlrLXVpLW5nLWJvb3RzdHJhcC9zcmMvbGliL25hcmlrLW5nYi1jaGVjay1ib3gtbGlzdC9uYXJpay1uZ2ItY2hlY2tib3gtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7O0FBZXhFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxpQkFBaUI7SUFZdkQsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFacEIsY0FBUyxHQUFVLEVBQUUsQ0FBQztRQUN0QixxQkFBZ0IsR0FBOEIsVUFBVSxDQUFDO0lBWXpELENBQUM7SUFWRCxJQUNJLGVBQWUsQ0FBQyxLQUFnQztRQUNoRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO0lBQ2xDLENBQUM7SUFDRCxJQUFJLGVBQWU7UUFDZixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqQyxDQUFDO0lBTVMsT0FBTyxDQUFDLElBQVc7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQzs7dUpBbEJRLG9CQUFvQjsySUFBcEIsb0JBQW9CLHNtQkFSbEI7UUFDUDtZQUNJLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsRUFBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsRUFBQztZQUNuRCxLQUFLLEVBQUUsSUFBSTtTQUNkO0tBQ0osaURDaEJMLG1kQVVBOzJGRFFhLG9CQUFvQjtrQkFiaEMsU0FBUzsrQkFDSSwrQ0FBK0MsVUFHakQsQ0FBQyxHQUFHLCtCQUErQixDQUFDLGFBQ2pDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLEVBQUMsR0FBRyxFQUFFLHFCQUFxQixFQUFDOzRCQUNuRCxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSjsrRkFPRyxlQUFlO3NCQURsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmFyaWtDaGVja0JveExpc3QgfSBmcm9tICdAbmFyaWsvdWktY29yZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5qZWN0b3IsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBOQVJJS19EQVRBX0RJU1BMQVlfVkFMVUVfSU5QVVRTIH0gZnJvbSAnLi4vaW5wdXQtb3V0cHV0LWl0ZW1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduYXJpay1uZ2ItY2hlY2tib3gtbGlzdCAsIG5hcmlrLWNoZWNrYm94LWxpc3QnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICduYXJpay1uZ2ItY2hlY2tib3gtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnbmFyaWstbmdiLWNoZWNrYm94LWxpc3QuY29tcG9uZW50LmNzcyddLFxyXG4gICAgaW5wdXRzOiBbLi4uTkFSSUtfREFUQV9ESVNQTEFZX1ZBTFVFX0lOUFVUU10sXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBOYXJpa05nYkNoZWNrQm94TGlzdCksXHJcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgICAgIH0sXHJcbiAgICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmFyaWtOZ2JDaGVja0JveExpc3QgZXh0ZW5kcyBOYXJpa0NoZWNrQm94TGlzdCB7XHJcbiAgICBpdGVtc0RhdGE6IGFueVtdID0gW107XHJcbiAgICBfbGF5b3V0RGlyZWN0aW9uOiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ3ZlcnRpY2FsJztcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgc2V0IGxheW91dERpcmVjdGlvbih2YWx1ZTogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJykge1xyXG4gICAgICAgIHRoaXMuX2xheW91dERpcmVjdGlvbiA9IHZhbHVlO1xyXG4gICAgfVxyXG4gICAgZ2V0IGxheW91dERpcmVjdGlvbigpOiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5fbGF5b3V0RGlyZWN0aW9uO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xyXG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgdXNlRGF0YShkYXRhOiBhbnlbXSkge1xyXG4gICAgICAgIHRoaXMuaXRlbXNEYXRhID0gZGF0YTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICA8bGFiZWwgZm9yPVwie3tpZH19XCI+e3tsYWJlbH19PC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2stY29udGFpbmVyIHAtMSBwbC0yXCI+XG4gICAgPGRpdiBbbmdDbGFzc109XCJ7ICd2ZXJ0aWNhbC1jb250ZW50JzogbGF5b3V0RGlyZWN0aW9uID09ICd2ZXJ0aWNhbCcgfVwiPlxuICAgICAgPG5hcmlrLWNoZWNrYm94ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zRGF0YVwiIChjaGFuZ2UpPVwiYWRkT3JSZW1vdmUodmFsdWVGaWVsZCA/IGl0ZW1bdmFsdWVGaWVsZF0gOiBpdGVtKVwiXG4gICAgICAgIFt0YWddPVwidmFsdWVGaWVsZCA/IGl0ZW1bdmFsdWVGaWVsZF0gOiBpdGVtXCIgbGFiZWw9XCJ7eyBpdGVtW2Rpc3BsYXlGaWVsZF0gfX1cIj5cbiAgICAgIDwvbmFyaWstY2hlY2tib3g+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=