@junte/ui
Version:
Quality Angular UI components kit
76 lines • 8.37 kB
JavaScript
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';
let ButtonGroupComponent = class ButtonGroupComponent {
constructor() {
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);
export { ButtonGroupComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9mb3Jtcy9idXR0b24vZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBTXRELElBQWEsb0JBQW9CLEdBQWpDLE1BQWEsb0JBQW9CO0lBQWpDO1FBR1csU0FBSSxHQUFHLHVCQUF1QixDQUFDO1FBRXhDLE9BQUUsR0FBRyxFQUFFLENBQUM7UUFZUixTQUFJLEdBQVMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQVN6QixXQUFNLEdBQVcsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQVNoQyxZQUFPLEdBQVksT0FBTyxDQUFDLElBQUksQ0FBQztRQVVoQyxVQUFLLEdBQVUsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUMvQixDQUFDO0NBQUEsQ0FBQTtBQTNDQztJQURDLFdBQVcsQ0FBQyxXQUFXLENBQUM7O2tEQUNlO0FBS3hDO0lBREMsZUFBZSxDQUFDLGVBQWUsRUFBRSxFQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUMsQ0FBQzs4QkFDN0MsU0FBUztxREFBa0I7QUFTcEM7SUFQQyxXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsbUJBQW1CO1FBQ2hDLElBQUksRUFBRSxTQUFTO1FBQ2YsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN6RCxPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU07S0FDckIsQ0FBQztJQUNELEtBQUssRUFBRTs7a0RBQ2lCO0FBU3pCO0lBUEMsV0FBVyxDQUFDO1FBQ1gsV0FBVyxFQUFFLDJCQUEyQjtRQUN4QyxJQUFJLEVBQUUsV0FBVztRQUNqQixPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDO1FBQ3hFLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTztLQUN4QixDQUFDO0lBQ0QsS0FBSyxFQUFFOztvREFDd0I7QUFTaEM7SUFQQyxXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsc0JBQXNCO1FBQ25DLElBQUksRUFBRSxZQUFZO1FBQ2xCLE9BQU8sRUFBRSxPQUFPLENBQUMsSUFBSTtRQUNyQixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQztLQUM1RCxDQUFDO0lBQ0QsS0FBSyxFQUFFOztxREFDd0I7QUFVaEM7SUFSQyxXQUFXLENBQUM7UUFDWCxXQUFXLEVBQUUsb0JBQW9CO1FBQ2pDLElBQUksRUFBRSxVQUFVO1FBQ2hCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTztRQUN0QixPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUM7S0FDdEMsQ0FBQztJQUNELFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQztJQUM5QixLQUFLLEVBQUU7O21EQUNxQjtBQTdDbEIsb0JBQW9CO0lBSmhDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxrQkFBa0I7UUFDNUIseTBCQUErQztLQUNoRCxDQUFDO0dBQ1csb0JBQW9CLENBOENoQztTQTlDWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSG9zdEJpbmRpbmcsIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb3BlcnR5QXBpIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9kZWNvcmF0b3JzL2FwaSc7XG5pbXBvcnQgeyBPdXRsaW5lIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy9vdXRsaW5lJztcbmltcG9ydCB7IFNjaGVtZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvZW51bXMvc2NoZW1lJztcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zL3NpemUnO1xuaW1wb3J0IHsgVUkgfSBmcm9tICcuLi8uLi8uLi9jb3JlL2VudW1zL3VpJztcbmltcG9ydCB7IFdpZHRoIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9lbnVtcy93aWR0aCc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnam50LWJ1dHRvbi1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tZ3JvdXAuZW5jYXBzdWxhdGVkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaG9zdCcpXG4gIHJlYWRvbmx5IGhvc3QgPSAnam50LWJ1dHRvbi1ncm91cC1ob3N0JztcblxuICB1aSA9IFVJO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQnV0dG9uQ29tcG9uZW50LCB7ZGVzY2VuZGFudHM6IHRydWV9KVxuICBidXR0b25zOiBRdWVyeUxpc3Q8QnV0dG9uQ29tcG9uZW50PjtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnQnV0dG9uIGdyb3VwIHNpemUnLFxuICAgIHBhdGg6ICd1aS5zaXplJyxcbiAgICBvcHRpb25zOiBbU2l6ZS50aW55LCBTaXplLnNtYWxsLCBTaXplLm5vcm1hbCwgU2l6ZS5sYXJnZV0sXG4gICAgZGVmYXVsdDogU2l6ZS5ub3JtYWxcbiAgfSlcbiAgQElucHV0KClcbiAgc2l6ZTogU2l6ZSA9IFNpemUubm9ybWFsO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdCdXR0b24gZ3JvdXAgY29sb3Igc2NoZW1lJyxcbiAgICBwYXRoOiAndWkuc2NoZW1lJyxcbiAgICBvcHRpb25zOiBbU2NoZW1lLnByaW1hcnksIFNjaGVtZS5zZWNvbmRhcnksIFNjaGVtZS5zdWNjZXNzLCBTY2hlbWUuZmFpbF0sXG4gICAgZGVmYXVsdDogU2NoZW1lLnByaW1hcnlcbiAgfSlcbiAgQElucHV0KClcbiAgc2NoZW1lOiBTY2hlbWUgPSBTY2hlbWUucHJpbWFyeTtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnQnV0dG9uIGdyb3VwIG91dGxpbmUnLFxuICAgIHBhdGg6ICd1aS5vdXRsaW5lJyxcbiAgICBkZWZhdWx0OiBPdXRsaW5lLmZpbGwsXG4gICAgb3B0aW9uczogW091dGxpbmUudHJhbnNwYXJlbnQsIE91dGxpbmUuZ2hvc3QsIE91dGxpbmUuZmlsbF1cbiAgfSlcbiAgQElucHV0KClcbiAgb3V0bGluZTogT3V0bGluZSA9IE91dGxpbmUuZmlsbDtcblxuICBAUHJvcGVydHlBcGkoe1xuICAgIGRlc2NyaXB0aW9uOiAnQnV0dG9uIGdyb3VwIHdpZHRoJyxcbiAgICBwYXRoOiAndWkud2lkdGgnLFxuICAgIGRlZmF1bHQ6IFdpZHRoLmRlZmF1bHQsXG4gICAgb3B0aW9uczogW1dpZHRoLmRlZmF1bHQsIFdpZHRoLmZsdWlkXVxuICB9KVxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS13aWR0aCcpXG4gIEBJbnB1dCgpXG4gIHdpZHRoOiBXaWR0aCA9IFdpZHRoLmRlZmF1bHQ7XG59XG4iXX0=