@vismaux/ngx-nordic-cool
Version:
Common Nordic-Cool components for Angular.
25 lines • 7.23 kB
JavaScript
import { CdkPortalOutlet } from '@angular/cdk/portal';
import { Component, ViewChild, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/cdk/a11y";
import * as i2 from "@angular/cdk/portal";
export class NcModalContainerComponent {
constructor() { }
attachComponentPortal(component, data) {
const { instance } = this.portalOutlet.attachComponentPortal(component);
instance.data = data;
return instance;
}
}
NcModalContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcModalContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NcModalContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: NcModalContainerComponent, selector: "nc-modal-container", inputs: { options: "options" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n class=\"modal fade in\"\n [attr.role]=\"options.role\"\n [attr.aria-labelledby]=\"options.labelledBy\"\n [attr.aria-describedby]=\"options.describedBy\"\n [class.modal-info]=\"options.type === 'info'\"\n [class.modal-help]=\"options.type === 'help'\"\n [class.modal-success]=\"options.type === 'success'\"\n [class.modal-warning]=\"options.type === 'warning'\"\n [class.modal-error]=\"options.type === 'error'\"\n>\n <div\n class=\"modal-dialog\"\n [class.modal-sm]=\"options.size === 'sm'\"\n [class.modal-lg]=\"options.size === 'lg'\"\n [class.modal-xl]=\"options.size === 'xl'\"\n [class.modal-full]=\"options.size === 'full'\"\n >\n <div\n class=\"modal-content\"\n [cdkTrapFocus]=\"true\"\n [cdkTrapFocusAutoCapture]=\"true\"\n >\n <ng-template cdkPortalOutlet></ng-template>\n </div>\n </div>\n</div>\n", styles: [".modal{pointer-events:none;background:none}.modal .modal-dialog{pointer-events:auto}\n"], directives: [{ type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcModalContainerComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-modal-container', template: "<div\n class=\"modal fade in\"\n [attr.role]=\"options.role\"\n [attr.aria-labelledby]=\"options.labelledBy\"\n [attr.aria-describedby]=\"options.describedBy\"\n [class.modal-info]=\"options.type === 'info'\"\n [class.modal-help]=\"options.type === 'help'\"\n [class.modal-success]=\"options.type === 'success'\"\n [class.modal-warning]=\"options.type === 'warning'\"\n [class.modal-error]=\"options.type === 'error'\"\n>\n <div\n class=\"modal-dialog\"\n [class.modal-sm]=\"options.size === 'sm'\"\n [class.modal-lg]=\"options.size === 'lg'\"\n [class.modal-xl]=\"options.size === 'xl'\"\n [class.modal-full]=\"options.size === 'full'\"\n >\n <div\n class=\"modal-content\"\n [cdkTrapFocus]=\"true\"\n [cdkTrapFocusAutoCapture]=\"true\"\n >\n <ng-template cdkPortalOutlet></ng-template>\n </div>\n </div>\n</div>\n", styles: [".modal{pointer-events:none;background:none}.modal .modal-dialog{pointer-events:auto}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { options: [{
type: Input
}], portalOutlet: [{
type: ViewChild,
args: [CdkPortalOutlet, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1ub3JkaWMtY29vbC9zcmMvbGliL21vZGFsL21vZGFsLWNvbnRhaW5lci9tb2RhbC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vcmRpYy1jb29sL3NyYy9saWIvbW9kYWwvbW9kYWwtY29udGFpbmVyL21vZGFsLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFtQixNQUFNLHFCQUFxQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVM1RCxNQUFNLE9BQU8seUJBQXlCO0lBTXBDLGdCQUFlLENBQUM7SUFFaEIscUJBQXFCLENBQ25CLFNBQWtELEVBQ2xELElBQU87UUFFUCxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxxQkFBcUIsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN4RSxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNyQixPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDOztzSEFmVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix3SUFHekIsZUFBZSw4RENiNUIseTJCQTJCQTsyRkRqQmEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjswRUFLckIsT0FBTztzQkFBZixLQUFLO2dCQUdHLFlBQVk7c0JBRHBCLFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka1BvcnRhbE91dGxldCwgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5jTW9kYWxDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmNNb2RhbE9wdGlvbnMgfSBmcm9tICcuLi9tb2RhbC1yZWYnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYy1tb2RhbC1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5jTW9kYWxDb250YWluZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBvcHRpb25zOiBOY01vZGFsT3B0aW9ucztcblxuICBAVmlld0NoaWxkKENka1BvcnRhbE91dGxldCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcmVhZG9ubHkgcG9ydGFsT3V0bGV0OiBDZGtQb3J0YWxPdXRsZXQ7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIGF0dGFjaENvbXBvbmVudFBvcnRhbDxJLCBPPihcbiAgICBjb21wb25lbnQ6IENvbXBvbmVudFBvcnRhbDxOY01vZGFsQ29tcG9uZW50PEksIE8+PixcbiAgICBkYXRhOiBJXG4gICkge1xuICAgIGNvbnN0IHsgaW5zdGFuY2UgfSA9IHRoaXMucG9ydGFsT3V0bGV0LmF0dGFjaENvbXBvbmVudFBvcnRhbChjb21wb25lbnQpO1xuICAgIGluc3RhbmNlLmRhdGEgPSBkYXRhO1xuICAgIHJldHVybiBpbnN0YW5jZTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cIm1vZGFsIGZhZGUgaW5cIlxuICBbYXR0ci5yb2xlXT1cIm9wdGlvbnMucm9sZVwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJvcHRpb25zLmxhYmVsbGVkQnlcIlxuICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cIm9wdGlvbnMuZGVzY3JpYmVkQnlcIlxuICBbY2xhc3MubW9kYWwtaW5mb109XCJvcHRpb25zLnR5cGUgPT09ICdpbmZvJ1wiXG4gIFtjbGFzcy5tb2RhbC1oZWxwXT1cIm9wdGlvbnMudHlwZSA9PT0gJ2hlbHAnXCJcbiAgW2NsYXNzLm1vZGFsLXN1Y2Nlc3NdPVwib3B0aW9ucy50eXBlID09PSAnc3VjY2VzcydcIlxuICBbY2xhc3MubW9kYWwtd2FybmluZ109XCJvcHRpb25zLnR5cGUgPT09ICd3YXJuaW5nJ1wiXG4gIFtjbGFzcy5tb2RhbC1lcnJvcl09XCJvcHRpb25zLnR5cGUgPT09ICdlcnJvcidcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJtb2RhbC1kaWFsb2dcIlxuICAgIFtjbGFzcy5tb2RhbC1zbV09XCJvcHRpb25zLnNpemUgPT09ICdzbSdcIlxuICAgIFtjbGFzcy5tb2RhbC1sZ109XCJvcHRpb25zLnNpemUgPT09ICdsZydcIlxuICAgIFtjbGFzcy5tb2RhbC14bF09XCJvcHRpb25zLnNpemUgPT09ICd4bCdcIlxuICAgIFtjbGFzcy5tb2RhbC1mdWxsXT1cIm9wdGlvbnMuc2l6ZSA9PT0gJ2Z1bGwnXCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwibW9kYWwtY29udGVudFwiXG4gICAgICBbY2RrVHJhcEZvY3VzXT1cInRydWVcIlxuICAgICAgW2Nka1RyYXBGb2N1c0F1dG9DYXB0dXJlXT1cInRydWVcIlxuICAgID5cbiAgICAgIDxuZy10ZW1wbGF0ZSBjZGtQb3J0YWxPdXRsZXQ+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==