@junte/ui
Version:
Quality Angular UI components kit
117 lines • 9.63 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { FlexAlign, FlexJustify } from '../../../core/enums/flex';
import { PropertyApi } from '../../../core/decorators/api';
import { Gutter } from '../../../core/enums/gutter';
let RowComponent = class RowComponent {
constructor() {
this.host = 'jnt-row-host';
this._align = FlexAlign.start;
this._gutter = Gutter.small;
this._spacing = Gutter.normal;
this._justify = FlexJustify.start;
}
set align(align) {
this._align = align || FlexAlign.start;
}
set justify(justify) {
this._justify = justify || FlexJustify.start;
}
set spacing(spacing) {
this._spacing = spacing || Gutter.normal;
}
set gutter(gutter) {
this._gutter = gutter || Gutter.small;
}
};
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], RowComponent.prototype, "host", void 0);
__decorate([
HostBinding('attr.data-align'),
__metadata("design:type", String)
], RowComponent.prototype, "_align", void 0);
__decorate([
HostBinding('attr.data-gutter'),
__metadata("design:type", String)
], RowComponent.prototype, "_gutter", void 0);
__decorate([
HostBinding('attr.data-spacing'),
__metadata("design:type", String)
], RowComponent.prototype, "_spacing", void 0);
__decorate([
HostBinding('attr.data-justify'),
__metadata("design:type", String)
], RowComponent.prototype, "_justify", void 0);
__decorate([
PropertyApi({
description: 'Vertical align columns',
path: 'ui.align',
default: FlexAlign.start,
options: [FlexAlign.start,
FlexAlign.center,
FlexAlign.end,
FlexAlign.stretch]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], RowComponent.prototype, "align", null);
__decorate([
PropertyApi({
description: 'Horizontal align of elements',
path: 'ui.justify',
default: FlexJustify.start,
options: [FlexJustify.start,
FlexJustify.center,
FlexJustify.end,
FlexJustify.between,
FlexJustify.around,
FlexJustify.evenly]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], RowComponent.prototype, "justify", null);
__decorate([
PropertyApi({
description: 'Spacing between columns while wrapping',
path: 'ui.gutter',
default: Gutter.normal,
options: [Gutter.tiny,
Gutter.small,
Gutter.normal,
Gutter.big,
Gutter.large,
Gutter.huge]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], RowComponent.prototype, "spacing", null);
__decorate([
PropertyApi({
description: 'Padding in column',
path: 'ui.gutter',
default: Gutter.small,
options: [Gutter.none,
Gutter.tiny,
Gutter.small,
Gutter.normal,
Gutter.big,
Gutter.large,
Gutter.huge]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], RowComponent.prototype, "gutter", null);
RowComponent = __decorate([
Component({
selector: 'jnt-row',
template: "<ng-content></ng-content>"
})
], RowComponent);
export { RowComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvZ3JpZC9yb3cvcm93LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQU1wRCxJQUFhLFlBQVksR0FBekIsTUFBYSxZQUFZO0lBQXpCO1FBRXFDLFNBQUksR0FBRyxjQUFjLENBQUM7UUFHekQsV0FBTSxHQUFjLFNBQVMsQ0FBQyxLQUFLLENBQUM7UUFHcEMsWUFBTyxHQUFXLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFHL0IsYUFBUSxHQUFXLE1BQU0sQ0FBQyxNQUFNLENBQUM7UUFHakMsYUFBUSxHQUFnQixXQUFXLENBQUMsS0FBSyxDQUFDO0lBNEQ1QyxDQUFDO0lBakRVLElBQUksS0FBSyxDQUFDLEtBQWdCO1FBQ2pDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxJQUFJLFNBQVMsQ0FBQyxLQUFLLENBQUM7SUFDekMsQ0FBQztJQWFRLElBQUksT0FBTyxDQUFDLE9BQW9CO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxJQUFJLFdBQVcsQ0FBQyxLQUFLLENBQUM7SUFDL0MsQ0FBQztJQWFRLElBQUksT0FBTyxDQUFDLE9BQWU7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQztJQUMzQyxDQUFDO0lBY1EsSUFBSSxNQUFNLENBQUMsTUFBYztRQUNoQyxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sSUFBSSxNQUFNLENBQUMsS0FBSyxDQUFDO0lBQ3hDLENBQUM7Q0FDRixDQUFBO0FBeEUyQjtJQUF6QixXQUFXLENBQUMsV0FBVyxDQUFDOzswQ0FBZ0M7QUFHekQ7SUFEQyxXQUFXLENBQUMsaUJBQWlCLENBQUM7OzRDQUNLO0FBR3BDO0lBREMsV0FBVyxDQUFDLGtCQUFrQixDQUFDOzs2Q0FDRDtBQUcvQjtJQURDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQzs7OENBQ0E7QUFHakM7SUFEQyxXQUFXLENBQUMsbUJBQW1CLENBQUM7OzhDQUNTO0FBV2pDO0lBVFIsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLHdCQUF3QjtRQUNyQyxJQUFJLEVBQUUsVUFBVTtRQUNoQixPQUFPLEVBQUUsU0FBUyxDQUFDLEtBQUs7UUFDeEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLEtBQUs7WUFDdkIsU0FBUyxDQUFDLE1BQU07WUFDaEIsU0FBUyxDQUFDLEdBQUc7WUFDYixTQUFTLENBQUMsT0FBTyxDQUFDO0tBQ3JCLENBQUM7SUFDRCxLQUFLLEVBQUU7Ozt5Q0FFUDtBQWFRO0lBWFIsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLDhCQUE4QjtRQUMzQyxJQUFJLEVBQUUsWUFBWTtRQUNsQixPQUFPLEVBQUUsV0FBVyxDQUFDLEtBQUs7UUFDMUIsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDLEtBQUs7WUFDekIsV0FBVyxDQUFDLE1BQU07WUFDbEIsV0FBVyxDQUFDLEdBQUc7WUFDZixXQUFXLENBQUMsT0FBTztZQUNuQixXQUFXLENBQUMsTUFBTTtZQUNsQixXQUFXLENBQUMsTUFBTSxDQUFDO0tBQ3RCLENBQUM7SUFDRCxLQUFLLEVBQUU7OzsyQ0FFUDtBQWFRO0lBWFIsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLHdDQUF3QztRQUNyRCxJQUFJLEVBQUUsV0FBVztRQUNqQixPQUFPLEVBQUUsTUFBTSxDQUFDLE1BQU07UUFDdEIsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUk7WUFDbkIsTUFBTSxDQUFDLEtBQUs7WUFDWixNQUFNLENBQUMsTUFBTTtZQUNiLE1BQU0sQ0FBQyxHQUFHO1lBQ1YsTUFBTSxDQUFDLEtBQUs7WUFDWixNQUFNLENBQUMsSUFBSSxDQUFDO0tBQ2YsQ0FBQztJQUNELEtBQUssRUFBRTs7OzJDQUVQO0FBY1E7SUFaUixXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsbUJBQW1CO1FBQ2hDLElBQUksRUFBRSxXQUFXO1FBQ2pCLE9BQU8sRUFBRSxNQUFNLENBQUMsS0FBSztRQUNyQixPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSTtZQUNuQixNQUFNLENBQUMsSUFBSTtZQUNYLE1BQU0sQ0FBQyxLQUFLO1lBQ1osTUFBTSxDQUFDLE1BQU07WUFDYixNQUFNLENBQUMsR0FBRztZQUNWLE1BQU0sQ0FBQyxLQUFLO1lBQ1osTUFBTSxDQUFDLElBQUksQ0FBQztLQUNmLENBQUM7SUFDRCxLQUFLLEVBQUU7OzswQ0FFUDtBQXpFVSxZQUFZO0lBSnhCLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxTQUFTO1FBQ25CLHFDQUFzQztLQUN2QyxDQUFDO0dBQ1csWUFBWSxDQTBFeEI7U0ExRVksWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGbGV4QWxpZ24sIEZsZXhKdXN0aWZ5IH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9mbGV4JztcbmltcG9ydCB7IFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBHdXR0ZXIgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zL2d1dHRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2pudC1yb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vcm93LmVuY2Fwc3VsYXRlZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBSb3dDb21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JykgcmVhZG9ubHkgaG9zdCA9ICdqbnQtcm93LWhvc3QnO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWFsaWduJylcbiAgX2FsaWduOiBGbGV4QWxpZ24gPSBGbGV4QWxpZ24uc3RhcnQ7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZ3V0dGVyJylcbiAgX2d1dHRlcjogR3V0dGVyID0gR3V0dGVyLnNtYWxsO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNwYWNpbmcnKVxuICBfc3BhY2luZzogR3V0dGVyID0gR3V0dGVyLm5vcm1hbDtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1qdXN0aWZ5JylcbiAgX2p1c3RpZnk6IEZsZXhKdXN0aWZ5ID0gRmxleEp1c3RpZnkuc3RhcnQ7XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1ZlcnRpY2FsIGFsaWduIGNvbHVtbnMnLFxuICAgIHBhdGg6ICd1aS5hbGlnbicsXG4gICAgZGVmYXVsdDogRmxleEFsaWduLnN0YXJ0LFxuICAgIG9wdGlvbnM6IFtGbGV4QWxpZ24uc3RhcnQsXG4gICAgICBGbGV4QWxpZ24uY2VudGVyLFxuICAgICAgRmxleEFsaWduLmVuZCxcbiAgICAgIEZsZXhBbGlnbi5zdHJldGNoXVxuICB9KVxuICBASW5wdXQoKSBzZXQgYWxpZ24oYWxpZ246IEZsZXhBbGlnbikge1xuICAgIHRoaXMuX2FsaWduID0gYWxpZ24gfHwgRmxleEFsaWduLnN0YXJ0O1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0hvcml6b250YWwgYWxpZ24gb2YgZWxlbWVudHMnLFxuICAgIHBhdGg6ICd1aS5qdXN0aWZ5JyxcbiAgICBkZWZhdWx0OiBGbGV4SnVzdGlmeS5zdGFydCxcbiAgICBvcHRpb25zOiBbRmxleEp1c3RpZnkuc3RhcnQsXG4gICAgICBGbGV4SnVzdGlmeS5jZW50ZXIsXG4gICAgICBGbGV4SnVzdGlmeS5lbmQsXG4gICAgICBGbGV4SnVzdGlmeS5iZXR3ZWVuLFxuICAgICAgRmxleEp1c3RpZnkuYXJvdW5kLFxuICAgICAgRmxleEp1c3RpZnkuZXZlbmx5XVxuICB9KVxuICBASW5wdXQoKSBzZXQganVzdGlmeShqdXN0aWZ5OiBGbGV4SnVzdGlmeSkge1xuICAgIHRoaXMuX2p1c3RpZnkgPSBqdXN0aWZ5IHx8IEZsZXhKdXN0aWZ5LnN0YXJ0O1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1NwYWNpbmcgYmV0d2VlbiBjb2x1bW5zIHdoaWxlIHdyYXBwaW5nJyxcbiAgICBwYXRoOiAndWkuZ3V0dGVyJyxcbiAgICBkZWZhdWx0OiBHdXR0ZXIubm9ybWFsLFxuICAgIG9wdGlvbnM6IFtHdXR0ZXIudGlueSxcbiAgICAgIEd1dHRlci5zbWFsbCxcbiAgICAgIEd1dHRlci5ub3JtYWwsXG4gICAgICBHdXR0ZXIuYmlnLFxuICAgICAgR3V0dGVyLmxhcmdlLFxuICAgICAgR3V0dGVyLmh1Z2VdXG4gIH0pXG4gIEBJbnB1dCgpIHNldCBzcGFjaW5nKHNwYWNpbmc6IEd1dHRlcikge1xuICAgIHRoaXMuX3NwYWNpbmcgPSBzcGFjaW5nIHx8IEd1dHRlci5ub3JtYWw7XG4gIH1cblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnUGFkZGluZyBpbiBjb2x1bW4nLFxuICAgIHBhdGg6ICd1aS5ndXR0ZXInLFxuICAgIGRlZmF1bHQ6IEd1dHRlci5zbWFsbCxcbiAgICBvcHRpb25zOiBbR3V0dGVyLm5vbmUsXG4gICAgICBHdXR0ZXIudGlueSxcbiAgICAgIEd1dHRlci5zbWFsbCxcbiAgICAgIEd1dHRlci5ub3JtYWwsXG4gICAgICBHdXR0ZXIuYmlnLFxuICAgICAgR3V0dGVyLmxhcmdlLFxuICAgICAgR3V0dGVyLmh1Z2VdXG4gIH0pXG4gIEBJbnB1dCgpIHNldCBndXR0ZXIoZ3V0dGVyOiBHdXR0ZXIpIHtcbiAgICB0aGlzLl9ndXR0ZXIgPSBndXR0ZXIgfHwgR3V0dGVyLnNtYWxsO1xuICB9XG59XG4iXX0=