@junte/ui
Version:
Quality Angular UI components kit
54 lines • 5.34 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, ContentChild, HostBinding, Input, TemplateRef } from '@angular/core';
import { ContentApi, PropertyApi } from '../../../core/decorators/api';
import { UI } from '../../../core/enums/ui';
let AppPageHeaderComponent = class AppPageHeaderComponent {
constructor() {
this.host = 'jnt-app-page-header-host';
this.ui = UI;
}
};
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], AppPageHeaderComponent.prototype, "host", void 0);
__decorate([
PropertyApi({
description: 'Icon for page header',
type: 'string'
}),
Input(),
__metadata("design:type", String)
], AppPageHeaderComponent.prototype, "icon", void 0);
__decorate([
PropertyApi({
description: 'Title for page header',
type: 'string'
}),
Input(),
__metadata("design:type", String)
], AppPageHeaderComponent.prototype, "title", void 0);
__decorate([
PropertyApi({
description: 'Teaser for page header',
type: 'string'
}),
Input(),
__metadata("design:type", String)
], AppPageHeaderComponent.prototype, "teaser", void 0);
__decorate([
ContentApi({
selector: '#headerActionsTemplate',
description: 'Actions template'
}),
ContentChild('headerActionsTemplate'),
__metadata("design:type", TemplateRef)
], AppPageHeaderComponent.prototype, "headerActionsTemplate", void 0);
AppPageHeaderComponent = __decorate([
Component({
selector: 'jnt-app-page-header',
template: "<jnt-stack child-of=\"jnt-app-page-header-host\" [orientation]=\"ui.orientation.horizontal\"\n [align]=\"ui.align.center\">\n <div child-of=\"jnt-app-page-header-host\" data-thumbnail *ngIf=\"!!icon\">\n <jnt-icon child-of=\"jnt-app-page-header-host\" data-icon [icon]=\"icon\"></jnt-icon>\n </div>\n <jnt-stack child-of=\"jnt-app-page-header-host\" [gutter]=\"ui.gutter.none\">\n <div child-of=\"jnt-app-page-header-host\" data-title>{{title}}</div>\n <div child-of=\"jnt-app-page-header-host\" data-teaser *ngIf=\"!!teaser\">{{teaser}}</div>\n </jnt-stack>\n\n <jnt-stack child-of=\"jnt-app-page-header-host\" data-actions\n [orientation]=\"ui.orientation.horizontal\"\n [gutter]=\"ui.gutter.small\"\n [align]=\"ui.align.stretch\">\n <ng-container *ngTemplateOutlet=\"headerActionsTemplate\"></ng-container>\n </jnt-stack>\n\n</jnt-stack>"
})
], AppPageHeaderComponent);
export { AppPageHeaderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXBhZ2UtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvYXBwL3BhZ2UtaGVhZGVyL2FwcC1wYWdlLWhlYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTTVDLElBQWEsc0JBQXNCLEdBQW5DLE1BQWEsc0JBQXNCO0lBQW5DO1FBRXFDLFNBQUksR0FBRywwQkFBMEIsQ0FBQztRQUVyRSxPQUFFLEdBQUcsRUFBRSxDQUFDO0lBOEJWLENBQUM7Q0FBQSxDQUFBO0FBaEMyQjtJQUF6QixXQUFXLENBQUMsV0FBVyxDQUFDOztvREFBNEM7QUFTckU7SUFMQyxXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsc0JBQXNCO1FBQ25DLElBQUksRUFBRSxRQUFRO0tBQ2YsQ0FBQztJQUNELEtBQUssRUFBRTs7b0RBQ0s7QUFPYjtJQUxDLFdBQVcsQ0FBQztRQUNYLFdBQVcsRUFBRSx1QkFBdUI7UUFDcEMsSUFBSSxFQUFFLFFBQVE7S0FDZixDQUFDO0lBQ0QsS0FBSyxFQUFFOztxREFDTTtBQU9kO0lBTEMsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLHdCQUF3QjtRQUNyQyxJQUFJLEVBQUUsUUFBUTtLQUNmLENBQUM7SUFDRCxLQUFLLEVBQUU7O3NEQUNPO0FBT2Y7SUFMQyxVQUFVLENBQUM7UUFDVixRQUFRLEVBQUUsd0JBQXdCO1FBQ2xDLFdBQVcsRUFBRSxrQkFBa0I7S0FDaEMsQ0FBQztJQUNELFlBQVksQ0FBQyx1QkFBdUIsQ0FBQzs4QkFDZixXQUFXO3FFQUFNO0FBaEM3QixzQkFBc0I7SUFKbEMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLHFCQUFxQjtRQUMvQixvNUJBQWtEO0tBQ25ELENBQUM7R0FDVyxzQkFBc0IsQ0FrQ2xDO1NBbENZLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBIb3N0QmluZGluZywgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250ZW50QXBpLCBQcm9wZXJ0eUFwaSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZGVjb3JhdG9ycy9hcGknO1xuaW1wb3J0IHsgVUkgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zL3VpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWFwcC1wYWdlLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hcHAtcGFnZS1oZWFkZXIuZW5jYXBzdWxhdGVkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEFwcFBhZ2VIZWFkZXJDb21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JykgcmVhZG9ubHkgaG9zdCA9ICdqbnQtYXBwLXBhZ2UtaGVhZGVyLWhvc3QnO1xuXG4gIHVpID0gVUk7XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0ljb24gZm9yIHBhZ2UgaGVhZGVyJyxcbiAgICB0eXBlOiAnc3RyaW5nJ1xuICB9KVxuICBASW5wdXQoKVxuICBpY29uOiBzdHJpbmc7XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1RpdGxlIGZvciBwYWdlIGhlYWRlcicsXG4gICAgdHlwZTogJ3N0cmluZydcbiAgfSlcbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnVGVhc2VyIGZvciBwYWdlIGhlYWRlcicsXG4gICAgdHlwZTogJ3N0cmluZydcbiAgfSlcbiAgQElucHV0KClcbiAgdGVhc2VyOiBzdHJpbmc7XG5cbiAgQENvbnRlbnRBcGkoe1xuICAgIHNlbGVjdG9yOiAnI2hlYWRlckFjdGlvbnNUZW1wbGF0ZScsXG4gICAgZGVzY3JpcHRpb246ICdBY3Rpb25zIHRlbXBsYXRlJ1xuICB9KVxuICBAQ29udGVudENoaWxkKCdoZWFkZXJBY3Rpb25zVGVtcGxhdGUnKVxuICBoZWFkZXJBY3Rpb25zVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbn1cbiJdfQ==