@c-standard/angular-devui-extension/esm2020/popup/popup-content/popup-content.component.mjs

an extensional components lib for devui

import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "ng-devui";
import * as i2 from "@angular/common";
export class PopupContentComponent {
    constructor(myRef) {
        this.myRef = myRef;
        this.closeBtnClick = new EventEmitter();
    }
    onCloseBtnClick(e) {
        this.closeBtnClick.emit();
        e.stopPropagation();
    }
    ngOnInit() {
        this.ref = this.ref ? this.ref : this.myRef;
    }
}
PopupContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: PopupContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
PopupContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: PopupContentComponent, selector: "d-popup-content", inputs: { title: "title", ref: "ref", footerTemplate: "footerTemplate", bodyTemplate: "bodyTemplate" }, outputs: { closeBtnClick: "closeBtnClick" }, ngImport: i0, template: "<div\n    class=\"modal\"\n    [dMovable]=\"true\"\n    [handle]=\"header\"\n    [moveEl]=\"ref?.nativeElement.parentElement\"\n>\n    <div\n        #header\n        class=\"modal-header\"\n    >\n        <button\n            class=\"close\"\n            (click)=\"onCloseBtnClick($event)\"\n        >\n            <i class=\"icon-error\"></i>\n        </button>\n        <div class=\"standard-title\">\n            <span>{{ title }}</span>\n        </div>\n    </div>\n    <div class=\"modal-body\">\n        <ng-content></ng-content>\n    </div>\n    <div class=\"modal-footer\">\n        <ng-container [ngTemplateOutlet]=\"footerTemplate || defaultItemTemplate\">\n            <ng-template #defaultItemTemplate></ng-template>\n        </ng-container>\n    </div>\n</div>\n", styles: [".modal-header{padding:32px 32px 0;height:56px;position:relative;border:none;font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;vertical-align:middle}.modal-header .close{position:absolute;right:20px;top:20px;font-weight:700;line-height:1;color:#000;cursor:pointer;background:transparent}.modal-header .close:hover{color:var(--devui-icon-fill-active, #252b3a);background:var(--devui-list-item-hover-bg, #f2f2f3)}.modal-body{padding:20px 32px}.modal-footer{border-top:none;padding-bottom:20px;text-align:center}\n"], directives: [{ type: i1.MovableDirective, selector: "[dMovable]", inputs: ["handle", "moveEl", "dMovable"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: PopupContentComponent, decorators: [{
            type: Component,
            args: [{ selector: 'd-popup-content', template: "<div\n    class=\"modal\"\n    [dMovable]=\"true\"\n    [handle]=\"header\"\n    [moveEl]=\"ref?.nativeElement.parentElement\"\n>\n    <div\n        #header\n        class=\"modal-header\"\n    >\n        <button\n            class=\"close\"\n            (click)=\"onCloseBtnClick($event)\"\n        >\n            <i class=\"icon-error\"></i>\n        </button>\n        <div class=\"standard-title\">\n            <span>{{ title }}</span>\n        </div>\n    </div>\n    <div class=\"modal-body\">\n        <ng-content></ng-content>\n    </div>\n    <div class=\"modal-footer\">\n        <ng-container [ngTemplateOutlet]=\"footerTemplate || defaultItemTemplate\">\n            <ng-template #defaultItemTemplate></ng-template>\n        </ng-container>\n    </div>\n</div>\n", styles: [".modal-header{padding:32px 32px 0;height:56px;position:relative;border:none;font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;vertical-align:middle}.modal-header .close{position:absolute;right:20px;top:20px;font-weight:700;line-height:1;color:#000;cursor:pointer;background:transparent}.modal-header .close:hover{color:var(--devui-icon-fill-active, #252b3a);background:var(--devui-list-item-hover-bg, #f2f2f3)}.modal-body{padding:20px 32px}.modal-footer{border-top:none;padding-bottom:20px;text-align:center}\n"] }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { title: [{
                type: Input
            }], ref: [{
                type: Input
            }], footerTemplate: [{
                type: Input
            }], bodyTemplate: [{
                type: Input
            }], closeBtnClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3BvcHVwL3BvcHVwLWNvbnRlbnQvcG9wdXAtY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3BvcHVwL3BvcHVwLWNvbnRlbnQvcG9wdXAtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3hHLE1BQU0sT0FBTyxxQkFBcUI7SUFZOUIsWUFBb0IsS0FBaUI7UUFBakIsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUYzQixrQkFBYSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBRS9CLENBQUM7SUFFekMsZUFBZSxDQUFDLENBQWE7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDaEQsQ0FBQzs7a0hBckJRLHFCQUFxQjtzR0FBckIscUJBQXFCLDRNQ1BsQyx5d0JBNkJBOzJGRHRCYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksaUJBQWlCO2lHQU1sQixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsR0FBRztzQkFBWCxLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFFSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkLXBvcHVwLWNvbnRlbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wb3B1cC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wb3B1cC1jb250ZW50LmNvbXBvbmVudC5sZXNzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBvcHVwQ29udGVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcblxuICAgIEBJbnB1dCgpIHJlZj86IEVsZW1lbnRSZWY7XG5cbiAgICBASW5wdXQoKSBmb290ZXJUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgICBASW5wdXQoKSBib2R5VGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgQE91dHB1dCgpIGNsb3NlQnRuQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgbXlSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgICBvbkNsb3NlQnRuQ2xpY2soZTogTW91c2VFdmVudCkge1xuICAgICAgICB0aGlzLmNsb3NlQnRuQ2xpY2suZW1pdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLnJlZiA9IHRoaXMucmVmID8gdGhpcy5yZWYgOiB0aGlzLm15UmVmO1xuICAgIH1cblxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwibW9kYWxcIlxuICAgIFtkTW92YWJsZV09XCJ0cnVlXCJcbiAgICBbaGFuZGxlXT1cImhlYWRlclwiXG4gICAgW21vdmVFbF09XCJyZWY/Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudFwiXG4+XG4gICAgPGRpdlxuICAgICAgICAjaGVhZGVyXG4gICAgICAgIGNsYXNzPVwibW9kYWwtaGVhZGVyXCJcbiAgICA+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGNsYXNzPVwiY2xvc2VcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VCdG5DbGljaygkZXZlbnQpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uLWVycm9yXCI+PC9pPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0YW5kYXJkLXRpdGxlXCI+XG4gICAgICAgICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1mb290ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJmb290ZXJUZW1wbGF0ZSB8fCBkZWZhdWx0SXRlbVRlbXBsYXRlXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRJdGVtVGVtcGxhdGU+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==