@junte/ui/esm5/lib/forms/button/group/button-group.component.js

Quality Angular UI components kit

import { __decorate, __metadata } from "tslib";
import { Component, ContentChildren, HostBinding, Input, QueryList } from '@angular/core';
import { PropertyApi } from '../../../core/decorators/api';
import { Outline } from '../../../core/enums/outline';
import { Scheme } from '../../../core/enums/scheme';
import { Size } from '../../../core/enums/size';
import { UI } from '../../../core/enums/ui';
import { Width } from '../../../core/enums/width';
import { ButtonComponent } from '../button.component';
var ButtonGroupComponent = /** @class */ (function () {
    function ButtonGroupComponent() {
        this.host = 'jnt-button-group-host';
        this.ui = UI;
        this.size = Size.normal;
        this.scheme = Scheme.primary;
        this.outline = Outline.fill;
        this.width = Width.default;
    }
    __decorate([
        HostBinding('attr.host'),
        __metadata("design:type", Object)
    ], ButtonGroupComponent.prototype, "host", void 0);
    __decorate([
        ContentChildren(ButtonComponent, { descendants: true }),
        __metadata("design:type", QueryList)
    ], ButtonGroupComponent.prototype, "buttons", void 0);
    __decorate([
        PropertyApi({
            description: 'Button group size',
            path: 'ui.size',
            options: [Size.tiny, Size.small, Size.normal, Size.large],
            default: Size.normal
        }),
        Input(),
        __metadata("design:type", String)
    ], ButtonGroupComponent.prototype, "size", void 0);
    __decorate([
        PropertyApi({
            description: 'Button group color scheme',
            path: 'ui.scheme',
            options: [Scheme.primary, Scheme.secondary, Scheme.success, Scheme.fail],
            default: Scheme.primary
        }),
        Input(),
        __metadata("design:type", String)
    ], ButtonGroupComponent.prototype, "scheme", void 0);
    __decorate([
        PropertyApi({
            description: 'Button group outline',
            path: 'ui.outline',
            default: Outline.fill,
            options: [Outline.transparent, Outline.ghost, Outline.fill]
        }),
        Input(),
        __metadata("design:type", String)
    ], ButtonGroupComponent.prototype, "outline", void 0);
    __decorate([
        PropertyApi({
            description: 'Button group width',
            path: 'ui.width',
            default: Width.default,
            options: [Width.default, Width.fluid]
        }),
        HostBinding('attr.data-width'),
        Input(),
        __metadata("design:type", String)
    ], ButtonGroupComponent.prototype, "width", void 0);
    ButtonGroupComponent = __decorate([
        Component({
            selector: 'jnt-button-group',
            template: "<jnt-button child-of=\"jnt-button-group-host\" data-button *ngFor=\"let button of buttons\"\n            [text]=\"button.text\"\n            [size]=\"size\"\n            [scheme]=\"scheme\"\n            [outline]=\"outline\"\n            [icon]=\"button.icon\"\n            [loading]=\"button.loading\"\n            [disabled]=\"button.disabled\"\n            [type]=\"button.type\"\n            [shape]=\"button.shape\"\n            [width]=\"button.width\"\n            (click)=\"button.click.emit($event)\">\n  <jnt-badge child-of=\"jnt-button-group-host\" *ngFor=\"let badge of button.badges\"\n             [value]=\"badge.value\"\n             [text]=\"badge.text\"\n             [overflow]=\"badge.overflow\"\n             [color]=\"badge.color\"\n             [position]=\"badge.position\">\n  </jnt-badge>\n</jnt-button>"
        })
    ], ButtonGroupComponent);
    return ButtonGroupComponent;
}());
export { ButtonGroupComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9mb3Jtcy9idXR0b24vZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBTXREO0lBQUE7UUFHVyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFFeEMsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQVlSLFNBQUksR0FBUyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBU3pCLFdBQU0sR0FBVyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBU2hDLFlBQU8sR0FBWSxPQUFPLENBQUMsSUFBSSxDQUFDO1FBVWhDLFVBQUssR0FBVSxLQUFLLENBQUMsT0FBTyxDQUFDO0lBQy9CLENBQUM7SUEzQ0M7UUFEQyxXQUFXLENBQUMsV0FBVyxDQUFDOztzREFDZTtJQUt4QztRQURDLGVBQWUsQ0FBQyxlQUFlLEVBQUUsRUFBQyxXQUFXLEVBQUUsSUFBSSxFQUFDLENBQUM7a0NBQzdDLFNBQVM7eURBQWtCO0lBU3BDO1FBUEMsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLG1CQUFtQjtZQUNoQyxJQUFJLEVBQUUsU0FBUztZQUNmLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDekQsT0FBTyxFQUFFLElBQUksQ0FBQyxNQUFNO1NBQ3JCLENBQUM7UUFDRCxLQUFLLEVBQUU7O3NEQUNpQjtJQVN6QjtRQVBDLFdBQVcsQ0FBQztZQUNYLFdBQVcsRUFBRSwyQkFBMkI7WUFDeEMsSUFBSSxFQUFFLFdBQVc7WUFDakIsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQztZQUN4RSxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU87U0FDeEIsQ0FBQztRQUNELEtBQUssRUFBRTs7d0RBQ3dCO0lBU2hDO1FBUEMsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLHNCQUFzQjtZQUNuQyxJQUFJLEVBQUUsWUFBWTtZQUNsQixPQUFPLEVBQUUsT0FBTyxDQUFDLElBQUk7WUFDckIsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUM7U0FDNUQsQ0FBQztRQUNELEtBQUssRUFBRTs7eURBQ3dCO0lBVWhDO1FBUkMsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLG9CQUFvQjtZQUNqQyxJQUFJLEVBQUUsVUFBVTtZQUNoQixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87WUFDdEIsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDO1NBQ3RDLENBQUM7UUFDRCxXQUFXLENBQUMsaUJBQWlCLENBQUM7UUFDOUIsS0FBSyxFQUFFOzt1REFDcUI7SUE3Q2xCLG9CQUFvQjtRQUpoQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsa0JBQWtCO1lBQzVCLHkwQkFBK0M7U0FDaEQsQ0FBQztPQUNXLG9CQUFvQixDQThDaEM7SUFBRCwyQkFBQztDQUFBLEFBOUNELElBOENDO1NBOUNZLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBIb3N0QmluZGluZywgSW5wdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvcGVydHlBcGkgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2RlY29yYXRvcnMvYXBpJztcbmltcG9ydCB7IE91dGxpbmUgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zL291dGxpbmUnO1xuaW1wb3J0IHsgU2NoZW1lIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9zY2hlbWUnO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvc2l6ZSc7XG5pbXBvcnQgeyBVSSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvdWknO1xuaW1wb3J0IHsgV2lkdGggfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zL3dpZHRoJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdqbnQtYnV0dG9uLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1ncm91cC5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uR3JvdXBDb21wb25lbnQge1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JylcbiAgcmVhZG9ubHkgaG9zdCA9ICdqbnQtYnV0dG9uLWdyb3VwLWhvc3QnO1xuXG4gIHVpID0gVUk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihCdXR0b25Db21wb25lbnQsIHtkZXNjZW5kYW50czogdHJ1ZX0pXG4gIGJ1dHRvbnM6IFF1ZXJ5TGlzdDxCdXR0b25Db21wb25lbnQ+O1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdCdXR0b24gZ3JvdXAgc2l6ZScsXG4gICAgcGF0aDogJ3VpLnNpemUnLFxuICAgIG9wdGlvbnM6IFtTaXplLnRpbnksIFNpemUuc21hbGwsIFNpemUubm9ybWFsLCBTaXplLmxhcmdlXSxcbiAgICBkZWZhdWx0OiBTaXplLm5vcm1hbFxuICB9KVxuICBASW5wdXQoKVxuICBzaXplOiBTaXplID0gU2l6ZS5ub3JtYWw7XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0J1dHRvbiBncm91cCBjb2xvciBzY2hlbWUnLFxuICAgIHBhdGg6ICd1aS5zY2hlbWUnLFxuICAgIG9wdGlvbnM6IFtTY2hlbWUucHJpbWFyeSwgU2NoZW1lLnNlY29uZGFyeSwgU2NoZW1lLnN1Y2Nlc3MsIFNjaGVtZS5mYWlsXSxcbiAgICBkZWZhdWx0OiBTY2hlbWUucHJpbWFyeVxuICB9KVxuICBASW5wdXQoKVxuICBzY2hlbWU6IFNjaGVtZSA9IFNjaGVtZS5wcmltYXJ5O1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdCdXR0b24gZ3JvdXAgb3V0bGluZScsXG4gICAgcGF0aDogJ3VpLm91dGxpbmUnLFxuICAgIGRlZmF1bHQ6IE91dGxpbmUuZmlsbCxcbiAgICBvcHRpb25zOiBbT3V0bGluZS50cmFuc3BhcmVudCwgT3V0bGluZS5naG9zdCwgT3V0bGluZS5maWxsXVxuICB9KVxuICBASW5wdXQoKVxuICBvdXRsaW5lOiBPdXRsaW5lID0gT3V0bGluZS5maWxsO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdCdXR0b24gZ3JvdXAgd2lkdGgnLFxuICAgIHBhdGg6ICd1aS53aWR0aCcsXG4gICAgZGVmYXVsdDogV2lkdGguZGVmYXVsdCxcbiAgICBvcHRpb25zOiBbV2lkdGguZGVmYXVsdCwgV2lkdGguZmx1aWRdXG4gIH0pXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXdpZHRoJylcbiAgQElucHV0KClcbiAgd2lkdGg6IFdpZHRoID0gV2lkdGguZGVmYXVsdDtcbn1cbiJdfQ==