@junte/ui
Version:
Quality Angular UI components kit
56 lines • 5.86 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, ContentChildren, HostBinding, Input, QueryList } from '@angular/core';
import { PropertyApi } from '../../../../core/decorators/api';
import { Gutter } from '../../../../core/enums/gutter';
import { UI } from '../../../../core/enums/ui';
import { AppHeaderActionComponent } from '../action/app-header-action.component';
var AppHeaderActionsComponent = /** @class */ (function () {
function AppHeaderActionsComponent() {
this._gutter = Gutter.tiny;
this.ui = UI;
this.host = 'jnt-app-header-actions-host';
}
Object.defineProperty(AppHeaderActionsComponent.prototype, "gutter", {
get: function () {
return this._gutter;
},
set: function (gutter) {
this._gutter = gutter || Gutter.tiny;
},
enumerable: true,
configurable: true
});
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], AppHeaderActionsComponent.prototype, "host", void 0);
__decorate([
PropertyApi({
description: 'Elements gutter',
path: 'ui.gutter',
default: Gutter.tiny,
options: [Gutter.tiny,
Gutter.small,
Gutter.normal,
Gutter.large,
Gutter.big,
Gutter.huge]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], AppHeaderActionsComponent.prototype, "gutter", null);
__decorate([
ContentChildren(AppHeaderActionComponent),
__metadata("design:type", QueryList)
], AppHeaderActionsComponent.prototype, "actions", void 0);
AppHeaderActionsComponent = __decorate([
Component({
selector: 'jnt-app-header-actions',
template: "<jnt-stack child-of=\"jnt-app-header-actions-host\" [orientation]=\"ui.orientation.horizontal\"\n [gutter]=\"gutter\" [align]=\"ui.align.center\">\n <ng-container *ngFor=\"let action of actions\">\n <jnt-app-header-action child-of=\"jnt-app-header-actions-host\" >\n <ng-template #actionLabelTemplate>\n <ng-container *ngTemplateOutlet=\"action.actionLabelTemplate\"></ng-container>\n </ng-template>\n <ng-template #actionContentTemplate>\n <ng-container *ngTemplateOutlet=\"action.actionContentTemplate\"></ng-container>\n </ng-template>\n </jnt-app-header-action>\n </ng-container>\n</jnt-stack>"
})
], AppHeaderActionsComponent);
return AppHeaderActionsComponent;
}());
export { AppHeaderActionsComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvYXBwL2hlYWRlci9hY3Rpb25zL2FwcC1oZWFkZXItYWN0aW9ucy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBTWpGO0lBQUE7UUFFVSxZQUFPLEdBQVcsTUFBTSxDQUFDLElBQUksQ0FBQztRQUV0QyxPQUFFLEdBQUcsRUFBRSxDQUFDO1FBRTJCLFNBQUksR0FBRyw2QkFBNkIsQ0FBQztJQXVCMUUsQ0FBQztJQVZVLHNCQUFJLDZDQUFNO2FBSW5CO1lBQ0UsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ3RCLENBQUM7YUFOUSxVQUFXLE1BQWM7WUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQztRQUN2QyxDQUFDOzs7T0FBQTtJQWZ5QjtRQUF6QixXQUFXLENBQUMsV0FBVyxDQUFDOzsyREFBK0M7SUFhL0Q7UUFYUixXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUsaUJBQWlCO1lBQzlCLElBQUksRUFBRSxXQUFXO1lBQ2pCLE9BQU8sRUFBRSxNQUFNLENBQUMsSUFBSTtZQUNwQixPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSTtnQkFDbkIsTUFBTSxDQUFDLEtBQUs7Z0JBQ1osTUFBTSxDQUFDLE1BQU07Z0JBQ2IsTUFBTSxDQUFDLEtBQUs7Z0JBQ1osTUFBTSxDQUFDLEdBQUc7Z0JBQ1YsTUFBTSxDQUFDLElBQUksQ0FBQztTQUNmLENBQUM7UUFDRCxLQUFLLEVBQUU7OzsyREFFUDtJQU9EO1FBREMsZUFBZSxDQUFDLHdCQUF3QixDQUFDO2tDQUNqQyxTQUFTOzhEQUEyQjtJQTVCbEMseUJBQXlCO1FBSnJDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSx3QkFBd0I7WUFDbEMscXBCQUFxRDtTQUN0RCxDQUFDO09BQ1cseUJBQXlCLENBNkJyQztJQUFELGdDQUFDO0NBQUEsQUE3QkQsSUE2QkM7U0E3QlkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEhvc3RCaW5kaW5nLCBJbnB1dCwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQcm9wZXJ0eUFwaSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvcmUvZGVjb3JhdG9ycy9hcGknO1xuaW1wb3J0IHsgR3V0dGVyIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29yZS9lbnVtcy9ndXR0ZXInO1xuaW1wb3J0IHsgVUkgfSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlL2VudW1zL3VpJztcbmltcG9ydCB7IEFwcEhlYWRlckFjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL2FjdGlvbi9hcHAtaGVhZGVyLWFjdGlvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtYXBwLWhlYWRlci1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC1oZWFkZXItYWN0aW9ucy5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQXBwSGVhZGVyQWN0aW9uc0NvbXBvbmVudCB7XG5cbiAgcHJpdmF0ZSBfZ3V0dGVyOiBHdXR0ZXIgPSBHdXR0ZXIudGlueTtcblxuICB1aSA9IFVJO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JykgcmVhZG9ubHkgaG9zdCA9ICdqbnQtYXBwLWhlYWRlci1hY3Rpb25zLWhvc3QnO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdFbGVtZW50cyBndXR0ZXInLFxuICAgIHBhdGg6ICd1aS5ndXR0ZXInLFxuICAgIGRlZmF1bHQ6IEd1dHRlci50aW55LFxuICAgIG9wdGlvbnM6IFtHdXR0ZXIudGlueSxcbiAgICAgIEd1dHRlci5zbWFsbCxcbiAgICAgIEd1dHRlci5ub3JtYWwsXG4gICAgICBHdXR0ZXIubGFyZ2UsXG4gICAgICBHdXR0ZXIuYmlnLFxuICAgICAgR3V0dGVyLmh1Z2VdXG4gIH0pXG4gIEBJbnB1dCgpIHNldCBndXR0ZXIoZ3V0dGVyOiBHdXR0ZXIpIHtcbiAgICB0aGlzLl9ndXR0ZXIgPSBndXR0ZXIgfHwgR3V0dGVyLnRpbnk7XG4gIH1cblxuICBnZXQgZ3V0dGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9ndXR0ZXI7XG4gIH1cblxuICBAQ29udGVudENoaWxkcmVuKEFwcEhlYWRlckFjdGlvbkNvbXBvbmVudClcbiAgYWN0aW9uczogUXVlcnlMaXN0PEFwcEhlYWRlckFjdGlvbkNvbXBvbmVudD47XG59XG4iXX0=