@junte/ui/esm5/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';
var FormItemComponent = /** @class */ (function () {
    function FormItemComponent() {
        this.host = 'jnt-form-item-host';
        this.ui = UI;
        this._orientation = Orientation.vertical;
        this._align = FlexAlign.stretch;
        this._gutter = Gutter.tiny;
    }
    Object.defineProperty(FormItemComponent.prototype, "orientation", {
        get: function () {
            return this._orientation;
        },
        set: function (type) {
            this._orientation = type || Orientation.vertical;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(FormItemComponent.prototype, "align", {
        get: function () {
            return this._align;
        },
        set: function (align) {
            this._align = align || FlexAlign.stretch;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(FormItemComponent.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)
    ], 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);
    return FormItemComponent;
}());
export { FormItemComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9mb3Jtcy9mb3JtL2l0ZW0vZm9ybS1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFNNUM7SUFBQTtRQUdXLFNBQUksR0FBRyxvQkFBb0IsQ0FBQztRQUVyQyxPQUFFLEdBQUcsRUFBRSxDQUFDO1FBRUEsaUJBQVksR0FBZ0IsV0FBVyxDQUFDLFFBQVEsQ0FBQztRQUNqRCxXQUFNLEdBQWMsU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUN0QyxZQUFPLEdBQVcsTUFBTSxDQUFDLElBQUksQ0FBQztJQTZEeEMsQ0FBQztJQW5EQyxzQkFBSSwwQ0FBVzthQUlmO1lBQ0UsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQzNCLENBQUM7YUFORCxVQUFnQixJQUFpQjtZQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDO1FBQ25ELENBQUM7OztPQUFBO0lBbUJELHNCQUFJLG9DQUFLO2FBSVQ7WUFDRSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDckIsQ0FBQzthQU5ELFVBQVUsS0FBZ0I7WUFDeEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLElBQUksU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUMzQyxDQUFDOzs7T0FBQTtJQW9CRCxzQkFBSSxxQ0FBTTthQUlWO1lBQ0UsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ3RCLENBQUM7YUFORCxVQUFXLE1BQWM7WUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQztRQUN2QyxDQUFDOzs7T0FBQTtJQTdERDtRQURDLFdBQVcsQ0FBQyxXQUFXLENBQUM7O21EQUNZO0lBZ0JyQztRQVJDLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSx1QkFBdUI7WUFDcEMsSUFBSSxFQUFFLGdCQUFnQjtZQUN0QixPQUFPLEVBQUUsV0FBVyxDQUFDLFFBQVE7WUFDN0IsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDO1NBQ3hELENBQUM7UUFDRCxXQUFXLENBQUMsdUJBQXVCLENBQUM7UUFDcEMsS0FBSyxFQUFFOzs7d0RBR1A7SUFtQkQ7UUFiQyxXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUsZ0NBQWdDO1lBQzdDLElBQUksRUFBRSxVQUFVO1lBQ2hCLE9BQU8sRUFBRSxTQUFTLENBQUMsT0FBTztZQUMxQixPQUFPLEVBQUU7Z0JBQ1AsU0FBUyxDQUFDLEtBQUs7Z0JBQ2YsU0FBUyxDQUFDLE1BQU07Z0JBQ2hCLFNBQVMsQ0FBQyxHQUFHO2dCQUNiLFNBQVMsQ0FBQyxRQUFRO2dCQUNsQixTQUFTLENBQUMsT0FBTzthQUNsQjtTQUNGLENBQUM7UUFDRCxLQUFLLEVBQUU7OztrREFHUDtJQW9CRDtRQWRDLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSxxQ0FBcUM7WUFDbEQsSUFBSSxFQUFFLFdBQVc7WUFDakIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxJQUFJO1lBQ3BCLE9BQU8sRUFBRTtnQkFDUCxNQUFNLENBQUMsSUFBSTtnQkFDWCxNQUFNLENBQUMsS0FBSztnQkFDWixNQUFNLENBQUMsTUFBTTtnQkFDYixNQUFNLENBQUMsR0FBRztnQkFDVixNQUFNLENBQUMsS0FBSztnQkFDWixNQUFNLENBQUMsSUFBSTthQUNaO1NBQ0YsQ0FBQztRQUNELEtBQUssRUFBRTs7O21EQUdQO0lBaEVVLGlCQUFpQjtRQUo3QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsZUFBZTtZQUN6Qiw4TEFBNEM7U0FDN0MsQ0FBQztPQUNXLGlCQUFpQixDQXNFN0I7SUFBRCx3QkFBQztDQUFBLEFBdEVELElBc0VDO1NBdEVZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQcm9wZXJ0eUFwaSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZGVjb3JhdG9ycy9hcGknO1xuaW1wb3J0IHsgRmxleEFsaWduIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9mbGV4JztcbmltcG9ydCB7IEd1dHRlciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvZ3V0dGVyJztcbmltcG9ydCB7IE9yaWVudGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9vcmllbnRhdGlvbic7XG5pbXBvcnQgeyBVSSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtZm9ybS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0taXRlbS5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUl0ZW1Db21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JylcbiAgcmVhZG9ubHkgaG9zdCA9ICdqbnQtZm9ybS1pdGVtLWhvc3QnO1xuXG4gIHVpID0gVUk7XG5cbiAgcHJpdmF0ZSBfb3JpZW50YXRpb246IE9yaWVudGF0aW9uID0gT3JpZW50YXRpb24udmVydGljYWw7XG4gIHByaXZhdGUgX2FsaWduOiBGbGV4QWxpZ24gPSBGbGV4QWxpZ24uc3RyZXRjaDtcbiAgcHJpdmF0ZSBfZ3V0dGVyOiBHdXR0ZXIgPSBHdXR0ZXIudGlueTtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnRm9ybSBpdGVtIG9yaWVudGF0aW9uJyxcbiAgICBwYXRoOiAndWkub3JpZW50YXRpb24nLFxuICAgIGRlZmF1bHQ6IE9yaWVudGF0aW9uLnZlcnRpY2FsLFxuICAgIG9wdGlvbnM6IFtPcmllbnRhdGlvbi5ob3Jpem9udGFsLCBPcmllbnRhdGlvbi52ZXJ0aWNhbF1cbiAgfSlcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtb3JpZW50YXRpb24nKVxuICBASW5wdXQoKVxuICBzZXQgb3JpZW50YXRpb24odHlwZTogT3JpZW50YXRpb24pIHtcbiAgICB0aGlzLl9vcmllbnRhdGlvbiA9IHR5cGUgfHwgT3JpZW50YXRpb24udmVydGljYWw7XG4gIH1cblxuICBnZXQgb3JpZW50YXRpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMuX29yaWVudGF0aW9uO1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0FsaWduIG9mIGVsZW1lbnRzIGluIGZvcm0gaXRlbScsXG4gICAgcGF0aDogJ3VpLmFsaWduJyxcbiAgICBkZWZhdWx0OiBGbGV4QWxpZ24uc3RyZXRjaCxcbiAgICBvcHRpb25zOiBbXG4gICAgICBGbGV4QWxpZ24uc3RhcnQsXG4gICAgICBGbGV4QWxpZ24uY2VudGVyLFxuICAgICAgRmxleEFsaWduLmVuZCxcbiAgICAgIEZsZXhBbGlnbi5iYXNlbGluZSxcbiAgICAgIEZsZXhBbGlnbi5zdHJldGNoXG4gICAgXVxuICB9KVxuICBASW5wdXQoKVxuICBzZXQgYWxpZ24oYWxpZ246IEZsZXhBbGlnbikge1xuICAgIHRoaXMuX2FsaWduID0gYWxpZ24gfHwgRmxleEFsaWduLnN0cmV0Y2g7XG4gIH1cblxuICBnZXQgYWxpZ24oKSB7XG4gICAgcmV0dXJuIHRoaXMuX2FsaWduO1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1NwYWNlIGJldHdlZW4gZWxlbWVudHMgaW4gZm9ybSBpdGVtJyxcbiAgICBwYXRoOiAndWkuZ3V0dGVyJyxcbiAgICBkZWZhdWx0OiBHdXR0ZXIudGlueSxcbiAgICBvcHRpb25zOiBbXG4gICAgICBHdXR0ZXIudGlueSxcbiAgICAgIEd1dHRlci5zbWFsbCxcbiAgICAgIEd1dHRlci5ub3JtYWwsXG4gICAgICBHdXR0ZXIuYmlnLFxuICAgICAgR3V0dGVyLmxhcmdlLFxuICAgICAgR3V0dGVyLmh1Z2VcbiAgICBdXG4gIH0pXG4gIEBJbnB1dCgpXG4gIHNldCBndXR0ZXIoZ3V0dGVyOiBHdXR0ZXIpIHtcbiAgICB0aGlzLl9ndXR0ZXIgPSBndXR0ZXIgfHwgR3V0dGVyLnRpbnk7XG4gIH1cblxuICBnZXQgZ3V0dGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9ndXR0ZXI7XG4gIH1cblxufVxuIl19