@junte/ui
Version:
Quality Angular UI components kit
39 lines • 4.23 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';
import { ContentApi } from '../../../../core/decorators/api';
import { UI } from '../../../../core/enums/ui';
var AppHeaderActionComponent = /** @class */ (function () {
function AppHeaderActionComponent() {
this.host = 'jnt-app-header-action-host';
this.ui = UI;
}
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], AppHeaderActionComponent.prototype, "host", void 0);
__decorate([
ContentApi({
selector: '#actionLabelTemplate',
description: 'Action label template'
}),
ContentChild('actionLabelTemplate'),
__metadata("design:type", TemplateRef)
], AppHeaderActionComponent.prototype, "actionLabelTemplate", void 0);
__decorate([
ContentApi({
selector: '#actionContentTemplate',
description: 'Action content template'
}),
ContentChild('actionContentTemplate'),
__metadata("design:type", TemplateRef)
], AppHeaderActionComponent.prototype, "actionContentTemplate", void 0);
AppHeaderActionComponent = __decorate([
Component({
selector: 'jnt-app-header-action',
template: "<div child-of=\"jnt-app-header-action-host\" data-label\n [jntPopover]=\"{\n contentTemplate: actionContent,\n trigger: ui.trigger.hover,\n placement: ui.placement.fixed,\n maxHeight: '500px',\n minWidth: '200px'\n }\">\n <ng-container *ngTemplateOutlet=\"actionLabelTemplate\"></ng-container>\n</div>\n\n<ng-template #actionContent>\n <ng-container *ngTemplateOutlet=\"actionContentTemplate\"></ng-container>\n</ng-template>"
})
], AppHeaderActionComponent);
return AppHeaderActionComponent;
}());
export { AppHeaderActionComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWhlYWRlci1hY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGp1bnRlL3VpLyIsInNvdXJjZXMiOlsibGliL2xheW91dC9hcHAvaGVhZGVyL2FjdGlvbi9hcHAtaGVhZGVyLWFjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQU0vQztJQUFBO1FBR1csU0FBSSxHQUFHLDRCQUE0QixDQUFDO1FBRTdDLE9BQUUsR0FBRyxFQUFFLENBQUM7SUFlVixDQUFDO0lBakJDO1FBREMsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7MERBQ29CO0lBUzdDO1FBTEMsVUFBVSxDQUFDO1lBQ1YsUUFBUSxFQUFFLHNCQUFzQjtZQUNoQyxXQUFXLEVBQUUsdUJBQXVCO1NBQ3JDLENBQUM7UUFDRCxZQUFZLENBQUMscUJBQXFCLENBQUM7a0NBQ2YsV0FBVzt5RUFBTTtJQU90QztRQUxDLFVBQVUsQ0FBQztZQUNWLFFBQVEsRUFBRSx3QkFBd0I7WUFDbEMsV0FBVyxFQUFFLHlCQUF5QjtTQUN2QyxDQUFDO1FBQ0QsWUFBWSxDQUFDLHVCQUF1QixDQUFDO2tDQUNmLFdBQVc7MkVBQU07SUFuQjdCLHdCQUF3QjtRQUpwQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsdUJBQXVCO1lBQ2pDLDZkQUFvRDtTQUNyRCxDQUFDO09BQ1csd0JBQXdCLENBb0JwQztJQUFELCtCQUFDO0NBQUEsQUFwQkQsSUFvQkM7U0FwQlksd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEhvc3RCaW5kaW5nLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGVudEFwaSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvcmUvZGVjb3JhdG9ycy9hcGknO1xuaW1wb3J0IHsgVUkgfSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlL2VudW1zL3VpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWFwcC1oZWFkZXItYWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC1oZWFkZXItYWN0aW9uLmVuY2Fwc3VsYXRlZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBBcHBIZWFkZXJBY3Rpb25Db21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JylcbiAgcmVhZG9ubHkgaG9zdCA9ICdqbnQtYXBwLWhlYWRlci1hY3Rpb24taG9zdCc7XG5cbiAgdWkgPSBVSTtcblxuICBAQ29udGVudEFwaSh7XG4gICAgc2VsZWN0b3I6ICcjYWN0aW9uTGFiZWxUZW1wbGF0ZScsXG4gICAgZGVzY3JpcHRpb246ICdBY3Rpb24gbGFiZWwgdGVtcGxhdGUnXG4gIH0pXG4gIEBDb250ZW50Q2hpbGQoJ2FjdGlvbkxhYmVsVGVtcGxhdGUnKVxuICBhY3Rpb25MYWJlbFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBDb250ZW50QXBpKHtcbiAgICBzZWxlY3RvcjogJyNhY3Rpb25Db250ZW50VGVtcGxhdGUnLFxuICAgIGRlc2NyaXB0aW9uOiAnQWN0aW9uIGNvbnRlbnQgdGVtcGxhdGUnXG4gIH0pXG4gIEBDb250ZW50Q2hpbGQoJ2FjdGlvbkNvbnRlbnRUZW1wbGF0ZScpXG4gIGFjdGlvbkNvbnRlbnRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55Pjtcbn1cbiJdfQ==