@libs-ui/components-buttons-select-color 0.2.10-6.2

package/README.md

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

package/buttons-select-color.component.d.ts

@@ -0,0 +1,22 @@
+import { OnDestroy } from '@angular/core';
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IPickerCustomOptions } from '@libs-ui/components-color-picker';
+import { IPopoverFunctionControlEvent, TYPE_POPOVER_DIRECTION } from '@libs-ui/components-popover';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsButtonsSelectColorComponent implements OnDestroy {
+    private color;
+    private popoverFunctionControl;
+    readonly zIndex: import("@angular/core").ModelSignal<number>;
+    readonly customOptions: import("@angular/core").InputSignal<IPickerCustomOptions | undefined>;
+    readonly externalContent: import("@angular/core").InputSignal<boolean>;
+    readonly direction: import("@angular/core").InputSignal<TYPE_POPOVER_DIRECTION>;
+    readonly button: import("@angular/core").InputSignal<IButton | undefined>;
+    readonly applyNow: import("@angular/core").InputSignal<boolean>;
+    readonly outColorChange: import("@angular/core").OutputEmitterRef<string>;
+    protected handlerColorChange(event: string): void;
+    protected handlerFunctionControl(event: IPopoverFunctionControlEvent): void;
+    protected handlerAction(event: Event, action: 'cancel' | 'apply'): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsButtonsSelectColorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsButtonsSelectColorComponent, "libs_ui-components-buttons-select_color", never, { "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "customOptions": { "alias": "customOptions"; "required": false; "isSignal": true; }; "externalContent": { "alias": "externalContent"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "applyNow": { "alias": "applyNow"; "required": false; "isSignal": true; }; }, { "zIndex": "zIndexChange"; "outColorChange": "outColorChange"; }, never, ["div.libs-ui-buttons-select-color"], true, never>;
+}

package/esm2022/buttons-select-color.component.mjs

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, input, model, output, signal } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsColorPickerComponent } from '@libs-ui/components-color-picker';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsButtonsSelectColorComponent {
+    /* PROPERTY */
+    color = signal('');
+    popoverFunctionControl = signal(undefined);
+    /* INPUT */
+    zIndex = model(1200);
+    customOptions = input();
+    externalContent = input(false);
+    direction = input('bottom');
+    button = input();
+    applyNow = input(false);
+    /* OUTPUT */
+    outColorChange = output();
+    /* FUNCTIONS */
+    handlerColorChange(event) {
+        if (this.applyNow()) {
+            this.outColorChange.emit(event);
+            return;
+        }
+        this.color.set(event);
+    }
+    handlerFunctionControl(event) {
+        this.popoverFunctionControl.set(event);
+    }
+    handlerAction(event, action) {
+        event.stopPropagation();
+        this.popoverFunctionControl()?.removePopoverOverlay();
+        if (action === 'apply') {
+            this.outColorChange.emit(this.color());
+        }
+    }
+    ngOnDestroy() {
+        this.popoverFunctionControl()?.removePopoverOverlay();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsSelectColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsSelectColorComponent, isStandalone: true, selector: "libs_ui-components-buttons-select_color", inputs: { zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, customOptions: { classPropertyName: "customOptions", publicName: "customOptions", isSignal: true, isRequired: false, transformFunction: null }, externalContent: { classPropertyName: "externalContent", publicName: "externalContent", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, applyNow: { classPropertyName: "applyNow", publicName: "applyNow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zIndex: "zIndexChange", outColorChange: "outColorChange" }, ngImport: i0, template: "<div class=\"flex\"\n  LibsUiComponentsPopoverDirective\n  [mode]=\"'click-toggle'\"\n  [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n  [config]=\"{\n              template: colorPicker,\n              whiteTheme: true,\n              ignoreArrow: true,\n              widthByParent: false,\n              maxWidth: 500,\n              maxHeight: 500,\n              zIndex: zIndex(),\n              classInclude: 'w-[350px]',\n              direction: direction(),\n              directionDistance: 2,\n              position: {\n                mode: 'start',\n                distance: 0\n              }\n}\"\n  (outFunctionsControl)=\"handlerFunctionControl($event)\">\n  @if (externalContent()) {\n    <ng-content select=\"div.libs-ui-buttons-select-color\"></ng-content>\n  } @else {\n    <libs_ui-components-buttons-button [type]=\"button()?.type || 'button-primary'\"\n      [classIconLeft]=\"button()?.classIconLeft || ''\"\n      [classIconRight]=\"button()?.classIconRight || ''\"\n      [label]=\"button()?.label || ''\"\n      [classLabel]=\"button()?.classLabel || ''\"\n      [classInclude]=\"button()?.classInclude || ''\"\n      [iconOnlyType]=\"button()?.iconOnlyType || false\"\n      [popover]=\"button()?.popover || {}\"\n      [ignoreStopPropagationEvent]=\"true\" />\n  }\n</div>\n\n<ng-template #colorPicker>\n  <div class=\"p-[16px] w-auto h-auto\">\n    <libs_ui-components-color_picker [customOptions]=\"customOptions()\"\n      (outColorChange)=\"handlerColorChange($event)\" />\n    @if (!applyNow()) {\n      <div class=\"flex items-center justify-end pt-[16px]\">\n        <libs_ui-components-buttons-button [label]=\"'i18n_cancel'\"\n          [type]=\"'button-third'\"\n          (outClick)=\"handlerAction($event, 'cancel')\" />\n        <libs_ui-components-buttons-button [label]=\"'i18n_apply'\"\n          [classInclude]=\"'ml-[16px]'\"\n          (outClick)=\"handlerAction($event, 'apply')\" />\n      </div>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsColorPickerComponent, selector: "libs_ui-components-color_picker", inputs: ["customOptions"], outputs: ["outColorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsSelectColorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-buttons-select_color', standalone: true, imports: [
+                        TranslateModule,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsColorPickerComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex\"\n  LibsUiComponentsPopoverDirective\n  [mode]=\"'click-toggle'\"\n  [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n  [config]=\"{\n              template: colorPicker,\n              whiteTheme: true,\n              ignoreArrow: true,\n              widthByParent: false,\n              maxWidth: 500,\n              maxHeight: 500,\n              zIndex: zIndex(),\n              classInclude: 'w-[350px]',\n              direction: direction(),\n              directionDistance: 2,\n              position: {\n                mode: 'start',\n                distance: 0\n              }\n}\"\n  (outFunctionsControl)=\"handlerFunctionControl($event)\">\n  @if (externalContent()) {\n    <ng-content select=\"div.libs-ui-buttons-select-color\"></ng-content>\n  } @else {\n    <libs_ui-components-buttons-button [type]=\"button()?.type || 'button-primary'\"\n      [classIconLeft]=\"button()?.classIconLeft || ''\"\n      [classIconRight]=\"button()?.classIconRight || ''\"\n      [label]=\"button()?.label || ''\"\n      [classLabel]=\"button()?.classLabel || ''\"\n      [classInclude]=\"button()?.classInclude || ''\"\n      [iconOnlyType]=\"button()?.iconOnlyType || false\"\n      [popover]=\"button()?.popover || {}\"\n      [ignoreStopPropagationEvent]=\"true\" />\n  }\n</div>\n\n<ng-template #colorPicker>\n  <div class=\"p-[16px] w-auto h-auto\">\n    <libs_ui-components-color_picker [customOptions]=\"customOptions()\"\n      (outColorChange)=\"handlerColorChange($event)\" />\n    @if (!applyNow()) {\n      <div class=\"flex items-center justify-end pt-[16px]\">\n        <libs_ui-components-buttons-button [label]=\"'i18n_cancel'\"\n          [type]=\"'button-third'\"\n          (outClick)=\"handlerAction($event, 'cancel')\" />\n        <libs_ui-components-buttons-button [label]=\"'i18n_apply'\"\n          [classInclude]=\"'ml-[16px]'\"\n          (outClick)=\"handlerAction($event, 'apply')\" />\n      </div>\n    }\n  </div>\n</ng-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9ucy1zZWxlY3QtY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2J1dHRvbnMvc2VsZWN0LWNvbG9yL3NyYy9idXR0b25zLXNlbGVjdC1jb2xvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYnV0dG9ucy9zZWxlY3QtY29sb3Ivc3JjL2J1dHRvbnMtc2VsZWN0LWNvbG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBVyxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3JHLE9BQU8sRUFBd0Isb0NBQW9DLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RyxPQUFPLEVBQWdDLGdDQUFnQyxFQUEwQixNQUFNLDZCQUE2QixDQUFDO0FBQ3JJLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFldEQsTUFBTSxPQUFPLDJDQUEyQztJQUV0RCxjQUFjO0lBQ04sS0FBSyxHQUFHLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUMzQixzQkFBc0IsR0FBRyxNQUFNLENBQTJDLFNBQVMsQ0FBQyxDQUFDO0lBRTdGLFdBQVc7SUFDRixNQUFNLEdBQUcsS0FBSyxDQUFTLElBQUksQ0FBQyxDQUFDO0lBQzdCLGFBQWEsR0FBRyxLQUFLLEVBQXdCLENBQUM7SUFDOUMsZUFBZSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUN4QyxTQUFTLEdBQUcsS0FBSyxDQUF5QixRQUFRLENBQUMsQ0FBQztJQUNwRCxNQUFNLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFDMUIsUUFBUSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUUxQyxZQUFZO0lBQ0gsY0FBYyxHQUFHLE1BQU0sRUFBVSxDQUFDO0lBRTNDLGVBQWU7SUFDTCxrQkFBa0IsQ0FBQyxLQUFhO1FBQ3hDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFFaEMsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRVMsc0JBQXNCLENBQUMsS0FBbUM7UUFDbEUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRVMsYUFBYSxDQUFDLEtBQVksRUFBRSxNQUEwQjtRQUM5RCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLHNCQUFzQixFQUFFLEVBQUUsb0JBQW9CLEVBQUUsQ0FBQztRQUN0RCxJQUFJLE1BQU0sS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUN6QyxDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsc0JBQXNCLEVBQUUsRUFBRSxvQkFBb0IsRUFBRSxDQUFDO0lBQ3hELENBQUM7d0dBekNVLDJDQUEyQzs0RkFBM0MsMkNBQTJDLHU5QkNuQnhELHc4REFvREEsMkNEeENJLGVBQWUsK0JBQ2YsZ0NBQWdDLHFlQUNoQyxzQ0FBc0MsaWhCQUN0QyxvQ0FBb0M7OzRGQUkzQiwyQ0FBMkM7a0JBYnZELFNBQVM7K0JBRUUseUNBQXlDLGNBRXZDLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLGdDQUFnQzt3QkFDaEMsc0NBQXNDO3dCQUN0QyxvQ0FBb0M7cUJBQ3JDLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQsIG1vZGVsLCBPbkRlc3Ryb3ksIG91dHB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQnV0dG9uLCBMaWJzVWlDb21wb25lbnRzQnV0dG9uc0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1idXR0b24nO1xuaW1wb3J0IHsgSVBpY2tlckN1c3RvbU9wdGlvbnMsIExpYnNVaUNvbXBvbmVudHNDb2xvclBpY2tlckNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtY29sb3ItcGlja2VyJztcbmltcG9ydCB7IElQb3BvdmVyRnVuY3Rpb25Db250cm9sRXZlbnQsIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LCBUWVBFX1BPUE9WRVJfRElSRUNUSU9OIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1zZWxlY3RfY29sb3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9ucy1zZWxlY3QtY29sb3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNDb2xvclBpY2tlckNvbXBvbmVudFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzQnV0dG9uc1NlbGVjdENvbG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcblxuICAvKiBQUk9QRVJUWSAqL1xuICBwcml2YXRlIGNvbG9yID0gc2lnbmFsPHN0cmluZz4oJycpO1xuICBwcml2YXRlIHBvcG92ZXJGdW5jdGlvbkNvbnRyb2wgPSBzaWduYWw8SVBvcG92ZXJGdW5jdGlvbkNvbnRyb2xFdmVudCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuICAvKiBJTlBVVCAqL1xuICByZWFkb25seSB6SW5kZXggPSBtb2RlbDxudW1iZXI+KDEyMDApO1xuICByZWFkb25seSBjdXN0b21PcHRpb25zID0gaW5wdXQ8SVBpY2tlckN1c3RvbU9wdGlvbnM+KCk7XG4gIHJlYWRvbmx5IGV4dGVybmFsQ29udGVudCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgZGlyZWN0aW9uID0gaW5wdXQ8VFlQRV9QT1BPVkVSX0RJUkVDVElPTj4oJ2JvdHRvbScpO1xuICByZWFkb25seSBidXR0b24gPSBpbnB1dDxJQnV0dG9uPigpO1xuICByZWFkb25seSBhcHBseU5vdyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuICAvKiBPVVRQVVQgKi9cbiAgcmVhZG9ubHkgb3V0Q29sb3JDaGFuZ2UgPSBvdXRwdXQ8c3RyaW5nPigpO1xuXG4gIC8qIEZVTkNUSU9OUyAqL1xuICBwcm90ZWN0ZWQgaGFuZGxlckNvbG9yQ2hhbmdlKGV2ZW50OiBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5hcHBseU5vdygpKSB7XG4gICAgICB0aGlzLm91dENvbG9yQ2hhbmdlLmVtaXQoZXZlbnQpO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuY29sb3Iuc2V0KGV2ZW50KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVyRnVuY3Rpb25Db250cm9sKGV2ZW50OiBJUG9wb3ZlckZ1bmN0aW9uQ29udHJvbEV2ZW50KSB7XG4gICAgdGhpcy5wb3BvdmVyRnVuY3Rpb25Db250cm9sLnNldChldmVudCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckFjdGlvbihldmVudDogRXZlbnQsIGFjdGlvbjogJ2NhbmNlbCcgfCAnYXBwbHknKSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5wb3BvdmVyRnVuY3Rpb25Db250cm9sKCk/LnJlbW92ZVBvcG92ZXJPdmVybGF5KCk7XG4gICAgaWYgKGFjdGlvbiA9PT0gJ2FwcGx5Jykge1xuICAgICAgdGhpcy5vdXRDb2xvckNoYW5nZS5lbWl0KHRoaXMuY29sb3IoKSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5wb3BvdmVyRnVuY3Rpb25Db250cm9sKCk/LnJlbW92ZVBvcG92ZXJPdmVybGF5KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4XCJcbiAgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJEaXJlY3RpdmVcbiAgW21vZGVdPVwiJ2NsaWNrLXRvZ2dsZSdcIlxuICBbaWdub3JlSGlkZGVuUG9wb3ZlckNvbnRlbnRXaGVuTW91c2VMZWF2ZV09XCJ0cnVlXCJcbiAgW2NvbmZpZ109XCJ7XG4gICAgICAgICAgICAgIHRlbXBsYXRlOiBjb2xvclBpY2tlcixcbiAgICAgICAgICAgICAgd2hpdGVUaGVtZTogdHJ1ZSxcbiAgICAgICAgICAgICAgaWdub3JlQXJyb3c6IHRydWUsXG4gICAgICAgICAgICAgIHdpZHRoQnlQYXJlbnQ6IGZhbHNlLFxuICAgICAgICAgICAgICBtYXhXaWR0aDogNTAwLFxuICAgICAgICAgICAgICBtYXhIZWlnaHQ6IDUwMCxcbiAgICAgICAgICAgICAgekluZGV4OiB6SW5kZXgoKSxcbiAgICAgICAgICAgICAgY2xhc3NJbmNsdWRlOiAndy1bMzUwcHhdJyxcbiAgICAgICAgICAgICAgZGlyZWN0aW9uOiBkaXJlY3Rpb24oKSxcbiAgICAgICAgICAgICAgZGlyZWN0aW9uRGlzdGFuY2U6IDIsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiB7XG4gICAgICAgICAgICAgICAgbW9kZTogJ3N0YXJ0JyxcbiAgICAgICAgICAgICAgICBkaXN0YW5jZTogMFxuICAgICAgICAgICAgICB9XG59XCJcbiAgKG91dEZ1bmN0aW9uc0NvbnRyb2wpPVwiaGFuZGxlckZ1bmN0aW9uQ29udHJvbCgkZXZlbnQpXCI+XG4gIEBpZiAoZXh0ZXJuYWxDb250ZW50KCkpIHtcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJkaXYubGlicy11aS1idXR0b25zLXNlbGVjdC1jb2xvclwiPjwvbmctY29udGVudD5cbiAgfSBAZWxzZSB7XG4gICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiBbdHlwZV09XCJidXR0b24oKT8udHlwZSB8fCAnYnV0dG9uLXByaW1hcnknXCJcbiAgICAgIFtjbGFzc0ljb25MZWZ0XT1cImJ1dHRvbigpPy5jbGFzc0ljb25MZWZ0IHx8ICcnXCJcbiAgICAgIFtjbGFzc0ljb25SaWdodF09XCJidXR0b24oKT8uY2xhc3NJY29uUmlnaHQgfHwgJydcIlxuICAgICAgW2xhYmVsXT1cImJ1dHRvbigpPy5sYWJlbCB8fCAnJ1wiXG4gICAgICBbY2xhc3NMYWJlbF09XCJidXR0b24oKT8uY2xhc3NMYWJlbCB8fCAnJ1wiXG4gICAgICBbY2xhc3NJbmNsdWRlXT1cImJ1dHRvbigpPy5jbGFzc0luY2x1ZGUgfHwgJydcIlxuICAgICAgW2ljb25Pbmx5VHlwZV09XCJidXR0b24oKT8uaWNvbk9ubHlUeXBlIHx8IGZhbHNlXCJcbiAgICAgIFtwb3BvdmVyXT1cImJ1dHRvbigpPy5wb3BvdmVyIHx8IHt9XCJcbiAgICAgIFtpZ25vcmVTdG9wUHJvcGFnYXRpb25FdmVudF09XCJ0cnVlXCIgLz5cbiAgfVxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjY29sb3JQaWNrZXI+XG4gIDxkaXYgY2xhc3M9XCJwLVsxNnB4XSB3LWF1dG8gaC1hdXRvXCI+XG4gICAgPGxpYnNfdWktY29tcG9uZW50cy1jb2xvcl9waWNrZXIgW2N1c3RvbU9wdGlvbnNdPVwiY3VzdG9tT3B0aW9ucygpXCJcbiAgICAgIChvdXRDb2xvckNoYW5nZSk9XCJoYW5kbGVyQ29sb3JDaGFuZ2UoJGV2ZW50KVwiIC8+XG4gICAgQGlmICghYXBwbHlOb3coKSkge1xuICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktZW5kIHB0LVsxNnB4XVwiPlxuICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFtsYWJlbF09XCInaTE4bl9jYW5jZWwnXCJcbiAgICAgICAgICBbdHlwZV09XCInYnV0dG9uLXRoaXJkJ1wiXG4gICAgICAgICAgKG91dENsaWNrKT1cImhhbmRsZXJBY3Rpb24oJGV2ZW50LCAnY2FuY2VsJylcIiAvPlxuICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFtsYWJlbF09XCInaTE4bl9hcHBseSdcIlxuICAgICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiJ21sLVsxNnB4XSdcIlxuICAgICAgICAgIChvdXRDbGljayk9XCJoYW5kbGVyQWN0aW9uKCRldmVudCwgJ2FwcGx5JylcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export * from './buttons-select-color.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYnV0dG9ucy9zZWxlY3QtY29sb3Ivc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0NBQWtDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2J1dHRvbnMtc2VsZWN0LWNvbG9yLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/libs-ui-components-buttons-select-color.mjs

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

package/fesm2022/libs-ui-components-buttons-select-color.mjs

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { signal, model, input, output, Component, ChangeDetectionStrategy } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsColorPickerComponent } from '@libs-ui/components-color-picker';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { TranslateModule } from '@ngx-translate/core';
+
+class LibsUiComponentsButtonsSelectColorComponent {
+    /* PROPERTY */
+    color = signal('');
+    popoverFunctionControl = signal(undefined);
+    /* INPUT */
+    zIndex = model(1200);
+    customOptions = input();
+    externalContent = input(false);
+    direction = input('bottom');
+    button = input();
+    applyNow = input(false);
+    /* OUTPUT */
+    outColorChange = output();
+    /* FUNCTIONS */
+    handlerColorChange(event) {
+        if (this.applyNow()) {
+            this.outColorChange.emit(event);
+            return;
+        }
+        this.color.set(event);
+    }
+    handlerFunctionControl(event) {
+        this.popoverFunctionControl.set(event);
+    }
+    handlerAction(event, action) {
+        event.stopPropagation();
+        this.popoverFunctionControl()?.removePopoverOverlay();
+        if (action === 'apply') {
+            this.outColorChange.emit(this.color());
+        }
+    }
+    ngOnDestroy() {
+        this.popoverFunctionControl()?.removePopoverOverlay();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsSelectColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsSelectColorComponent, isStandalone: true, selector: "libs_ui-components-buttons-select_color", inputs: { zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, customOptions: { classPropertyName: "customOptions", publicName: "customOptions", isSignal: true, isRequired: false, transformFunction: null }, externalContent: { classPropertyName: "externalContent", publicName: "externalContent", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, applyNow: { classPropertyName: "applyNow", publicName: "applyNow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zIndex: "zIndexChange", outColorChange: "outColorChange" }, ngImport: i0, template: "<div class=\"flex\"\n  LibsUiComponentsPopoverDirective\n  [mode]=\"'click-toggle'\"\n  [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n  [config]=\"{\n              template: colorPicker,\n              whiteTheme: true,\n              ignoreArrow: true,\n              widthByParent: false,\n              maxWidth: 500,\n              maxHeight: 500,\n              zIndex: zIndex(),\n              classInclude: 'w-[350px]',\n              direction: direction(),\n              directionDistance: 2,\n              position: {\n                mode: 'start',\n                distance: 0\n              }\n}\"\n  (outFunctionsControl)=\"handlerFunctionControl($event)\">\n  @if (externalContent()) {\n    <ng-content select=\"div.libs-ui-buttons-select-color\"></ng-content>\n  } @else {\n    <libs_ui-components-buttons-button [type]=\"button()?.type || 'button-primary'\"\n      [classIconLeft]=\"button()?.classIconLeft || ''\"\n      [classIconRight]=\"button()?.classIconRight || ''\"\n      [label]=\"button()?.label || ''\"\n      [classLabel]=\"button()?.classLabel || ''\"\n      [classInclude]=\"button()?.classInclude || ''\"\n      [iconOnlyType]=\"button()?.iconOnlyType || false\"\n      [popover]=\"button()?.popover || {}\"\n      [ignoreStopPropagationEvent]=\"true\" />\n  }\n</div>\n\n<ng-template #colorPicker>\n  <div class=\"p-[16px] w-auto h-auto\">\n    <libs_ui-components-color_picker [customOptions]=\"customOptions()\"\n      (outColorChange)=\"handlerColorChange($event)\" />\n    @if (!applyNow()) {\n      <div class=\"flex items-center justify-end pt-[16px]\">\n        <libs_ui-components-buttons-button [label]=\"'i18n_cancel'\"\n          [type]=\"'button-third'\"\n          (outClick)=\"handlerAction($event, 'cancel')\" />\n        <libs_ui-components-buttons-button [label]=\"'i18n_apply'\"\n          [classInclude]=\"'ml-[16px]'\"\n          (outClick)=\"handlerAction($event, 'apply')\" />\n      </div>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsColorPickerComponent, selector: "libs_ui-components-color_picker", inputs: ["customOptions"], outputs: ["outColorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsSelectColorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-buttons-select_color', standalone: true, imports: [
+                        TranslateModule,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsColorPickerComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex\"\n  LibsUiComponentsPopoverDirective\n  [mode]=\"'click-toggle'\"\n  [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n  [config]=\"{\n              template: colorPicker,\n              whiteTheme: true,\n              ignoreArrow: true,\n              widthByParent: false,\n              maxWidth: 500,\n              maxHeight: 500,\n              zIndex: zIndex(),\n              classInclude: 'w-[350px]',\n              direction: direction(),\n              directionDistance: 2,\n              position: {\n                mode: 'start',\n                distance: 0\n              }\n}\"\n  (outFunctionsControl)=\"handlerFunctionControl($event)\">\n  @if (externalContent()) {\n    <ng-content select=\"div.libs-ui-buttons-select-color\"></ng-content>\n  } @else {\n    <libs_ui-components-buttons-button [type]=\"button()?.type || 'button-primary'\"\n      [classIconLeft]=\"button()?.classIconLeft || ''\"\n      [classIconRight]=\"button()?.classIconRight || ''\"\n      [label]=\"button()?.label || ''\"\n      [classLabel]=\"button()?.classLabel || ''\"\n      [classInclude]=\"button()?.classInclude || ''\"\n      [iconOnlyType]=\"button()?.iconOnlyType || false\"\n      [popover]=\"button()?.popover || {}\"\n      [ignoreStopPropagationEvent]=\"true\" />\n  }\n</div>\n\n<ng-template #colorPicker>\n  <div class=\"p-[16px] w-auto h-auto\">\n    <libs_ui-components-color_picker [customOptions]=\"customOptions()\"\n      (outColorChange)=\"handlerColorChange($event)\" />\n    @if (!applyNow()) {\n      <div class=\"flex items-center justify-end pt-[16px]\">\n        <libs_ui-components-buttons-button [label]=\"'i18n_cancel'\"\n          [type]=\"'button-third'\"\n          (outClick)=\"handlerAction($event, 'cancel')\" />\n        <libs_ui-components-buttons-button [label]=\"'i18n_apply'\"\n          [classInclude]=\"'ml-[16px]'\"\n          (outClick)=\"handlerAction($event, 'apply')\" />\n      </div>\n    }\n  </div>\n</ng-template>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsButtonsSelectColorComponent };
+//# sourceMappingURL=libs-ui-components-buttons-select-color.mjs.map

package/fesm2022/libs-ui-components-buttons-select-color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-buttons-select-color.mjs","sources":["../../../../../../libs-ui/components/buttons/select-color/src/buttons-select-color.component.ts","../../../../../../libs-ui/components/buttons/select-color/src/buttons-select-color.component.html","../../../../../../libs-ui/components/buttons/select-color/src/libs-ui-components-buttons-select-color.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, model, OnDestroy, output, signal } from '@angular/core';\nimport { IButton, LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { IPickerCustomOptions, LibsUiComponentsColorPickerComponent } from '@libs-ui/components-color-picker';\nimport { IPopoverFunctionControlEvent, LibsUiComponentsPopoverComponent, TYPE_POPOVER_DIRECTION } 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-select_color',\n  templateUrl: './buttons-select-color.component.html',\n  standalone: true,\n  imports: [\n    TranslateModule,\n    LibsUiComponentsPopoverComponent,\n    LibsUiComponentsButtonsButtonComponent,\n    LibsUiComponentsColorPickerComponent\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LibsUiComponentsButtonsSelectColorComponent implements OnDestroy {\n\n  /* PROPERTY */\n  private color = signal<string>('');\n  private popoverFunctionControl = signal<IPopoverFunctionControlEvent | undefined>(undefined);\n\n  /* INPUT */\n  readonly zIndex = model<number>(1200);\n  readonly customOptions = input<IPickerCustomOptions>();\n  readonly externalContent = input<boolean>(false);\n  readonly direction = input<TYPE_POPOVER_DIRECTION>('bottom');\n  readonly button = input<IButton>();\n  readonly applyNow = input<boolean>(false);\n\n  /* OUTPUT */\n  readonly outColorChange = output<string>();\n\n  /* FUNCTIONS */\n  protected handlerColorChange(event: string) {\n    if (this.applyNow()) {\n      this.outColorChange.emit(event);\n\n      return;\n    }\n    this.color.set(event);\n  }\n\n  protected handlerFunctionControl(event: IPopoverFunctionControlEvent) {\n    this.popoverFunctionControl.set(event);\n  }\n\n  protected handlerAction(event: Event, action: 'cancel' | 'apply') {\n    event.stopPropagation();\n    this.popoverFunctionControl()?.removePopoverOverlay();\n    if (action === 'apply') {\n      this.outColorChange.emit(this.color());\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.popoverFunctionControl()?.removePopoverOverlay();\n  }\n}\n","<div class=\"flex\"\n  LibsUiComponentsPopoverDirective\n  [mode]=\"'click-toggle'\"\n  [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n  [config]=\"{\n              template: colorPicker,\n              whiteTheme: true,\n              ignoreArrow: true,\n              widthByParent: false,\n              maxWidth: 500,\n              maxHeight: 500,\n              zIndex: zIndex(),\n              classInclude: 'w-[350px]',\n              direction: direction(),\n              directionDistance: 2,\n              position: {\n                mode: 'start',\n                distance: 0\n              }\n}\"\n  (outFunctionsControl)=\"handlerFunctionControl($event)\">\n  @if (externalContent()) {\n    <ng-content select=\"div.libs-ui-buttons-select-color\"></ng-content>\n  } @else {\n    <libs_ui-components-buttons-button [type]=\"button()?.type || 'button-primary'\"\n      [classIconLeft]=\"button()?.classIconLeft || ''\"\n      [classIconRight]=\"button()?.classIconRight || ''\"\n      [label]=\"button()?.label || ''\"\n      [classLabel]=\"button()?.classLabel || ''\"\n      [classInclude]=\"button()?.classInclude || ''\"\n      [iconOnlyType]=\"button()?.iconOnlyType || false\"\n      [popover]=\"button()?.popover || {}\"\n      [ignoreStopPropagationEvent]=\"true\" />\n  }\n</div>\n\n<ng-template #colorPicker>\n  <div class=\"p-[16px] w-auto h-auto\">\n    <libs_ui-components-color_picker [customOptions]=\"customOptions()\"\n      (outColorChange)=\"handlerColorChange($event)\" />\n    @if (!applyNow()) {\n      <div class=\"flex items-center justify-end pt-[16px]\">\n        <libs_ui-components-buttons-button [label]=\"'i18n_cancel'\"\n          [type]=\"'button-third'\"\n          (outClick)=\"handlerAction($event, 'cancel')\" />\n        <libs_ui-components-buttons-button [label]=\"'i18n_apply'\"\n          [classInclude]=\"'ml-[16px]'\"\n          (outClick)=\"handlerAction($event, 'apply')\" />\n      </div>\n    }\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './buttons-select-color.component';

package/package.json

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