@junte/ui
Version:
Quality Angular UI components kit
51 lines • 5.51 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';
let AppHeaderActionsComponent = class AppHeaderActionsComponent {
constructor() {
this._gutter = Gutter.tiny;
this.ui = UI;
this.host = 'jnt-app-header-actions-host';
}
set gutter(gutter) {
this._gutter = gutter || Gutter.tiny;
}
get gutter() {
return this._gutter;
}
};
__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);
export { AppHeaderActionsComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvYXBwL2hlYWRlci9hY3Rpb25zL2FwcC1oZWFkZXItYWN0aW9ucy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBTWpGLElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0lBQXRDO1FBRVUsWUFBTyxHQUFXLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFFdEMsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUUyQixTQUFJLEdBQUcsNkJBQTZCLENBQUM7SUF1QjFFLENBQUM7SUFWVSxJQUFJLE1BQU0sQ0FBQyxNQUFjO1FBQ2hDLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0NBSUYsQ0FBQTtBQXZCMkI7SUFBekIsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7dURBQStDO0FBYS9EO0lBWFIsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLGlCQUFpQjtRQUM5QixJQUFJLEVBQUUsV0FBVztRQUNqQixPQUFPLEVBQUUsTUFBTSxDQUFDLElBQUk7UUFDcEIsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUk7WUFDbkIsTUFBTSxDQUFDLEtBQUs7WUFDWixNQUFNLENBQUMsTUFBTTtZQUNiLE1BQU0sQ0FBQyxLQUFLO1lBQ1osTUFBTSxDQUFDLEdBQUc7WUFDVixNQUFNLENBQUMsSUFBSSxDQUFDO0tBQ2YsQ0FBQztJQUNELEtBQUssRUFBRTs7O3VEQUVQO0FBT0Q7SUFEQyxlQUFlLENBQUMsd0JBQXdCLENBQUM7OEJBQ2pDLFNBQVM7MERBQTJCO0FBNUJsQyx5QkFBeUI7SUFKckMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLHdCQUF3QjtRQUNsQyxxcEJBQXFEO0tBQ3RELENBQUM7R0FDVyx5QkFBeUIsQ0E2QnJDO1NBN0JZLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBIb3N0QmluZGluZywgSW5wdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvcGVydHlBcGkgfSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlL2RlY29yYXRvcnMvYXBpJztcbmltcG9ydCB7IEd1dHRlciB9IGZyb20gJy4uLy4uLy4uLy4uL2NvcmUvZW51bXMvZ3V0dGVyJztcbmltcG9ydCB7IFVJIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29yZS9lbnVtcy91aSc7XG5pbXBvcnQgeyBBcHBIZWFkZXJBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuLi9hY3Rpb24vYXBwLWhlYWRlci1hY3Rpb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWFwcC1oZWFkZXItYWN0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hcHAtaGVhZGVyLWFjdGlvbnMuZW5jYXBzdWxhdGVkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEFwcEhlYWRlckFjdGlvbnNDb21wb25lbnQge1xuXG4gIHByaXZhdGUgX2d1dHRlcjogR3V0dGVyID0gR3V0dGVyLnRpbnk7XG5cbiAgdWkgPSBVSTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaG9zdCcpIHJlYWRvbmx5IGhvc3QgPSAnam50LWFwcC1oZWFkZXItYWN0aW9ucy1ob3N0JztcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnRWxlbWVudHMgZ3V0dGVyJyxcbiAgICBwYXRoOiAndWkuZ3V0dGVyJyxcbiAgICBkZWZhdWx0OiBHdXR0ZXIudGlueSxcbiAgICBvcHRpb25zOiBbR3V0dGVyLnRpbnksXG4gICAgICBHdXR0ZXIuc21hbGwsXG4gICAgICBHdXR0ZXIubm9ybWFsLFxuICAgICAgR3V0dGVyLmxhcmdlLFxuICAgICAgR3V0dGVyLmJpZyxcbiAgICAgIEd1dHRlci5odWdlXVxuICB9KVxuICBASW5wdXQoKSBzZXQgZ3V0dGVyKGd1dHRlcjogR3V0dGVyKSB7XG4gICAgdGhpcy5fZ3V0dGVyID0gZ3V0dGVyIHx8IEd1dHRlci50aW55O1xuICB9XG5cbiAgZ2V0IGd1dHRlcigpIHtcbiAgICByZXR1cm4gdGhpcy5fZ3V0dGVyO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZHJlbihBcHBIZWFkZXJBY3Rpb25Db21wb25lbnQpXG4gIGFjdGlvbnM6IFF1ZXJ5TGlzdDxBcHBIZWFkZXJBY3Rpb25Db21wb25lbnQ+O1xufVxuIl19