@junte/ui
Version:
Quality Angular UI components kit
134 lines • 10.7 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';
var RowComponent = /** @class */ (function () {
function RowComponent() {
this.host = 'jnt-row-host';
this._align = FlexAlign.start;
this._gutter = Gutter.small;
this._spacing = Gutter.normal;
this._justify = FlexJustify.start;
}
Object.defineProperty(RowComponent.prototype, "align", {
set: function (align) {
this._align = align || FlexAlign.start;
},
enumerable: true,
configurable: true
});
Object.defineProperty(RowComponent.prototype, "justify", {
set: function (justify) {
this._justify = justify || FlexJustify.start;
},
enumerable: true,
configurable: true
});
Object.defineProperty(RowComponent.prototype, "spacing", {
set: function (spacing) {
this._spacing = spacing || Gutter.normal;
},
enumerable: true,
configurable: true
});
Object.defineProperty(RowComponent.prototype, "gutter", {
set: function (gutter) {
this._gutter = gutter || Gutter.small;
},
enumerable: true,
configurable: true
});
__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);
return RowComponent;
}());
export { RowComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvZ3JpZC9yb3cvcm93LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQU1wRDtJQUFBO1FBRXFDLFNBQUksR0FBRyxjQUFjLENBQUM7UUFHekQsV0FBTSxHQUFjLFNBQVMsQ0FBQyxLQUFLLENBQUM7UUFHcEMsWUFBTyxHQUFXLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFHL0IsYUFBUSxHQUFXLE1BQU0sQ0FBQyxNQUFNLENBQUM7UUFHakMsYUFBUSxHQUFnQixXQUFXLENBQUMsS0FBSyxDQUFDO0lBNEQ1QyxDQUFDO0lBakRVLHNCQUFJLCtCQUFLO2FBQVQsVUFBVSxLQUFnQjtZQUNqQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssSUFBSSxTQUFTLENBQUMsS0FBSyxDQUFDO1FBQ3pDLENBQUM7OztPQUFBO0lBYVEsc0JBQUksaUNBQU87YUFBWCxVQUFZLE9BQW9CO1lBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxJQUFJLFdBQVcsQ0FBQyxLQUFLLENBQUM7UUFDL0MsQ0FBQzs7O09BQUE7SUFhUSxzQkFBSSxpQ0FBTzthQUFYLFVBQVksT0FBZTtZQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDO1FBQzNDLENBQUM7OztPQUFBO0lBY1Esc0JBQUksZ0NBQU07YUFBVixVQUFXLE1BQWM7WUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQztRQUN4QyxDQUFDOzs7T0FBQTtJQXZFeUI7UUFBekIsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7OENBQWdDO0lBR3pEO1FBREMsV0FBVyxDQUFDLGlCQUFpQixDQUFDOztnREFDSztJQUdwQztRQURDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQzs7aURBQ0Q7SUFHL0I7UUFEQyxXQUFXLENBQUMsbUJBQW1CLENBQUM7O2tEQUNBO0lBR2pDO1FBREMsV0FBVyxDQUFDLG1CQUFtQixDQUFDOztrREFDUztJQVdqQztRQVRSLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSx3QkFBd0I7WUFDckMsSUFBSSxFQUFFLFVBQVU7WUFDaEIsT0FBTyxFQUFFLFNBQVMsQ0FBQyxLQUFLO1lBQ3hCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxLQUFLO2dCQUN2QixTQUFTLENBQUMsTUFBTTtnQkFDaEIsU0FBUyxDQUFDLEdBQUc7Z0JBQ2IsU0FBUyxDQUFDLE9BQU8sQ0FBQztTQUNyQixDQUFDO1FBQ0QsS0FBSyxFQUFFOzs7NkNBRVA7SUFhUTtRQVhSLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSw4QkFBOEI7WUFDM0MsSUFBSSxFQUFFLFlBQVk7WUFDbEIsT0FBTyxFQUFFLFdBQVcsQ0FBQyxLQUFLO1lBQzFCLE9BQU8sRUFBRSxDQUFDLFdBQVcsQ0FBQyxLQUFLO2dCQUN6QixXQUFXLENBQUMsTUFBTTtnQkFDbEIsV0FBVyxDQUFDLEdBQUc7Z0JBQ2YsV0FBVyxDQUFDLE9BQU87Z0JBQ25CLFdBQVcsQ0FBQyxNQUFNO2dCQUNsQixXQUFXLENBQUMsTUFBTSxDQUFDO1NBQ3RCLENBQUM7UUFDRCxLQUFLLEVBQUU7OzsrQ0FFUDtJQWFRO1FBWFIsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLHdDQUF3QztZQUNyRCxJQUFJLEVBQUUsV0FBVztZQUNqQixPQUFPLEVBQUUsTUFBTSxDQUFDLE1BQU07WUFDdEIsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUk7Z0JBQ25CLE1BQU0sQ0FBQyxLQUFLO2dCQUNaLE1BQU0sQ0FBQyxNQUFNO2dCQUNiLE1BQU0sQ0FBQyxHQUFHO2dCQUNWLE1BQU0sQ0FBQyxLQUFLO2dCQUNaLE1BQU0sQ0FBQyxJQUFJLENBQUM7U0FDZixDQUFDO1FBQ0QsS0FBSyxFQUFFOzs7K0NBRVA7SUFjUTtRQVpSLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSxtQkFBbUI7WUFDaEMsSUFBSSxFQUFFLFdBQVc7WUFDakIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxLQUFLO1lBQ3JCLE9BQU8sRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJO2dCQUNuQixNQUFNLENBQUMsSUFBSTtnQkFDWCxNQUFNLENBQUMsS0FBSztnQkFDWixNQUFNLENBQUMsTUFBTTtnQkFDYixNQUFNLENBQUMsR0FBRztnQkFDVixNQUFNLENBQUMsS0FBSztnQkFDWixNQUFNLENBQUMsSUFBSSxDQUFDO1NBQ2YsQ0FBQztRQUNELEtBQUssRUFBRTs7OzhDQUVQO0lBekVVLFlBQVk7UUFKeEIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFNBQVM7WUFDbkIscUNBQXNDO1NBQ3ZDLENBQUM7T0FDVyxZQUFZLENBMEV4QjtJQUFELG1CQUFDO0NBQUEsQUExRUQsSUEwRUM7U0ExRVksWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGbGV4QWxpZ24sIEZsZXhKdXN0aWZ5IH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9mbGV4JztcbmltcG9ydCB7IFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBHdXR0ZXIgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zL2d1dHRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2pudC1yb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vcm93LmVuY2Fwc3VsYXRlZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBSb3dDb21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JykgcmVhZG9ubHkgaG9zdCA9ICdqbnQtcm93LWhvc3QnO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWFsaWduJylcbiAgX2FsaWduOiBGbGV4QWxpZ24gPSBGbGV4QWxpZ24uc3RhcnQ7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZ3V0dGVyJylcbiAgX2d1dHRlcjogR3V0dGVyID0gR3V0dGVyLnNtYWxsO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNwYWNpbmcnKVxuICBfc3BhY2luZzogR3V0dGVyID0gR3V0dGVyLm5vcm1hbDtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1qdXN0aWZ5JylcbiAgX2p1c3RpZnk6IEZsZXhKdXN0aWZ5ID0gRmxleEp1c3RpZnkuc3RhcnQ7XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1ZlcnRpY2FsIGFsaWduIGNvbHVtbnMnLFxuICAgIHBhdGg6ICd1aS5hbGlnbicsXG4gICAgZGVmYXVsdDogRmxleEFsaWduLnN0YXJ0LFxuICAgIG9wdGlvbnM6IFtGbGV4QWxpZ24uc3RhcnQsXG4gICAgICBGbGV4QWxpZ24uY2VudGVyLFxuICAgICAgRmxleEFsaWduLmVuZCxcbiAgICAgIEZsZXhBbGlnbi5zdHJldGNoXVxuICB9KVxuICBASW5wdXQoKSBzZXQgYWxpZ24oYWxpZ246IEZsZXhBbGlnbikge1xuICAgIHRoaXMuX2FsaWduID0gYWxpZ24gfHwgRmxleEFsaWduLnN0YXJ0O1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0hvcml6b250YWwgYWxpZ24gb2YgZWxlbWVudHMnLFxuICAgIHBhdGg6ICd1aS5qdXN0aWZ5JyxcbiAgICBkZWZhdWx0OiBGbGV4SnVzdGlmeS5zdGFydCxcbiAgICBvcHRpb25zOiBbRmxleEp1c3RpZnkuc3RhcnQsXG4gICAgICBGbGV4SnVzdGlmeS5jZW50ZXIsXG4gICAgICBGbGV4SnVzdGlmeS5lbmQsXG4gICAgICBGbGV4SnVzdGlmeS5iZXR3ZWVuLFxuICAgICAgRmxleEp1c3RpZnkuYXJvdW5kLFxuICAgICAgRmxleEp1c3RpZnkuZXZlbmx5XVxuICB9KVxuICBASW5wdXQoKSBzZXQganVzdGlmeShqdXN0aWZ5OiBGbGV4SnVzdGlmeSkge1xuICAgIHRoaXMuX2p1c3RpZnkgPSBqdXN0aWZ5IHx8IEZsZXhKdXN0aWZ5LnN0YXJ0O1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1NwYWNpbmcgYmV0d2VlbiBjb2x1bW5zIHdoaWxlIHdyYXBwaW5nJyxcbiAgICBwYXRoOiAndWkuZ3V0dGVyJyxcbiAgICBkZWZhdWx0OiBHdXR0ZXIubm9ybWFsLFxuICAgIG9wdGlvbnM6IFtHdXR0ZXIudGlueSxcbiAgICAgIEd1dHRlci5zbWFsbCxcbiAgICAgIEd1dHRlci5ub3JtYWwsXG4gICAgICBHdXR0ZXIuYmlnLFxuICAgICAgR3V0dGVyLmxhcmdlLFxuICAgICAgR3V0dGVyLmh1Z2VdXG4gIH0pXG4gIEBJbnB1dCgpIHNldCBzcGFjaW5nKHNwYWNpbmc6IEd1dHRlcikge1xuICAgIHRoaXMuX3NwYWNpbmcgPSBzcGFjaW5nIHx8IEd1dHRlci5ub3JtYWw7XG4gIH1cblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnUGFkZGluZyBpbiBjb2x1bW4nLFxuICAgIHBhdGg6ICd1aS5ndXR0ZXInLFxuICAgIGRlZmF1bHQ6IEd1dHRlci5zbWFsbCxcbiAgICBvcHRpb25zOiBbR3V0dGVyLm5vbmUsXG4gICAgICBHdXR0ZXIudGlueSxcbiAgICAgIEd1dHRlci5zbWFsbCxcbiAgICAgIEd1dHRlci5ub3JtYWwsXG4gICAgICBHdXR0ZXIuYmlnLFxuICAgICAgR3V0dGVyLmxhcmdlLFxuICAgICAgR3V0dGVyLmh1Z2VdXG4gIH0pXG4gIEBJbnB1dCgpIHNldCBndXR0ZXIoZ3V0dGVyOiBHdXR0ZXIpIHtcbiAgICB0aGlzLl9ndXR0ZXIgPSBndXR0ZXIgfHwgR3V0dGVyLnNtYWxsO1xuICB9XG59XG4iXX0=