@libs-ui/components-buttons-group 0.2.5

package/README.md

@@ -0,0 +1,3 @@
+# buttons-group
+
+This library was generated with [Nx](https://nx.dev).

package/esm2022/group.component.mjs

@@ -0,0 +1,34 @@
+import { ChangeDetectionStrategy, Component, input, model, output } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsButtonsGroupComponent {
+    /* INPUT */
+    buttons = input.required();
+    indexActive = model(0);
+    disable = input(false);
+    /* OUTPUT */
+    outChange = output();
+    outFunctionsControl = output();
+    /* FUNCTIONS */
+    async handlerClickButton(index, button) {
+        if (this.indexActive() === index) {
+            return;
+        }
+        this.indexActive.set(index);
+        this.outChange.emit(button);
+    }
+    async handlerFunctionsControl(control) {
+        this.outFunctionsControl.emit(control);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsGroupComponent, isStandalone: true, selector: "libs_ui-components-buttons-group", inputs: { buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: true, transformFunction: null }, indexActive: { classPropertyName: "indexActive", publicName: "indexActive", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexActive: "indexActiveChange", outChange: "outChange", outFunctionsControl: "outFunctionsControl" }, ngImport: i0, template: "<div class=\"libs-ui-buttons-group\">\n  @for (button of buttons(); track button) {\n    <libs_ui-components-buttons-button [type]=\"indexActive() === $index ? 'button-primary' : 'button-primary-revert'\"\n      [label]=\"button.label || ''\"\n      [disable]=\"disable() || button.disable || false\"\n      [classIconLeft]=\"button.classIconLeft || ''\"\n      [classInclude]=\"button.classInclude || ''\"\n      [classIconRight]=\"button.classIconRight || ''\"\n      [popover]=\"button.popover || {}\"\n      (outFunctionsControl)=\"handlerFunctionsControl($event)\"\n      (outClick)=\"handlerClickButton($index, button)\" />\n  }\n</div>\n", styles: [":host ::ng-deep .libs-ui-buttons-group{display:flex}:host ::ng-deep .libs-ui-buttons-group .libs-ui-button-disable{border:1px solid var(--libs-ui-button-other-color-border, #226FF5)!important}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button:hover{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button-disable{border-left:0!important}:host ::ng-deep .libs-ui-buttons-group>:first-child libs_ui-components-popover .libs-ui-button{border-radius:4px 0 0 4px}:host ::ng-deep .libs-ui-buttons-group>:last-child libs_ui-components-popover .libs-ui-button{border-left:0!important;border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-buttons-group', standalone: true, imports: [
+                        TranslateModule,
+                        LibsUiComponentsButtonsButtonComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"libs-ui-buttons-group\">\n  @for (button of buttons(); track button) {\n    <libs_ui-components-buttons-button [type]=\"indexActive() === $index ? 'button-primary' : 'button-primary-revert'\"\n      [label]=\"button.label || ''\"\n      [disable]=\"disable() || button.disable || false\"\n      [classIconLeft]=\"button.classIconLeft || ''\"\n      [classInclude]=\"button.classInclude || ''\"\n      [classIconRight]=\"button.classIconRight || ''\"\n      [popover]=\"button.popover || {}\"\n      (outFunctionsControl)=\"handlerFunctionsControl($event)\"\n      (outClick)=\"handlerClickButton($index, button)\" />\n  }\n</div>\n", styles: [":host ::ng-deep .libs-ui-buttons-group{display:flex}:host ::ng-deep .libs-ui-buttons-group .libs-ui-button-disable{border:1px solid var(--libs-ui-button-other-color-border, #226FF5)!important}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button:hover{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button-disable{border-left:0!important}:host ::ng-deep .libs-ui-buttons-group>:first-child libs_ui-components-popover .libs-ui-button{border-radius:4px 0 0 4px}:host ::ng-deep .libs-ui-buttons-group>:last-child libs_ui-components-popover .libs-ui-button{border-left:0!important;border-radius:0 4px 4px 0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2J1dHRvbnMvZ3JvdXAvc3JjL2dyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9idXR0b25zL2dyb3VwL3NyYy9ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBVyxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXJHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFjdEQsTUFBTSxPQUFPLHFDQUFxQztJQUVoRCxXQUFXO0lBQ0YsT0FBTyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWtCLENBQUM7SUFDM0MsV0FBVyxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUMvQixPQUFPLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXpDLFlBQVk7SUFDSCxTQUFTLEdBQUcsTUFBTSxFQUFXLENBQUM7SUFDOUIsbUJBQW1CLEdBQUcsTUFBTSxFQUFnQyxDQUFDO0lBRXRFLGVBQWU7SUFDTCxLQUFLLENBQUMsa0JBQWtCLENBQUMsS0FBYSxFQUFFLE1BQWU7UUFDL0QsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssS0FBSyxFQUFFLENBQUM7WUFDakMsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRVMsS0FBSyxDQUFDLHVCQUF1QixDQUFDLE9BQXFDO1FBQzNFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDekMsQ0FBQzt3R0F0QlUscUNBQXFDOzRGQUFyQyxxQ0FBcUMsZ21CQ2pCbEQsc29CQWFBLHc4QkRESSxlQUFlLCtCQUNmLHNDQUFzQzs7NEZBSTdCLHFDQUFxQztrQkFaakQsU0FBUzsrQkFFRSxrQ0FBa0MsY0FHaEMsSUFBSSxXQUNQO3dCQUNQLGVBQWU7d0JBQ2Ysc0NBQXNDO3FCQUN2QyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0LCBtb2RlbCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQnV0dG9uLCBMaWJzVWlDb21wb25lbnRzQnV0dG9uc0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1idXR0b24nO1xuaW1wb3J0IHsgSVBvcG92ZXJGdW5jdGlvbkNvbnRyb2xFdmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtcG9wb3Zlcic7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ3JvdXAuY29tcG9uZW50LnNjc3MnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50XG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNCdXR0b25zR3JvdXBDb21wb25lbnQge1xuXG4gIC8qIElOUFVUICovXG4gIHJlYWRvbmx5IGJ1dHRvbnMgPSBpbnB1dC5yZXF1aXJlZDxBcnJheTxJQnV0dG9uPj4oKTtcbiAgcmVhZG9ubHkgaW5kZXhBY3RpdmUgPSBtb2RlbDxudW1iZXI+KDApO1xuICByZWFkb25seSBkaXNhYmxlID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIC8qIE9VVFBVVCAqL1xuICByZWFkb25seSBvdXRDaGFuZ2UgPSBvdXRwdXQ8SUJ1dHRvbj4oKTtcbiAgcmVhZG9ubHkgb3V0RnVuY3Rpb25zQ29udHJvbCA9IG91dHB1dDxJUG9wb3ZlckZ1bmN0aW9uQ29udHJvbEV2ZW50PigpO1xuXG4gIC8qIEZVTkNUSU9OUyAqL1xuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNsaWNrQnV0dG9uKGluZGV4OiBudW1iZXIsIGJ1dHRvbjogSUJ1dHRvbikge1xuICAgIGlmICh0aGlzLmluZGV4QWN0aXZlKCkgPT09IGluZGV4KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaW5kZXhBY3RpdmUuc2V0KGluZGV4KTtcbiAgICB0aGlzLm91dENoYW5nZS5lbWl0KGJ1dHRvbik7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckZ1bmN0aW9uc0NvbnRyb2woY29udHJvbDogSVBvcG92ZXJGdW5jdGlvbkNvbnRyb2xFdmVudCkge1xuICAgIHRoaXMub3V0RnVuY3Rpb25zQ29udHJvbC5lbWl0KGNvbnRyb2wpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJsaWJzLXVpLWJ1dHRvbnMtZ3JvdXBcIj5cbiAgQGZvciAoYnV0dG9uIG9mIGJ1dHRvbnMoKTsgdHJhY2sgYnV0dG9uKSB7XG4gICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiBbdHlwZV09XCJpbmRleEFjdGl2ZSgpID09PSAkaW5kZXggPyAnYnV0dG9uLXByaW1hcnknIDogJ2J1dHRvbi1wcmltYXJ5LXJldmVydCdcIlxuICAgICAgW2xhYmVsXT1cImJ1dHRvbi5sYWJlbCB8fCAnJ1wiXG4gICAgICBbZGlzYWJsZV09XCJkaXNhYmxlKCkgfHwgYnV0dG9uLmRpc2FibGUgfHwgZmFsc2VcIlxuICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiYnV0dG9uLmNsYXNzSWNvbkxlZnQgfHwgJydcIlxuICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgIFtjbGFzc0ljb25SaWdodF09XCJidXR0b24uY2xhc3NJY29uUmlnaHQgfHwgJydcIlxuICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLnBvcG92ZXIgfHwge31cIlxuICAgICAgKG91dEZ1bmN0aW9uc0NvbnRyb2wpPVwiaGFuZGxlckZ1bmN0aW9uc0NvbnRyb2woJGV2ZW50KVwiXG4gICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQnV0dG9uKCRpbmRleCwgYnV0dG9uKVwiIC8+XG4gIH1cbjwvZGl2PlxuIl19

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export * from './group.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYnV0dG9ucy9ncm91cC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZ3JvdXAuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/libs-ui-components-buttons-group.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlicy11aS1jb21wb25lbnRzLWJ1dHRvbnMtZ3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYnV0dG9ucy9ncm91cC9zcmMvbGlicy11aS1jb21wb25lbnRzLWJ1dHRvbnMtZ3JvdXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/fesm2022/libs-ui-components-buttons-group.mjs

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { input, model, output, Component, ChangeDetectionStrategy } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { TranslateModule } from '@ngx-translate/core';
+
+class LibsUiComponentsButtonsGroupComponent {
+    /* INPUT */
+    buttons = input.required();
+    indexActive = model(0);
+    disable = input(false);
+    /* OUTPUT */
+    outChange = output();
+    outFunctionsControl = output();
+    /* FUNCTIONS */
+    async handlerClickButton(index, button) {
+        if (this.indexActive() === index) {
+            return;
+        }
+        this.indexActive.set(index);
+        this.outChange.emit(button);
+    }
+    async handlerFunctionsControl(control) {
+        this.outFunctionsControl.emit(control);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsGroupComponent, isStandalone: true, selector: "libs_ui-components-buttons-group", inputs: { buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: true, transformFunction: null }, indexActive: { classPropertyName: "indexActive", publicName: "indexActive", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexActive: "indexActiveChange", outChange: "outChange", outFunctionsControl: "outFunctionsControl" }, ngImport: i0, template: "<div class=\"libs-ui-buttons-group\">\n  @for (button of buttons(); track button) {\n    <libs_ui-components-buttons-button [type]=\"indexActive() === $index ? 'button-primary' : 'button-primary-revert'\"\n      [label]=\"button.label || ''\"\n      [disable]=\"disable() || button.disable || false\"\n      [classIconLeft]=\"button.classIconLeft || ''\"\n      [classInclude]=\"button.classInclude || ''\"\n      [classIconRight]=\"button.classIconRight || ''\"\n      [popover]=\"button.popover || {}\"\n      (outFunctionsControl)=\"handlerFunctionsControl($event)\"\n      (outClick)=\"handlerClickButton($index, button)\" />\n  }\n</div>\n", styles: [":host ::ng-deep .libs-ui-buttons-group{display:flex}:host ::ng-deep .libs-ui-buttons-group .libs-ui-button-disable{border:1px solid var(--libs-ui-button-other-color-border, #226FF5)!important}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button:hover{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button-disable{border-left:0!important}:host ::ng-deep .libs-ui-buttons-group>:first-child libs_ui-components-popover .libs-ui-button{border-radius:4px 0 0 4px}:host ::ng-deep .libs-ui-buttons-group>:last-child libs_ui-components-popover .libs-ui-button{border-left:0!important;border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-buttons-group', standalone: true, imports: [
+                        TranslateModule,
+                        LibsUiComponentsButtonsButtonComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"libs-ui-buttons-group\">\n  @for (button of buttons(); track button) {\n    <libs_ui-components-buttons-button [type]=\"indexActive() === $index ? 'button-primary' : 'button-primary-revert'\"\n      [label]=\"button.label || ''\"\n      [disable]=\"disable() || button.disable || false\"\n      [classIconLeft]=\"button.classIconLeft || ''\"\n      [classInclude]=\"button.classInclude || ''\"\n      [classIconRight]=\"button.classIconRight || ''\"\n      [popover]=\"button.popover || {}\"\n      (outFunctionsControl)=\"handlerFunctionsControl($event)\"\n      (outClick)=\"handlerClickButton($index, button)\" />\n  }\n</div>\n", styles: [":host ::ng-deep .libs-ui-buttons-group{display:flex}:host ::ng-deep .libs-ui-buttons-group .libs-ui-button-disable{border:1px solid var(--libs-ui-button-other-color-border, #226FF5)!important}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button:hover{border-radius:0;border-left:0}:host ::ng-deep .libs-ui-buttons-group>:not(:first-child):not(:last-child) libs_ui-components-popover .libs-ui-button-disable{border-left:0!important}:host ::ng-deep .libs-ui-buttons-group>:first-child libs_ui-components-popover .libs-ui-button{border-radius:4px 0 0 4px}:host ::ng-deep .libs-ui-buttons-group>:last-child libs_ui-components-popover .libs-ui-button{border-left:0!important;border-radius:0 4px 4px 0}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsButtonsGroupComponent };
+//# sourceMappingURL=libs-ui-components-buttons-group.mjs.map

package/fesm2022/libs-ui-components-buttons-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-buttons-group.mjs","sources":["../../../../../../libs-ui/components/buttons/group/src/group.component.ts","../../../../../../libs-ui/components/buttons/group/src/group.component.html","../../../../../../libs-ui/components/buttons/group/src/libs-ui-components-buttons-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, model, output } from '@angular/core';\nimport { IButton, LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { IPopoverFunctionControlEvent } from '@libs-ui/components-popover';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-buttons-group',\n  templateUrl: './group.component.html',\n  styleUrl: './group.component.scss',\n  standalone: true,\n  imports: [\n    TranslateModule,\n    LibsUiComponentsButtonsButtonComponent\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LibsUiComponentsButtonsGroupComponent {\n\n  /* INPUT */\n  readonly buttons = input.required<Array<IButton>>();\n  readonly indexActive = model<number>(0);\n  readonly disable = input<boolean>(false);\n\n  /* OUTPUT */\n  readonly outChange = output<IButton>();\n  readonly outFunctionsControl = output<IPopoverFunctionControlEvent>();\n\n  /* FUNCTIONS */\n  protected async handlerClickButton(index: number, button: IButton) {\n    if (this.indexActive() === index) {\n      return;\n    }\n    this.indexActive.set(index);\n    this.outChange.emit(button);\n  }\n\n  protected async handlerFunctionsControl(control: IPopoverFunctionControlEvent) {\n    this.outFunctionsControl.emit(control);\n  }\n\n}\n","<div class=\"libs-ui-buttons-group\">\n  @for (button of buttons(); track button) {\n    <libs_ui-components-buttons-button [type]=\"indexActive() === $index ? 'button-primary' : 'button-primary-revert'\"\n      [label]=\"button.label || ''\"\n      [disable]=\"disable() || button.disable || false\"\n      [classIconLeft]=\"button.classIconLeft || ''\"\n      [classInclude]=\"button.classInclude || ''\"\n      [classIconRight]=\"button.classIconRight || ''\"\n      [popover]=\"button.popover || {}\"\n      (outFunctionsControl)=\"handlerFunctionsControl($event)\"\n      (outClick)=\"handlerClickButton($index, button)\" />\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAiBa,qCAAqC,CAAA;;AAGvC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAkB;AAC1C,IAAA,WAAW,GAAG,KAAK,CAAS,CAAC,CAAC;AAC9B,IAAA,OAAO,GAAG,KAAK,CAAU,KAAK,CAAC;;IAG/B,SAAS,GAAG,MAAM,EAAW;IAC7B,mBAAmB,GAAG,MAAM,EAAgC;;AAG3D,IAAA,MAAM,kBAAkB,CAAC,KAAa,EAAE,MAAe,EAAA;AAC/D,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;YAChC;;AAEF,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;IAGnB,MAAM,uBAAuB,CAAC,OAAqC,EAAA;AAC3E,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC;;wGArB7B,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qCAAqC,ECjBlD,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,soBAaA,EDDI,MAAA,EAAA,CAAA,i5BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,+BACf,sCAAsC,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,yBAAA,EAAA,+BAAA,EAAA,oBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,EAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAI7B,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAZjD,SAAS;+BAEE,kCAAkC,EAAA,UAAA,EAGhC,IAAI,EACP,OAAA,EAAA;wBACP,eAAe;wBACf;qBACD,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,soBAAA,EAAA,MAAA,EAAA,CAAA,i5BAAA,CAAA,EAAA;;;AEfjD;;AAEG;;;;"}

package/group.component.d.ts

@@ -0,0 +1,14 @@
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IPopoverFunctionControlEvent } from '@libs-ui/components-popover';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsButtonsGroupComponent {
+    readonly buttons: import("@angular/core").InputSignal<IButton[]>;
+    readonly indexActive: import("@angular/core").ModelSignal<number>;
+    readonly disable: import("@angular/core").InputSignal<boolean>;
+    readonly outChange: import("@angular/core").OutputEmitterRef<IButton>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IPopoverFunctionControlEvent>;
+    protected handlerClickButton(index: number, button: IButton): Promise<void>;
+    protected handlerFunctionsControl(control: IPopoverFunctionControlEvent): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsButtonsGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsButtonsGroupComponent, "libs_ui-components-buttons-group", never, { "buttons": { "alias": "buttons"; "required": true; "isSignal": true; }; "indexActive": { "alias": "indexActive"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; }, { "indexActive": "indexActiveChange"; "outChange": "outChange"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
+}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './group.component';

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@libs-ui/components-buttons-group",
+  "version": "0.2.5",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-buttons-group.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-buttons-group.mjs",
+      "esm": "./esm2022/libs-ui-components-buttons-group.mjs",
+      "default": "./fesm2022/libs-ui-components-buttons-group.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}