@narik/ui-ng-bootstrap/esm2020/lib/narik-ngb-dialog/narik-ngb-dialog-container.component.mjs

Framework to create angular application

import { Component } from '@angular/core';
import { NarikDialogContainer, DialogAnimationBody } from '@narik/core';
import { trigger } from '@angular/animations';
import * as i0 from "@angular/core";
import * as i1 from "../narik-ngb-button/narik-ngb-button.component";
import * as i2 from "@narik/common";
import * as i3 from "@angular/common";
import * as i4 from "@ngx-translate/core";
export class NarikNgbDialogContainer extends NarikDialogContainer {
    ngOnInit() { }
}
/** @nocollapse */ /** @nocollapse */ NarikNgbDialogContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NarikNgbDialogContainer, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ NarikNgbDialogContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: NarikNgbDialogContainer, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<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", styles: [".dialog-container{background-color:#fff;border-radius:5px;box-shadow:20px 20px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}\n"], components: [{ type: i1.NarikNgbButtonComponent, selector: "narik-ngb-button , narik-button " }], directives: [{ type: i2.TabGuardDirective, selector: "[tab-guard]", inputs: ["tab-guard"] }, { type: i2.ComponentLoaderHostDirective, selector: "[narik-loader-host]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.AutoFocusDirective, selector: "[auto-focus]", inputs: ["auto-focus", "autoFocusContainerName", "timeout"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i4.TranslatePipe }, animations: [trigger('openClose', DialogAnimationBody)] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NarikNgbDialogContainer, decorators: [{
            type: Component,
            args: [{ animations: [trigger('openClose', DialogAnimationBody)], template: "<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", styles: [".dialog-container{background-color:#fff;border-radius:5px;box-shadow:20px 20px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmFyaWstbmdiLWRpYWxvZy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmFyaWstdWktbmctYm9vdHN0cmFwL3NyYy9saWIvbmFyaWstbmdiLWRpYWxvZy9uYXJpay1uZ2ItZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uYXJpay11aS1uZy1ib290c3RyYXAvc3JjL2xpYi9uYXJpay1uZ2ItZGlhbG9nL25hcmlrLW5nYi1kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7O0FBTzlDLE1BQU0sT0FBTyx1QkFDVCxTQUFRLG9CQUFvQjtJQUU1QixRQUFRLEtBQUksQ0FBQzs7MEpBSEosdUJBQXVCOzhJQUF2Qix1QkFBdUIsMkVDVHBDLGdrQ0FzQ0EseXhCRC9CZ0IsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLG1CQUFtQixDQUFDLENBQUM7MkZBRTlDLHVCQUF1QjtrQkFMbkMsU0FBUztpQ0FHTSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsbUJBQW1CLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5hcmlrRGlhbG9nQ29udGFpbmVyLCBEaWFsb2dBbmltYXRpb25Cb2R5IH0gZnJvbSAnQG5hcmlrL2NvcmUnO1xyXG5pbXBvcnQgeyB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHRlbXBsYXRlVXJsOiAnbmFyaWstbmdiLWRpYWxvZy1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJ25hcmlrLW5nYi1kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudC5jc3MnXSxcclxuICAgIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdvcGVuQ2xvc2UnLCBEaWFsb2dBbmltYXRpb25Cb2R5KV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOYXJpa05nYkRpYWxvZ0NvbnRhaW5lclxyXG4gICAgZXh0ZW5kcyBOYXJpa0RpYWxvZ0NvbnRhaW5lclxyXG4gICAgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgbmdPbkluaXQoKSB7fVxyXG59XHJcbiIsIjxkaXZcbiAgW0BvcGVuQ2xvc2VdPVwiaXNPcGVuID8gJ29wZW4nIDogJ2Nsb3NlZCdcIlxuICBbY2xhc3NdPVwib3B0aW9ucy5kaWFsb2dDc3NDbGFzc1wiXG4gIChAb3BlbkNsb3NlLmRvbmUpPVwiX29uQW5pbWF0aW9uRG9uZSgkZXZlbnQpXCJcbiAgY2xhc3M9XCJtb2RhbC1jb250ZW50XCJcbiAgY2RrRHJhZ1xuICBbdGFiLWd1YXJkXT1cInRydWVcIlxuPlxuICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XG4gICAgPGg1IGNka0RyYWdIYW5kbGUgY2xhc3M9XCJtb2RhbC10aXRsZVwiPnt7IHRpdGxlIHwgdHJhbnNsYXRlIH19PC9oNT5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cbiAgICA8bmctdGVtcGxhdGUgbmFyaWstbG9hZGVyLWhvc3Q+PC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG5cbiAgPGRpdlxuICAgIGNsYXNzPVwibW9kYWwtZm9vdGVyXCJcbiAgICBbYXV0by1mb2N1c109XCJ0cnVlXCJcbiAgICBbYXV0b0ZvY3VzQ29udGFpbmVyTmFtZV09XCJvcHRpb25zLmRlZmF1bHRBY3Rpb25cIlxuICAgICpuZ0lmPVwiYWN0aW9ucyAmJiBhY3Rpb25zLmxlbmd0aCAhPT0gMFwiXG4gICAgYWxpZ249XCJlbmRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBhY3Rpb25zXCI+XG4gICAgICA8bmctY29udGFpbmVyPlxuICAgICAgICA8bmFyaWstYnV0dG9uXG4gICAgICAgICAgY3NzQ2xhc3M9XCJidG4tc21cIlxuICAgICAgICAgIFthdHRyLm5hcmlrLWZvcm0taXRlbS1rZXldPVwiaXRlbS5kaWFsb2dSZXN1bHRcIlxuICAgICAgICAgIGNsYXNzPVwibXItMlwiXG4gICAgICAgICAgKG5DbGljayk9XCJhY3Rpb25DbGljayhpdGVtKVwiXG4gICAgICAgICAgW2NvbG9yXT1cIml0ZW0uY29sb3JcIlxuICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgbGFiZWw9XCJ7eyAnZGlhbG9nLWJ1dHRvbnMuJyArIGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfX1cIlxuICAgICAgICA+PC9uYXJpay1idXR0b24+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==