@libs-ui/components-checkbox-single 0.2.5

package/README.md

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

package/checkbox-single.component.d.ts

@@ -0,0 +1,45 @@
+import { IAvatarConfig } from '@libs-ui/components-avatar';
+import { IFlagMouse, IPopover, TYPE_POPOVER_EVENT, TYPE_POPOVER_TYPE } from '@libs-ui/components-popover';
+import { ICheckboxBullet, ICheckboxEvent, ICheckboxItemDescription } from './interfaces';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsCheckboxSingleComponent {
+    protected descriptionComputed: import("@angular/core").Signal<string>;
+    readonly key: import("@angular/core").InputSignal<string | undefined>;
+    readonly checked: import("@angular/core").ModelSignal<boolean>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly classLabelInclude: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
+    readonly ignoreShowPopoverLabel: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly typeLabelPopover: import("@angular/core").InputSignalWithTransform<TYPE_POPOVER_TYPE, TYPE_POPOVER_TYPE>;
+    readonly popover: import("@angular/core").InputSignal<IPopover | undefined>;
+    readonly linkImage: import("@angular/core").ModelSignal<string | undefined>;
+    readonly linkImageError: import("@angular/core").InputSignal<string | undefined>;
+    readonly avatarConfig: import("@angular/core").InputSignal<IAvatarConfig | undefined>;
+    readonly classImageInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly imgTypeIcon: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly bullet: import("@angular/core").InputSignal<ICheckboxBullet | undefined>;
+    readonly classInclude: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
+    readonly clickExactly: import("@angular/core").InputSignalWithTransform<boolean | undefined, boolean | undefined>;
+    readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disableLabel: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly ignoreCheckbox: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly zIndexLabel: import("@angular/core").InputSignalWithTransform<number | undefined, number | undefined>;
+    readonly stillOtherOptions: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly error: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly showBorderError: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly description: import("@angular/core").InputSignal<ICheckboxItemDescription | undefined>;
+    readonly iconImageClass: import("@angular/core").InputSignal<string | undefined>;
+    readonly classIconInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly modeBorder: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly outChange: import("@angular/core").OutputEmitterRef<ICheckboxEvent>;
+    readonly outEventPopover: import("@angular/core").OutputEmitterRef<TYPE_POPOVER_EVENT>;
+    readonly outClickLabel: import("@angular/core").OutputEmitterRef<void>;
+    readonly outChangStageFlagMousePopover: import("@angular/core").OutputEmitterRef<IFlagMouse>;
+    protected handlerErrorImage(event: Event): Promise<void>;
+    protected handlerClickRelatively(event?: Event): Promise<void>;
+    protected handlerChange(event?: Event): Promise<void>;
+    protected handlerEventLabel(event: string): Promise<void>;
+    protected handlerEventPopover(event: TYPE_POPOVER_EVENT): Promise<void>;
+    protected handlerChangStageFlagMouse(event: IFlagMouse): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsCheckboxSingleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsCheckboxSingleComponent, "libs_ui-components-checkbox-single", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "classLabelInclude": { "alias": "classLabelInclude"; "required": false; "isSignal": true; }; "ignoreShowPopoverLabel": { "alias": "ignoreShowPopoverLabel"; "required": false; "isSignal": true; }; "typeLabelPopover": { "alias": "typeLabelPopover"; "required": false; "isSignal": true; }; "popover": { "alias": "popover"; "required": false; "isSignal": true; }; "linkImage": { "alias": "linkImage"; "required": false; "isSignal": true; }; "linkImageError": { "alias": "linkImageError"; "required": false; "isSignal": true; }; "avatarConfig": { "alias": "avatarConfig"; "required": false; "isSignal": true; }; "classImageInclude": { "alias": "classImageInclude"; "required": false; "isSignal": true; }; "imgTypeIcon": { "alias": "imgTypeIcon"; "required": false; "isSignal": true; }; "bullet": { "alias": "bullet"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "clickExactly": { "alias": "clickExactly"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "ignoreCheckbox": { "alias": "ignoreCheckbox"; "required": false; "isSignal": true; }; "zIndexLabel": { "alias": "zIndexLabel"; "required": false; "isSignal": true; }; "stillOtherOptions": { "alias": "stillOtherOptions"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "showBorderError": { "alias": "showBorderError"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "iconImageClass": { "alias": "iconImageClass"; "required": false; "isSignal": true; }; "classIconInclude": { "alias": "classIconInclude"; "required": false; "isSignal": true; }; "modeBorder": { "alias": "modeBorder"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "linkImage": "linkImageChange"; "outChange": "outChange"; "outEventPopover": "outEventPopover"; "outClickLabel": "outClickLabel"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; }, never, never, true, never>;
+}

package/esm2022/checkbox-single.component.mjs

@@ -0,0 +1,87 @@
+import { NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, input, model, output } from '@angular/core';
+import { LibsUiComponentsAvatarComponent } from '@libs-ui/components-avatar';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { escapeHtml } from '@libs-ui/utils';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class LibsUiComponentsCheckboxSingleComponent {
+    /* PROPERTY */
+    descriptionComputed = computed(() => escapeHtml(this.description()?.content || ''));
+    /* INPUT */
+    key = input();
+    checked = model(false);
+    label = input();
+    classLabelInclude = input('libs-ui-font-h5r', { transform: value => value ?? 'libs-ui-font-h5r' });
+    ignoreShowPopoverLabel = input();
+    typeLabelPopover = input('text', { transform: value => value ?? 'text' });
+    popover = input();
+    linkImage = model();
+    linkImageError = input();
+    avatarConfig = input();
+    classImageInclude = input();
+    imgTypeIcon = input();
+    bullet = input();
+    classInclude = input('', { transform: value => value ?? '' });
+    clickExactly = input(true, { transform: value => value ?? true });
+    disable = input();
+    disableLabel = input();
+    ignoreCheckbox = input();
+    zIndexLabel = input(1200, { transform: value => value ?? 1200 });
+    stillOtherOptions = input();
+    error = input();
+    showBorderError = input();
+    description = input();
+    iconImageClass = input();
+    classIconInclude = input();
+    modeBorder = input();
+    /* OUTPUT */
+    outChange = output();
+    outEventPopover = output();
+    outClickLabel = output();
+    outChangStageFlagMousePopover = output();
+    /* FUNCTIONS */
+    async handlerErrorImage(event) {
+        event.stopPropagation();
+        this.linkImage.set(this.linkImageError());
+    }
+    async handlerClickRelatively(event) {
+        if (this.clickExactly()) {
+            return;
+        }
+        event?.stopPropagation();
+        this.handlerChange(event);
+    }
+    async handlerChange(event) {
+        event?.stopPropagation();
+        if (this.disable()) {
+            return;
+        }
+        this.checked.update(checked => !checked);
+        this.outChange.emit({ key: this.key, checked: this.checked() });
+    }
+    async handlerEventLabel(event) {
+        if (event === 'click') {
+            this.outClickLabel.emit();
+            this.handlerChange();
+        }
+    }
+    async handlerEventPopover(event) {
+        this.outEventPopover.emit(event);
+    }
+    async handlerChangStageFlagMouse(event) {
+        this.outChangStageFlagMousePopover.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsCheckboxSingleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsCheckboxSingleComponent, isStandalone: true, selector: "libs_ui-components-checkbox-single", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, classLabelInclude: { classPropertyName: "classLabelInclude", publicName: "classLabelInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowPopoverLabel: { classPropertyName: "ignoreShowPopoverLabel", publicName: "ignoreShowPopoverLabel", isSignal: true, isRequired: false, transformFunction: null }, typeLabelPopover: { classPropertyName: "typeLabelPopover", publicName: "typeLabelPopover", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, linkImage: { classPropertyName: "linkImage", publicName: "linkImage", isSignal: true, isRequired: false, transformFunction: null }, linkImageError: { classPropertyName: "linkImageError", publicName: "linkImageError", isSignal: true, isRequired: false, transformFunction: null }, avatarConfig: { classPropertyName: "avatarConfig", publicName: "avatarConfig", isSignal: true, isRequired: false, transformFunction: null }, classImageInclude: { classPropertyName: "classImageInclude", publicName: "classImageInclude", isSignal: true, isRequired: false, transformFunction: null }, imgTypeIcon: { classPropertyName: "imgTypeIcon", publicName: "imgTypeIcon", isSignal: true, isRequired: false, transformFunction: null }, bullet: { classPropertyName: "bullet", publicName: "bullet", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, clickExactly: { classPropertyName: "clickExactly", publicName: "clickExactly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, disableLabel: { classPropertyName: "disableLabel", publicName: "disableLabel", isSignal: true, isRequired: false, transformFunction: null }, ignoreCheckbox: { classPropertyName: "ignoreCheckbox", publicName: "ignoreCheckbox", isSignal: true, isRequired: false, transformFunction: null }, zIndexLabel: { classPropertyName: "zIndexLabel", publicName: "zIndexLabel", isSignal: true, isRequired: false, transformFunction: null }, stillOtherOptions: { classPropertyName: "stillOtherOptions", publicName: "stillOtherOptions", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, iconImageClass: { classPropertyName: "iconImageClass", publicName: "iconImageClass", isSignal: true, isRequired: false, transformFunction: null }, classIconInclude: { classPropertyName: "classIconInclude", publicName: "classIconInclude", isSignal: true, isRequired: false, transformFunction: null }, modeBorder: { classPropertyName: "modeBorder", publicName: "modeBorder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", linkImage: "linkImageChange", outChange: "outChange", outEventPopover: "outEventPopover", outClickLabel: "outClickLabel", outChangStageFlagMousePopover: "outChangStageFlagMousePopover" }, ngImport: i0, template: "<div class=\"libs-ui-checkbox {{ classInclude() || '' }}\"\n  [ngClass]=\"{\n    'cursor-pointer': !clickExactly() && !disable(),\n    'p-[8px] rounded-[4px]': modeBorder(),\n    'libs-ui-border-general': modeBorder() && !checked(),\n    'libs-ui-border-primary-general': modeBorder() && checked()  \n  }\"\n  (click)=\"handlerClickRelatively($event)\">\n  @if (!ignoreCheckbox()) {\n    <i class=\"{{ classIconInclude() || '' }}\"\n      [ngClass]=\"{\n      'libs-ui-icon-checkbox-unselected': !checked() && !stillOtherOptions(), \n      'libs-ui-icon-checkbox-selected': checked() && !stillOtherOptions(),\n      'libs-ui-icon-checkbox-indeterminate': stillOtherOptions(),\n      'libs-ui-disable pointer-events-none': disable(),\n      'libs-ui-disable-active': disable() && (checked() || stillOtherOptions()),\n      'libs-ui-text-error': showBorderError() || error()\n      }\"\n      (click)=\"handlerChange($event)\">\n    </i>\n  }\n  @if (linkImage()) {\n    <img [src]=\"linkImage()\"\n      class=\"libs-ui-checkbox-image {{ classImageInclude() || '' }}\"\n      [ngClass]=\"{\n        'cursor-default': disable(),\n        'w-[18px] h-[18px]': imgTypeIcon()\n      }\"\n      (click)=\"handlerChange($event)\"\n      (error)=\"handlerErrorImage($event)\" />\n  }\n  @if (avatarConfig(); as avatarConfig) {\n    <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape\"\n      [classInclude]=\"avatarConfig.classInclude\"\n      [size]=\"avatarConfig.size || 24\"\n      [linkAvatar]=\"avatarConfig.linkAvatar\"\n      [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n      [idGenColor]=\"avatarConfig.idGenColor\"\n      [textAvatar]=\"avatarConfig.textAvatar\" />\n  }\n  @if (!linkImage() && iconImageClass()) {\n    <div [class]=\"iconImageClass()\"\n      [class.cursor-default]=\"disable()\"></div>\n  }\n  @if (bullet(); as bullet) {\n    <div class=\"libs-ui-checkbox-bullet {{ bullet.classInclude || '' }}\"\n      [style.background-color]=\"bullet.backgroundColor\"\n      [style.width.px]=\"bullet.width\"\n      [style.height.px]=\"bullet.height\"\n      [class.cursor-default]=\"disable()\"\n      (click)=\"handlerChange($event)\">\n    </div>\n  }\n  @if (label(); as label) {\n    <div LibsUiComponentsPopoverDirective\n      [type]=\"typeLabelPopover() || 'text'\"\n      [attr.isLabel]=\"true\"\n      [classInclude]=\"classLabelInclude() + (disable() ? ' cursor-default' : '')\"\n      [class.libs-ui-disable]=\"disableLabel()\"\n      [ignoreShowPopover]=\"ignoreShowPopoverLabel()\"\n      [config]=\"{content: label, timerDestroy: 250, zIndex: zIndexLabel()}\"\n      [ignoreCursorPointerModeLikeClick]=\"disableLabel() || disable()\"\n      [innerHTML]=\"label | translate\"\n      (outEvent)=\"handlerEventLabel($event)\"\n      (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\"></div>\n  }\n  @if (popover(); as popover) {\n    <libs_ui-components-popover class=\"flex\"\n      [config]=\"popover.config\"\n      (outEvent)=\"handlerEventPopover($event)\"\n      (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'>\n      @if (!popover.dataView) {\n        <i [class]=\"popover.classInclude ?? 'libs-ui-icon-tooltip-line'\"></i>\n      }\n      @if (popover.dataView) {\n        <div [innerHtml]=\"popover.dataView | translate\"></div>\n      }\n    </libs_ui-components-popover>\n  }\n</div>\n@if (description(); as description) {\n  <div [class]=\"description.classInclude\"\n    [innerHtml]=\"descriptionComputed() | translate\">\n  </div>\n}\n", styles: [":host .libs-ui-checkbox{display:flex;align-items:center}:host .libs-ui-checkbox .libs-ui-icon-checkbox-selected:before,:host .libs-ui-checkbox .libs-ui-icon-checkbox-indeterminate:before{color:var(--libs-ui-color-default, #226FF5)}:host .libs-ui-checkbox .libs-ui-checkbox-image{width:24px;height:24px;margin-right:8px;border-radius:12px;border:solid 1px #e6e8ed;cursor:pointer;flex-shrink:0}:host .libs-ui-checkbox .libs-ui-checkbox-bullet{min-width:10px;min-height:10px;border-radius:50%;margin-right:8px;cursor:pointer}:host .libs-ui-checkbox libs_ui-components-popover[isLabel=true]{margin-right:8px;max-width:100%;cursor:pointer}:host .libs-ui-checkbox>[class*=libs-ui-icon-]{font-size:16px;cursor:pointer;margin-right:8px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "idGenColor", "textAvatar", "classImageInclude"], outputs: ["outAvatarError"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsCheckboxSingleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-checkbox-single', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgClass, TranslateModule,
+                        LibsUiComponentsAvatarComponent,
+                        LibsUiComponentsPopoverComponent
+                    ], template: "<div class=\"libs-ui-checkbox {{ classInclude() || '' }}\"\n  [ngClass]=\"{\n    'cursor-pointer': !clickExactly() && !disable(),\n    'p-[8px] rounded-[4px]': modeBorder(),\n    'libs-ui-border-general': modeBorder() && !checked(),\n    'libs-ui-border-primary-general': modeBorder() && checked()  \n  }\"\n  (click)=\"handlerClickRelatively($event)\">\n  @if (!ignoreCheckbox()) {\n    <i class=\"{{ classIconInclude() || '' }}\"\n      [ngClass]=\"{\n      'libs-ui-icon-checkbox-unselected': !checked() && !stillOtherOptions(), \n      'libs-ui-icon-checkbox-selected': checked() && !stillOtherOptions(),\n      'libs-ui-icon-checkbox-indeterminate': stillOtherOptions(),\n      'libs-ui-disable pointer-events-none': disable(),\n      'libs-ui-disable-active': disable() && (checked() || stillOtherOptions()),\n      'libs-ui-text-error': showBorderError() || error()\n      }\"\n      (click)=\"handlerChange($event)\">\n    </i>\n  }\n  @if (linkImage()) {\n    <img [src]=\"linkImage()\"\n      class=\"libs-ui-checkbox-image {{ classImageInclude() || '' }}\"\n      [ngClass]=\"{\n        'cursor-default': disable(),\n        'w-[18px] h-[18px]': imgTypeIcon()\n      }\"\n      (click)=\"handlerChange($event)\"\n      (error)=\"handlerErrorImage($event)\" />\n  }\n  @if (avatarConfig(); as avatarConfig) {\n    <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape\"\n      [classInclude]=\"avatarConfig.classInclude\"\n      [size]=\"avatarConfig.size || 24\"\n      [linkAvatar]=\"avatarConfig.linkAvatar\"\n      [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n      [idGenColor]=\"avatarConfig.idGenColor\"\n      [textAvatar]=\"avatarConfig.textAvatar\" />\n  }\n  @if (!linkImage() && iconImageClass()) {\n    <div [class]=\"iconImageClass()\"\n      [class.cursor-default]=\"disable()\"></div>\n  }\n  @if (bullet(); as bullet) {\n    <div class=\"libs-ui-checkbox-bullet {{ bullet.classInclude || '' }}\"\n      [style.background-color]=\"bullet.backgroundColor\"\n      [style.width.px]=\"bullet.width\"\n      [style.height.px]=\"bullet.height\"\n      [class.cursor-default]=\"disable()\"\n      (click)=\"handlerChange($event)\">\n    </div>\n  }\n  @if (label(); as label) {\n    <div LibsUiComponentsPopoverDirective\n      [type]=\"typeLabelPopover() || 'text'\"\n      [attr.isLabel]=\"true\"\n      [classInclude]=\"classLabelInclude() + (disable() ? ' cursor-default' : '')\"\n      [class.libs-ui-disable]=\"disableLabel()\"\n      [ignoreShowPopover]=\"ignoreShowPopoverLabel()\"\n      [config]=\"{content: label, timerDestroy: 250, zIndex: zIndexLabel()}\"\n      [ignoreCursorPointerModeLikeClick]=\"disableLabel() || disable()\"\n      [innerHTML]=\"label | translate\"\n      (outEvent)=\"handlerEventLabel($event)\"\n      (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\"></div>\n  }\n  @if (popover(); as popover) {\n    <libs_ui-components-popover class=\"flex\"\n      [config]=\"popover.config\"\n      (outEvent)=\"handlerEventPopover($event)\"\n      (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'>\n      @if (!popover.dataView) {\n        <i [class]=\"popover.classInclude ?? 'libs-ui-icon-tooltip-line'\"></i>\n      }\n      @if (popover.dataView) {\n        <div [innerHtml]=\"popover.dataView | translate\"></div>\n      }\n    </libs_ui-components-popover>\n  }\n</div>\n@if (description(); as description) {\n  <div [class]=\"description.classInclude\"\n    [innerHtml]=\"descriptionComputed() | translate\">\n  </div>\n}\n", styles: [":host .libs-ui-checkbox{display:flex;align-items:center}:host .libs-ui-checkbox .libs-ui-icon-checkbox-selected:before,:host .libs-ui-checkbox .libs-ui-icon-checkbox-indeterminate:before{color:var(--libs-ui-color-default, #226FF5)}:host .libs-ui-checkbox .libs-ui-checkbox-image{width:24px;height:24px;margin-right:8px;border-radius:12px;border:solid 1px #e6e8ed;cursor:pointer;flex-shrink:0}:host .libs-ui-checkbox .libs-ui-checkbox-bullet{min-width:10px;min-height:10px;border-radius:50%;margin-right:8px;cursor:pointer}:host .libs-ui-checkbox libs_ui-components-popover[isLabel=true]{margin-right:8px;max-width:100%;cursor:pointer}:host .libs-ui-checkbox>[class*=libs-ui-icon-]{font-size:16px;cursor:pointer;margin-right:8px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtc2luZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9jaGVja2JveC9zaW5nbGUvc3JjL2NoZWNrYm94LXNpbmdsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvY2hlY2tib3gvc2luZ2xlL3NyYy9jaGVja2JveC1zaW5nbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBaUIsK0JBQStCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RixPQUFPLEVBQXdCLGdDQUFnQyxFQUF5QyxNQUFNLDZCQUE2QixDQUFDO0FBQzVJLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWdCdEQsTUFBTSxPQUFPLHVDQUF1QztJQUVsRCxjQUFjO0lBQ0osbUJBQW1CLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFOUYsV0FBVztJQUNGLEdBQUcsR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN0QixPQUFPLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLEtBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN4QixpQkFBaUIsR0FBRyxLQUFLLENBQXlDLGtCQUFrQixFQUFFLEVBQUUsU0FB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RSxFQUFFLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRVMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLEtBQWE7UUFDN0MsSUFBSSxLQUFLLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkIsQ0FBQztJQUNILENBQUM7SUFFUyxLQUFLLENBQUMsbUJBQW1CLENBQUMsS0FBeUI7UUFDM0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVTLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxLQUFpQjtRQUMxRCxJQUFJLENBQUMsNkJBQTZCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7d0dBM0VVLHVDQUF1Qzs0RkFBdkMsdUNBQXVDLCszSENyQnBELGs4R0FxRkEsb3hCRHJFSSxPQUFPLG1GQUFFLGVBQWUsNEZBQ3hCLCtCQUErQixvT0FDL0IsZ0NBQWdDOzs0RkFHdkIsdUNBQXVDO2tCQWJuRCxTQUFTOytCQUVFLG9DQUFvQyxjQUdsQyxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0sV0FDdEM7d0JBQ1AsT0FBTyxFQUFFLGVBQWU7d0JBQ3hCLCtCQUErQjt3QkFDL0IsZ0NBQWdDO3FCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBtb2RlbCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQXZhdGFyQ29uZmlnLCBMaWJzVWlDb21wb25lbnRzQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1hdmF0YXInO1xuaW1wb3J0IHsgSUZsYWdNb3VzZSwgSVBvcG92ZXIsIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LCBUWVBFX1BPUE9WRVJfRVZFTlQsIFRZUEVfUE9QT1ZFUl9UWVBFIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyJztcbmltcG9ydCB7IGVzY2FwZUh0bWwgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IElDaGVja2JveEJ1bGxldCwgSUNoZWNrYm94RXZlbnQsIElDaGVja2JveEl0ZW1EZXNjcmlwdGlvbiB9IGZyb20gJy4vaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1jaGVja2JveC1zaW5nbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3gtc2luZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3gtc2luZ2xlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDbGFzcywgVHJhbnNsYXRlTW9kdWxlLFxuICAgIExpYnNVaUNvbXBvbmVudHNBdmF0YXJDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzQ2hlY2tib3hTaW5nbGVDb21wb25lbnQge1xuXG4gIC8qIFBST1BFUlRZICovXG4gIHByb3RlY3RlZCBkZXNjcmlwdGlvbkNvbXB1dGVkID0gY29tcHV0ZWQoKCkgPT4gZXNjYXBlSHRtbCh0aGlzLmRlc2NyaXB0aW9uKCk/LmNvbnRlbnQgfHwgJycpKTtcblxuICAvKiBJTlBVVCAqL1xuICByZWFkb25seSBrZXkgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGNoZWNrZWQgPSBtb2RlbDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBjbGFzc0xhYmVsSW5jbHVkZSA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZCwgc3RyaW5nIHwgdW5kZWZpbmVkPignbGlicy11aS1mb250LWg1cicsIHsgdHJhbnNmb3JtOiB2YWx1ZSA9PiB2YWx1ZSA/PyAnbGlicy11aS1mb250LWg1cicgfSk7XG4gIHJlYWRvbmx5IGlnbm9yZVNob3dQb3BvdmVyTGFiZWwgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSB0eXBlTGFiZWxQb3BvdmVyID0gaW5wdXQ8VFlQRV9QT1BPVkVSX1RZUEUsIFRZUEVfUE9QT1ZFUl9UWVBFPigndGV4dCcsIHsgdHJhbnNmb3JtOiB2YWx1ZSA9PiB2YWx1ZSA/PyAndGV4dCcgfSk7XG4gIHJlYWRvbmx5IHBvcG92ZXIgPSBpbnB1dDxJUG9wb3Zlcj4oKTtcbiAgcmVhZG9ubHkgbGlua0ltYWdlID0gbW9kZWw8c3RyaW5nPigpO1xuICByZWFkb25seSBsaW5rSW1hZ2VFcnJvciA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgYXZhdGFyQ29uZmlnID0gaW5wdXQ8SUF2YXRhckNvbmZpZz4oKTtcbiAgcmVhZG9ubHkgY2xhc3NJbWFnZUluY2x1ZGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGltZ1R5cGVJY29uID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgYnVsbGV0ID0gaW5wdXQ8SUNoZWNrYm94QnVsbGV0PigpO1xuICByZWFkb25seSBjbGFzc0luY2x1ZGUgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQsIHN0cmluZyB8IHVuZGVmaW5lZD4oJycsIHsgdHJhbnNmb3JtOiB2YWx1ZSA9PiB2YWx1ZSA/PyAnJyB9KTtcbiAgcmVhZG9ubHkgY2xpY2tFeGFjdGx5ID0gaW5wdXQ8Ym9vbGVhbiB8IHVuZGVmaW5lZCwgYm9vbGVhbiB8IHVuZGVmaW5lZD4odHJ1ZSwgeyB0cmFuc2Zvcm06IHZhbHVlID0+IHZhbHVlID8/IHRydWUgfSk7XG4gIHJlYWRvbmx5IGRpc2FibGUgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBkaXNhYmxlTGFiZWwgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBpZ25vcmVDaGVja2JveCA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHpJbmRleExhYmVsID0gaW5wdXQ8bnVtYmVyIHwgdW5kZWZpbmVkLCBudW1iZXIgfCB1bmRlZmluZWQ+KDEyMDAsIHsgdHJhbnNmb3JtOiB2YWx1ZSA9PiB2YWx1ZSA/PyAxMjAwIH0pO1xuICByZWFkb25seSBzdGlsbE90aGVyT3B0aW9ucyA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IGVycm9yID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgc2hvd0JvcmRlckVycm9yID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgZGVzY3JpcHRpb24gPSBpbnB1dDxJQ2hlY2tib3hJdGVtRGVzY3JpcHRpb24+KCk7XG4gIHJlYWRvbmx5IGljb25JbWFnZUNsYXNzID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBjbGFzc0ljb25JbmNsdWRlID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBtb2RlQm9yZGVyID0gaW5wdXQ8Ym9vbGVhbj4oKTtcblxuICAvKiBPVVRQVVQgKi9cbiAgcmVhZG9ubHkgb3V0Q2hhbmdlID0gb3V0cHV0PElDaGVja2JveEV2ZW50PigpO1xuICByZWFkb25seSBvdXRFdmVudFBvcG92ZXIgPSBvdXRwdXQ8VFlQRV9QT1BPVkVSX0VWRU5UPigpO1xuICByZWFkb25seSBvdXRDbGlja0xhYmVsID0gb3V0cHV0PHZvaWQ+KCk7XG4gIHJlYWRvbmx5IG91dENoYW5nU3RhZ2VGbGFnTW91c2VQb3BvdmVyID0gb3V0cHV0PElGbGFnTW91c2U+KCk7XG5cbiAgLyogRlVOQ1RJT05TICovXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyRXJyb3JJbWFnZShldmVudDogRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmxpbmtJbWFnZS5zZXQodGhpcy5saW5rSW1hZ2VFcnJvcigpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyQ2xpY2tSZWxhdGl2ZWx5KGV2ZW50PzogRXZlbnQpIHtcbiAgICBpZiAodGhpcy5jbGlja0V4YWN0bHkoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5oYW5kbGVyQ2hhbmdlKGV2ZW50KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyQ2hhbmdlKGV2ZW50PzogRXZlbnQpIHtcbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYgKHRoaXMuZGlzYWJsZSgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuY2hlY2tlZC51cGRhdGUoY2hlY2tlZCA9PiAhY2hlY2tlZCk7XG4gICAgdGhpcy5vdXRDaGFuZ2UuZW1pdCh7IGtleTogdGhpcy5rZXksIGNoZWNrZWQ6IHRoaXMuY2hlY2tlZCgpIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJFdmVudExhYmVsKGV2ZW50OiBzdHJpbmcpIHtcbiAgICBpZiAoZXZlbnQgPT09ICdjbGljaycpIHtcbiAgICAgIHRoaXMub3V0Q2xpY2tMYWJlbC5lbWl0KCk7XG4gICAgICB0aGlzLmhhbmRsZXJDaGFuZ2UoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckV2ZW50UG9wb3ZlcihldmVudDogVFlQRV9QT1BPVkVSX0VWRU5UKSB7XG4gICAgdGhpcy5vdXRFdmVudFBvcG92ZXIuZW1pdChldmVudCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNoYW5nU3RhZ2VGbGFnTW91c2UoZXZlbnQ6IElGbGFnTW91c2UpIHtcbiAgICB0aGlzLm91dENoYW5nU3RhZ2VGbGFnTW91c2VQb3BvdmVyLmVtaXQoZXZlbnQpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJsaWJzLXVpLWNoZWNrYm94IHt7IGNsYXNzSW5jbHVkZSgpIHx8ICcnIH19XCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdjdXJzb3ItcG9pbnRlcic6ICFjbGlja0V4YWN0bHkoKSAmJiAhZGlzYWJsZSgpLFxuICAgICdwLVs4cHhdIHJvdW5kZWQtWzRweF0nOiBtb2RlQm9yZGVyKCksXG4gICAgJ2xpYnMtdWktYm9yZGVyLWdlbmVyYWwnOiBtb2RlQm9yZGVyKCkgJiYgIWNoZWNrZWQoKSxcbiAgICAnbGlicy11aS1ib3JkZXItcHJpbWFyeS1nZW5lcmFsJzogbW9kZUJvcmRlcigpICYmIGNoZWNrZWQoKSAgXG4gIH1cIlxuICAoY2xpY2spPVwiaGFuZGxlckNsaWNrUmVsYXRpdmVseSgkZXZlbnQpXCI+XG4gIEBpZiAoIWlnbm9yZUNoZWNrYm94KCkpIHtcbiAgICA8aSBjbGFzcz1cInt7IGNsYXNzSWNvbkluY2x1ZGUoKSB8fCAnJyB9fVwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnbGlicy11aS1pY29uLWNoZWNrYm94LXVuc2VsZWN0ZWQnOiAhY2hlY2tlZCgpICYmICFzdGlsbE90aGVyT3B0aW9ucygpLCBcbiAgICAgICdsaWJzLXVpLWljb24tY2hlY2tib3gtc2VsZWN0ZWQnOiBjaGVja2VkKCkgJiYgIXN0aWxsT3RoZXJPcHRpb25zKCksXG4gICAgICAnbGlicy11aS1pY29uLWNoZWNrYm94LWluZGV0ZXJtaW5hdGUnOiBzdGlsbE90aGVyT3B0aW9ucygpLFxuICAgICAgJ2xpYnMtdWktZGlzYWJsZSBwb2ludGVyLWV2ZW50cy1ub25lJzogZGlzYWJsZSgpLFxuICAgICAgJ2xpYnMtdWktZGlzYWJsZS1hY3RpdmUnOiBkaXNhYmxlKCkgJiYgKGNoZWNrZWQoKSB8fCBzdGlsbE90aGVyT3B0aW9ucygpKSxcbiAgICAgICdsaWJzLXVpLXRleHQtZXJyb3InOiBzaG93Qm9yZGVyRXJyb3IoKSB8fCBlcnJvcigpXG4gICAgICB9XCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVyQ2hhbmdlKCRldmVudClcIj5cbiAgICA8L2k+XG4gIH1cbiAgQGlmIChsaW5rSW1hZ2UoKSkge1xuICAgIDxpbWcgW3NyY109XCJsaW5rSW1hZ2UoKVwiXG4gICAgICBjbGFzcz1cImxpYnMtdWktY2hlY2tib3gtaW1hZ2Uge3sgY2xhc3NJbWFnZUluY2x1ZGUoKSB8fCAnJyB9fVwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdjdXJzb3ItZGVmYXVsdCc6IGRpc2FibGUoKSxcbiAgICAgICAgJ3ctWzE4cHhdIGgtWzE4cHhdJzogaW1nVHlwZUljb24oKVxuICAgICAgfVwiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlckNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIChlcnJvcik9XCJoYW5kbGVyRXJyb3JJbWFnZSgkZXZlbnQpXCIgLz5cbiAgfVxuICBAaWYgKGF2YXRhckNvbmZpZygpOyBhcyBhdmF0YXJDb25maWcpIHtcbiAgICA8bGlic191aS1jb21wb25lbnRzLWF2YXRhciBbdHlwZVNoYXBlXT1cImF2YXRhckNvbmZpZy50eXBlU2hhcGVcIlxuICAgICAgW2NsYXNzSW5jbHVkZV09XCJhdmF0YXJDb25maWcuY2xhc3NJbmNsdWRlXCJcbiAgICAgIFtzaXplXT1cImF2YXRhckNvbmZpZy5zaXplIHx8IDI0XCJcbiAgICAgIFtsaW5rQXZhdGFyXT1cImF2YXRhckNvbmZpZy5saW5rQXZhdGFyXCJcbiAgICAgIFtsaW5rQXZhdGFyRXJyb3JdPVwiYXZhdGFyQ29uZmlnLmxpbmtBdmF0YXJFcnJvclwiXG4gICAgICBbaWRHZW5Db2xvcl09XCJhdmF0YXJDb25maWcuaWRHZW5Db2xvclwiXG4gICAgICBbdGV4dEF2YXRhcl09XCJhdmF0YXJDb25maWcudGV4dEF2YXRhclwiIC8+XG4gIH1cbiAgQGlmICghbGlua0ltYWdlKCkgJiYgaWNvbkltYWdlQ2xhc3MoKSkge1xuICAgIDxkaXYgW2NsYXNzXT1cImljb25JbWFnZUNsYXNzKClcIlxuICAgICAgW2NsYXNzLmN1cnNvci1kZWZhdWx0XT1cImRpc2FibGUoKVwiPjwvZGl2PlxuICB9XG4gIEBpZiAoYnVsbGV0KCk7IGFzIGJ1bGxldCkge1xuICAgIDxkaXYgY2xhc3M9XCJsaWJzLXVpLWNoZWNrYm94LWJ1bGxldCB7eyBidWxsZXQuY2xhc3NJbmNsdWRlIHx8ICcnIH19XCJcbiAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImJ1bGxldC5iYWNrZ3JvdW5kQ29sb3JcIlxuICAgICAgW3N0eWxlLndpZHRoLnB4XT1cImJ1bGxldC53aWR0aFwiXG4gICAgICBbc3R5bGUuaGVpZ2h0LnB4XT1cImJ1bGxldC5oZWlnaHRcIlxuICAgICAgW2NsYXNzLmN1cnNvci1kZWZhdWx0XT1cImRpc2FibGUoKVwiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlckNoYW5nZSgkZXZlbnQpXCI+XG4gICAgPC9kaXY+XG4gIH1cbiAgQGlmIChsYWJlbCgpOyBhcyBsYWJlbCkge1xuICAgIDxkaXYgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJEaXJlY3RpdmVcbiAgICAgIFt0eXBlXT1cInR5cGVMYWJlbFBvcG92ZXIoKSB8fCAndGV4dCdcIlxuICAgICAgW2F0dHIuaXNMYWJlbF09XCJ0cnVlXCJcbiAgICAgIFtjbGFzc0luY2x1ZGVdPVwiY2xhc3NMYWJlbEluY2x1ZGUoKSArIChkaXNhYmxlKCkgPyAnIGN1cnNvci1kZWZhdWx0JyA6ICcnKVwiXG4gICAgICBbY2xhc3MubGlicy11aS1kaXNhYmxlXT1cImRpc2FibGVMYWJlbCgpXCJcbiAgICAgIFtpZ25vcmVTaG93UG9wb3Zlcl09XCJpZ25vcmVTaG93UG9wb3ZlckxhYmVsKClcIlxuICAgICAgW2NvbmZpZ109XCJ7Y29udGVudDogbGFiZWwsIHRpbWVyRGVzdHJveTogMjUwLCB6SW5kZXg6IHpJbmRleExhYmVsKCl9XCJcbiAgICAgIFtpZ25vcmVDdXJzb3JQb2ludGVyTW9kZUxpa2VDbGlja109XCJkaXNhYmxlTGFiZWwoKSB8fCBkaXNhYmxlKClcIlxuICAgICAgW2lubmVySFRNTF09XCJsYWJlbCB8IHRyYW5zbGF0ZVwiXG4gICAgICAob3V0RXZlbnQpPVwiaGFuZGxlckV2ZW50TGFiZWwoJGV2ZW50KVwiXG4gICAgICAob3V0Q2hhbmdTdGFnZUZsYWdNb3VzZSk9XCJoYW5kbGVyQ2hhbmdTdGFnZUZsYWdNb3VzZSgkZXZlbnQpXCI+PC9kaXY+XG4gIH1cbiAgQGlmIChwb3BvdmVyKCk7IGFzIHBvcG92ZXIpIHtcbiAgICA8bGlic191aS1jb21wb25lbnRzLXBvcG92ZXIgY2xhc3M9XCJmbGV4XCJcbiAgICAgIFtjb25maWddPVwicG9wb3Zlci5jb25maWdcIlxuICAgICAgKG91dEV2ZW50KT1cImhhbmRsZXJFdmVudFBvcG92ZXIoJGV2ZW50KVwiXG4gICAgICAob3V0Q2hhbmdTdGFnZUZsYWdNb3VzZSk9J2hhbmRsZXJDaGFuZ1N0YWdlRmxhZ01vdXNlKCRldmVudCknPlxuICAgICAgQGlmICghcG9wb3Zlci5kYXRhVmlldykge1xuICAgICAgICA8aSBbY2xhc3NdPVwicG9wb3Zlci5jbGFzc0luY2x1ZGUgPz8gJ2xpYnMtdWktaWNvbi10b29sdGlwLWxpbmUnXCI+PC9pPlxuICAgICAgfVxuICAgICAgQGlmIChwb3BvdmVyLmRhdGFWaWV3KSB7XG4gICAgICAgIDxkaXYgW2lubmVySHRtbF09XCJwb3BvdmVyLmRhdGFWaWV3IHwgdHJhbnNsYXRlXCI+PC9kaXY+XG4gICAgICB9XG4gICAgPC9saWJzX3VpLWNvbXBvbmVudHMtcG9wb3Zlcj5cbiAgfVxuPC9kaXY+XG5AaWYgKGRlc2NyaXB0aW9uKCk7IGFzIGRlc2NyaXB0aW9uKSB7XG4gIDxkaXYgW2NsYXNzXT1cImRlc2NyaXB0aW9uLmNsYXNzSW5jbHVkZVwiXG4gICAgW2lubmVySHRtbF09XCJkZXNjcmlwdGlvbkNvbXB1dGVkKCkgfCB0cmFuc2xhdGVcIj5cbiAgPC9kaXY+XG59XG4iXX0=

package/esm2022/index.mjs

@@ -0,0 +1,3 @@
+export * from './checkbox-single.component';
+export * from './interfaces';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvY2hlY2tib3gvc2luZ2xlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC1zaW5nbGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcyc7Il19

package/esm2022/interfaces/checkbox.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2NoZWNrYm94L3NpbmdsZS9zcmMvaW50ZXJmYWNlcy9jaGVja2JveC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnkgKi9cbmV4cG9ydCBpbnRlcmZhY2UgSUNoZWNrYm94SXRlbURlc2NyaXB0aW9uIHtcbiAgY29udGVudDogc3RyaW5nO1xuICBjbGFzc0luY2x1ZGU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJQ2hlY2tib3hFdmVudCB7XG4gIGtleTogYW55O1xuICBjaGVja2VkOiBib29sZWFuO1xuICBhbGxDaGVja2JveENoZWNrZWQ/OiBBcnJheTxJQ2hlY2tib3hDaGVja2VkPlxufVxuXG5leHBvcnQgaW50ZXJmYWNlIElDaGVja2JveENoZWNrZWQge1xuICBrZXk6IHN0cmluZztcbiAgaXRlbTogYW55O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElDaGVja2JveEJ1bGxldCB7XG4gIGNsYXNzSW5jbHVkZT86IHN0cmluZztcbiAgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gIHdpZHRoOiBudW1iZXI7XG4gIGhlaWdodDogbnVtYmVyO1xufSJdfQ==

package/esm2022/interfaces/index.mjs

@@ -0,0 +1,2 @@
+export * from './checkbox.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvY2hlY2tib3gvc2luZ2xlL3NyYy9pbnRlcmZhY2VzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NoZWNrYm94LmludGVyZmFjZSc7Il19

package/esm2022/libs-ui-components-checkbox-single.mjs

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

package/fesm2022/libs-ui-components-checkbox-single.mjs

@@ -0,0 +1,94 @@
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, input, model, output, Component, ChangeDetectionStrategy } from '@angular/core';
+import { LibsUiComponentsAvatarComponent } from '@libs-ui/components-avatar';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { escapeHtml } from '@libs-ui/utils';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+class LibsUiComponentsCheckboxSingleComponent {
+    /* PROPERTY */
+    descriptionComputed = computed(() => escapeHtml(this.description()?.content || ''));
+    /* INPUT */
+    key = input();
+    checked = model(false);
+    label = input();
+    classLabelInclude = input('libs-ui-font-h5r', { transform: value => value ?? 'libs-ui-font-h5r' });
+    ignoreShowPopoverLabel = input();
+    typeLabelPopover = input('text', { transform: value => value ?? 'text' });
+    popover = input();
+    linkImage = model();
+    linkImageError = input();
+    avatarConfig = input();
+    classImageInclude = input();
+    imgTypeIcon = input();
+    bullet = input();
+    classInclude = input('', { transform: value => value ?? '' });
+    clickExactly = input(true, { transform: value => value ?? true });
+    disable = input();
+    disableLabel = input();
+    ignoreCheckbox = input();
+    zIndexLabel = input(1200, { transform: value => value ?? 1200 });
+    stillOtherOptions = input();
+    error = input();
+    showBorderError = input();
+    description = input();
+    iconImageClass = input();
+    classIconInclude = input();
+    modeBorder = input();
+    /* OUTPUT */
+    outChange = output();
+    outEventPopover = output();
+    outClickLabel = output();
+    outChangStageFlagMousePopover = output();
+    /* FUNCTIONS */
+    async handlerErrorImage(event) {
+        event.stopPropagation();
+        this.linkImage.set(this.linkImageError());
+    }
+    async handlerClickRelatively(event) {
+        if (this.clickExactly()) {
+            return;
+        }
+        event?.stopPropagation();
+        this.handlerChange(event);
+    }
+    async handlerChange(event) {
+        event?.stopPropagation();
+        if (this.disable()) {
+            return;
+        }
+        this.checked.update(checked => !checked);
+        this.outChange.emit({ key: this.key, checked: this.checked() });
+    }
+    async handlerEventLabel(event) {
+        if (event === 'click') {
+            this.outClickLabel.emit();
+            this.handlerChange();
+        }
+    }
+    async handlerEventPopover(event) {
+        this.outEventPopover.emit(event);
+    }
+    async handlerChangStageFlagMouse(event) {
+        this.outChangStageFlagMousePopover.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsCheckboxSingleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsCheckboxSingleComponent, isStandalone: true, selector: "libs_ui-components-checkbox-single", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, classLabelInclude: { classPropertyName: "classLabelInclude", publicName: "classLabelInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowPopoverLabel: { classPropertyName: "ignoreShowPopoverLabel", publicName: "ignoreShowPopoverLabel", isSignal: true, isRequired: false, transformFunction: null }, typeLabelPopover: { classPropertyName: "typeLabelPopover", publicName: "typeLabelPopover", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, linkImage: { classPropertyName: "linkImage", publicName: "linkImage", isSignal: true, isRequired: false, transformFunction: null }, linkImageError: { classPropertyName: "linkImageError", publicName: "linkImageError", isSignal: true, isRequired: false, transformFunction: null }, avatarConfig: { classPropertyName: "avatarConfig", publicName: "avatarConfig", isSignal: true, isRequired: false, transformFunction: null }, classImageInclude: { classPropertyName: "classImageInclude", publicName: "classImageInclude", isSignal: true, isRequired: false, transformFunction: null }, imgTypeIcon: { classPropertyName: "imgTypeIcon", publicName: "imgTypeIcon", isSignal: true, isRequired: false, transformFunction: null }, bullet: { classPropertyName: "bullet", publicName: "bullet", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, clickExactly: { classPropertyName: "clickExactly", publicName: "clickExactly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, disableLabel: { classPropertyName: "disableLabel", publicName: "disableLabel", isSignal: true, isRequired: false, transformFunction: null }, ignoreCheckbox: { classPropertyName: "ignoreCheckbox", publicName: "ignoreCheckbox", isSignal: true, isRequired: false, transformFunction: null }, zIndexLabel: { classPropertyName: "zIndexLabel", publicName: "zIndexLabel", isSignal: true, isRequired: false, transformFunction: null }, stillOtherOptions: { classPropertyName: "stillOtherOptions", publicName: "stillOtherOptions", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, iconImageClass: { classPropertyName: "iconImageClass", publicName: "iconImageClass", isSignal: true, isRequired: false, transformFunction: null }, classIconInclude: { classPropertyName: "classIconInclude", publicName: "classIconInclude", isSignal: true, isRequired: false, transformFunction: null }, modeBorder: { classPropertyName: "modeBorder", publicName: "modeBorder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", linkImage: "linkImageChange", outChange: "outChange", outEventPopover: "outEventPopover", outClickLabel: "outClickLabel", outChangStageFlagMousePopover: "outChangStageFlagMousePopover" }, ngImport: i0, template: "<div class=\"libs-ui-checkbox {{ classInclude() || '' }}\"\n  [ngClass]=\"{\n    'cursor-pointer': !clickExactly() && !disable(),\n    'p-[8px] rounded-[4px]': modeBorder(),\n    'libs-ui-border-general': modeBorder() && !checked(),\n    'libs-ui-border-primary-general': modeBorder() && checked()  \n  }\"\n  (click)=\"handlerClickRelatively($event)\">\n  @if (!ignoreCheckbox()) {\n    <i class=\"{{ classIconInclude() || '' }}\"\n      [ngClass]=\"{\n      'libs-ui-icon-checkbox-unselected': !checked() && !stillOtherOptions(), \n      'libs-ui-icon-checkbox-selected': checked() && !stillOtherOptions(),\n      'libs-ui-icon-checkbox-indeterminate': stillOtherOptions(),\n      'libs-ui-disable pointer-events-none': disable(),\n      'libs-ui-disable-active': disable() && (checked() || stillOtherOptions()),\n      'libs-ui-text-error': showBorderError() || error()\n      }\"\n      (click)=\"handlerChange($event)\">\n    </i>\n  }\n  @if (linkImage()) {\n    <img [src]=\"linkImage()\"\n      class=\"libs-ui-checkbox-image {{ classImageInclude() || '' }}\"\n      [ngClass]=\"{\n        'cursor-default': disable(),\n        'w-[18px] h-[18px]': imgTypeIcon()\n      }\"\n      (click)=\"handlerChange($event)\"\n      (error)=\"handlerErrorImage($event)\" />\n  }\n  @if (avatarConfig(); as avatarConfig) {\n    <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape\"\n      [classInclude]=\"avatarConfig.classInclude\"\n      [size]=\"avatarConfig.size || 24\"\n      [linkAvatar]=\"avatarConfig.linkAvatar\"\n      [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n      [idGenColor]=\"avatarConfig.idGenColor\"\n      [textAvatar]=\"avatarConfig.textAvatar\" />\n  }\n  @if (!linkImage() && iconImageClass()) {\n    <div [class]=\"iconImageClass()\"\n      [class.cursor-default]=\"disable()\"></div>\n  }\n  @if (bullet(); as bullet) {\n    <div class=\"libs-ui-checkbox-bullet {{ bullet.classInclude || '' }}\"\n      [style.background-color]=\"bullet.backgroundColor\"\n      [style.width.px]=\"bullet.width\"\n      [style.height.px]=\"bullet.height\"\n      [class.cursor-default]=\"disable()\"\n      (click)=\"handlerChange($event)\">\n    </div>\n  }\n  @if (label(); as label) {\n    <div LibsUiComponentsPopoverDirective\n      [type]=\"typeLabelPopover() || 'text'\"\n      [attr.isLabel]=\"true\"\n      [classInclude]=\"classLabelInclude() + (disable() ? ' cursor-default' : '')\"\n      [class.libs-ui-disable]=\"disableLabel()\"\n      [ignoreShowPopover]=\"ignoreShowPopoverLabel()\"\n      [config]=\"{content: label, timerDestroy: 250, zIndex: zIndexLabel()}\"\n      [ignoreCursorPointerModeLikeClick]=\"disableLabel() || disable()\"\n      [innerHTML]=\"label | translate\"\n      (outEvent)=\"handlerEventLabel($event)\"\n      (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\"></div>\n  }\n  @if (popover(); as popover) {\n    <libs_ui-components-popover class=\"flex\"\n      [config]=\"popover.config\"\n      (outEvent)=\"handlerEventPopover($event)\"\n      (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'>\n      @if (!popover.dataView) {\n        <i [class]=\"popover.classInclude ?? 'libs-ui-icon-tooltip-line'\"></i>\n      }\n      @if (popover.dataView) {\n        <div [innerHtml]=\"popover.dataView | translate\"></div>\n      }\n    </libs_ui-components-popover>\n  }\n</div>\n@if (description(); as description) {\n  <div [class]=\"description.classInclude\"\n    [innerHtml]=\"descriptionComputed() | translate\">\n  </div>\n}\n", styles: [":host .libs-ui-checkbox{display:flex;align-items:center}:host .libs-ui-checkbox .libs-ui-icon-checkbox-selected:before,:host .libs-ui-checkbox .libs-ui-icon-checkbox-indeterminate:before{color:var(--libs-ui-color-default, #226FF5)}:host .libs-ui-checkbox .libs-ui-checkbox-image{width:24px;height:24px;margin-right:8px;border-radius:12px;border:solid 1px #e6e8ed;cursor:pointer;flex-shrink:0}:host .libs-ui-checkbox .libs-ui-checkbox-bullet{min-width:10px;min-height:10px;border-radius:50%;margin-right:8px;cursor:pointer}:host .libs-ui-checkbox libs_ui-components-popover[isLabel=true]{margin-right:8px;max-width:100%;cursor:pointer}:host .libs-ui-checkbox>[class*=libs-ui-icon-]{font-size:16px;cursor:pointer;margin-right:8px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "idGenColor", "textAvatar", "classImageInclude"], outputs: ["outAvatarError"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsCheckboxSingleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-checkbox-single', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgClass, TranslateModule,
+                        LibsUiComponentsAvatarComponent,
+                        LibsUiComponentsPopoverComponent
+                    ], template: "<div class=\"libs-ui-checkbox {{ classInclude() || '' }}\"\n  [ngClass]=\"{\n    'cursor-pointer': !clickExactly() && !disable(),\n    'p-[8px] rounded-[4px]': modeBorder(),\n    'libs-ui-border-general': modeBorder() && !checked(),\n    'libs-ui-border-primary-general': modeBorder() && checked()  \n  }\"\n  (click)=\"handlerClickRelatively($event)\">\n  @if (!ignoreCheckbox()) {\n    <i class=\"{{ classIconInclude() || '' }}\"\n      [ngClass]=\"{\n      'libs-ui-icon-checkbox-unselected': !checked() && !stillOtherOptions(), \n      'libs-ui-icon-checkbox-selected': checked() && !stillOtherOptions(),\n      'libs-ui-icon-checkbox-indeterminate': stillOtherOptions(),\n      'libs-ui-disable pointer-events-none': disable(),\n      'libs-ui-disable-active': disable() && (checked() || stillOtherOptions()),\n      'libs-ui-text-error': showBorderError() || error()\n      }\"\n      (click)=\"handlerChange($event)\">\n    </i>\n  }\n  @if (linkImage()) {\n    <img [src]=\"linkImage()\"\n      class=\"libs-ui-checkbox-image {{ classImageInclude() || '' }}\"\n      [ngClass]=\"{\n        'cursor-default': disable(),\n        'w-[18px] h-[18px]': imgTypeIcon()\n      }\"\n      (click)=\"handlerChange($event)\"\n      (error)=\"handlerErrorImage($event)\" />\n  }\n  @if (avatarConfig(); as avatarConfig) {\n    <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape\"\n      [classInclude]=\"avatarConfig.classInclude\"\n      [size]=\"avatarConfig.size || 24\"\n      [linkAvatar]=\"avatarConfig.linkAvatar\"\n      [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n      [idGenColor]=\"avatarConfig.idGenColor\"\n      [textAvatar]=\"avatarConfig.textAvatar\" />\n  }\n  @if (!linkImage() && iconImageClass()) {\n    <div [class]=\"iconImageClass()\"\n      [class.cursor-default]=\"disable()\"></div>\n  }\n  @if (bullet(); as bullet) {\n    <div class=\"libs-ui-checkbox-bullet {{ bullet.classInclude || '' }}\"\n      [style.background-color]=\"bullet.backgroundColor\"\n      [style.width.px]=\"bullet.width\"\n      [style.height.px]=\"bullet.height\"\n      [class.cursor-default]=\"disable()\"\n      (click)=\"handlerChange($event)\">\n    </div>\n  }\n  @if (label(); as label) {\n    <div LibsUiComponentsPopoverDirective\n      [type]=\"typeLabelPopover() || 'text'\"\n      [attr.isLabel]=\"true\"\n      [classInclude]=\"classLabelInclude() + (disable() ? ' cursor-default' : '')\"\n      [class.libs-ui-disable]=\"disableLabel()\"\n      [ignoreShowPopover]=\"ignoreShowPopoverLabel()\"\n      [config]=\"{content: label, timerDestroy: 250, zIndex: zIndexLabel()}\"\n      [ignoreCursorPointerModeLikeClick]=\"disableLabel() || disable()\"\n      [innerHTML]=\"label | translate\"\n      (outEvent)=\"handlerEventLabel($event)\"\n      (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\"></div>\n  }\n  @if (popover(); as popover) {\n    <libs_ui-components-popover class=\"flex\"\n      [config]=\"popover.config\"\n      (outEvent)=\"handlerEventPopover($event)\"\n      (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'>\n      @if (!popover.dataView) {\n        <i [class]=\"popover.classInclude ?? 'libs-ui-icon-tooltip-line'\"></i>\n      }\n      @if (popover.dataView) {\n        <div [innerHtml]=\"popover.dataView | translate\"></div>\n      }\n    </libs_ui-components-popover>\n  }\n</div>\n@if (description(); as description) {\n  <div [class]=\"description.classInclude\"\n    [innerHtml]=\"descriptionComputed() | translate\">\n  </div>\n}\n", styles: [":host .libs-ui-checkbox{display:flex;align-items:center}:host .libs-ui-checkbox .libs-ui-icon-checkbox-selected:before,:host .libs-ui-checkbox .libs-ui-icon-checkbox-indeterminate:before{color:var(--libs-ui-color-default, #226FF5)}:host .libs-ui-checkbox .libs-ui-checkbox-image{width:24px;height:24px;margin-right:8px;border-radius:12px;border:solid 1px #e6e8ed;cursor:pointer;flex-shrink:0}:host .libs-ui-checkbox .libs-ui-checkbox-bullet{min-width:10px;min-height:10px;border-radius:50%;margin-right:8px;cursor:pointer}:host .libs-ui-checkbox libs_ui-components-popover[isLabel=true]{margin-right:8px;max-width:100%;cursor:pointer}:host .libs-ui-checkbox>[class*=libs-ui-icon-]{font-size:16px;cursor:pointer;margin-right:8px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsCheckboxSingleComponent };
+//# sourceMappingURL=libs-ui-components-checkbox-single.mjs.map

package/fesm2022/libs-ui-components-checkbox-single.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-checkbox-single.mjs","sources":["../../../../../../libs-ui/components/checkbox/single/src/checkbox-single.component.ts","../../../../../../libs-ui/components/checkbox/single/src/checkbox-single.component.html","../../../../../../libs-ui/components/checkbox/single/src/libs-ui-components-checkbox-single.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input, model, output } from '@angular/core';\nimport { IAvatarConfig, LibsUiComponentsAvatarComponent } from '@libs-ui/components-avatar';\nimport { IFlagMouse, IPopover, LibsUiComponentsPopoverComponent, TYPE_POPOVER_EVENT, TYPE_POPOVER_TYPE } from '@libs-ui/components-popover';\nimport { escapeHtml } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ICheckboxBullet, ICheckboxEvent, ICheckboxItemDescription } from './interfaces';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-checkbox-single',\n  templateUrl: './checkbox-single.component.html',\n  styleUrls: ['./checkbox-single.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgClass, TranslateModule,\n    LibsUiComponentsAvatarComponent,\n    LibsUiComponentsPopoverComponent\n  ]\n})\nexport class LibsUiComponentsCheckboxSingleComponent {\n\n  /* PROPERTY */\n  protected descriptionComputed = computed(() => escapeHtml(this.description()?.content || ''));\n\n  /* INPUT */\n  readonly key = input<string>();\n  readonly checked = model<boolean>(false);\n  readonly label = input<string>();\n  readonly classLabelInclude = input<string | undefined, string | undefined>('libs-ui-font-h5r', { transform: value => value ?? 'libs-ui-font-h5r' });\n  readonly ignoreShowPopoverLabel = input<boolean>();\n  readonly typeLabelPopover = input<TYPE_POPOVER_TYPE, TYPE_POPOVER_TYPE>('text', { transform: value => value ?? 'text' });\n  readonly popover = input<IPopover>();\n  readonly linkImage = model<string>();\n  readonly linkImageError = input<string>();\n  readonly avatarConfig = input<IAvatarConfig>();\n  readonly classImageInclude = input<string>();\n  readonly imgTypeIcon = input<boolean>();\n  readonly bullet = input<ICheckboxBullet>();\n  readonly classInclude = input<string | undefined, string | undefined>('', { transform: value => value ?? '' });\n  readonly clickExactly = input<boolean | undefined, boolean | undefined>(true, { transform: value => value ?? true });\n  readonly disable = input<boolean>();\n  readonly disableLabel = input<boolean>();\n  readonly ignoreCheckbox = input<boolean>();\n  readonly zIndexLabel = input<number | undefined, number | undefined>(1200, { transform: value => value ?? 1200 });\n  readonly stillOtherOptions = input<boolean>();\n  readonly error = input<boolean>();\n  readonly showBorderError = input<boolean>();\n  readonly description = input<ICheckboxItemDescription>();\n  readonly iconImageClass = input<string>();\n  readonly classIconInclude = input<string>();\n  readonly modeBorder = input<boolean>();\n\n  /* OUTPUT */\n  readonly outChange = output<ICheckboxEvent>();\n  readonly outEventPopover = output<TYPE_POPOVER_EVENT>();\n  readonly outClickLabel = output<void>();\n  readonly outChangStageFlagMousePopover = output<IFlagMouse>();\n\n  /* FUNCTIONS */\n  protected async handlerErrorImage(event: Event) {\n    event.stopPropagation();\n    this.linkImage.set(this.linkImageError());\n  }\n\n  protected async handlerClickRelatively(event?: Event) {\n    if (this.clickExactly()) {\n      return;\n    }\n    event?.stopPropagation();\n    this.handlerChange(event);\n  }\n\n  protected async handlerChange(event?: Event) {\n    event?.stopPropagation();\n    if (this.disable()) {\n      return;\n    }\n    this.checked.update(checked => !checked);\n    this.outChange.emit({ key: this.key, checked: this.checked() });\n  }\n\n  protected async handlerEventLabel(event: string) {\n    if (event === 'click') {\n      this.outClickLabel.emit();\n      this.handlerChange();\n    }\n  }\n\n  protected async handlerEventPopover(event: TYPE_POPOVER_EVENT) {\n    this.outEventPopover.emit(event);\n  }\n\n  protected async handlerChangStageFlagMouse(event: IFlagMouse) {\n    this.outChangStageFlagMousePopover.emit(event);\n  }\n\n}\n","<div class=\"libs-ui-checkbox {{ classInclude() || '' }}\"\n  [ngClass]=\"{\n    'cursor-pointer': !clickExactly() && !disable(),\n    'p-[8px] rounded-[4px]': modeBorder(),\n    'libs-ui-border-general': modeBorder() && !checked(),\n    'libs-ui-border-primary-general': modeBorder() && checked()  \n  }\"\n  (click)=\"handlerClickRelatively($event)\">\n  @if (!ignoreCheckbox()) {\n    <i class=\"{{ classIconInclude() || '' }}\"\n      [ngClass]=\"{\n      'libs-ui-icon-checkbox-unselected': !checked() && !stillOtherOptions(), \n      'libs-ui-icon-checkbox-selected': checked() && !stillOtherOptions(),\n      'libs-ui-icon-checkbox-indeterminate': stillOtherOptions(),\n      'libs-ui-disable pointer-events-none': disable(),\n      'libs-ui-disable-active': disable() && (checked() || stillOtherOptions()),\n      'libs-ui-text-error': showBorderError() || error()\n      }\"\n      (click)=\"handlerChange($event)\">\n    </i>\n  }\n  @if (linkImage()) {\n    <img [src]=\"linkImage()\"\n      class=\"libs-ui-checkbox-image {{ classImageInclude() || '' }}\"\n      [ngClass]=\"{\n        'cursor-default': disable(),\n        'w-[18px] h-[18px]': imgTypeIcon()\n      }\"\n      (click)=\"handlerChange($event)\"\n      (error)=\"handlerErrorImage($event)\" />\n  }\n  @if (avatarConfig(); as avatarConfig) {\n    <libs_ui-components-avatar [typeShape]=\"avatarConfig.typeShape\"\n      [classInclude]=\"avatarConfig.classInclude\"\n      [size]=\"avatarConfig.size || 24\"\n      [linkAvatar]=\"avatarConfig.linkAvatar\"\n      [linkAvatarError]=\"avatarConfig.linkAvatarError\"\n      [idGenColor]=\"avatarConfig.idGenColor\"\n      [textAvatar]=\"avatarConfig.textAvatar\" />\n  }\n  @if (!linkImage() && iconImageClass()) {\n    <div [class]=\"iconImageClass()\"\n      [class.cursor-default]=\"disable()\"></div>\n  }\n  @if (bullet(); as bullet) {\n    <div class=\"libs-ui-checkbox-bullet {{ bullet.classInclude || '' }}\"\n      [style.background-color]=\"bullet.backgroundColor\"\n      [style.width.px]=\"bullet.width\"\n      [style.height.px]=\"bullet.height\"\n      [class.cursor-default]=\"disable()\"\n      (click)=\"handlerChange($event)\">\n    </div>\n  }\n  @if (label(); as label) {\n    <div LibsUiComponentsPopoverDirective\n      [type]=\"typeLabelPopover() || 'text'\"\n      [attr.isLabel]=\"true\"\n      [classInclude]=\"classLabelInclude() + (disable() ? ' cursor-default' : '')\"\n      [class.libs-ui-disable]=\"disableLabel()\"\n      [ignoreShowPopover]=\"ignoreShowPopoverLabel()\"\n      [config]=\"{content: label, timerDestroy: 250, zIndex: zIndexLabel()}\"\n      [ignoreCursorPointerModeLikeClick]=\"disableLabel() || disable()\"\n      [innerHTML]=\"label | translate\"\n      (outEvent)=\"handlerEventLabel($event)\"\n      (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\"></div>\n  }\n  @if (popover(); as popover) {\n    <libs_ui-components-popover class=\"flex\"\n      [config]=\"popover.config\"\n      (outEvent)=\"handlerEventPopover($event)\"\n      (outChangStageFlagMouse)='handlerChangStageFlagMouse($event)'>\n      @if (!popover.dataView) {\n        <i [class]=\"popover.classInclude ?? 'libs-ui-icon-tooltip-line'\"></i>\n      }\n      @if (popover.dataView) {\n        <div [innerHtml]=\"popover.dataView | translate\"></div>\n      }\n    </libs_ui-components-popover>\n  }\n</div>\n@if (description(); as description) {\n  <div [class]=\"description.classInclude\"\n    [innerHtml]=\"descriptionComputed() | translate\">\n  </div>\n}\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,2 @@
+export * from './checkbox-single.component';
+export * from './interfaces';

package/interfaces/checkbox.interface.d.ts

@@ -0,0 +1,19 @@
+export interface ICheckboxItemDescription {
+    content: string;
+    classInclude: string;
+}
+export interface ICheckboxEvent {
+    key: any;
+    checked: boolean;
+    allCheckboxChecked?: Array<ICheckboxChecked>;
+}
+export interface ICheckboxChecked {
+    key: string;
+    item: any;
+}
+export interface ICheckboxBullet {
+    classInclude?: string;
+    backgroundColor: string;
+    width: number;
+    height: number;
+}

package/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox.interface';

package/package.json

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