@narik/ui-ng-bootstrap/fesm2015/narik-ui-ng-bootstrap.mjs.map

Framework to create angular application

{"version":3,"file":"narik-ui-ng-bootstrap.mjs","sources":["../../../projects/narik-ui-ng-bootstrap/src/lib/input-output-items.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-auto-complete/narik-ngb-auto-complete.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-auto-complete/narik-ngb-auto-complete.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-auto-complete/narik-ngb-auto-complete.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-busy-indicator/narik-ngb-busy-indicator.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-busy-indicator/narik-ngb-busy-indicator.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-busy-indicator/narik-ngb-busy-indicator.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-button/narik-ngb-button.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-button/narik-ngb-button.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-button/narik-ngb-button.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-check-box/narik-ngb-checkbox.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-check-box/narik-ngb-checkbox.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-check-box/narik-ngb-checkbox.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-check-box-list/narik-ngb-checkbox-list.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-check-box-list/narik-ngb-checkbox-list.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-check-box-list/narik-ngb-checkbox-list.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-data-table/narik-ngb-data-table.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-data-table/narik-ngb-data-table.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-data-table/narik-ngb-data-table.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-date-picker/narik-ngb-date-picker.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-date-picker/narik-ngb-date-picker.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-date-picker/narik-ngb-date-picker.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-input/narik-ngb-input.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-input/narik-ngb-input.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-input/narik-ngb-input.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-radio/narik-ngb-radio-group.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-radio/narik-ngb-radio-group.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-radio/narik-ngb-radio.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-select/narik-ngb-select.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-select/narik-ngb-select.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-select/narik-ngb-select.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dynamic-form/narik-ngb-dynamic-form.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dynamic-form/narik-ngb-dynamic-form.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dynamic-form/narik-ngb-dynamic-form.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dialog/narik-ngb-dialog-container.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dialog/narik-ngb-dialog-container.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dialog/narik-ngb-input-dialog.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dialog/narik-ngb-input-dialog.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dialog/narik-ngb-message-dialog.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dialog/narik-ngb-message-dialog.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-dialog/narik-ngb-dialog.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-treeview/narik-ngb-treeview.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-treeview/narik-ngb-treeview.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-toolbar/narik-ngb-toolbar.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-toolbar/narik-ngb-toolbar.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-toolbar/narik-ngb-toolbar.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-treeview/narik-ngb-treeview.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-core/narik-ngb-core.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-tab-outlet/narik-ngb-tab-outlet.component.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-tab-outlet/narik-ngb-tab-outlet.component.html","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ngb-tab-outlet/narik-ngb-tab-outlet.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/narik-ui-ng-bootstrap.module.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/base/narik-ngb-list-form.ts","../../../projects/narik-ui-ng-bootstrap/src/lib/base/narik-ngb-edit-form.ts","../../../projects/narik-ui-ng-bootstrap/src/public_api.ts","../../../projects/narik-ui-ng-bootstrap/src/narik-ui-ng-bootstrap.ts"],"sourcesContent":["export const NARIK_UI_COMPONENT_INPUTS: string[] = ['options'];\r\n\r\nexport const NARIK_UI_FORM_INPUTS: string[] = [\r\n    'id',\r\n    'name',\r\n    'label',\r\n    'disabled',\r\n    'required',\r\n    'readOnly',\r\n    'placeHolder',\r\n    ...NARIK_UI_COMPONENT_INPUTS,\r\n];\r\n\r\nexport const NARIK_DATA_ORIENTED_OUTPUTS: string[] = [\r\n    'dataChange',\r\n    'selectedItemChange',\r\n];\r\n\r\nexport const NARIK_DATA_ORIENTED_INPUTS: string[] = [\r\n    'listenForDataChange',\r\n    'dataSource',\r\n    'dataKey',\r\n    'dataUrl',\r\n    'dataInfo',\r\n    'dataProviderKey',\r\n    'dataParameters',\r\n    'moduleKey',\r\n    'dataMethod',\r\n    'dataUrlMethod',\r\n    ...NARIK_UI_FORM_INPUTS,\r\n];\r\n\r\nexport const NARIK_DATA_DISPLAY_VALUE_OUTPUTS: string[] = [\r\n    ...NARIK_DATA_ORIENTED_OUTPUTS,\r\n];\r\n\r\nexport const NARIK_DATA_DISPLAY_VALUE_INPUTS: string[] = [\r\n    'displayField',\r\n    'valueField',\r\n    ...NARIK_DATA_ORIENTED_INPUTS,\r\n];\r\n\r\nexport const NARIK_AUTOCOMPLETE_INPUTS: string[] = [\r\n    'displayText',\r\n    'minSearchLength',\r\n    'isLazyLoadData',\r\n];\r\n\r\nexport const NARIK_CHECKBOX_INPUTS: string[] = ['tag', ...NARIK_UI_FORM_INPUTS];\r\n\r\nexport const NARIK_SELECT_INPUTS: string[] = ['multiple'];\r\n\r\nexport const NARIK_DATA_TABLE_SELECT_INPUTS: string[] = [\r\n    ...NARIK_SELECT_INPUTS,\r\n    'gridOptions',\r\n];\r\n\r\nexport const NARIK_DATE_PICKER_INPUTS: string[] = [...NARIK_UI_FORM_INPUTS];\r\n\r\nexport const NARIK_INPUT_INPUTS: string[] = [\r\n    'maxlength',\r\n    'type',\r\n    'mask',\r\n    'icon',\r\n    'displayStatus',\r\n    ...NARIK_UI_FORM_INPUTS,\r\n];\r\n","import { NarikAutoComplete } from '@narik/ui-core';\r\n\r\nimport { Component, forwardRef, Injector, OnInit, Input } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { distinctUntilChanged } from 'rxjs/operators';\r\nimport { switchMap } from 'rxjs/operators';\r\nimport { tap } from 'rxjs/operators';\r\nimport { finalize } from 'rxjs/operators';\r\nimport { of } from 'rxjs';\r\nimport { DataProviderService, MODULE_DATA_KEY } from '@narik/infrastructure';\r\nimport {\r\n    NARIK_DATA_DISPLAY_VALUE_INPUTS,\r\n    NARIK_DATA_DISPLAY_VALUE_OUTPUTS,\r\n} from '../input-output-items';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-autocomplete  , narik-autocomplete ',\r\n    templateUrl: 'narik-ngb-auto-complete.component.html',\r\n    styleUrls: ['narik-ngb-auto-complete.component.css'],\r\n    inputs: [...NARIK_DATA_DISPLAY_VALUE_INPUTS],\r\n    outputs: [...NARIK_DATA_DISPLAY_VALUE_OUTPUTS],\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => NarikNgbAutoComplete),\r\n            multi: true,\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbAutoComplete extends NarikAutoComplete implements OnInit {\r\n    internalChange = false;\r\n    optionData: any[] = [];\r\n    search: any;\r\n    _displayValue: any;\r\n\r\n    @Input()\r\n    icon: any;\r\n\r\n    set displayValue(value: any) {\r\n        if (this._displayValue !== value) {\r\n            if (!this.internalChange) {\r\n                this.setValue(value);\r\n            }\r\n            this._displayValue = value;\r\n        }\r\n    }\r\n    get displayValue(): any {\r\n        return this._displayValue;\r\n    }\r\n\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n\r\n    ngOnInit() {\r\n        this.loadDataOnInit = !this.isLazyLoadData;\r\n        super.ngOnInit();\r\n        if (!this.isLazyLoadData) {\r\n            this.search = (text$: Observable<string>) =>\r\n                text$.pipe(\r\n                    debounceTime(200),\r\n                    distinctUntilChanged(),\r\n                    map((term: string) =>\r\n                        term.length < this.minSearchLength\r\n                            ? []\r\n                            : this.optionData\r\n                                  .filter((v) =>\r\n                                      this.displayField\r\n                                          ? v[this.displayField]\r\n                                          : v\r\n                                                .toLowerCase()\r\n                                                .indexOf(term.toLowerCase()) >\r\n                                            -1\r\n                                  )\r\n                                  .map((v) =>\r\n                                      this.displayField\r\n                                          ? v[this.displayField]\r\n                                          : v\r\n                                  )\r\n                                  .slice(0, 10)\r\n                    )\r\n                );\r\n        } else {\r\n            const dataProviderService: DataProviderService = this.injector.get(\r\n                DataProviderService\r\n            );\r\n            const dataInfo = this.createDataInfo();\r\n            dataInfo.dataMethod = 'POST';\r\n            dataInfo.actionType = 'COMPLETE';\r\n            if (!dataInfo.moduleKey) {\r\n                dataInfo.moduleKey = this.injector.get(MODULE_DATA_KEY);\r\n            }\r\n\r\n            this.search = (text$: Observable<string>) =>\r\n                text$.pipe(\r\n                    debounceTime(200),\r\n                    distinctUntilChanged(),\r\n                    tap((filter) => {\r\n                        if (filter && filter.length >= this.minSearchLength) {\r\n                            this.dataIsLoading = true;\r\n                        }\r\n                    }),\r\n                    switchMap((filter) => {\r\n                        dataInfo.dataParameters = {\r\n                            filter: filter,\r\n                        };\r\n                        return filter && filter.length >= this.minSearchLength\r\n                            ? dataProviderService.getData(dataInfo).pipe(\r\n                                  tap(\r\n                                      (result: any[]) =>\r\n                                          (this.optionData = result)\r\n                                  ),\r\n                                  finalize(() => (this.dataIsLoading = false))\r\n                              )\r\n                            : of([]);\r\n                    })\r\n                );\r\n        }\r\n    }\r\n\r\n    setValue(selectedText) {\r\n        this.internalChange = true;\r\n        if (!this.displayField) {\r\n            this.value = selectedText;\r\n        } else {\r\n            if (selectedText) {\r\n                const item = this.optionData.filter(\r\n                    (x) => x[this.displayField] === selectedText\r\n                )[0];\r\n                if (item) {\r\n                    this.value = item[this.valueField];\r\n                } else {\r\n                    this.value = undefined;\r\n                }\r\n            } else {\r\n                this.value = undefined;\r\n            }\r\n        }\r\n        this.internalChange = false;\r\n    }\r\n\r\n    protected useData(data: any[]) {\r\n        this.optionData = data;\r\n    }\r\n\r\n    setDisplayText() {\r\n        this.internalChange = true;\r\n        if (this.value) {\r\n            const item = this.optionData.filter(\r\n                (x) => x[this.valueField] === this.value\r\n            )[0];\r\n            this.displayValue = item\r\n                ? item[this.displayField]\r\n                : this.displayText;\r\n        } else {\r\n            this.displayValue = '';\r\n        }\r\n        this.internalChange = false;\r\n    }\r\n\r\n    protected valueChanged(newValue, oldValue) {\r\n        if (newValue !== oldValue && !this.internalChange) {\r\n            this.setDisplayText();\r\n        }\r\n    }\r\n\r\n    onBlur() {\r\n        if (!this.isLazyLoadData) {\r\n            this.setDisplayText();\r\n        }\r\n    }\r\n}\r\n","<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 (blur)=\"onBlur()\" [required]=\"required\" [(ngModel)]=\"displayValue\" [attr.disabled]=\"disabled || null\"\n    type=\"text\" name=\"{{name}}\" class=\"form-control\" [ngbTypeahead]=\"search\" id=\"{{id}}\" placeholder=\"{{placeHolder}}\">\n  <input type=\"hidden\" name=\"{{name}}\" [(ngModel)]=\"value\">\n</ng-template>","import { NarikNgbAutoComplete } from './narik-ngb-auto-complete.component';\r\nimport { NgModule } from '@angular/core';\r\n\r\nimport { NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule, NgbTypeaheadModule],\r\n    declarations: [NarikNgbAutoComplete],\r\n    exports: [NarikNgbAutoComplete],\r\n    providers: [],\r\n})\r\nexport class NarikNgbAutoCompleteModule {}\r\n","import { Component, forwardRef, Input } from '@angular/core';\r\nimport { BusyIndicator } from '@narik/app-core';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-busy-indicator , narik-busy-indicator',\r\n    templateUrl: 'narik-ngb-busy-indicator.component.html',\r\n    styleUrls: ['narik-ngb-busy-indicator.component.css'],\r\n    providers: [\r\n        {\r\n            provide: BusyIndicator,\r\n            useExisting: forwardRef(() => NarikNgbBusyIndicator),\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbBusyIndicator implements BusyIndicator {\r\n    busyMessage: string;\r\n\r\n    @Input()\r\n    isBusy: boolean;\r\n    setBusy(newState: boolean, msg?: string) {\r\n        this.isBusy = newState;\r\n    }\r\n}\r\n","<ng-content></ng-content>\n<div class=\"loading-panel\" *ngIf=\"isBusy\"></div>\n<div *ngIf=\"isBusy\" id=\"loader-wrapper\">\n  <div class=\"spinner-border text-primary\" role=\"status\">\n    <span class=\"sr-only\">Loading...</span>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NarikNgbBusyIndicator } from './narik-ngb-busy-indicator.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, TranslateModule],\r\n    declarations: [NarikNgbBusyIndicator],\r\n    exports: [NarikNgbBusyIndicator],\r\n    providers: [],\r\n})\r\nexport class NarikNgbBusyIndicatorModule {}\r\n","import {\r\n    Component,\r\n    OnInit,\r\n    AfterViewInit,\r\n    Renderer2,\r\n    Injector,\r\n    HostListener,\r\n} from '@angular/core';\r\nimport {\r\n    NarikButton,\r\n    BUTTON_DEFAULT_OPTIONS,\r\n    ButtonDefaultOptions,\r\n} from '@narik/ui-core';\r\nimport { NarikInject } from '@narik/core';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-button , narik-button ',\r\n    templateUrl: 'narik-ngb-button.component.html',\r\n})\r\nexport class NarikNgbButtonComponent\r\n    extends NarikButton\r\n    implements OnInit, AfterViewInit {\r\n    @NarikInject(BUTTON_DEFAULT_OPTIONS, {\r\n        buttonStyle: 'secondary',\r\n        busyFontIcon: 'fa-spinner',\r\n    })\r\n    defaultOptions: ButtonDefaultOptions;\r\n\r\n    constructor(private renderer: Renderer2, injector: Injector) {\r\n        super(injector);\r\n    }\r\n\r\n    @HostListener('click', ['$event'])\r\n    public onClick(event: any): void {\r\n        event.stopPropagation();\r\n    }\r\n\r\n    ngOnInit() {\r\n        super.ngOnInit();\r\n        this.buttonStyle = this.buttonStyle || this.defaultOptions.buttonStyle;\r\n        this.busyFontIcon =\r\n            this.busyFontIcon || this.defaultOptions.busyFontIcon;\r\n    }\r\n\r\n    ngAfterViewInit(): void {}\r\n\r\n    buttonClick(e) {\r\n        if (!this.disable && !this.isBusy) {\r\n            this.nClick.emit({\r\n                sender: this,\r\n                event: e,\r\n            });\r\n        }\r\n    }\r\n}\r\n","<button\n  ngbTooltip=\"{{(tooltip ?  (tooltip | translate) : '') + ( options.appendShortcutToTooltip && shortcut ? '(' + (shortcut | shortcut) +')' : '' )}}\"\n  container=\"body\"\n  placement=\"bottom\" (click)=\"buttonClick($event)\" [disabled]=\"disable || isBusy\" class=\"btn btn-{{buttonStyle}}\"\n  type=\"button\" [ngClass]='cssClass'>\n  <span *ngIf=\"isBusy\" class=\"mx-1 spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n  <i *ngIf=\"icon\" class=\"fa fa-{{icon}}\"></i>\n  {{ isBusy && busyLabel ? busyLabel : label}}\n</button>","import { NarikCommonModule } from '@narik/common';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\n\r\nimport { NarikNgbButtonComponent } from './narik-ngb-button.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        NgbTooltipModule,\r\n        TranslateModule,\r\n        NarikCommonModule,\r\n    ],\r\n    declarations: [NarikNgbButtonComponent],\r\n    exports: [NarikNgbButtonComponent],\r\n    providers: [],\r\n})\r\nexport class NarikNgbButtonModule {}\r\n","import { NarikCheckBox } from '@narik/ui-core';\r\n\r\nimport { Component, forwardRef, Injector } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NARIK_CHECKBOX_INPUTS } from '../input-output-items';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-checkbox , narik-checkbox',\r\n    templateUrl: 'narik-ngb-checkbox.component.html',\r\n    inputs: [...NARIK_CHECKBOX_INPUTS],\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => NarikNgbCheckBox),\r\n            multi: true,\r\n        },\r\n        {\r\n            provide: NarikCheckBox,\r\n            useExisting: forwardRef(() => NarikNgbCheckBox),\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbCheckBox extends NarikCheckBox {\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n}\r\n","<div class=\"form-check\">\n  <input [attr.disabled]=\"disabled || null\" class=\"form-check-input\" type=\"checkbox\"\n  [(ngModel)]=\"value\" id=\"{{id}}\">\n  <label class=\"form-check-label\" for=\"{{id}}\">\n    {{label}}\n  </label>\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NarikNgbCheckBox } from './narik-ngb-checkbox.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule],\r\n    declarations: [NarikNgbCheckBox],\r\n    exports: [NarikNgbCheckBox],\r\n    providers: [],\r\n})\r\nexport class NarikNgbCheckBoxModule {}\r\n","import { NarikCheckBoxList } from '@narik/ui-core';\r\nimport { Component, forwardRef, Injector, Input } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NARIK_DATA_DISPLAY_VALUE_INPUTS } from '../input-output-items';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-checkbox-list , narik-checkbox-list',\r\n    templateUrl: 'narik-ngb-checkbox-list.component.html',\r\n    styleUrls: ['narik-ngb-checkbox-list.component.css'],\r\n    inputs: [...NARIK_DATA_DISPLAY_VALUE_INPUTS],\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => NarikNgbCheckBoxList),\r\n            multi: true,\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbCheckBoxList extends NarikCheckBoxList {\r\n    itemsData: any[] = [];\r\n    _layoutDirection: 'vertical' | 'horizontal' = 'vertical';\r\n\r\n    @Input()\r\n    set layoutDirection(value: 'vertical' | 'horizontal') {\r\n        this._layoutDirection = value;\r\n    }\r\n    get layoutDirection(): 'vertical' | 'horizontal' {\r\n        return this._layoutDirection;\r\n    }\r\n\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n\r\n    protected useData(data: any[]) {\r\n        this.itemsData = data;\r\n    }\r\n}\r\n","<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","import { NgModule } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NarikNgbCheckBoxList } from './narik-ngb-checkbox-list.component';\r\nimport { NarikNgbCheckBoxModule } from '../narik-ngb-check-box/narik-ngb-checkbox.module';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule, NarikNgbCheckBoxModule],\r\n    declarations: [NarikNgbCheckBoxList],\r\n    exports: [NarikNgbCheckBoxList],\r\n    providers: [],\r\n})\r\nexport class NarikNgbCheckBoxListModule {}\r\n","import { NarikDataTable } from '@narik/ui-core';\r\n\r\nimport { Component, Injector, ChangeDetectorRef, Inject } from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-data-table , narik-data-table',\r\n    templateUrl: 'narik-ngb-data-table.component.html',\r\n})\r\nexport class NarikNgbDataTable extends NarikDataTable {\r\n    constructor(\r\n        injector: Injector,\r\n        private changeDetector: ChangeDetectorRef,\r\n        @Inject(DOCUMENT) private document\r\n    ) {\r\n        super(injector);\r\n    }\r\n}\r\n","","import { NgModule } from '@angular/core';\r\n\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NarikNgbDataTable } from './narik-ngb-data-table.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule, TranslateModule],\r\n    declarations: [NarikNgbDataTable],\r\n    exports: [NarikNgbDataTable],\r\n    providers: [],\r\n})\r\nexport class NarikNgbDataTableModule {}\r\n","import { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { forwardRef, Component, Injector } from '@angular/core';\r\nimport { NarikDatePicker } from '@narik/ui-core';\r\nimport { NARIK_DATE_PICKER_INPUTS } from '../input-output-items';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-date-picker , narik-date-picker',\r\n    templateUrl: 'narik-ngb-date-picker.component.html',\r\n    inputs: [...NARIK_DATE_PICKER_INPUTS],\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => NarikNgbDatePicker),\r\n            multi: true,\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbDatePicker extends NarikDatePicker {\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n}\r\n","<div class=\"form-group\">\n  <label for=\"{{id}}\">{{label}}</label>\n\n  <div class=\"input-group\">\n    <input [required]=\"required\" [attr.disabled]=\"disabled || null\" class=\"form-control\" id=\"{{id}}\" placeholder=\"{{placeHolder}}\" name=\"dp\"\n      [(ngModel)]=\"value\" ngbDatepicker #d=\"ngbDatepicker\">\n    <div class=\"input-group-append\">\n      <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\n        <i class=\"fa fa-calendar-alt\" aria-hidden=\"true\"></i>\n      </button>\n    </div>\n  </div>\n\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport {\r\n    NgbDatepickerModule,\r\n    NgbDateAdapter,\r\n    NgbDateNativeAdapter,\r\n} from '@ng-bootstrap/ng-bootstrap';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NarikNgbDatePicker } from './narik-ngb-date-picker.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule, NgbDatepickerModule, TranslateModule],\r\n    declarations: [NarikNgbDatePicker],\r\n    exports: [NarikNgbDatePicker],\r\n    providers: [{ provide: NgbDateAdapter, useClass: NgbDateNativeAdapter }],\r\n})\r\nexport class NarikNgbDatePickerModule {}\r\n","import { NarikInput } from '@narik/ui-core';\r\n\r\nimport { Component, forwardRef, Injector, Input } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NARIK_INPUT_INPUTS } from '../input-output-items';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-input , narik-input',\r\n    templateUrl: 'narik-ngb-input.component.html',\r\n    inputs: [...NARIK_INPUT_INPUTS],\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => NarikNgbInput),\r\n            multi: true,\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbInput extends NarikInput {\r\n    _icon: string;\r\n    @Input()\r\n    set icon(value: string) {\r\n        this._icon = value;\r\n    }\r\n    get icon(): string {\r\n        return this._icon;\r\n    }\r\n\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n}\r\n","<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>","import { NgModule } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NarikNgbInput } from './narik-ngb-input.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule],\r\n    declarations: [NarikNgbInput],\r\n    exports: [NarikNgbInput],\r\n    providers: [],\r\n})\r\nexport class NarikNgbInputModule {}\r\n","import { Component, forwardRef, Injector, Input } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NarikRadioGroup } from '@narik/ui-core';\r\nimport { NARIK_DATA_DISPLAY_VALUE_INPUTS } from '../input-output-items';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-radio-group , narik-radio-group',\r\n    templateUrl: 'narik-ngb-radio-group.component.html',\r\n    styleUrls: ['narik-ngb-radio-group.component.css'],\r\n    inputs: [...NARIK_DATA_DISPLAY_VALUE_INPUTS],\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => NarikNgbRadioGroup),\r\n            multi: true,\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbRadioGroup extends NarikRadioGroup {\r\n    itemsData: any[] = [];\r\n    _layoutDirection: 'vertical' | 'horizontal' = 'vertical';\r\n\r\n    @Input()\r\n    set layoutDirection(value: 'vertical' | 'horizontal') {\r\n        this._layoutDirection = value;\r\n    }\r\n    get layoutDirection(): 'vertical' | 'horizontal' {\r\n        return this._layoutDirection;\r\n    }\r\n\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n\r\n    protected useData(data: any[]) {\r\n        this.itemsData = data;\r\n    }\r\n}\r\n","<div class=\"form-group\">\n  <label for=\"{{id}}\">{{label}}</label>\n  <div class=\"form-check-container p-1 pl-2\">\n    <div class=\"form-check \" [ngClass]=\"{'form-check-inline': layoutDirection==='horizontal'}\"\n      *ngFor=\"let item of itemsData;let i=index\">\n      <input [required]=\"required\" [attr.disabled]=\"disabled || null\" class=\"form-check-input\" type=\"radio\" name=\"{{name}}\" id=\"{{id+i}}\"\n        value=\"{{item[valueField]}}\" checked>\n      <label class=\"form-check-label\" for=\"{{id+i}}\">\n        {{item[displayField]}}\n      </label>\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NarikNgbRadioGroup } from './narik-ngb-radio-group.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule],\r\n    declarations: [NarikNgbRadioGroup],\r\n    exports: [NarikNgbRadioGroup],\r\n    providers: [],\r\n})\r\nexport class NarikNgbRadioGroupModule {}\r\n","import { Component, forwardRef, Injector, OnInit, Input } from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { NarikSelect } from '@narik/ui-core';\r\nimport {\r\n    NARIK_DATA_DISPLAY_VALUE_INPUTS,\r\n    NARIK_SELECT_INPUTS,\r\n    NARIK_DATA_DISPLAY_VALUE_OUTPUTS,\r\n} from '../input-output-items';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-select , narik-select',\r\n    templateUrl: 'narik-ngb-select.component.html',\r\n    styleUrls: ['narik-ngb-select.component.css'],\r\n    inputs: [...NARIK_DATA_DISPLAY_VALUE_INPUTS, ...NARIK_SELECT_INPUTS],\r\n    outputs: [...NARIK_DATA_DISPLAY_VALUE_OUTPUTS],\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => NarikNgbSelect),\r\n            multi: true,\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbSelect extends NarikSelect implements OnInit {\r\n    optionData: any[] = [];\r\n    @Input()\r\n    icon: any;\r\n\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n\r\n    protected useData(data: any[]) {\r\n        this.optionData = data;\r\n    }\r\n}\r\n","<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\n  <select [required]=\"required\" class=\"custom-select\" [(ngModel)]=\"value\" [attr.disabled]=\"disabled || null\"\n    id=\"{{id}}\">\n    <option *ngFor=\"let item of optionData\" [value]=\"item[valueField]\">{{item[displayField]}}</option>\n  </select>\n\n\n\n</ng-template>","import { NgModule } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NarikNgbSelect } from './narik-ngb-select.component';\r\n\r\n@NgModule({\r\n    imports: [CommonModule, FormsModule],\r\n    declarations: [NarikNgbSelect],\r\n    exports: [NarikNgbSelect],\r\n    providers: [],\r\n})\r\nexport class NarikNgbSelectModule {}\r\n","import { NarikDynamicForm } from '@narik/ui-core';\r\n\r\nimport {\r\n    Component,\r\n    Injector,\r\n    forwardRef,\r\n    ViewContainerRef,\r\n} from '@angular/core';\r\nimport { groupBy } from '@narik/common';\r\nimport { NarikViewField, EntityField } from '@narik/infrastructure';\r\n\r\n@Component({\r\n    selector: 'narik-dynamic-form , narik-ngb-dynamic-form',\r\n    templateUrl: 'narik-ngb-dynamic-form.component.html',\r\n    providers: [\r\n        {\r\n            provide: NarikDynamicForm,\r\n            useExisting: forwardRef(() => NarikNgbDynamicForm),\r\n        },\r\n    ],\r\n})\r\nexport class NarikNgbDynamicForm extends NarikDynamicForm {\r\n    columnWidth = 100;\r\n    groupCount: number;\r\n    fieldsArray = new Map<number, NarikViewField[] | EntityField[]>();\r\n\r\n    constructor(injector: Injector, viewContainerRef: ViewContainerRef) {\r\n        super(injector, viewContainerRef);\r\n    }\r\n\r\n    ngOnInit() {\r\n        super.ngOnInit();\r\n        if (this.columnsCount === 1) {\r\n            this.layoutGap = 0;\r\n        }\r\n        if (this.groupFields) {\r\n            const data = groupBy(this.fields, 'options.groupIndex');\r\n            data.forEach((x) =>\r\n                this.fieldsArray.set(\r\n                    x.key && x.key !== 'undefined' ? +x.key : 0,\r\n                    x.value\r\n                )\r\n            );\r\n            this.groupCount =\r\n                Math.max(...this.fieldsArray.entriesArray().map((x) => x.key)) +\r\n                1;\r\n        }\r\n\r\n        this.columnWidth = 100 / this.columnsCount;\r\n    }\r\n}\r\n","<div\n  [tab-guard]=\"activeTabGuard\"\n  [auto-focus]=\"activeAutoFocus\"\n  [autoFocusContainerName]=\"defaultFocusField\"\n  fxLayout=\"{{ columnsCount === 1 ? 'column' : 'row wrap' }} \"\n  fxLayout.xs=\"column\"\n  fxLayoutGap.xs=\"0\"\n  fxLayoutGap=\"{{ layoutGap }}px\"\n  fxLayoutAlign=\"flex-start\"\n>\n  <ng-container *ngIf=\"!groupFields\">\n    <div\n      fxFlex.gt-xs=\"0 1 calc({{ columnWidth }}% - {{ layoutGap }}px)\"\n      fxFlex=\"100%\"\n      *ngFor=\"let item of fields; let i = index\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          fieldContainer;\n          context: {\n            $implicit: item,\n            invisibleItems: invisibleItems,\n            disableItems: disableItems,\n            model: model,\n            form: form\n          }\n        \"\n      ></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"groupFields\">\n    <div\n      fxFlex.gt-xs=\"0 1 calc({{ columnWidth }}% - {{ layoutGap }}px)\"\n      fxFlex=\"100%\"\n      *ngFor=\"let item of [].constructor(groupCount); let i = index\"\n    >\n      <div fxLayout=\"column\" class=\"narik-form-group\">\n        <div *ngFor=\"let item of fieldsArray.get(i); let j = index\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              fieldContainer;\n              context: {\n                $implicit: item,\n                invisibleItems: invisibleItems,\n                disableItems: disableItems,\n                model: model,\n                form: form\n              }\n            \"\n          ></ng-container>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template\n  #fieldContainer\n  let-item\n  let-invisibleItems=\"invisibleItems\"\n  let-model=\"model\"\n  let-form=\"form\"\n  let-disableItems=\"disableItems\"\n>\n  <ng-container\n    [formGroup]=\"form\"\n    *ngIf=\"!item.hideExpr || !invisibleItems[item.name]\"\n  >\n    <ng-container *ngIf=\"!customFormComponentKeysObject[item.type || 'text']\">\n      <ng-container\n        *ngIf=\"\n          !item.type ||\n          item.type == 'text' ||\n          item.type == 'number' ||\n          item.type == 'time' ||\n          item.type == 'textArea' ||\n          item.type == 'password'\n        \"\n      >\n        <narik-input\n          [name]=\"item.name\"\n          [required]=\"item.required\"\n          placeHolder=\"{{ item.options.placeHolder | translate }}\"\n          [type]=\"item.type || 'text'\"\n          label=\"{{ item.label | translate }}\"\n          [formControlName]=\"item.model\"\n          [options]=\"item.options\"\n        >\n        </narik-input>\n      </ng-container>\n      <ng-container *ngIf=\"item.type == 'boolean'\">\n        <narik-checkbox\n          [name]=\"item.name\"\n          [options]=\"item.options\"\n          [formControlName]=\"item.model\"\n          label=\"{{ item.label | translate }}\"\n        >\n        </narik-checkbox>\n      </ng-container>\n      <ng-container *ngIf=\"item.type == 'date'\">\n        <narik-date-picker\n          [options]=\"item.options\"\n          [name]=\"item.name\"\n          [required]=\"item.required\"\n          placeHolder=\"{{ item.options.placeHolder | translate }}\"\n          [formControlName]=\"item.model\"\n          label=\"{{ item.label | translate }}\"\n        ></narik-date-picker>\n      </ng-container>\n      <ng-container *ngIf=\"item.type == 'select'\">\n        <narik-select\n          [options]=\"item.options\"\n          [name]=\"item.name\"\n          [required]=\"item.required\"\n          placeHolder=\"{{ item.options.placeHolder | translate }}\"\n          [dataInfo]=\"item.dataInfo\"\n          label=\"{{ item.label | translate }}\"\n          [formControlName]=\"item.model\"\n        ></narik-select>\n      </ng-container>\n      <ng-container *ngIf=\"item.type == 'autoComplete'\">\n        <narik-autocomplete\n          [options]=\"item.options\"\n          [name]=\"item.name\"\n          [required]=\"item.required\"\n          placeHolder=\"{{ item.options.placeHolder | translate }}\"\n          [minSearchLength]=\"item.options.minSearchLength || 0\"\n          [isLazyLoadData]=\"item.options.isLazyLoadData\"\n          [dataInfo]=\"item.dataInfo\"\n          label=\"{{ item.label | translate }}\"\n          [formControlName]=\"item.model\"\n        ></narik-autocomplete>\n      </ng-container>\n      <ng-container *ngIf=\"item.type == 'radio'\">\n        <narik-radio-group\n          [options]=\"item.options\"\n          [name]=\"item.name\"\n          [required]=\"item.required\"\n          placeHolder=\"{{ item.options.placeHolder | translate }}\"\n          [dataInfo]=\"item.dataInfo\"\n          label=\"{{ item.label | translate }}\"\n          [formControlName]=\"item.model\"\n        ></narik-radio-group>\n      </ng-container>\n      <ng-container *ngIf=\"item.type == 'checkList'\">\n        <narik-checkbox-list\n          [options]=\"item.options\"\n          [name]=\"item.name\"\n          [required]=\"item.required\"\n          placeHolder=\"{{ item.options.placeHolder | translate }}\"\n          [dataInfo]=\"item.dataInfo\"\n          label=\"{{ item.label | translate }}\"\n          [formControlName]=\"item.model\"\n        ></narik-checkbox-list>\n      </ng-container>\n      <ng-container *ngIf=\"item.type == 'table-select'\"> </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"customFormComponentKeysObject[item.type || 'text']\">\n      <ng-container\n        *narikComponentLoader=\"\n          customFormComponentKeysObject[item.type || 'text'];\n          bindings: {\n            field: item,\n            model: model\n          };\n          bindingSource: this;\n          parameters: {\n            form: form\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\n\r\nimport { NarikNgbAutoCompleteModule } from '../narik-ngb-auto-complete/narik-ngb-auto-complete.module';\r\nimport { NarikNgbCheckBoxModule } from '../narik-ngb-check-box/narik-ngb-checkbox.module';\r\nimport { NarikNgbDatePickerModule } from '../narik-ngb-date-picker/public_api';\r\nimport { NarikNgbInputModule } from '../narik-ngb-input/narik-ngb-input.module';\r\nimport { NarikNgbRadioGroupModule } from '../narik-ngb-radio/narik-ngb-radio.module';\r\nimport { NarikNgbSelectModule } from '../narik-ngb-select/narik-ngb-select.module';\r\nimport { NarikNgbCheckBoxListModule } from './../narik-ngb-check-box-list/narik-ngb-checkbox-list.module';\r\nimport { NarikNgbDynamicForm } from './narik-ngb-dynamic-form.component';\r\nimport { NarikCommonModule } from '@narik/common';\r\nimport { FlexLayoutModule } from '@angular/flex-layout';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        ReactiveFormsModule,\r\n        TranslateModule,\r\n        NarikNgbInputModule,\r\n        NarikNgbSelectModule,\r\n        NarikNgbCheckBoxModule,\r\n        NarikNgbRadioGroupModule,\r\n        NarikNgbAutoCompleteModule,\r\n        NarikNgbDatePickerModule,\r\n        NarikNgbCheckBoxListModule,\r\n        NarikCommonModule,\r\n        FlexLayoutModule,\r\n    ],\r\n    declarations: [NarikNgbDynamicForm],\r\n    exports: [NarikNgbDynamicForm],\r\n    providers: [],\r\n})\r\nexport class NarikNgbDynamicFormModule {}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { NarikDialogContainer, DialogAnimationBody } from '@narik/core';\r\nimport { trigger } from '@angular/animations';\r\n\r\n@Component({\r\n    templateUrl: 'narik-ngb-dialog-container.component.html',\r\n    styleUrls: ['narik-ngb-dialog-container.component.css'],\r\n    animations: [trigger('openClose', DialogAnimationBody)],\r\n})\r\nexport class NarikNgbDialogContainer\r\n    extends NarikDialogContainer\r\n    implements OnInit {\r\n    ngOnInit() {}\r\n}\r\n","<div\n  [@openClose]=\"isOpen ? 'open' : 'closed'\"\n  [class]=\"options.dialogCssClass\"\n  (@openClose.done)=\"_onAnimationDone($event)\"\n  class=\"modal-content\"\n  cdkDrag\n  [tab-guard]=\"true\"\n>\n  <div class=\"modal-header\">\n    <h5 cdkDragHandle class=\"modal-title\">{{ title | translate }}</h5>\n  </div>\n\n  <div class=\"modal-body\">\n    <ng-template narik-loader-host></ng-template>\n  </div>\n\n  <div\n    class=\"modal-footer\"\n    [auto-focus]=\"true\"\n    [autoFocusContainerName]=\"options.defaultAction\"\n    *ngIf=\"actions && actions.length !== 0\"\n    align=\"end\"\n  >\n    <ng-container *ngFor=\"let item of actions\">\n      <ng-container>\n        <narik-button\n          cssClass=\"btn-sm\"\n          [attr.narik-form-item-key]=\"item.dialogResult\"\n          class=\"mr-2\"\n          (nClick)=\"actionClick(item)\"\n          [color]=\"item.color\"\n          [icon]=\"item.icon\"\n          label=\"{{ 'dialog-buttons.' + item.label | translate }}\"\n        ></narik-button>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { DialogInputContent, PARAMETERS } from '@narik/infrastructure';\r\n\r\n@Component({\r\n    templateUrl: 'narik-ngb-input-dialog.component.html',\r\n})\r\nexport class NarikNgbInputDialog implements OnInit, DialogInputContent {\r\n    entity: any = {};\r\n    fields: any[] = [];\r\n    constructor(@Inject(PARAMETERS) parameters: any) {\r\n        if (parameters) {\r\n            this.entity = parameters.entity;\r\n            this.fields = parameters.fields;\r\n        }\r\n    }\r\n\r\n    ngOnInit() {}\r\n}\r\n","<div class=\"pr-2 pl-2\">\n  <narik-dynamic-form [model]=\"entity\" [fields]=\"fields\"></narik-dynamic-form>\n</div>\n","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { PARAMETERS } from '@narik/infrastructure';\r\n\r\n@Component({\r\n    templateUrl: 'narik-ngb-message-dialog.component.html',\r\n    styleUrls: ['narik-ngb-message-dialog.component.css'],\r\n})\r\nexport class NarikNgbMessageDialog implements OnInit {\r\n    message: string;\r\n    constructor(@Inject(PARAMETERS) parameters: any) {\r\n        if (parameters) {\r\n            this.message = parameters.message;\r\n        }\r\n    }\r\n\r\n    ngOnInit() {}\r\n}\r\n","<div class=\"message-container\">{{message | translate}}</div>\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport {\r\n    DIALOG_CONTAINER,\r\n    DIALOG_INPUT_COMPONENT,\r\n    DIALOG_MESSAGE_COMPONENT,\r\n} from '@narik/infrastructure';\r\nimport { NarikNgbButtonModule } from '../narik-ngb-button/narik-ngb-button.module';\r\nimport { NarikNgbDynamicFormModule } from '../narik-ngb-dynamic-form/narik-ngb-dynamic-form.module';\r\nimport { NarikNgbDialogContainer } from './narik-ngb-dialog-container.component';\r\nimport { NarikNgbInputDialog } from './narik-ngb-input-dialog.component';\r\nimport { NarikNgbMessageDialog } from './narik-ngb-message-dialog.component';\r\nimport { NarikCommonModule } from '@narik/common';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        FormsModule,\r\n        TranslateModule,\r\n        NarikCommonModule,\r\n        NarikNgbButtonModule,\r\n        NarikNgbDynamicFormModule,\r\n    ],\r\n    declarations: [\r\n        NarikNgbDialogContainer,\r\n        NarikNgbInputDialog,\r\n        NarikNgbMessageDialog,\r\n    ],\r\n    exports: [\r\n        NarikNgbDialogContainer,\r\n        NarikNgbInputDialog,\r\n        NarikNgbMessageDialog,\r\n    ],\r\n    providers: [\r\n        {\r\n            provide: DIALOG_CONTAINER,\r\n            useValue: NarikNgbDialogContainer,\r\n        },\r\n        {\r\n            provide: DIALOG_MESSAGE_COMPONENT,\r\n            useValue: NarikNgbMessageDialog,\r\n        },\r\n        {\r\n            provide: DIALOG_INPUT_COMPONENT,\r\n            useValue: NarikNgbInputDialog,\r\n        },\r\n    ],\r\n    entryComponents: [\r\n        NarikNgbDialogContainer,\r\n        NarikNgbInputDialog,\r\n        NarikNgbMessageDialog,\r\n    ],\r\n})\r\nexport class NarikNgbDialogModule {}\r\n","import { NarikTreeview } from '@narik/ui-core';\r\nimport { Component, Input, Injector } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'narik-ngb-treeview narik-treeview',\r\n    templateUrl: 'narik-ngb-treeview.component.html',\r\n})\r\nexport class NarikNgbTreeview extends NarikTreeview {\r\n    @Input()\r\n    newNodeTitle: string;\r\n\r\n    _selectedItem: any;\r\n    set selectedItem(value: any) {\r\n        this._selectedItem = value;\r\n    }\r\n    get selectedItem(): any {\r\n        return this._selectedItem;\r\n    }\r\n\r\n    constructor(injector: Injector) {\r\n        super(injector);\r\n    }\r\n    addNode(selectedNode: any) {\r\n        throw new Error('Method not implemented.');\r\n    }\r\n    deleteNode(selectedNode: any) {\r\n        throw new Error('Method not implemented.');\r\n    }\r\n}\r\n","","import { UUID } from 'angular2-uuid';\r\nimport { NarikToolBar } from '@narik/ui-core';\r\nimport { Component, Injector, ViewContainerRef, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'narik-toolbar , narik-ngb-toolbar',\r\n    templateUrl: 'narik-ngb-toolbar.component.html',\r\n})\r\nexport class NarikNgbToolBar extends NarikToolBar implements OnInit {\r\n    uniqueId = '';\r\n    toolbarItems: any[] = [];\r\n\r\n    constructor(injector: Injector, viewContainerRef: ViewContainerRef) {\r\n        super(injector, viewContainerRef);\r\n        this.uniqueId = 'toolbar' + UUID.UUID();\r\n    }\r\n\r\n    ngOnInit() {\r\n        super.ngOnInit();\r\n        let isnewGroup = false;\r\n        let toolBarGroup = [];\r\n        for (const item of this.items) {\r\n            if (item.itemType === 'divider') {\r\n                isnewGroup = true;\r\n            }\r\n            if (item.itemType !== 'divider') {\r\n                toolBarGroup.push(item);\r\n            }\r\n            if (isnewGroup) {\r\n                this.toolbarItems.push([...toolBarGroup]);\r\n                toolBarGroup = [];\r\n            }\r\n            isnewGroup = false;\r\n        }\r\n        if (toolBarGroup.length !== 0) {\r\n            this.toolbarItems.push(toolBarGroup);\r\n        }\r\n\r\n        for (const group of this.toolbarItems) {\r\n            let index = 0;\r\n            for (const item of group) {\r\n                let cssClass = '';\r\n                if (index !== 0) {\r\n                    cssClass += ' btn-not-first-child';\r\n                }\r\n                if (index !== group.length - 1) {\r\n                    cssClass += ' btn-not-last-child';\r\n                }\r\n                item.cssClass = (item.cssClass || '') + cssClass;\r\n