@junte/ui
Version:
Quality Angular UI components kit
55 lines • 5.55 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';
var AppPageHeaderComponent = /** @class */ (function () {
function AppPageHeaderComponent() {
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);
return AppPageHeaderComponent;
}());
export { AppPageHeaderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXBhZ2UtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvYXBwL3BhZ2UtaGVhZGVyL2FwcC1wYWdlLWhlYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBTTVDO0lBQUE7UUFFcUMsU0FBSSxHQUFHLDBCQUEwQixDQUFDO1FBRXJFLE9BQUUsR0FBRyxFQUFFLENBQUM7SUE4QlYsQ0FBQztJQWhDMkI7UUFBekIsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7d0RBQTRDO0lBU3JFO1FBTEMsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLHNCQUFzQjtZQUNuQyxJQUFJLEVBQUUsUUFBUTtTQUNmLENBQUM7UUFDRCxLQUFLLEVBQUU7O3dEQUNLO0lBT2I7UUFMQyxXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUsdUJBQXVCO1lBQ3BDLElBQUksRUFBRSxRQUFRO1NBQ2YsQ0FBQztRQUNELEtBQUssRUFBRTs7eURBQ007SUFPZDtRQUxDLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSx3QkFBd0I7WUFDckMsSUFBSSxFQUFFLFFBQVE7U0FDZixDQUFDO1FBQ0QsS0FBSyxFQUFFOzswREFDTztJQU9mO1FBTEMsVUFBVSxDQUFDO1lBQ1YsUUFBUSxFQUFFLHdCQUF3QjtZQUNsQyxXQUFXLEVBQUUsa0JBQWtCO1NBQ2hDLENBQUM7UUFDRCxZQUFZLENBQUMsdUJBQXVCLENBQUM7a0NBQ2YsV0FBVzt5RUFBTTtJQWhDN0Isc0JBQXNCO1FBSmxDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IsbzVCQUFrRDtTQUNuRCxDQUFDO09BQ1csc0JBQXNCLENBa0NsQztJQUFELDZCQUFDO0NBQUEsQUFsQ0QsSUFrQ0M7U0FsQ1ksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRlbnRBcGksIFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBVSSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtYXBwLXBhZ2UtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC1wYWdlLWhlYWRlci5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQXBwUGFnZUhlYWRlckNvbXBvbmVudCB7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmhvc3QnKSByZWFkb25seSBob3N0ID0gJ2pudC1hcHAtcGFnZS1oZWFkZXItaG9zdCc7XG5cbiAgdWkgPSBVSTtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnSWNvbiBmb3IgcGFnZSBoZWFkZXInLFxuICAgIHR5cGU6ICdzdHJpbmcnXG4gIH0pXG4gIEBJbnB1dCgpXG4gIGljb246IHN0cmluZztcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnVGl0bGUgZm9yIHBhZ2UgaGVhZGVyJyxcbiAgICB0eXBlOiAnc3RyaW5nJ1xuICB9KVxuICBASW5wdXQoKVxuICB0aXRsZTogc3RyaW5nO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdUZWFzZXIgZm9yIHBhZ2UgaGVhZGVyJyxcbiAgICB0eXBlOiAnc3RyaW5nJ1xuICB9KVxuICBASW5wdXQoKVxuICB0ZWFzZXI6IHN0cmluZztcblxuICBAQ29udGVudEFwaSh7XG4gICAgc2VsZWN0b3I6ICcjaGVhZGVyQWN0aW9uc1RlbXBsYXRlJyxcbiAgICBkZXNjcmlwdGlvbjogJ0FjdGlvbnMgdGVtcGxhdGUnXG4gIH0pXG4gIEBDb250ZW50Q2hpbGQoJ2hlYWRlckFjdGlvbnNUZW1wbGF0ZScpXG4gIGhlYWRlckFjdGlvbnNUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxufVxuIl19