@junte/ui/esm2015/lib/forms/form/item/form-item.component.js

Quality Angular UI components kit

import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { PropertyApi } from '../../../core/decorators/api';
import { FlexAlign } from '../../../core/enums/flex';
import { Gutter } from '../../../core/enums/gutter';
import { Orientation } from '../../../core/enums/orientation';
import { UI } from '../../../core/enums/ui';
let FormItemComponent = class FormItemComponent {
    constructor() {
        this.host = 'jnt-form-item-host';
        this.ui = UI;
        this._orientation = Orientation.vertical;
        this._align = FlexAlign.stretch;
        this._gutter = Gutter.tiny;
    }
    set orientation(type) {
        this._orientation = type || Orientation.vertical;
    }
    get orientation() {
        return this._orientation;
    }
    set align(align) {
        this._align = align || FlexAlign.stretch;
    }
    get align() {
        return this._align;
    }
    set gutter(gutter) {
        this._gutter = gutter || Gutter.tiny;
    }
    get gutter() {
        return this._gutter;
    }
};
__decorate([
    HostBinding('attr.host'),
    __metadata("design:type", Object)
], FormItemComponent.prototype, "host", void 0);
__decorate([
    PropertyApi({
        description: 'Form item orientation',
        path: 'ui.orientation',
        default: Orientation.vertical,
        options: [Orientation.horizontal, Orientation.vertical]
    }),
    HostBinding('attr.data-orientation'),
    Input(),
    __metadata("design:type", String),
    __metadata("design:paramtypes", [String])
], FormItemComponent.prototype, "orientation", null);
__decorate([
    PropertyApi({
        description: 'Align of elements in form item',
        path: 'ui.align',
        default: FlexAlign.stretch,
        options: [
            FlexAlign.start,
            FlexAlign.center,
            FlexAlign.end,
            FlexAlign.baseline,
            FlexAlign.stretch
        ]
    }),
    Input(),
    __metadata("design:type", String),
    __metadata("design:paramtypes", [String])
], FormItemComponent.prototype, "align", null);
__decorate([
    PropertyApi({
        description: 'Space between elements in form item',
        path: 'ui.gutter',
        default: Gutter.tiny,
        options: [
            Gutter.tiny,
            Gutter.small,
            Gutter.normal,
            Gutter.big,
            Gutter.large,
            Gutter.huge
        ]
    }),
    Input(),
    __metadata("design:type", String),
    __metadata("design:paramtypes", [String])
], FormItemComponent.prototype, "gutter", null);
FormItemComponent = __decorate([
    Component({
        selector: 'jnt-form-item',
        template: "<jnt-stack child-of=\"jnt-form-item-host\" [orientation]=\"orientation\"\n           [align]=\"align\"\n           [gutter]=\"gutter\">\n  <ng-content></ng-content>\n</jnt-stack>"
    })
], FormItemComponent);
export { FormItemComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9mb3Jtcy9mb3JtL2l0ZW0vZm9ybS1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFNNUMsSUFBYSxpQkFBaUIsR0FBOUIsTUFBYSxpQkFBaUI7SUFBOUI7UUFHVyxTQUFJLEdBQUcsb0JBQW9CLENBQUM7UUFFckMsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUVBLGlCQUFZLEdBQWdCLFdBQVcsQ0FBQyxRQUFRLENBQUM7UUFDakQsV0FBTSxHQUFjLFNBQVMsQ0FBQyxPQUFPLENBQUM7UUFDdEMsWUFBTyxHQUFXLE1BQU0sQ0FBQyxJQUFJLENBQUM7SUE2RHhDLENBQUM7SUFuREMsSUFBSSxXQUFXLENBQUMsSUFBaUI7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQztJQUNuRCxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFlRCxJQUFJLEtBQUssQ0FBQyxLQUFnQjtRQUN4QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssSUFBSSxTQUFTLENBQUMsT0FBTyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQWdCRCxJQUFJLE1BQU0sQ0FBQyxNQUFjO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0NBRUYsQ0FBQTtBQW5FQztJQURDLFdBQVcsQ0FBQyxXQUFXLENBQUM7OytDQUNZO0FBZ0JyQztJQVJDLFdBQVcsQ0FBQztRQUNYLFdBQVcsRUFBRSx1QkFBdUI7UUFDcEMsSUFBSSxFQUFFLGdCQUFnQjtRQUN0QixPQUFPLEVBQUUsV0FBVyxDQUFDLFFBQVE7UUFDN0IsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDO0tBQ3hELENBQUM7SUFDRCxXQUFXLENBQUMsdUJBQXVCLENBQUM7SUFDcEMsS0FBSyxFQUFFOzs7b0RBR1A7QUFtQkQ7SUFiQyxXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsZ0NBQWdDO1FBQzdDLElBQUksRUFBRSxVQUFVO1FBQ2hCLE9BQU8sRUFBRSxTQUFTLENBQUMsT0FBTztRQUMxQixPQUFPLEVBQUU7WUFDUCxTQUFTLENBQUMsS0FBSztZQUNmLFNBQVMsQ0FBQyxNQUFNO1lBQ2hCLFNBQVMsQ0FBQyxHQUFHO1lBQ2IsU0FBUyxDQUFDLFFBQVE7WUFDbEIsU0FBUyxDQUFDLE9BQU87U0FDbEI7S0FDRixDQUFDO0lBQ0QsS0FBSyxFQUFFOzs7OENBR1A7QUFvQkQ7SUFkQyxXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUscUNBQXFDO1FBQ2xELElBQUksRUFBRSxXQUFXO1FBQ2pCLE9BQU8sRUFBRSxNQUFNLENBQUMsSUFBSTtRQUNwQixPQUFPLEVBQUU7WUFDUCxNQUFNLENBQUMsSUFBSTtZQUNYLE1BQU0sQ0FBQyxLQUFLO1lBQ1osTUFBTSxDQUFDLE1BQU07WUFDYixNQUFNLENBQUMsR0FBRztZQUNWLE1BQU0sQ0FBQyxLQUFLO1lBQ1osTUFBTSxDQUFDLElBQUk7U0FDWjtLQUNGLENBQUM7SUFDRCxLQUFLLEVBQUU7OzsrQ0FHUDtBQWhFVSxpQkFBaUI7SUFKN0IsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLGVBQWU7UUFDekIsOExBQTRDO0tBQzdDLENBQUM7R0FDVyxpQkFBaUIsQ0FzRTdCO1NBdEVZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQcm9wZXJ0eUFwaSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZGVjb3JhdG9ycy9hcGknO1xuaW1wb3J0IHsgRmxleEFsaWduIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9mbGV4JztcbmltcG9ydCB7IEd1dHRlciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvZ3V0dGVyJztcbmltcG9ydCB7IE9yaWVudGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9vcmllbnRhdGlvbic7XG5pbXBvcnQgeyBVSSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtZm9ybS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0taXRlbS5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUl0ZW1Db21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JylcbiAgcmVhZG9ubHkgaG9zdCA9ICdqbnQtZm9ybS1pdGVtLWhvc3QnO1xuXG4gIHVpID0gVUk7XG5cbiAgcHJpdmF0ZSBfb3JpZW50YXRpb246IE9yaWVudGF0aW9uID0gT3JpZW50YXRpb24udmVydGljYWw7XG4gIHByaXZhdGUgX2FsaWduOiBGbGV4QWxpZ24gPSBGbGV4QWxpZ24uc3RyZXRjaDtcbiAgcHJpdmF0ZSBfZ3V0dGVyOiBHdXR0ZXIgPSBHdXR0ZXIudGlueTtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnRm9ybSBpdGVtIG9yaWVudGF0aW9uJyxcbiAgICBwYXRoOiAndWkub3JpZW50YXRpb24nLFxuICAgIGRlZmF1bHQ6IE9yaWVudGF0aW9uLnZlcnRpY2FsLFxuICAgIG9wdGlvbnM6IFtPcmllbnRhdGlvbi5ob3Jpem9udGFsLCBPcmllbnRhdGlvbi52ZXJ0aWNhbF1cbiAgfSlcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtb3JpZW50YXRpb24nKVxuICBASW5wdXQoKVxuICBzZXQgb3JpZW50YXRpb24odHlwZTogT3JpZW50YXRpb24pIHtcbiAgICB0aGlzLl9vcmllbnRhdGlvbiA9IHR5cGUgfHwgT3JpZW50YXRpb24udmVydGljYWw7XG4gIH1cblxuICBnZXQgb3JpZW50YXRpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMuX29yaWVudGF0aW9uO1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0FsaWduIG9mIGVsZW1lbnRzIGluIGZvcm0gaXRlbScsXG4gICAgcGF0aDogJ3VpLmFsaWduJyxcbiAgICBkZWZhdWx0OiBGbGV4QWxpZ24uc3RyZXRjaCxcbiAgICBvcHRpb25zOiBbXG4gICAgICBGbGV4QWxpZ24uc3RhcnQsXG4gICAgICBGbGV4QWxpZ24uY2VudGVyLFxuICAgICAgRmxleEFsaWduLmVuZCxcbiAgICAgIEZsZXhBbGlnbi5iYXNlbGluZSxcbiAgICAgIEZsZXhBbGlnbi5zdHJldGNoXG4gICAgXVxuICB9KVxuICBASW5wdXQoKVxuICBzZXQgYWxpZ24oYWxpZ246IEZsZXhBbGlnbikge1xuICAgIHRoaXMuX2FsaWduID0gYWxpZ24gfHwgRmxleEFsaWduLnN0cmV0Y2g7XG4gIH1cblxuICBnZXQgYWxpZ24oKSB7XG4gICAgcmV0dXJuIHRoaXMuX2FsaWduO1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1NwYWNlIGJldHdlZW4gZWxlbWVudHMgaW4gZm9ybSBpdGVtJyxcbiAgICBwYXRoOiAndWkuZ3V0dGVyJyxcbiAgICBkZWZhdWx0OiBHdXR0ZXIudGlueSxcbiAgICBvcHRpb25zOiBbXG4gICAgICBHdXR0ZXIudGlueSxcbiAgICAgIEd1dHRlci5zbWFsbCxcbiAgICAgIEd1dHRlci5ub3JtYWwsXG4gICAgICBHdXR0ZXIuYmlnLFxuICAgICAgR3V0dGVyLmxhcmdlLFxuICAgICAgR3V0dGVyLmh1Z2VcbiAgICBdXG4gIH0pXG4gIEBJbnB1dCgpXG4gIHNldCBndXR0ZXIoZ3V0dGVyOiBHdXR0ZXIpIHtcbiAgICB0aGlzLl9ndXR0ZXIgPSBndXR0ZXIgfHwgR3V0dGVyLnRpbnk7XG4gIH1cblxuICBnZXQgZ3V0dGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9ndXR0ZXI7XG4gIH1cblxufVxuIl19