@libs-ui/components-label 0.1.1-1

package/README.md

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

package/esm2022/index.mjs

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

package/esm2022/interfaces/index.mjs

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

package/esm2022/interfaces/label.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2xhYmVsL3NyYy9pbnRlcmZhY2VzL2xhYmVsLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSUJ1dHRvbiB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1idXR0b24nO1xuaW1wb3J0IHsgSVBvcG92ZXIgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXBvcG92ZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIElMYWJlbCB7XG4gIGNsYXNzSW5jbHVkZT86IHN0cmluZztcblxuICBsYWJlbExlZnQ/OiBzdHJpbmc7XG4gIGxhYmVsTGVmdENsYXNzPzogc3RyaW5nO1xuICBsYWJlbExlZnRCZWhpbmRUb2dnbGVCdXR0b24/OiBib29sZWFuO1xuXG4gIHBvcG92ZXI/OiBJUG9wb3ZlcjtcbiAgaWNvblBvcG92ZXJDbGFzcz86IHN0cmluZztcbiAgekluZGV4UG9wb3Zlcj86IG51bWJlcjtcbiAgdGltZXJEZXN0cm95UG9wb3Zlcj86IG51bWJlcjtcblxuICByZXF1aXJlZD86IGJvb2xlYW47XG5cbiAgYnV0dG9uc0xlZnQ/OiBBcnJheTxJQnV0dG9uPjsgLy8gYnV0dG9uIGxlZnRcbiAgZGlzYWJsZUJ1dHRvbnNMZWZ0PzogYm9vbGVhbjsgLy8gZGlzYWJsZSBidXR0b24gbGVmdFxuXG4gIGJ1dHRvbnNSaWdodD86IEFycmF5PElCdXR0b24+O1xuICBkaXNhYmxlQnV0dG9uc1JpZ2h0PzogYm9vbGVhbjtcblxuICBsYWJlbFJpZ2h0Pzogc3RyaW5nO1xuICBsYWJlbFJpZ2h0Q2xhc3M/OiBzdHJpbmc7XG4gIGxhYmVsUmlnaHRSZXF1aXJlZD86IHN0cmluZztcblxuICBoYXNUb2dnbGU/OiBib29sZWFuO1xuICB0b2dnbGVBY3RpdmU/OiBib29sZWFuO1xuICB0b2dnbGVEaXNhYmxlPzogYm9vbGVhbjtcbiAgdG9nZ2xlU2l6ZT86ICdkZWZhdWx0JyB8ICdsYXJnZSc7XG5cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uQ2xhc3M/OiBzdHJpbmc7XG5cbiAgYnV0dG9uc0Rlc2NyaXB0aW9uPzogQXJyYXk8SUJ1dHRvbj47XG4gIGRpc2FibGVCdXR0b25zRGVzY3JpcHRpb24/OiBib29sZWFuO1xuICBidXR0b25zRGVzY3JpcHRpb25Db250YWluZXJDbGFzcz86IHN0cmluZztcblxuICBvbmx5U2hvd0NvdW50PzogYm9vbGVhbjtcbiAgbGltaXRMZW5ndGg/OiBudW1iZXI7XG4gIGNvdW50PzogbnVtYmVyO1xufVxuIl19

package/esm2022/label.component.mjs

@@ -0,0 +1,73 @@
+import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { viewDataNumberByLanguage } 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 LibsUiComponentsLabelComponent {
+    // #region PROPERTY
+    countDisplay = computed(() => `${viewDataNumberByLanguage(this.count() || 0, false)}`);
+    maxLengthDisplay = computed(() => `${viewDataNumberByLanguage(this.limitLength() || 0, false)}`);
+    // #region INPUT
+    iconPopoverClass = input('libs-ui-icon-tooltip-outline', { transform: (value) => value || 'libs-ui-icon-tooltip-outline' });
+    classInclude = input('libs-ui-label', { transform: (value) => `libs-ui-label ${value ?? ''}` });
+    labelLeft = input();
+    labelLeftClass = input('libs-ui-label-left-text libs-ui-font-h6m', { transform: (value) => `libs-ui-label-left-text libs-ui-font-h6m ${value ?? ''}` });
+    labelLeftBehindToggleButton = input();
+    popover = input();
+    required = input();
+    buttonsLeft = input([], { transform: (value) => value || [] });
+    disableButtonsLeft = input();
+    buttonsRight = input([], { transform: (value) => value || [] });
+    disableButtonsRight = input();
+    labelRight = input();
+    labelRightClass = input('', { transform: (value) => value || '' });
+    labelRightRequired = input();
+    hasToggle = input();
+    toggleSize = input('default', { transform: (value) => value || 'default' });
+    toggleActive = input();
+    toggleDisable = input();
+    description = input();
+    descriptionClass = input('libs-ui-label-description libs-ui-font-h7r', { transform: (value) => `libs-ui-label-description libs-ui-font-h5r ${value ?? ''}` });
+    buttonsDescription = input([], { transform: (value) => value || [] });
+    disableButtonsDescription = input();
+    buttonsDescriptionContainerClass = input('flex libs-ui-label-description-button', { transform: (value) => value ?? 'flex libs-ui-label-description-button' });
+    onlyShowCount = input();
+    zIndexPopover = input(10, { transform: (value) => value ?? 10 });
+    timerDestroyPopover = input(0, { transform: (value) => value ?? 0 });
+    count = input(0, { transform: (value) => value || 0 });
+    limitLength = input(0, { transform: (value) => value || 0 });
+    // #region OUTPUT
+    outClickButton = output();
+    outSwitchEvent = output();
+    outLabelRightClick = output();
+    outLabelLeftClick = output();
+    // #region FUNCTIONS
+    async handlerClickButton(button) {
+        if (button.action) {
+            button.action(button);
+        }
+        this.outClickButton.emit(button);
+    }
+    async handlerSwitch(toggleEvent) {
+        this.outSwitchEvent.emit(toggleEvent);
+    }
+    async handlerEventLabelRight(event) {
+        if (event === 'click') {
+            this.outLabelRightClick.emit(true);
+        }
+    }
+    async handlerEventLabelLeft(event) {
+        event.stopPropagation();
+        this.outLabelLeftClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsLabelComponent, isStandalone: true, selector: "libs_ui-components-label", inputs: { iconPopoverClass: { classPropertyName: "iconPopoverClass", publicName: "iconPopoverClass", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, labelLeft: { classPropertyName: "labelLeft", publicName: "labelLeft", isSignal: true, isRequired: false, transformFunction: null }, labelLeftClass: { classPropertyName: "labelLeftClass", publicName: "labelLeftClass", isSignal: true, isRequired: false, transformFunction: null }, labelLeftBehindToggleButton: { classPropertyName: "labelLeftBehindToggleButton", publicName: "labelLeftBehindToggleButton", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, buttonsLeft: { classPropertyName: "buttonsLeft", publicName: "buttonsLeft", isSignal: true, isRequired: false, transformFunction: null }, disableButtonsLeft: { classPropertyName: "disableButtonsLeft", publicName: "disableButtonsLeft", isSignal: true, isRequired: false, transformFunction: null }, buttonsRight: { classPropertyName: "buttonsRight", publicName: "buttonsRight", isSignal: true, isRequired: false, transformFunction: null }, disableButtonsRight: { classPropertyName: "disableButtonsRight", publicName: "disableButtonsRight", isSignal: true, isRequired: false, transformFunction: null }, labelRight: { classPropertyName: "labelRight", publicName: "labelRight", isSignal: true, isRequired: false, transformFunction: null }, labelRightClass: { classPropertyName: "labelRightClass", publicName: "labelRightClass", isSignal: true, isRequired: false, transformFunction: null }, labelRightRequired: { classPropertyName: "labelRightRequired", publicName: "labelRightRequired", isSignal: true, isRequired: false, transformFunction: null }, hasToggle: { classPropertyName: "hasToggle", publicName: "hasToggle", isSignal: true, isRequired: false, transformFunction: null }, toggleSize: { classPropertyName: "toggleSize", publicName: "toggleSize", isSignal: true, isRequired: false, transformFunction: null }, toggleActive: { classPropertyName: "toggleActive", publicName: "toggleActive", isSignal: true, isRequired: false, transformFunction: null }, toggleDisable: { classPropertyName: "toggleDisable", publicName: "toggleDisable", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, descriptionClass: { classPropertyName: "descriptionClass", publicName: "descriptionClass", isSignal: true, isRequired: false, transformFunction: null }, buttonsDescription: { classPropertyName: "buttonsDescription", publicName: "buttonsDescription", isSignal: true, isRequired: false, transformFunction: null }, disableButtonsDescription: { classPropertyName: "disableButtonsDescription", publicName: "disableButtonsDescription", isSignal: true, isRequired: false, transformFunction: null }, buttonsDescriptionContainerClass: { classPropertyName: "buttonsDescriptionContainerClass", publicName: "buttonsDescriptionContainerClass", isSignal: true, isRequired: false, transformFunction: null }, onlyShowCount: { classPropertyName: "onlyShowCount", publicName: "onlyShowCount", isSignal: true, isRequired: false, transformFunction: null }, zIndexPopover: { classPropertyName: "zIndexPopover", publicName: "zIndexPopover", isSignal: true, isRequired: false, transformFunction: null }, timerDestroyPopover: { classPropertyName: "timerDestroyPopover", publicName: "timerDestroyPopover", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, limitLength: { classPropertyName: "limitLength", publicName: "limitLength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClickButton: "outClickButton", outSwitchEvent: "outSwitchEvent", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick" }, ngImport: i0, template: "<div\n  [class]=\"classInclude()\"\n  [class.mb-[4px]]=\"description()\"\n  [class.mb-[8px]]=\"!description()\">\n  <div\n    class=\"libs-ui-label-left\"\n    [style.maxWidth.%]=\"labelRight() || limitLength() || onlyShowCount() ? 70 : 100\">\n    @if (hasToggle() && labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [size]=\"toggleSize()\"\n        [disable]=\"toggleDisable()\"\n        [class]=\"'mr-[8px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n    @if (labelLeft()) {\n      @let constHtmlLabel = labelLeft() || ' ';\n      <libs_ui-components-popover\n        type=\"text\"\n        [config]=\"{ zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover() }\"\n        [innerHtml]=\"constHtmlLabel | translate\"\n        [classInclude]=\"labelLeftClass()\"\n        (click)=\"handlerEventLabelLeft($event)\" />\n    }\n    @if (required() && labelLeft()) {\n      <i class=\"flex libs-ui-icon-asterisk before:!text-[#ee2d41] before:!text-[8px] pb-[4px] h-full\"></i>\n    }\n    @if (popover()?.config && popover()?.config?.content) {\n      <libs_ui-components-popover\n        classInclude=\"ml-[4px] {{ popover()?.classInclude }}\"\n        [config]=\"popover()?.config\">\n        <i [class]=\"iconPopoverClass()\"></i>\n      </libs_ui-components-popover>\n    }\n    @for (button of buttonsLeft(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsLeft() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (hasToggle() && !labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [disable]=\"toggleDisable()\"\n        [size]=\"toggleSize()\"\n        [class]=\"'ml-[20px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n  </div>\n\n  <div class=\"libs-ui-label-right\">\n    @if (labelRight(); as labelRight) {\n      <libs_ui-components-popover\n        type=\"text\"\n        [innerHtml]=\"labelRight | translate\"\n        [classInclude]=\"labelRightClass()\"\n        (outEvent)=\"handlerEventLabelRight($event)\" />\n    }\n    @for (button of buttonsRight(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsRight() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [classLabel]=\"button.classLabel || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (limitLength() || onlyShowCount()) {\n      <div class=\"flex items-center ml-[12px] text-[#9ca2ad] libs-ui-font-h7r\">\n        <span>{{ countDisplay() }}</span>\n        @if (limitLength()) {\n          <span>/{{ maxLengthDisplay() }}</span>\n        }\n        <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n      </div>\n    }\n  </div>\n</div>\n@if (description(); as description) {\n  <div\n    [class]=\"descriptionClass()\"\n    [innerHtml]=\"description | translate\"></div>\n}\n@if (buttonsDescription()?.length) {\n  <div [class]=\"buttonsDescriptionContainerClass()\">\n    @for (button of buttonsDescription(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsDescription() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        [classLabel]=\"button.classLabel || ''\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n  </div>\n}\n<ng-content select=\"div.libs-ui-custom-description\" />\n", styles: [".libs-ui-label{display:flex;justify-content:space-between;width:100%}.libs-ui-label .libs-ui-label-left{display:flex;align-items:center}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-text{color:#6a7383}.libs-ui-label .libs-ui-label-left libs_ui-components-button{margin-left:12px}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-optional{margin-left:0;font-size:10px!important;color:#9ca2ad;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libs-ui-label .libs-ui-label-right{display:flex;align-items:center;justify-content:flex-end}.libs-ui-label .libs-ui-label-right libs_ui-components-button{margin-left:12px}.libs-ui-label-description{color:#9ca2ad;margin-bottom:8px}.libs-ui-label-description-button{margin-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "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", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-label', standalone: true, imports: [TranslateModule, LibsUiComponentsPopoverComponent, LibsUiComponentsButtonsButtonComponent, LibsUiComponentsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [class]=\"classInclude()\"\n  [class.mb-[4px]]=\"description()\"\n  [class.mb-[8px]]=\"!description()\">\n  <div\n    class=\"libs-ui-label-left\"\n    [style.maxWidth.%]=\"labelRight() || limitLength() || onlyShowCount() ? 70 : 100\">\n    @if (hasToggle() && labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [size]=\"toggleSize()\"\n        [disable]=\"toggleDisable()\"\n        [class]=\"'mr-[8px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n    @if (labelLeft()) {\n      @let constHtmlLabel = labelLeft() || ' ';\n      <libs_ui-components-popover\n        type=\"text\"\n        [config]=\"{ zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover() }\"\n        [innerHtml]=\"constHtmlLabel | translate\"\n        [classInclude]=\"labelLeftClass()\"\n        (click)=\"handlerEventLabelLeft($event)\" />\n    }\n    @if (required() && labelLeft()) {\n      <i class=\"flex libs-ui-icon-asterisk before:!text-[#ee2d41] before:!text-[8px] pb-[4px] h-full\"></i>\n    }\n    @if (popover()?.config && popover()?.config?.content) {\n      <libs_ui-components-popover\n        classInclude=\"ml-[4px] {{ popover()?.classInclude }}\"\n        [config]=\"popover()?.config\">\n        <i [class]=\"iconPopoverClass()\"></i>\n      </libs_ui-components-popover>\n    }\n    @for (button of buttonsLeft(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsLeft() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (hasToggle() && !labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [disable]=\"toggleDisable()\"\n        [size]=\"toggleSize()\"\n        [class]=\"'ml-[20px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n  </div>\n\n  <div class=\"libs-ui-label-right\">\n    @if (labelRight(); as labelRight) {\n      <libs_ui-components-popover\n        type=\"text\"\n        [innerHtml]=\"labelRight | translate\"\n        [classInclude]=\"labelRightClass()\"\n        (outEvent)=\"handlerEventLabelRight($event)\" />\n    }\n    @for (button of buttonsRight(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsRight() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [classLabel]=\"button.classLabel || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (limitLength() || onlyShowCount()) {\n      <div class=\"flex items-center ml-[12px] text-[#9ca2ad] libs-ui-font-h7r\">\n        <span>{{ countDisplay() }}</span>\n        @if (limitLength()) {\n          <span>/{{ maxLengthDisplay() }}</span>\n        }\n        <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n      </div>\n    }\n  </div>\n</div>\n@if (description(); as description) {\n  <div\n    [class]=\"descriptionClass()\"\n    [innerHtml]=\"description | translate\"></div>\n}\n@if (buttonsDescription()?.length) {\n  <div [class]=\"buttonsDescriptionContainerClass()\">\n    @for (button of buttonsDescription(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsDescription() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        [classLabel]=\"button.classLabel || ''\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n  </div>\n}\n<ng-content select=\"div.libs-ui-custom-description\" />\n", styles: [".libs-ui-label{display:flex;justify-content:space-between;width:100%}.libs-ui-label .libs-ui-label-left{display:flex;align-items:center}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-text{color:#6a7383}.libs-ui-label .libs-ui-label-left libs_ui-components-button{margin-left:12px}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-optional{margin-left:0;font-size:10px!important;color:#9ca2ad;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libs-ui-label .libs-ui-label-right{display:flex;align-items:center;justify-content:flex-end}.libs-ui-label .libs-ui-label-right libs_ui-components-button{margin-left:12px}.libs-ui-label-description{color:#9ca2ad;margin-bottom:8px}.libs-ui-label-description-button{margin-bottom:4px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2xhYmVsL3NyYy9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGFiZWwvc3JjL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUYsT0FBTyxFQUFXLHNDQUFzQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckcsT0FBTyxFQUFZLGdDQUFnQyxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQzdHLE9BQU8sRUFBZ0IsK0JBQStCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQVd0RCxNQUFNLE9BQU8sOEJBQThCO0lBQ3pDLG1CQUFtQjtJQUNULFlBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN2RixnQkFBZ0IsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUUzRyxnQkFBZ0I7SUFDUCxnQkFBZ0IsR0FBRyxLQUFLLENBQXlDLDhCQUE4QixFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxL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c0Msc2pCQUFFLCtCQUErQjs7NEZBR3pILDhCQUE4QjtrQkFUMUMsU0FBUzsrQkFFRSwwQkFBMEIsY0FHeEIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGdDQUFnQyxFQUFFLHNDQUFzQyxFQUFFLCtCQUErQixDQUFDLG1CQUNwSCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElCdXR0b24sIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbic7XG5pbXBvcnQgeyBJUG9wb3ZlciwgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnQsIFRZUEVfUE9QT1ZFUl9FVkVOVCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtcG9wb3Zlcic7XG5pbXBvcnQgeyBJU3dpdGNoRXZlbnQsIExpYnNVaUNvbXBvbmVudHNTd2l0Y2hDb21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXN3aXRjaCc7XG5pbXBvcnQgeyB2aWV3RGF0YU51bWJlckJ5TGFuZ3VhZ2UgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RyYW5zbGF0ZU1vZHVsZSwgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnQsIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50LCBMaWJzVWlDb21wb25lbnRzU3dpdGNoQ29tcG9uZW50XSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNMYWJlbENvbXBvbmVudCB7XG4gIC8vICNyZWdpb24gUFJPUEVSVFlcbiAgcHJvdGVjdGVkIGNvdW50RGlzcGxheSA9IGNvbXB1dGVkKCgpID0+IGAke3ZpZXdEYXRhTnVtYmVyQnlMYW5ndWFnZSh0aGlzLmNvdW50KCkgfHwgMCwgZmFsc2UpfWApO1xuICBwcm90ZWN0ZWQgbWF4TGVuZ3RoRGlzcGxheSA9IGNvbXB1dGVkKCgpID0+IGAke3ZpZXdEYXRhTnVtYmVyQnlMYW5ndWFnZSh0aGlzLmxpbWl0TGVuZ3RoKCkgfHwgMCwgZmFsc2UpfWApO1xuXG4gIC8vICNyZWdpb24gSU5QVVRcbiAgcmVhZG9ubHkgaWNvblBvcG92ZXJDbGFzcyA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZCwgc3RyaW5nIHwgdW5kZWZpbmVkPignbGlicy11aS1pY29uLXRvb2x0aXAtb3V0bGluZScsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8ICdsaWJzLXVpLWljb24tdG9vbHRpcC1vdXRsaW5lJyB9KTtcbiAgcmVhZG9ubHkgY2xhc3NJbmNsdWRlID0gaW5wdXQ8c3RyaW5nLCBzdHJpbmcgfCB1bmRlZmluZWQ+KCdsaWJzLXVpLWxhYmVsJywgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gYGxpYnMtdWktbGFiZWwgJHt2YWx1ZSA/PyAnJ31gIH0pO1xuICByZWFkb25seSBsYWJlbExlZnQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxhYmVsTGVmdENsYXNzID0gaW5wdXQ8c3RyaW5nLCBzdHJpbmcgfCB1bmRlZmluZWQ+KCdsaWJzLXVpLWxhYmVsLWxlZnQtdGV4dCBsaWJzLXVpLWZvbnQtaDZtJywgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gYGxpYnMtdWktbGFiZWwtbGVmdC10ZXh0IGxpYnMtdWktZm9udC1oNm0gJHt2YWx1ZSA/PyAnJ31gIH0pO1xuICByZWFkb25seSBsYWJlbExlZnRCZWhpbmRUb2dnbGVCdXR0b24gPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBwb3BvdmVyID0gaW5wdXQ8SVBvcG92ZXI+KCk7XG4gIHJlYWRvbmx5IHJlcXVpcmVkID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgYnV0dG9uc0xlZnQgPSBpbnB1dDxBcnJheTxJQnV0dG9uPiB8IHVuZGVmaW5lZCwgQXJyYXk8SUJ1dHRvbj4gfCB1bmRlZmluZWQ+KFtdLCB7IHRyYW5zZm9ybTogKHZhbHVlKSA9PiB2YWx1ZSB8fCBbXSB9KTtcbiAgcmVhZG9ubHkgZGlzYWJsZUJ1dHRvbnNMZWZ0ID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgYnV0dG9uc1JpZ2h0ID0gaW5wdXQ8QXJyYXk8SUJ1dHRvbj4gfCB1bmRlZmluZWQsIEFycmF5PElCdXR0b24+IHwgdW5kZWZpbmVkPihbXSwgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgfHwgW10gfSk7XG4gIHJlYWRvbmx5IGRpc2FibGVCdXR0b25zUmlnaHQgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBsYWJlbFJpZ2h0ID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBsYWJlbFJpZ2h0Q2xhc3MgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQsIHN0cmluZyB8IHVuZGVmaW5lZD4oJycsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8ICcnIH0pO1xuICByZWFkb25seSBsYWJlbFJpZ2h0UmVxdWlyZWQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGhhc1RvZ2dsZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHRvZ2dsZVNpemUgPSBpbnB1dDwnZGVmYXVsdCcgfCAnbGFyZ2UnLCAnZGVmYXVsdCcgfCAnbGFyZ2UnPignZGVmYXVsdCcsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8ICdkZWZhdWx0JyB9KTtcbiAgcmVhZG9ubHkgdG9nZ2xlQWN0aXZlID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgdG9nZ2xlRGlzYWJsZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IGRlc2NyaXB0aW9uID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBkZXNjcmlwdGlvbkNsYXNzID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkLCBzdHJpbmcgfCB1bmRlZmluZWQ+KCdsaWJzLXVpLWxhYmVsLWRlc2NyaXB0aW9uIGxpYnMtdWktZm9udC1oN3InLCB7IHRyYW5zZm9ybTogKHZhbHVlKSA9PiBgbGlicy11aS1sYWJlbC1kZXNjcmlwdGlvbiBsaWJzLXVpLWZvbnQtaDVyICR7dmFsdWUgPz8gJyd9YCB9KTtcbiAgcmVhZG9ubHkgYnV0dG9uc0Rlc2NyaXB0aW9uID0gaW5wdXQ8QXJyYXk8SUJ1dHRvbj4gfCB1bmRlZmluZWQsIEFycmF5PElCdXR0b24+IHwgdW5kZWZpbmVkPihbXSwgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgfHwgW10gfSk7XG4gIHJlYWRvbmx5IGRpc2FibGVCdXR0b25zRGVzY3JpcHRpb24gPSBpbnB1dDxib29sZWFuIHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSBidXR0b25zRGVzY3JpcHRpb25Db250YWluZXJDbGFzcyA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignZmxleCBsaWJzLXVpLWxhYmVsLWRlc2NyaXB0aW9uLWJ1dHRvbicsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlID8/ICdmbGV4IGxpYnMtdWktbGFiZWwtZGVzY3JpcHRpb24tYnV0dG9uJyB9KTtcbiAgcmVhZG9ubHkgb25seVNob3dDb3VudCA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHpJbmRleFBvcG92ZXIgPSBpbnB1dDxudW1iZXIsIG51bWJlcj4oMTAsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlID8/IDEwIH0pO1xuICByZWFkb25seSB0aW1lckRlc3Ryb3lQb3BvdmVyID0gaW5wdXQ8bnVtYmVyLCBudW1iZXI+KDAsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlID8/IDAgfSk7XG4gIHJlYWRvbmx5IGNvdW50ID0gaW5wdXQ8bnVtYmVyIHwgdW5kZWZpbmVkLCBudW1iZXIgfCB1bmRlZmluZWQ+KDAsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8IDAgfSk7XG4gIHJlYWRvbmx5IGxpbWl0TGVuZ3RoID0gaW5wdXQ8bnVtYmVyIHwgdW5kZWZpbmVkLCBudW1iZXIgfCB1bmRlZmluZWQ+KDAsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8IDAgfSk7XG5cbiAgLy8gI3JlZ2lvbiBPVVRQVVRcbiAgcmVhZG9ubHkgb3V0Q2xpY2tCdXR0b24gPSBvdXRwdXQ8SUJ1dHRvbj4oKTtcbiAgcmVhZG9ubHkgb3V0U3dpdGNoRXZlbnQgPSBvdXRwdXQ8SVN3aXRjaEV2ZW50PigpO1xuICByZWFkb25seSBvdXRMYWJlbFJpZ2h0Q2xpY2sgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgb3V0TGFiZWxMZWZ0Q2xpY2sgPSBvdXRwdXQ8TW91c2VFdmVudD4oKTtcblxuICAvLyAjcmVnaW9uIEZVTkNUSU9OU1xuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbjogSUJ1dHRvbikge1xuICAgIGlmIChidXR0b24uYWN0aW9uKSB7XG4gICAgICBidXR0b24uYWN0aW9uKGJ1dHRvbik7XG4gICAgfVxuICAgIHRoaXMub3V0Q2xpY2tCdXR0b24uZW1pdChidXR0b24pO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJTd2l0Y2godG9nZ2xlRXZlbnQ6IElTd2l0Y2hFdmVudCkge1xuICAgIHRoaXMub3V0U3dpdGNoRXZlbnQuZW1pdCh0b2dnbGVFdmVudCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckV2ZW50TGFiZWxSaWdodChldmVudDogVFlQRV9QT1BPVkVSX0VWRU5UKSB7XG4gICAgaWYgKGV2ZW50ID09PSAnY2xpY2snKSB7XG4gICAgICB0aGlzLm91dExhYmVsUmlnaHRDbGljay5lbWl0KHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyRXZlbnRMYWJlbExlZnQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLm91dExhYmVsTGVmdENsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtjbGFzc109XCJjbGFzc0luY2x1ZGUoKVwiXG4gIFtjbGFzcy5tYi1bNHB4XV09XCJkZXNjcmlwdGlvbigpXCJcbiAgW2NsYXNzLm1iLVs4cHhdXT1cIiFkZXNjcmlwdGlvbigpXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImxpYnMtdWktbGFiZWwtbGVmdFwiXG4gICAgW3N0eWxlLm1heFdpZHRoLiVdPVwibGFiZWxSaWdodCgpIHx8IGxpbWl0TGVuZ3RoKCkgfHwgb25seVNob3dDb3VudCgpID8gNzAgOiAxMDBcIj5cbiAgICBAaWYgKGhhc1RvZ2dsZSgpICYmIGxhYmVsTGVmdEJlaGluZFRvZ2dsZUJ1dHRvbigpKSB7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLXN3aXRjaFxuICAgICAgICBbc2l6ZV09XCJ0b2dnbGVTaXplKClcIlxuICAgICAgICBbZGlzYWJsZV09XCJ0b2dnbGVEaXNhYmxlKClcIlxuICAgICAgICBbY2xhc3NdPVwiJ21yLVs4cHhdJ1wiXG4gICAgICAgIFthY3RpdmVdPVwidG9nZ2xlQWN0aXZlKCkgfHwgZmFsc2VcIlxuICAgICAgICAob3V0U3dpdGNoKT1cImhhbmRsZXJTd2l0Y2goJGV2ZW50KVwiIC8+XG4gICAgfVxuICAgIEBpZiAobGFiZWxMZWZ0KCkpIHtcbiAgICAgIEBsZXQgY29uc3RIdG1sTGFiZWwgPSBsYWJlbExlZnQoKSB8fCAnICc7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLXBvcG92ZXJcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBbY29uZmlnXT1cInsgekluZGV4OiB6SW5kZXhQb3BvdmVyKCksIHRpbWVyRGVzdHJveTogdGltZXJEZXN0cm95UG9wb3ZlcigpIH1cIlxuICAgICAgICBbaW5uZXJIdG1sXT1cImNvbnN0SHRtbExhYmVsIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJsYWJlbExlZnRDbGFzcygpXCJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZXJFdmVudExhYmVsTGVmdCgkZXZlbnQpXCIgLz5cbiAgICB9XG4gICAgQGlmIChyZXF1aXJlZCgpICYmIGxhYmVsTGVmdCgpKSB7XG4gICAgICA8aSBjbGFzcz1cImZsZXggbGlicy11aS1pY29uLWFzdGVyaXNrIGJlZm9yZTohdGV4dC1bI2VlMmQ0MV0gYmVmb3JlOiF0ZXh0LVs4cHhdIHBiLVs0cHhdIGgtZnVsbFwiPjwvaT5cbiAgICB9XG4gICAgQGlmIChwb3BvdmVyKCk/LmNvbmZpZyAmJiBwb3BvdmVyKCk/LmNvbmZpZz8uY29udGVudCkge1xuICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyXG4gICAgICAgIGNsYXNzSW5jbHVkZT1cIm1sLVs0cHhdIHt7IHBvcG92ZXIoKT8uY2xhc3NJbmNsdWRlIH19XCJcbiAgICAgICAgW2NvbmZpZ109XCJwb3BvdmVyKCk/LmNvbmZpZ1wiPlxuICAgICAgICA8aSBbY2xhc3NdPVwiaWNvblBvcG92ZXJDbGFzcygpXCI+PC9pPlxuICAgICAgPC9saWJzX3VpLWNvbXBvbmVudHMtcG9wb3Zlcj5cbiAgICB9XG4gICAgQGZvciAoYnV0dG9uIG9mIGJ1dHRvbnNMZWZ0KCk7IHRyYWNrIGJ1dHRvbikge1xuICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvblxuICAgICAgICBbdHlwZV09XCJidXR0b24udHlwZSB8fCAnYnV0dG9uLWxpbmstcHJpbWFyeSdcIlxuICAgICAgICBbc2l6ZUJ1dHRvbl09XCJidXR0b24uc2l6ZUJ1dHRvblwiXG4gICAgICAgIFtsYWJlbF09XCJidXR0b24ubGFiZWwgfHwgJyAnXCJcbiAgICAgICAgW2Rpc2FibGVdPVwiYnV0dG9uLmRpc2FibGUgfHwgZGlzYWJsZUJ1dHRvbnNMZWZ0KCkgfHwgZmFsc2VcIlxuICAgICAgICBbY2xhc3NJY29uTGVmdF09XCJidXR0b24uY2xhc3NJY29uTGVmdCB8fCAnJ1wiXG4gICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiYnV0dG9uLmNsYXNzSW5jbHVkZSB8fCAnJ1wiXG4gICAgICAgIFtjbGFzc0ljb25SaWdodF09XCJidXR0b24uY2xhc3NJY29uUmlnaHQgfHwgJydcIlxuICAgICAgICBbcG9wb3Zlcl09XCJidXR0b24ucG9wb3ZlciB8fCB7fVwiXG4gICAgICAgIChvdXRDbGljayk9XCJoYW5kbGVyQ2xpY2tCdXR0b24oYnV0dG9uKVwiIC8+XG4gICAgfVxuICAgIEBpZiAoaGFzVG9nZ2xlKCkgJiYgIWxhYmVsTGVmdEJlaGluZFRvZ2dsZUJ1dHRvbigpKSB7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLXN3aXRjaFxuICAgICAgICBbZGlzYWJsZV09XCJ0b2dnbGVEaXNhYmxlKClcIlxuICAgICAgICBbc2l6ZV09XCJ0b2dnbGVTaXplKClcIlxuICAgICAgICBbY2xhc3NdPVwiJ21sLVsyMHB4XSdcIlxuICAgICAgICBbYWN0aXZlXT1cInRvZ2dsZUFjdGl2ZSgpIHx8IGZhbHNlXCJcbiAgICAgICAgKG91dFN3aXRjaCk9XCJoYW5kbGVyU3dpdGNoKCRldmVudClcIiAvPlxuICAgIH1cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImxpYnMtdWktbGFiZWwtcmlnaHRcIj5cbiAgICBAaWYgKGxhYmVsUmlnaHQoKTsgYXMgbGFiZWxSaWdodCkge1xuICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgW2lubmVySHRtbF09XCJsYWJlbFJpZ2h0IHwgdHJhbnNsYXRlXCJcbiAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJsYWJlbFJpZ2h0Q2xhc3MoKVwiXG4gICAgICAgIChvdXRFdmVudCk9XCJoYW5kbGVyRXZlbnRMYWJlbFJpZ2h0KCRldmVudClcIiAvPlxuICAgIH1cbiAgICBAZm9yIChidXR0b24gb2YgYnV0dG9uc1JpZ2h0KCk7IHRyYWNrIGJ1dHRvbikge1xuICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvblxuICAgICAgICBbdHlwZV09XCJidXR0b24udHlwZSB8fCAnYnV0dG9uLWxpbmstcHJpbWFyeSdcIlxuICAgICAgICBbc2l6ZUJ1dHRvbl09XCJidXR0b24uc2l6ZUJ1dHRvblwiXG4gICAgICAgIFtsYWJlbF09XCJidXR0b24ubGFiZWwgfHwgJyAnXCJcbiAgICAgICAgW2Rpc2FibGVdPVwiYnV0dG9uLmRpc2FibGUgfHwgZGlzYWJsZUJ1dHRvbnNSaWdodCgpIHx8IGZhbHNlXCJcbiAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiYnV0dG9uLmNsYXNzSWNvbkxlZnQgfHwgJydcIlxuICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImJ1dHRvbi5jbGFzc0luY2x1ZGUgfHwgJydcIlxuICAgICAgICBbY2xhc3NJY29uUmlnaHRdPVwiYnV0dG9uLmNsYXNzSWNvblJpZ2h0IHx8ICcnXCJcbiAgICAgICAgW2NsYXNzTGFiZWxdPVwiYnV0dG9uLmNsYXNzTGFiZWwgfHwgJydcIlxuICAgICAgICBbcG9wb3Zlcl09XCJidXR0b24ucG9wb3ZlciB8fCB7fVwiXG4gICAgICAgIChvdXRDbGljayk9XCJoYW5kbGVyQ2xpY2tCdXR0b24oYnV0dG9uKVwiIC8+XG4gICAgfVxuICAgIEBpZiAobGltaXRMZW5ndGgoKSB8fCBvbmx5U2hvd0NvdW50KCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBtbC1bMTJweF0gdGV4dC1bIzljYTJhZF0gbGlicy11aS1mb250LWg3clwiPlxuICAgICAgICA8c3Bhbj57eyBjb3VudERpc3BsYXkoKSB9fTwvc3Bhbj5cbiAgICAgICAgQGlmIChsaW1pdExlbmd0aCgpKSB7XG4gICAgICAgICAgPHNwYW4+L3t7IG1heExlbmd0aERpc3BsYXkoKSB9fTwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgICA8c3Bhbj4mbmJzcDt7eyAnaTE4bl9jaGFyYWN0ZXInIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICA8L2Rpdj5cbjwvZGl2PlxuQGlmIChkZXNjcmlwdGlvbigpOyBhcyBkZXNjcmlwdGlvbikge1xuICA8ZGl2XG4gICAgW2NsYXNzXT1cImRlc2NyaXB0aW9uQ2xhc3MoKVwiXG4gICAgW2lubmVySHRtbF09XCJkZXNjcmlwdGlvbiB8IHRyYW5zbGF0ZVwiPjwvZGl2PlxufVxuQGlmIChidXR0b25zRGVzY3JpcHRpb24oKT8ubGVuZ3RoKSB7XG4gIDxkaXYgW2NsYXNzXT1cImJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzKClcIj5cbiAgICBAZm9yIChidXR0b24gb2YgYnV0dG9uc0Rlc2NyaXB0aW9uKCk7IHRyYWNrIGJ1dHRvbikge1xuICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvblxuICAgICAgICBbdHlwZV09XCJidXR0b24udHlwZSB8fCAnYnV0dG9uLWxpbmstcHJpbWFyeSdcIlxuICAgICAgICBbbGFiZWxdPVwiYnV0dG9uLmxhYmVsIHx8ICcgJ1wiXG4gICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGVCdXR0b25zRGVzY3JpcHRpb24oKSB8fCBmYWxzZVwiXG4gICAgICAgIFtjbGFzc0ljb25MZWZ0XT1cImJ1dHRvbi5jbGFzc0ljb25MZWZ0IHx8ICcnXCJcbiAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgICAgW2NsYXNzSWNvblJpZ2h0XT1cImJ1dHRvbi5jbGFzc0ljb25SaWdodCB8fCAnJ1wiXG4gICAgICAgIFtwb3BvdmVyXT1cImJ1dHRvbi5wb3BvdmVyIHx8IHt9XCJcbiAgICAgICAgW2NsYXNzTGFiZWxdPVwiYnV0dG9uLmNsYXNzTGFiZWwgfHwgJydcIlxuICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbilcIiAvPlxuICAgIH1cbiAgPC9kaXY+XG59XG48bmctY29udGVudCBzZWxlY3Q9XCJkaXYubGlicy11aS1jdXN0b20tZGVzY3JpcHRpb25cIiAvPlxuIl19

package/esm2022/libs-ui-components-label.mjs

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

package/fesm2022/libs-ui-components-label.mjs

@@ -0,0 +1,80 @@
+import * as i0 from '@angular/core';
+import { computed, input, output, ChangeDetectionStrategy, Component } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { viewDataNumberByLanguage } from '@libs-ui/utils';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+class LibsUiComponentsLabelComponent {
+    // #region PROPERTY
+    countDisplay = computed(() => `${viewDataNumberByLanguage(this.count() || 0, false)}`);
+    maxLengthDisplay = computed(() => `${viewDataNumberByLanguage(this.limitLength() || 0, false)}`);
+    // #region INPUT
+    iconPopoverClass = input('libs-ui-icon-tooltip-outline', { transform: (value) => value || 'libs-ui-icon-tooltip-outline' });
+    classInclude = input('libs-ui-label', { transform: (value) => `libs-ui-label ${value ?? ''}` });
+    labelLeft = input();
+    labelLeftClass = input('libs-ui-label-left-text libs-ui-font-h6m', { transform: (value) => `libs-ui-label-left-text libs-ui-font-h6m ${value ?? ''}` });
+    labelLeftBehindToggleButton = input();
+    popover = input();
+    required = input();
+    buttonsLeft = input([], { transform: (value) => value || [] });
+    disableButtonsLeft = input();
+    buttonsRight = input([], { transform: (value) => value || [] });
+    disableButtonsRight = input();
+    labelRight = input();
+    labelRightClass = input('', { transform: (value) => value || '' });
+    labelRightRequired = input();
+    hasToggle = input();
+    toggleSize = input('default', { transform: (value) => value || 'default' });
+    toggleActive = input();
+    toggleDisable = input();
+    description = input();
+    descriptionClass = input('libs-ui-label-description libs-ui-font-h7r', { transform: (value) => `libs-ui-label-description libs-ui-font-h5r ${value ?? ''}` });
+    buttonsDescription = input([], { transform: (value) => value || [] });
+    disableButtonsDescription = input();
+    buttonsDescriptionContainerClass = input('flex libs-ui-label-description-button', { transform: (value) => value ?? 'flex libs-ui-label-description-button' });
+    onlyShowCount = input();
+    zIndexPopover = input(10, { transform: (value) => value ?? 10 });
+    timerDestroyPopover = input(0, { transform: (value) => value ?? 0 });
+    count = input(0, { transform: (value) => value || 0 });
+    limitLength = input(0, { transform: (value) => value || 0 });
+    // #region OUTPUT
+    outClickButton = output();
+    outSwitchEvent = output();
+    outLabelRightClick = output();
+    outLabelLeftClick = output();
+    // #region FUNCTIONS
+    async handlerClickButton(button) {
+        if (button.action) {
+            button.action(button);
+        }
+        this.outClickButton.emit(button);
+    }
+    async handlerSwitch(toggleEvent) {
+        this.outSwitchEvent.emit(toggleEvent);
+    }
+    async handlerEventLabelRight(event) {
+        if (event === 'click') {
+            this.outLabelRightClick.emit(true);
+        }
+    }
+    async handlerEventLabelLeft(event) {
+        event.stopPropagation();
+        this.outLabelLeftClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsLabelComponent, isStandalone: true, selector: "libs_ui-components-label", inputs: { iconPopoverClass: { classPropertyName: "iconPopoverClass", publicName: "iconPopoverClass", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, labelLeft: { classPropertyName: "labelLeft", publicName: "labelLeft", isSignal: true, isRequired: false, transformFunction: null }, labelLeftClass: { classPropertyName: "labelLeftClass", publicName: "labelLeftClass", isSignal: true, isRequired: false, transformFunction: null }, labelLeftBehindToggleButton: { classPropertyName: "labelLeftBehindToggleButton", publicName: "labelLeftBehindToggleButton", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, buttonsLeft: { classPropertyName: "buttonsLeft", publicName: "buttonsLeft", isSignal: true, isRequired: false, transformFunction: null }, disableButtonsLeft: { classPropertyName: "disableButtonsLeft", publicName: "disableButtonsLeft", isSignal: true, isRequired: false, transformFunction: null }, buttonsRight: { classPropertyName: "buttonsRight", publicName: "buttonsRight", isSignal: true, isRequired: false, transformFunction: null }, disableButtonsRight: { classPropertyName: "disableButtonsRight", publicName: "disableButtonsRight", isSignal: true, isRequired: false, transformFunction: null }, labelRight: { classPropertyName: "labelRight", publicName: "labelRight", isSignal: true, isRequired: false, transformFunction: null }, labelRightClass: { classPropertyName: "labelRightClass", publicName: "labelRightClass", isSignal: true, isRequired: false, transformFunction: null }, labelRightRequired: { classPropertyName: "labelRightRequired", publicName: "labelRightRequired", isSignal: true, isRequired: false, transformFunction: null }, hasToggle: { classPropertyName: "hasToggle", publicName: "hasToggle", isSignal: true, isRequired: false, transformFunction: null }, toggleSize: { classPropertyName: "toggleSize", publicName: "toggleSize", isSignal: true, isRequired: false, transformFunction: null }, toggleActive: { classPropertyName: "toggleActive", publicName: "toggleActive", isSignal: true, isRequired: false, transformFunction: null }, toggleDisable: { classPropertyName: "toggleDisable", publicName: "toggleDisable", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, descriptionClass: { classPropertyName: "descriptionClass", publicName: "descriptionClass", isSignal: true, isRequired: false, transformFunction: null }, buttonsDescription: { classPropertyName: "buttonsDescription", publicName: "buttonsDescription", isSignal: true, isRequired: false, transformFunction: null }, disableButtonsDescription: { classPropertyName: "disableButtonsDescription", publicName: "disableButtonsDescription", isSignal: true, isRequired: false, transformFunction: null }, buttonsDescriptionContainerClass: { classPropertyName: "buttonsDescriptionContainerClass", publicName: "buttonsDescriptionContainerClass", isSignal: true, isRequired: false, transformFunction: null }, onlyShowCount: { classPropertyName: "onlyShowCount", publicName: "onlyShowCount", isSignal: true, isRequired: false, transformFunction: null }, zIndexPopover: { classPropertyName: "zIndexPopover", publicName: "zIndexPopover", isSignal: true, isRequired: false, transformFunction: null }, timerDestroyPopover: { classPropertyName: "timerDestroyPopover", publicName: "timerDestroyPopover", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, limitLength: { classPropertyName: "limitLength", publicName: "limitLength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClickButton: "outClickButton", outSwitchEvent: "outSwitchEvent", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick" }, ngImport: i0, template: "<div\n  [class]=\"classInclude()\"\n  [class.mb-[4px]]=\"description()\"\n  [class.mb-[8px]]=\"!description()\">\n  <div\n    class=\"libs-ui-label-left\"\n    [style.maxWidth.%]=\"labelRight() || limitLength() || onlyShowCount() ? 70 : 100\">\n    @if (hasToggle() && labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [size]=\"toggleSize()\"\n        [disable]=\"toggleDisable()\"\n        [class]=\"'mr-[8px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n    @if (labelLeft()) {\n      @let constHtmlLabel = labelLeft() || ' ';\n      <libs_ui-components-popover\n        type=\"text\"\n        [config]=\"{ zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover() }\"\n        [innerHtml]=\"constHtmlLabel | translate\"\n        [classInclude]=\"labelLeftClass()\"\n        (click)=\"handlerEventLabelLeft($event)\" />\n    }\n    @if (required() && labelLeft()) {\n      <i class=\"flex libs-ui-icon-asterisk before:!text-[#ee2d41] before:!text-[8px] pb-[4px] h-full\"></i>\n    }\n    @if (popover()?.config && popover()?.config?.content) {\n      <libs_ui-components-popover\n        classInclude=\"ml-[4px] {{ popover()?.classInclude }}\"\n        [config]=\"popover()?.config\">\n        <i [class]=\"iconPopoverClass()\"></i>\n      </libs_ui-components-popover>\n    }\n    @for (button of buttonsLeft(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsLeft() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (hasToggle() && !labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [disable]=\"toggleDisable()\"\n        [size]=\"toggleSize()\"\n        [class]=\"'ml-[20px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n  </div>\n\n  <div class=\"libs-ui-label-right\">\n    @if (labelRight(); as labelRight) {\n      <libs_ui-components-popover\n        type=\"text\"\n        [innerHtml]=\"labelRight | translate\"\n        [classInclude]=\"labelRightClass()\"\n        (outEvent)=\"handlerEventLabelRight($event)\" />\n    }\n    @for (button of buttonsRight(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsRight() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [classLabel]=\"button.classLabel || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (limitLength() || onlyShowCount()) {\n      <div class=\"flex items-center ml-[12px] text-[#9ca2ad] libs-ui-font-h7r\">\n        <span>{{ countDisplay() }}</span>\n        @if (limitLength()) {\n          <span>/{{ maxLengthDisplay() }}</span>\n        }\n        <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n      </div>\n    }\n  </div>\n</div>\n@if (description(); as description) {\n  <div\n    [class]=\"descriptionClass()\"\n    [innerHtml]=\"description | translate\"></div>\n}\n@if (buttonsDescription()?.length) {\n  <div [class]=\"buttonsDescriptionContainerClass()\">\n    @for (button of buttonsDescription(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsDescription() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        [classLabel]=\"button.classLabel || ''\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n  </div>\n}\n<ng-content select=\"div.libs-ui-custom-description\" />\n", styles: [".libs-ui-label{display:flex;justify-content:space-between;width:100%}.libs-ui-label .libs-ui-label-left{display:flex;align-items:center}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-text{color:#6a7383}.libs-ui-label .libs-ui-label-left libs_ui-components-button{margin-left:12px}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-optional{margin-left:0;font-size:10px!important;color:#9ca2ad;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libs-ui-label .libs-ui-label-right{display:flex;align-items:center;justify-content:flex-end}.libs-ui-label .libs-ui-label-right libs_ui-components-button{margin-left:12px}.libs-ui-label-description{color:#9ca2ad;margin-bottom:8px}.libs-ui-label-description-button{margin-bottom:4px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "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", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-label', standalone: true, imports: [TranslateModule, LibsUiComponentsPopoverComponent, LibsUiComponentsButtonsButtonComponent, LibsUiComponentsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [class]=\"classInclude()\"\n  [class.mb-[4px]]=\"description()\"\n  [class.mb-[8px]]=\"!description()\">\n  <div\n    class=\"libs-ui-label-left\"\n    [style.maxWidth.%]=\"labelRight() || limitLength() || onlyShowCount() ? 70 : 100\">\n    @if (hasToggle() && labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [size]=\"toggleSize()\"\n        [disable]=\"toggleDisable()\"\n        [class]=\"'mr-[8px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n    @if (labelLeft()) {\n      @let constHtmlLabel = labelLeft() || ' ';\n      <libs_ui-components-popover\n        type=\"text\"\n        [config]=\"{ zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover() }\"\n        [innerHtml]=\"constHtmlLabel | translate\"\n        [classInclude]=\"labelLeftClass()\"\n        (click)=\"handlerEventLabelLeft($event)\" />\n    }\n    @if (required() && labelLeft()) {\n      <i class=\"flex libs-ui-icon-asterisk before:!text-[#ee2d41] before:!text-[8px] pb-[4px] h-full\"></i>\n    }\n    @if (popover()?.config && popover()?.config?.content) {\n      <libs_ui-components-popover\n        classInclude=\"ml-[4px] {{ popover()?.classInclude }}\"\n        [config]=\"popover()?.config\">\n        <i [class]=\"iconPopoverClass()\"></i>\n      </libs_ui-components-popover>\n    }\n    @for (button of buttonsLeft(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsLeft() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (hasToggle() && !labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [disable]=\"toggleDisable()\"\n        [size]=\"toggleSize()\"\n        [class]=\"'ml-[20px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n  </div>\n\n  <div class=\"libs-ui-label-right\">\n    @if (labelRight(); as labelRight) {\n      <libs_ui-components-popover\n        type=\"text\"\n        [innerHtml]=\"labelRight | translate\"\n        [classInclude]=\"labelRightClass()\"\n        (outEvent)=\"handlerEventLabelRight($event)\" />\n    }\n    @for (button of buttonsRight(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsRight() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [classLabel]=\"button.classLabel || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (limitLength() || onlyShowCount()) {\n      <div class=\"flex items-center ml-[12px] text-[#9ca2ad] libs-ui-font-h7r\">\n        <span>{{ countDisplay() }}</span>\n        @if (limitLength()) {\n          <span>/{{ maxLengthDisplay() }}</span>\n        }\n        <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n      </div>\n    }\n  </div>\n</div>\n@if (description(); as description) {\n  <div\n    [class]=\"descriptionClass()\"\n    [innerHtml]=\"description | translate\"></div>\n}\n@if (buttonsDescription()?.length) {\n  <div [class]=\"buttonsDescriptionContainerClass()\">\n    @for (button of buttonsDescription(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsDescription() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        [classLabel]=\"button.classLabel || ''\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n  </div>\n}\n<ng-content select=\"div.libs-ui-custom-description\" />\n", styles: [".libs-ui-label{display:flex;justify-content:space-between;width:100%}.libs-ui-label .libs-ui-label-left{display:flex;align-items:center}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-text{color:#6a7383}.libs-ui-label .libs-ui-label-left libs_ui-components-button{margin-left:12px}.libs-ui-label .libs-ui-label-left .libs-ui-label-left-optional{margin-left:0;font-size:10px!important;color:#9ca2ad;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libs-ui-label .libs-ui-label-right{display:flex;align-items:center;justify-content:flex-end}.libs-ui-label .libs-ui-label-right libs_ui-components-button{margin-left:12px}.libs-ui-label-description{color:#9ca2ad;margin-bottom:8px}.libs-ui-label-description-button{margin-bottom:4px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsLabelComponent };
+//# sourceMappingURL=libs-ui-components-label.mjs.map

package/fesm2022/libs-ui-components-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-label.mjs","sources":["../../../../../libs-ui/components/label/src/label.component.ts","../../../../../libs-ui/components/label/src/label.component.html","../../../../../libs-ui/components/label/src/libs-ui-components-label.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { IButton, LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { IPopover, LibsUiComponentsPopoverComponent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';\nimport { ISwitchEvent, LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';\nimport { viewDataNumberByLanguage } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-label',\n  templateUrl: './label.component.html',\n  styleUrl: './label.component.scss',\n  standalone: true,\n  imports: [TranslateModule, LibsUiComponentsPopoverComponent, LibsUiComponentsButtonsButtonComponent, LibsUiComponentsSwitchComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LibsUiComponentsLabelComponent {\n  // #region PROPERTY\n  protected countDisplay = computed(() => `${viewDataNumberByLanguage(this.count() || 0, false)}`);\n  protected maxLengthDisplay = computed(() => `${viewDataNumberByLanguage(this.limitLength() || 0, false)}`);\n\n  // #region INPUT\n  readonly iconPopoverClass = input<string | undefined, string | undefined>('libs-ui-icon-tooltip-outline', { transform: (value) => value || 'libs-ui-icon-tooltip-outline' });\n  readonly classInclude = input<string, string | undefined>('libs-ui-label', { transform: (value) => `libs-ui-label ${value ?? ''}` });\n  readonly labelLeft = input<string>();\n  readonly labelLeftClass = input<string, string | undefined>('libs-ui-label-left-text libs-ui-font-h6m', { transform: (value) => `libs-ui-label-left-text libs-ui-font-h6m ${value ?? ''}` });\n  readonly labelLeftBehindToggleButton = input<boolean>();\n  readonly popover = input<IPopover>();\n  readonly required = input<boolean>();\n  readonly buttonsLeft = input<Array<IButton> | undefined, Array<IButton> | undefined>([], { transform: (value) => value || [] });\n  readonly disableButtonsLeft = input<boolean>();\n  readonly buttonsRight = input<Array<IButton> | undefined, Array<IButton> | undefined>([], { transform: (value) => value || [] });\n  readonly disableButtonsRight = input<boolean>();\n  readonly labelRight = input<string>();\n  readonly labelRightClass = input<string | undefined, string | undefined>('', { transform: (value) => value || '' });\n  readonly labelRightRequired = input<string>();\n  readonly hasToggle = input<boolean>();\n  readonly toggleSize = input<'default' | 'large', 'default' | 'large'>('default', { transform: (value) => value || 'default' });\n  readonly toggleActive = input<boolean>();\n  readonly toggleDisable = input<boolean>();\n  readonly description = input<string>();\n  readonly descriptionClass = input<string | undefined, string | undefined>('libs-ui-label-description libs-ui-font-h7r', { transform: (value) => `libs-ui-label-description libs-ui-font-h5r ${value ?? ''}` });\n  readonly buttonsDescription = input<Array<IButton> | undefined, Array<IButton> | undefined>([], { transform: (value) => value || [] });\n  readonly disableButtonsDescription = input<boolean | undefined>();\n  readonly buttonsDescriptionContainerClass = input<string, string | undefined>('flex libs-ui-label-description-button', { transform: (value) => value ?? 'flex libs-ui-label-description-button' });\n  readonly onlyShowCount = input<boolean>();\n  readonly zIndexPopover = input<number, number>(10, { transform: (value) => value ?? 10 });\n  readonly timerDestroyPopover = input<number, number>(0, { transform: (value) => value ?? 0 });\n  readonly count = input<number | undefined, number | undefined>(0, { transform: (value) => value || 0 });\n  readonly limitLength = input<number | undefined, number | undefined>(0, { transform: (value) => value || 0 });\n\n  // #region OUTPUT\n  readonly outClickButton = output<IButton>();\n  readonly outSwitchEvent = output<ISwitchEvent>();\n  readonly outLabelRightClick = output<boolean>();\n  readonly outLabelLeftClick = output<MouseEvent>();\n\n  // #region FUNCTIONS\n  protected async handlerClickButton(button: IButton) {\n    if (button.action) {\n      button.action(button);\n    }\n    this.outClickButton.emit(button);\n  }\n\n  protected async handlerSwitch(toggleEvent: ISwitchEvent) {\n    this.outSwitchEvent.emit(toggleEvent);\n  }\n\n  protected async handlerEventLabelRight(event: TYPE_POPOVER_EVENT) {\n    if (event === 'click') {\n      this.outLabelRightClick.emit(true);\n    }\n  }\n\n  protected async handlerEventLabelLeft(event: MouseEvent) {\n    event.stopPropagation();\n    this.outLabelLeftClick.emit(event);\n  }\n}\n","<div\n  [class]=\"classInclude()\"\n  [class.mb-[4px]]=\"description()\"\n  [class.mb-[8px]]=\"!description()\">\n  <div\n    class=\"libs-ui-label-left\"\n    [style.maxWidth.%]=\"labelRight() || limitLength() || onlyShowCount() ? 70 : 100\">\n    @if (hasToggle() && labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [size]=\"toggleSize()\"\n        [disable]=\"toggleDisable()\"\n        [class]=\"'mr-[8px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n    @if (labelLeft()) {\n      @let constHtmlLabel = labelLeft() || ' ';\n      <libs_ui-components-popover\n        type=\"text\"\n        [config]=\"{ zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover() }\"\n        [innerHtml]=\"constHtmlLabel | translate\"\n        [classInclude]=\"labelLeftClass()\"\n        (click)=\"handlerEventLabelLeft($event)\" />\n    }\n    @if (required() && labelLeft()) {\n      <i class=\"flex libs-ui-icon-asterisk before:!text-[#ee2d41] before:!text-[8px] pb-[4px] h-full\"></i>\n    }\n    @if (popover()?.config && popover()?.config?.content) {\n      <libs_ui-components-popover\n        classInclude=\"ml-[4px] {{ popover()?.classInclude }}\"\n        [config]=\"popover()?.config\">\n        <i [class]=\"iconPopoverClass()\"></i>\n      </libs_ui-components-popover>\n    }\n    @for (button of buttonsLeft(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsLeft() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (hasToggle() && !labelLeftBehindToggleButton()) {\n      <libs_ui-components-switch\n        [disable]=\"toggleDisable()\"\n        [size]=\"toggleSize()\"\n        [class]=\"'ml-[20px]'\"\n        [active]=\"toggleActive() || false\"\n        (outSwitch)=\"handlerSwitch($event)\" />\n    }\n  </div>\n\n  <div class=\"libs-ui-label-right\">\n    @if (labelRight(); as labelRight) {\n      <libs_ui-components-popover\n        type=\"text\"\n        [innerHtml]=\"labelRight | translate\"\n        [classInclude]=\"labelRightClass()\"\n        (outEvent)=\"handlerEventLabelRight($event)\" />\n    }\n    @for (button of buttonsRight(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [sizeButton]=\"button.sizeButton\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsRight() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [classLabel]=\"button.classLabel || ''\"\n        [popover]=\"button.popover || {}\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n    @if (limitLength() || onlyShowCount()) {\n      <div class=\"flex items-center ml-[12px] text-[#9ca2ad] libs-ui-font-h7r\">\n        <span>{{ countDisplay() }}</span>\n        @if (limitLength()) {\n          <span>/{{ maxLengthDisplay() }}</span>\n        }\n        <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n      </div>\n    }\n  </div>\n</div>\n@if (description(); as description) {\n  <div\n    [class]=\"descriptionClass()\"\n    [innerHtml]=\"description | translate\"></div>\n}\n@if (buttonsDescription()?.length) {\n  <div [class]=\"buttonsDescriptionContainerClass()\">\n    @for (button of buttonsDescription(); track button) {\n      <libs_ui-components-buttons-button\n        [type]=\"button.type || 'button-link-primary'\"\n        [label]=\"button.label || ' '\"\n        [disable]=\"button.disable || disableButtonsDescription() || false\"\n        [classIconLeft]=\"button.classIconLeft || ''\"\n        [classInclude]=\"button.classInclude || ''\"\n        [classIconRight]=\"button.classIconRight || ''\"\n        [popover]=\"button.popover || {}\"\n        [classLabel]=\"button.classLabel || ''\"\n        (outClick)=\"handlerClickButton(button)\" />\n    }\n  </div>\n}\n<ng-content select=\"div.libs-ui-custom-description\" />\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 './label.component';
+export * from './interfaces';

package/interfaces/index.d.ts

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

package/interfaces/label.interface.d.ts

@@ -0,0 +1,32 @@
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IPopover } from '@libs-ui/components-popover';
+export interface ILabel {
+    classInclude?: string;
+    labelLeft?: string;
+    labelLeftClass?: string;
+    labelLeftBehindToggleButton?: boolean;
+    popover?: IPopover;
+    iconPopoverClass?: string;
+    zIndexPopover?: number;
+    timerDestroyPopover?: number;
+    required?: boolean;
+    buttonsLeft?: Array<IButton>;
+    disableButtonsLeft?: boolean;
+    buttonsRight?: Array<IButton>;
+    disableButtonsRight?: boolean;
+    labelRight?: string;
+    labelRightClass?: string;
+    labelRightRequired?: string;
+    hasToggle?: boolean;
+    toggleActive?: boolean;
+    toggleDisable?: boolean;
+    toggleSize?: 'default' | 'large';
+    description?: string;
+    descriptionClass?: string;
+    buttonsDescription?: Array<IButton>;
+    disableButtonsDescription?: boolean;
+    buttonsDescriptionContainerClass?: string;
+    onlyShowCount?: boolean;
+    limitLength?: number;
+    count?: number;
+}

package/label.component.d.ts

@@ -0,0 +1,46 @@
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IPopover, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { ISwitchEvent } from '@libs-ui/components-switch';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsLabelComponent {
+    protected countDisplay: import("@angular/core").Signal<string>;
+    protected maxLengthDisplay: import("@angular/core").Signal<string>;
+    readonly iconPopoverClass: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
+    readonly classInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly labelLeft: import("@angular/core").InputSignal<string | undefined>;
+    readonly labelLeftClass: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly labelLeftBehindToggleButton: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly popover: import("@angular/core").InputSignal<IPopover | undefined>;
+    readonly required: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly buttonsLeft: import("@angular/core").InputSignalWithTransform<IButton[] | undefined, IButton[] | undefined>;
+    readonly disableButtonsLeft: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly buttonsRight: import("@angular/core").InputSignalWithTransform<IButton[] | undefined, IButton[] | undefined>;
+    readonly disableButtonsRight: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly labelRight: import("@angular/core").InputSignal<string | undefined>;
+    readonly labelRightClass: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
+    readonly labelRightRequired: import("@angular/core").InputSignal<string | undefined>;
+    readonly hasToggle: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly toggleSize: import("@angular/core").InputSignalWithTransform<"default" | "large", "default" | "large">;
+    readonly toggleActive: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly toggleDisable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly description: import("@angular/core").InputSignal<string | undefined>;
+    readonly descriptionClass: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
+    readonly buttonsDescription: import("@angular/core").InputSignalWithTransform<IButton[] | undefined, IButton[] | undefined>;
+    readonly disableButtonsDescription: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly buttonsDescriptionContainerClass: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly onlyShowCount: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly zIndexPopover: import("@angular/core").InputSignalWithTransform<number, number>;
+    readonly timerDestroyPopover: import("@angular/core").InputSignalWithTransform<number, number>;
+    readonly count: import("@angular/core").InputSignalWithTransform<number | undefined, number | undefined>;
+    readonly limitLength: import("@angular/core").InputSignalWithTransform<number | undefined, number | undefined>;
+    readonly outClickButton: import("@angular/core").OutputEmitterRef<IButton>;
+    readonly outSwitchEvent: import("@angular/core").OutputEmitterRef<ISwitchEvent>;
+    readonly outLabelRightClick: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outLabelLeftClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    protected handlerClickButton(button: IButton): Promise<void>;
+    protected handlerSwitch(toggleEvent: ISwitchEvent): Promise<void>;
+    protected handlerEventLabelRight(event: TYPE_POPOVER_EVENT): Promise<void>;
+    protected handlerEventLabelLeft(event: MouseEvent): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsLabelComponent, "libs_ui-components-label", never, { "iconPopoverClass": { "alias": "iconPopoverClass"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "labelLeft": { "alias": "labelLeft"; "required": false; "isSignal": true; }; "labelLeftClass": { "alias": "labelLeftClass"; "required": false; "isSignal": true; }; "labelLeftBehindToggleButton": { "alias": "labelLeftBehindToggleButton"; "required": false; "isSignal": true; }; "popover": { "alias": "popover"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "buttonsLeft": { "alias": "buttonsLeft"; "required": false; "isSignal": true; }; "disableButtonsLeft": { "alias": "disableButtonsLeft"; "required": false; "isSignal": true; }; "buttonsRight": { "alias": "buttonsRight"; "required": false; "isSignal": true; }; "disableButtonsRight": { "alias": "disableButtonsRight"; "required": false; "isSignal": true; }; "labelRight": { "alias": "labelRight"; "required": false; "isSignal": true; }; "labelRightClass": { "alias": "labelRightClass"; "required": false; "isSignal": true; }; "labelRightRequired": { "alias": "labelRightRequired"; "required": false; "isSignal": true; }; "hasToggle": { "alias": "hasToggle"; "required": false; "isSignal": true; }; "toggleSize": { "alias": "toggleSize"; "required": false; "isSignal": true; }; "toggleActive": { "alias": "toggleActive"; "required": false; "isSignal": true; }; "toggleDisable": { "alias": "toggleDisable"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "descriptionClass": { "alias": "descriptionClass"; "required": false; "isSignal": true; }; "buttonsDescription": { "alias": "buttonsDescription"; "required": false; "isSignal": true; }; "disableButtonsDescription": { "alias": "disableButtonsDescription"; "required": false; "isSignal": true; }; "buttonsDescriptionContainerClass": { "alias": "buttonsDescriptionContainerClass"; "required": false; "isSignal": true; }; "onlyShowCount": { "alias": "onlyShowCount"; "required": false; "isSignal": true; }; "zIndexPopover": { "alias": "zIndexPopover"; "required": false; "isSignal": true; }; "timerDestroyPopover": { "alias": "timerDestroyPopover"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "limitLength": { "alias": "limitLength"; "required": false; "isSignal": true; }; }, { "outClickButton": "outClickButton"; "outSwitchEvent": "outSwitchEvent"; "outLabelRightClick": "outLabelRightClick"; "outLabelLeftClick": "outLabelLeftClick"; }, never, ["div.libs-ui-custom-description"], true, never>;
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@libs-ui/components-label",
+  "version": "0.1.1-1",
+  "peerDependencies": {
+    "@angular/core": ">=18.0.0",
+    "@libs-ui/components-buttons-button": "0.1.1-1",
+    "@libs-ui/components-popover": "0.1.1-1",
+    "@libs-ui/components-switch": "0.1.1-1",
+    "@libs-ui/utils": "0.1.1-1",
+    "@ngx-translate/core": "^15.0.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-label.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-label.mjs",
+      "esm": "./esm2022/libs-ui-components-label.mjs",
+      "default": "./fesm2022/libs-ui-components-label.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}