import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class PageHeaderComponent {
    constructor() {
        this.edit = new EventEmitter();
    }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageHeaderComponent, selector: "app-page-header", inputs: { pageName: "pageName", pageDescription: "pageDescription" }, outputs: { edit: "edit" }, ngImport: i0, template: "<div class=\"page-editor-header vx-mb-5 vx-p-4\">\n  <button\n    (click)=\"edit.emit()\"\n    class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-align-center vx-justify-center vx-lh-6\"\n  >\n    <i class=\"icons vx-mr-2\">&#xe9ba;</i> EDIT\n  </button>\n  <div\n    *ngIf=\"pageName\"\n    class=\"page-name vx-fs-14 vx-label-txt vx-mb-2\"\n    [innerHTML]=\"pageName\"\n  ></div>\n  <div\n    *ngIf=\"pageDescription\"\n    class=\"page-details vx-fs-12 vx-paragraph-txt\"\n    [innerHTML]=\"pageDescription\"\n  ></div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-editor-header{background:#f8f8f8;border-left:4px solid #4681ef;position:relative}::ng-deep .page-editor-header button.edit-btn{background:#fff;border:1px solid #F1F1F1;border-radius:.125rem;width:4rem;position:absolute;top:.5rem;right:.5rem}::ng-deep .page-editor-header .page-name{width:calc(100% - 4.5rem)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-page-header', template: "<div class=\"page-editor-header vx-mb-5 vx-p-4\">\n  <button\n    (click)=\"edit.emit()\"\n    class=\"edit-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-align-center vx-justify-center vx-lh-6\"\n  >\n    <i class=\"icons vx-mr-2\">&#xe9ba;</i> EDIT\n  </button>\n  <div\n    *ngIf=\"pageName\"\n    class=\"page-name vx-fs-14 vx-label-txt vx-mb-2\"\n    [innerHTML]=\"pageName\"\n  ></div>\n  <div\n    *ngIf=\"pageDescription\"\n    class=\"page-details vx-fs-12 vx-paragraph-txt\"\n    [innerHTML]=\"pageDescription\"\n  ></div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .page-editor-header{background:#f8f8f8;border-left:4px solid #4681ef;position:relative}::ng-deep .page-editor-header button.edit-btn{background:#fff;border:1px solid #F1F1F1;border-radius:.125rem;width:4rem;position:absolute;top:.5rem;right:.5rem}::ng-deep .page-editor-header .page-name{width:calc(100% - 4.5rem)}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { pageName: [{
                type: Input
            }], pageDescription: [{
                type: Input
            }], edit: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QjtRQURTLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBUFUsbUJBQW1CO21HQUFuQixtQkFBbUIsd0pDUmhDLCtrQkFrQkE7OzRGRFZhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxpQkFBaUI7MEVBS25CLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxJQUFJO3NCQUFiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXBhZ2UtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiBASW5wdXQoKSBwYWdlTmFtZSAhOiBzdHJpbmc7XG4gQElucHV0KCkgcGFnZURlc2NyaXB0aW9uICE6c3RyaW5nO1xuIEBPdXRwdXQoKSBlZGl0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlLWVkaXRvci1oZWFkZXIgdngtbWItNSB2eC1wLTRcIj5cbiAgPGJ1dHRvblxuICAgIChjbGljayk9XCJlZGl0LmVtaXQoKVwiXG4gICAgY2xhc3M9XCJlZGl0LWJ0biB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtdHQtdXBwZXJjYXNlIHZ4LXAtMCB2eC1tLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtbGgtNlwiXG4gID5cbiAgICA8aSBjbGFzcz1cImljb25zIHZ4LW1yLTJcIj4mI3hlOWJhOzwvaT4gRURJVFxuICA8L2J1dHRvbj5cbiAgPGRpdlxuICAgICpuZ0lmPVwicGFnZU5hbWVcIlxuICAgIGNsYXNzPVwicGFnZS1uYW1lIHZ4LWZzLTE0IHZ4LWxhYmVsLXR4dCB2eC1tYi0yXCJcbiAgICBbaW5uZXJIVE1MXT1cInBhZ2VOYW1lXCJcbiAgPjwvZGl2PlxuICA8ZGl2XG4gICAgKm5nSWY9XCJwYWdlRGVzY3JpcHRpb25cIlxuICAgIGNsYXNzPVwicGFnZS1kZXRhaWxzIHZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHRcIlxuICAgIFtpbm5lckhUTUxdPVwicGFnZURlc2NyaXB0aW9uXCJcbiAgPjwvZGl2PlxuPC9kaXY+XG4iXX0=