@libs-ui/components-label 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/README.md +3 -0
  2. package/esm2022/index.mjs +3 -0
  3. package/esm2022/interfaces/index.mjs +2 -0
  4. package/esm2022/interfaces/label.interface.mjs +2 -0
  5. package/esm2022/label.component.mjs +75 -0
  6. package/esm2022/libs-ui-components-label.mjs +5 -0
  7. package/fesm2022/libs-ui-components-label.mjs +82 -0
  8. package/fesm2022/libs-ui-components-label.mjs.map +1 -0
  9. package/index.d.ts +2 -0
  10. package/interfaces/index.d.ts +1 -0
  11. package/interfaces/label.interface.d.ts +28 -0
  12. package/label.component.d.ts +46 -0
  13. package/package.json +25 -0
package/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # label
2
+
3
+ This library was generated with [Nx](https://nx.dev).
package/esm2022/index.mjs ADDED
@@ -0,0 +1,3 @@
1
+ export * from './label.component';
2
+ export * from './interfaces';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGFiZWwvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xhYmVsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMnO1xuIl19
package/esm2022/interfaces/index.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export * from './label.interface';
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGFiZWwvc3JjL2ludGVyZmFjZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGFiZWwuaW50ZXJmYWNlJzsiXX0=
package/esm2022/interfaces/label.interface.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2xhYmVsL3NyYy9pbnRlcmZhY2VzL2xhYmVsLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSUJ1dHRvbiB9IGZyb20gXCJAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uXCI7XG5pbXBvcnQgeyBJUG9wb3ZlciB9IGZyb20gXCJAbGlicy11aS9jb21wb25lbnRzLXBvcG92ZXJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJTGFiZWwge1xuICBjbGFzc0luY2x1ZGU/OiBzdHJpbmc7XG5cbiAgbGFiZWxMZWZ0Pzogc3RyaW5nO1xuICBsYWJlbExlZnRDbGFzcz86IHN0cmluZztcblxuICBwb3BvdmVyPzogSVBvcG92ZXI7XG4gIGljb25Qb3BvdmVyQ2xhc3M/OiBzdHJpbmc7XG5cbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuXG4gIGJ1dHRvbnNMZWZ0PzogQXJyYXk8SUJ1dHRvbj47IC8vIGJ1dHRvbiBsZWZ0XG4gIGRpc2FibGVCdXR0b25zTGVmdD86IGJvb2xlYW47IC8vIGRpc2FibGUgYnV0dG9uIGxlZnRcblxuICBidXR0b25zUmlnaHQ/OiBBcnJheTxJQnV0dG9uPjtcbiAgZGlzYWJsZUJ1dHRvbnNSaWdodD86IGJvb2xlYW47XG5cbiAgbGFiZWxSaWdodD86IHN0cmluZztcbiAgbGFiZWxSaWdodENsYXNzPzogc3RyaW5nO1xuICBsYWJlbFJpZ2h0UmVxdWlyZWQ/OiBzdHJpbmc7XG5cbiAgaGFzVG9nZ2xlPzogYm9vbGVhbjtcbiAgdG9nZ2xlQWN0aXZlPzogYm9vbGVhbjtcbiAgdG9nZ2xlRGlzYWJsZT86IGJvb2xlYW47XG5cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uQ2xhc3M/OiBzdHJpbmc7XG5cbiAgYnV0dG9uc0Rlc2NyaXB0aW9uPzogQXJyYXk8SUJ1dHRvbj47XG4gIGRpc2FibGVCdXR0b25zRGVzY3JpcHRpb24/OiBib29sZWFuXG4gIGJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzPzogc3RyaW5nO1xuXG4gIG9ubHlTaG93Q291bnQ/OiBib29sZWFuO1xuICBsaW1pdExlbmd0aD86IG51bWJlcjtcbiAgY291bnQ/OiBudW1iZXI7XG59XG4iXX0=
package/esm2022/label.component.mjs ADDED
@@ -0,0 +1,75 @@
1
+ import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
2
+ import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
3
+ import { LibsUiComponentsButtonsToggleComponent } from '@libs-ui/components-buttons-toggle';
4
+ import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
5
+ import { viewDataNumberByLanguage } from '@libs-ui/utils';
6
+ import { TranslateModule } from '@ngx-translate/core';
7
+ import * as i0 from "@angular/core";
8
+ import * as i1 from "@ngx-translate/core";
9
+ export class LibsUiComponentsLabelComponent {
10
+ /* PROPERTY */
11
+ countDisplay = computed(() => `${viewDataNumberByLanguage(this.count() || 0, false)}`);
12
+ maxLengthDisplay = computed(() => `${viewDataNumberByLanguage(this.limitLength() || 0, false)}`);
13
+ /* INPUT */
14
+ iconPopoverClass = input('libs-ui-icon-tooltip-line', { transform: (value) => value || 'libs-ui-icon-tooltip-line' });
15
+ classInclude = input('', { transform: (value) => value || '' });
16
+ labelLeft = input();
17
+ labelLeftClass = input();
18
+ labelLeftBehindToggleButton = input();
19
+ popover = input();
20
+ required = input();
21
+ buttonsLeft = input([], { transform: (value) => value || [] });
22
+ disableButtonsLeft = input();
23
+ buttonsRight = input([], { transform: (value) => value || [] });
24
+ disableButtonsRight = input();
25
+ labelRight = input();
26
+ labelRightClass = input('', { transform: (value) => value || '' });
27
+ labelRightRequired = input();
28
+ hasToggle = input();
29
+ toggleSize = input('default', { transform: (value) => value || 'default' });
30
+ toggleActive = input();
31
+ toggleDisable = input();
32
+ description = input();
33
+ descriptionClass = input();
34
+ buttonsDescription = input([], { transform: (value) => value || [] });
35
+ disableButtonsDescription = input();
36
+ buttonsDescriptionContainerClass = input();
37
+ onlyShowCount = input();
38
+ zIndexPopover = input(10, { transform: (value) => value ?? 10 });
39
+ timerDestroyPopover = input(0, { transform: (value) => value ?? 0 });
40
+ count = input(0, { transform: (value) => value || 0 });
41
+ limitLength = input(0, { transform: (value) => value || 0 });
42
+ /* OUTPUT */
43
+ outClickButton = output();
44
+ outToggleEvent = output();
45
+ outLabelRightClick = output();
46
+ outLabelLeftClick = output();
47
+ /* FUNCTIONS*/
48
+ async handlerClickButton(button) {
49
+ this.outClickButton.emit(button);
50
+ }
51
+ async handlerSwitchToggle(toggleEvent) {
52
+ this.outToggleEvent.emit(toggleEvent);
53
+ }
54
+ async handlerEventLabelRight(event) {
55
+ if (event === 'click') {
56
+ this.outLabelRightClick.emit(true);
57
+ }
58
+ }
59
+ async handlerEventLabelLeft(event) {
60
+ event.stopPropagation();
61
+ this.outLabelLeftClick.emit(event);
62
+ }
63
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
64
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", outToggleEvent: "outToggleEvent", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick" }, ngImport: i0, template: "<div [class]=\"'libs-ui-label ' + classInclude()\"\n [class.mb-[4px]]=\"description()\"\n [class.mb-[8px]]=\"!description()\">\n <div class=\"libs-ui-label-left\"\n [style.maxWidth.%]=\"(labelRight() || limitLength() || onlyShowCount()) ? 70:100\">\n @if (hasToggle() && labelLeftBehindToggleButton()) {\n <libs_ui-components-buttons-toggle [size]=\"toggleSize()\"\n [disable]=\"toggleDisable()\"\n [class]=\"'mr-[8px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n @if (labelLeft()) {\n <libs_ui-components-popover type=\"text\"\n [config]=\"{zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover()}\"\n [innerHtml]=\"(labelLeft() || ' ') | translate\"\n [classInclude]=\"'libs-ui-label-left-text ' + (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 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 [type]=\"(button.type ||'button-link-primary')\"\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-buttons-toggle [disable]=\"toggleDisable()\"\n [size]=\"toggleSize()\"\n [class]=\"'ml-[20px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n </div>\n\n <div class=\"libs-ui-label-right\">\n @if (labelRight(); as labelRight) {\n <libs_ui-components-popover 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 [type]=\"(button.type ||'button-link-primary')\"\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>\n /{{ maxLengthDisplay() }}\n </span>\n }\n <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n </div>\n }\n </div>\n</div>\n@if (description(); as description) {\n <div [class]=\"'libs-ui-label-description ' + (descriptionClass ||'')\"\n [innerHtml]='description | translate '></div>\n}\n@if (buttonsDescription()?.length) {\n <div [class]=\"buttonsDescriptionContainerClass || 'flex libs-ui-label-description-button'\">\n @for (button of buttonsDescription(); track button) {\n <libs_ui-components-buttons-button [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{font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;font-size:11px;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{font-size:10px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:400;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: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsToggleComponent, selector: "libs_ui-components-buttons-toggle", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
65
+ }
66
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLabelComponent, decorators: [{
67
+ type: Component,
68
+ args: [{ selector: 'libs_ui-components-label', standalone: true, imports: [
69
+ TranslateModule,
70
+ LibsUiComponentsPopoverComponent,
71
+ LibsUiComponentsButtonsButtonComponent,
72
+ LibsUiComponentsButtonsToggleComponent
73
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'libs-ui-label ' + classInclude()\"\n [class.mb-[4px]]=\"description()\"\n [class.mb-[8px]]=\"!description()\">\n <div class=\"libs-ui-label-left\"\n [style.maxWidth.%]=\"(labelRight() || limitLength() || onlyShowCount()) ? 70:100\">\n @if (hasToggle() && labelLeftBehindToggleButton()) {\n <libs_ui-components-buttons-toggle [size]=\"toggleSize()\"\n [disable]=\"toggleDisable()\"\n [class]=\"'mr-[8px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n @if (labelLeft()) {\n <libs_ui-components-popover type=\"text\"\n [config]=\"{zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover()}\"\n [innerHtml]=\"(labelLeft() || ' ') | translate\"\n [classInclude]=\"'libs-ui-label-left-text ' + (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 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 [type]=\"(button.type ||'button-link-primary')\"\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-buttons-toggle [disable]=\"toggleDisable()\"\n [size]=\"toggleSize()\"\n [class]=\"'ml-[20px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n </div>\n\n <div class=\"libs-ui-label-right\">\n @if (labelRight(); as labelRight) {\n <libs_ui-components-popover 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 [type]=\"(button.type ||'button-link-primary')\"\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>\n /{{ maxLengthDisplay() }}\n </span>\n }\n <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n </div>\n }\n </div>\n</div>\n@if (description(); as description) {\n <div [class]=\"'libs-ui-label-description ' + (descriptionClass ||'')\"\n [innerHtml]='description | translate '></div>\n}\n@if (buttonsDescription()?.length) {\n <div [class]=\"buttonsDescriptionContainerClass || 'flex libs-ui-label-description-button'\">\n @for (button of buttonsDescription(); track button) {\n <libs_ui-components-buttons-button [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{font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;font-size:11px;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{font-size:10px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:400;color:#9ca2ad;margin-bottom:8px}.libs-ui-label-description-button{margin-bottom:4px}\n"] }]
74
+ }] });
75
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2xhYmVsL3NyYy9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGFiZWwvc3JjL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUYsT0FBTyxFQUFXLHNDQUFzQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckcsT0FBTyxFQUFnQixzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzFHLE9BQU8sRUFBWSxnQ0FBZ0MsRUFBc0IsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWdCdEQsTUFBTSxPQUFPLDhCQUE4QjtJQUN6QyxjQUFjO0lBQ0osWUFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLHdCQUF3QixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZGLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLHdCQUF3QixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBRTNHLFdBQVc7SUFDRixnQkFBZ0IsR0FBRyxLQUFLLENBQXlDLDJCQUEyQixFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFL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QUFLLENBQUMsa0JBQWtCLENBQUMsTUFBZTtRQUNoRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRVMsS0FBSyxDQUFDLG1CQUFtQixDQUFDLFdBQXlCO1FBQzNELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFUyxLQUFLLENBQUMsc0JBQXNCLENBQUMsS0FBeUI7UUFDOUQsSUFBSSxLQUFLLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQztJQUVTLEtBQUssQ0FBQyxxQkFBcUIsQ0FBQyxLQUFpQjtRQUNyRCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDO3dHQTNEVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qix3eklDckIzQyx3MUlBa0dBLGsrQkRwRkksZUFBZSw0RkFDZixnQ0FBZ0MsMGRBQ2hDLHNDQUFzQyxpZ0JBQ3RDLHNDQUFzQzs7NEZBSTdCLDhCQUE4QjtrQkFkMUMsU0FBUzsrQkFFRSwwQkFBMEIsY0FHeEIsSUFBSSxXQUNQO3dCQUNQLGVBQWU7d0JBQ2YsZ0NBQWdDO3dCQUNoQyxzQ0FBc0M7d0JBQ3RDLHNDQUFzQztxQkFDdkMsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUJ1dHRvbiwgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNCdXR0b25Db21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uJztcbmltcG9ydCB7IElUb2dnbGVFdmVudCwgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNUb2dnbGVDb21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtdG9nZ2xlJztcbmltcG9ydCB7IElQb3BvdmVyLCBMaWJzVWlDb21wb25lbnRzUG9wb3ZlckNvbXBvbmVudCwgVFlQRV9QT1BPVkVSX0VWRU5UIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyJztcbmltcG9ydCB7IHZpZXdEYXRhTnVtYmVyQnlMYW5ndWFnZSB9IGZyb20gJ0BsaWJzLXVpL3V0aWxzJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtbGFiZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbGFiZWwuY29tcG9uZW50LnNjc3MnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zVG9nZ2xlQ29tcG9uZW50XG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNMYWJlbENvbXBvbmVudCB7XG4gIC8qIFBST1BFUlRZICovXG4gIHByb3RlY3RlZCBjb3VudERpc3BsYXkgPSBjb21wdXRlZCgoKSA9PiBgJHt2aWV3RGF0YU51bWJlckJ5TGFuZ3VhZ2UodGhpcy5jb3VudCgpIHx8IDAsIGZhbHNlKX1gKTtcbiAgcHJvdGVjdGVkIG1heExlbmd0aERpc3BsYXkgPSBjb21wdXRlZCgoKSA9PiBgJHt2aWV3RGF0YU51bWJlckJ5TGFuZ3VhZ2UodGhpcy5saW1pdExlbmd0aCgpIHx8IDAsIGZhbHNlKX1gKTtcblxuICAvKiBJTlBVVCAqL1xuICByZWFkb25seSBpY29uUG9wb3ZlckNsYXNzID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkLCBzdHJpbmcgfCB1bmRlZmluZWQ+KCdsaWJzLXVpLWljb24tdG9vbHRpcC1saW5lJywgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgfHwgJ2xpYnMtdWktaWNvbi10b29sdGlwLWxpbmUnIH0pO1xuICByZWFkb25seSBjbGFzc0luY2x1ZGUgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQsIHN0cmluZyB8IHVuZGVmaW5lZD4oJycsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8ICcnIH0pO1xuICByZWFkb25seSBsYWJlbExlZnQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxhYmVsTGVmdENsYXNzID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBsYWJlbExlZnRCZWhpbmRUb2dnbGVCdXR0b24gPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBwb3BvdmVyID0gaW5wdXQ8SVBvcG92ZXI+KCk7XG4gIHJlYWRvbmx5IHJlcXVpcmVkID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgYnV0dG9uc0xlZnQgPSBpbnB1dDxBcnJheTxJQnV0dG9uPiB8IHVuZGVmaW5lZCwgQXJyYXk8SUJ1dHRvbj4gfCB1bmRlZmluZWQ+KFtdLCB7IHRyYW5zZm9ybTogKHZhbHVlKSA9PiB2YWx1ZSB8fCBbXSB9KTtcbiAgcmVhZG9ubHkgZGlzYWJsZUJ1dHRvbnNMZWZ0ID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgYnV0dG9uc1JpZ2h0ID0gaW5wdXQ8QXJyYXk8SUJ1dHRvbj4gfCB1bmRlZmluZWQsIEFycmF5PElCdXR0b24+IHwgdW5kZWZpbmVkPihbXSwgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgfHwgW10gfSk7XG4gIHJlYWRvbmx5IGRpc2FibGVCdXR0b25zUmlnaHQgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBsYWJlbFJpZ2h0ID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBsYWJlbFJpZ2h0Q2xhc3MgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQsIHN0cmluZyB8IHVuZGVmaW5lZD4oJycsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8ICcnIH0pO1xuICByZWFkb25seSBsYWJlbFJpZ2h0UmVxdWlyZWQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGhhc1RvZ2dsZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHRvZ2dsZVNpemUgPSBpbnB1dDwnZGVmYXVsdCcgfCAnbGFyZ2UnLCAnZGVmYXVsdCcgfCAnbGFyZ2UnPignZGVmYXVsdCcsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlIHx8ICdkZWZhdWx0JyB9KTtcbiAgcmVhZG9ubHkgdG9nZ2xlQWN0aXZlID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgdG9nZ2xlRGlzYWJsZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IGRlc2NyaXB0aW9uID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBkZXNjcmlwdGlvbkNsYXNzID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBidXR0b25zRGVzY3JpcHRpb24gPSBpbnB1dDxBcnJheTxJQnV0dG9uPiB8IHVuZGVmaW5lZCwgQXJyYXk8SUJ1dHRvbj4gfCB1bmRlZmluZWQ+KFtdLCB7IHRyYW5zZm9ybTogKHZhbHVlKSA9PiB2YWx1ZSB8fCBbXSB9KTtcbiAgcmVhZG9ubHkgZGlzYWJsZUJ1dHRvbnNEZXNjcmlwdGlvbiA9IGlucHV0PGJvb2xlYW4gfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IGJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBvbmx5U2hvd0NvdW50ID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgekluZGV4UG9wb3ZlciA9IGlucHV0PG51bWJlciwgbnVtYmVyPigxMCwgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgPz8gMTAgfSk7XG4gIHJlYWRvbmx5IHRpbWVyRGVzdHJveVBvcG92ZXIgPSBpbnB1dDxudW1iZXIsIG51bWJlcj4oMCwgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgPz8gMCB9KTtcbiAgcmVhZG9ubHkgY291bnQgPSBpbnB1dDxudW1iZXIgfCB1bmRlZmluZWQsIG51bWJlciB8IHVuZGVmaW5lZD4oMCwgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgfHwgMCB9KTtcbiAgcmVhZG9ubHkgbGltaXRMZW5ndGggPSBpbnB1dDxudW1iZXIgfCB1bmRlZmluZWQsIG51bWJlciB8IHVuZGVmaW5lZD4oMCwgeyB0cmFuc2Zvcm06ICh2YWx1ZSkgPT4gdmFsdWUgfHwgMCB9KTtcblxuICAvKiBPVVRQVVQgKi9cbiAgcmVhZG9ubHkgb3V0Q2xpY2tCdXR0b24gPSBvdXRwdXQ8SUJ1dHRvbj4oKTtcbiAgcmVhZG9ubHkgb3V0VG9nZ2xlRXZlbnQgPSBvdXRwdXQ8SVRvZ2dsZUV2ZW50PigpO1xuICByZWFkb25seSBvdXRMYWJlbFJpZ2h0Q2xpY2sgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgb3V0TGFiZWxMZWZ0Q2xpY2sgPSBvdXRwdXQ8TW91c2VFdmVudD4oKTtcblxuICAvKiBGVU5DVElPTlMqL1xuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbjogSUJ1dHRvbikge1xuICAgIHRoaXMub3V0Q2xpY2tCdXR0b24uZW1pdChidXR0b24pO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJTd2l0Y2hUb2dnbGUodG9nZ2xlRXZlbnQ6IElUb2dnbGVFdmVudCkge1xuICAgIHRoaXMub3V0VG9nZ2xlRXZlbnQuZW1pdCh0b2dnbGVFdmVudCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckV2ZW50TGFiZWxSaWdodChldmVudDogVFlQRV9QT1BPVkVSX0VWRU5UKSB7XG4gICAgaWYgKGV2ZW50ID09PSAnY2xpY2snKSB7XG4gICAgICB0aGlzLm91dExhYmVsUmlnaHRDbGljay5lbWl0KHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyRXZlbnRMYWJlbExlZnQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLm91dExhYmVsTGVmdENsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IFtjbGFzc109XCInbGlicy11aS1sYWJlbCAnICsgY2xhc3NJbmNsdWRlKClcIlxuICBbY2xhc3MubWItWzRweF1dPVwiZGVzY3JpcHRpb24oKVwiXG4gIFtjbGFzcy5tYi1bOHB4XV09XCIhZGVzY3JpcHRpb24oKVwiPlxuICA8ZGl2IGNsYXNzPVwibGlicy11aS1sYWJlbC1sZWZ0XCJcbiAgICBbc3R5bGUubWF4V2lkdGguJV09XCIobGFiZWxSaWdodCgpIHx8IGxpbWl0TGVuZ3RoKCkgfHwgb25seVNob3dDb3VudCgpKSA/IDcwOjEwMFwiPlxuICAgIEBpZiAoaGFzVG9nZ2xlKCkgJiYgbGFiZWxMZWZ0QmVoaW5kVG9nZ2xlQnV0dG9uKCkpIHtcbiAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy10b2dnbGUgW3NpemVdPVwidG9nZ2xlU2l6ZSgpXCJcbiAgICAgICAgW2Rpc2FibGVdPVwidG9nZ2xlRGlzYWJsZSgpXCJcbiAgICAgICAgW2NsYXNzXT1cIidtci1bOHB4XSdcIlxuICAgICAgICBbYWN0aXZlXT1cInRvZ2dsZUFjdGl2ZSgpIHx8IGZhbHNlXCJcbiAgICAgICAgKG91dFN3aXRjaCk9XCJoYW5kbGVyU3dpdGNoVG9nZ2xlKCRldmVudClcIiAvPlxuICAgIH1cbiAgICBAaWYgKGxhYmVsTGVmdCgpKSB7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLXBvcG92ZXIgdHlwZT1cInRleHRcIlxuICAgICAgICBbY29uZmlnXT1cInt6SW5kZXg6IHpJbmRleFBvcG92ZXIoKSwgdGltZXJEZXN0cm95OiB0aW1lckRlc3Ryb3lQb3BvdmVyKCl9XCJcbiAgICAgICAgW2lubmVySHRtbF09XCIobGFiZWxMZWZ0KCkgfHwgJyAnKSB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiJ2xpYnMtdWktbGFiZWwtbGVmdC10ZXh0ICcgKyAobGFiZWxMZWZ0Q2xhc3MoKXx8ICcnKVwiXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVyRXZlbnRMYWJlbExlZnQoJGV2ZW50KVwiIC8+XG4gICAgfVxuICAgIEBpZiAocmVxdWlyZWQoKSAmJiBsYWJlbExlZnQoKSkge1xuICAgICAgPGkgY2xhc3M9XCJmbGV4IGxpYnMtdWktaWNvbi1hc3RlcmlzayBiZWZvcmU6IXRleHQtWyNlZTJkNDFdIGJlZm9yZTohdGV4dC1bOHB4XSBwYi1bNHB4XSBoLWZ1bGxcIj48L2k+XG4gICAgfVxuICAgIEBpZiAocG9wb3ZlcigpPy5jb25maWcgJiYgcG9wb3ZlcigpPy5jb25maWc/LmNvbnRlbnQpIHtcbiAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtcG9wb3ZlciBjbGFzc0luY2x1ZGU9XCJtbC1bNHB4XSB7eyBwb3BvdmVyKCk/LmNsYXNzSW5jbHVkZSB9fVwiXG4gICAgICAgIFtjb25maWddPVwicG9wb3ZlcigpPy5jb25maWdcIj5cbiAgICAgICAgPGkgW2NsYXNzXT1cImljb25Qb3BvdmVyQ2xhc3MoKVwiPjwvaT5cbiAgICAgIDwvbGlic191aS1jb21wb25lbnRzLXBvcG92ZXI+XG4gICAgfVxuICAgIEBmb3IgKGJ1dHRvbiBvZiBidXR0b25zTGVmdCgpOyB0cmFjayBidXR0b24pIHtcbiAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b24gW3R5cGVdPVwiKGJ1dHRvbi50eXBlIHx8J2J1dHRvbi1saW5rLXByaW1hcnknKVwiXG4gICAgICAgIFtsYWJlbF09XCJidXR0b24ubGFiZWwgfHwgJyAnXCJcbiAgICAgICAgW2Rpc2FibGVdPVwiYnV0dG9uLmRpc2FibGUgfHwgZGlzYWJsZUJ1dHRvbnNMZWZ0KCkgfHwgZmFsc2VcIlxuICAgICAgICBbY2xhc3NJY29uTGVmdF09XCJidXR0b24uY2xhc3NJY29uTGVmdCB8fCAnJ1wiXG4gICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiYnV0dG9uLmNsYXNzSW5jbHVkZSB8fCAnJ1wiXG4gICAgICAgIFtjbGFzc0ljb25SaWdodF09XCJidXR0b24uY2xhc3NJY29uUmlnaHQgfHwgJydcIlxuICAgICAgICBbcG9wb3Zlcl09XCJidXR0b24ucG9wb3ZlciB8fCB7fVwiXG4gICAgICAgIChvdXRDbGljayk9XCJoYW5kbGVyQ2xpY2tCdXR0b24oYnV0dG9uKVwiIC8+XG4gICAgfVxuICAgIEBpZiAoaGFzVG9nZ2xlKCkgJiYgIWxhYmVsTGVmdEJlaGluZFRvZ2dsZUJ1dHRvbigpKSB7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtdG9nZ2xlIFtkaXNhYmxlXT1cInRvZ2dsZURpc2FibGUoKVwiXG4gICAgICAgIFtzaXplXT1cInRvZ2dsZVNpemUoKVwiXG4gICAgICAgIFtjbGFzc109XCInbWwtWzIwcHhdJ1wiXG4gICAgICAgIFthY3RpdmVdPVwidG9nZ2xlQWN0aXZlKCkgfHwgZmFsc2VcIlxuICAgICAgICAob3V0U3dpdGNoKT1cImhhbmRsZXJTd2l0Y2hUb2dnbGUoJGV2ZW50KVwiIC8+XG4gICAgfVxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwibGlicy11aS1sYWJlbC1yaWdodFwiPlxuICAgIEBpZiAobGFiZWxSaWdodCgpOyBhcyBsYWJlbFJpZ2h0KSB7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLXBvcG92ZXIgdHlwZT1cInRleHRcIlxuICAgICAgICBbaW5uZXJIdG1sXT1cImxhYmVsUmlnaHQgfCB0cmFuc2xhdGVcIlxuICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImxhYmVsUmlnaHRDbGFzcygpXCJcbiAgICAgICAgKG91dEV2ZW50KT1cImhhbmRsZXJFdmVudExhYmVsUmlnaHQoJGV2ZW50KVwiIC8+XG4gICAgfVxuICAgIEBmb3IgKGJ1dHRvbiBvZiBidXR0b25zUmlnaHQoKTsgdHJhY2sgYnV0dG9uKSB7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFt0eXBlXT1cIihidXR0b24udHlwZSB8fCdidXR0b24tbGluay1wcmltYXJ5JylcIlxuICAgICAgICBbbGFiZWxdPVwiYnV0dG9uLmxhYmVsIHx8ICcgJ1wiXG4gICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGVCdXR0b25zUmlnaHQoKSB8fCBmYWxzZVwiXG4gICAgICAgIFtjbGFzc0ljb25MZWZ0XT1cImJ1dHRvbi5jbGFzc0ljb25MZWZ0IHx8ICcnXCJcbiAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgICAgW2NsYXNzSWNvblJpZ2h0XT1cImJ1dHRvbi5jbGFzc0ljb25SaWdodCB8fCAnJ1wiXG4gICAgICAgIFtjbGFzc0xhYmVsXT1cImJ1dHRvbi5jbGFzc0xhYmVsIHx8ICcnXCJcbiAgICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLnBvcG92ZXIgfHwge31cIlxuICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbilcIiAvPlxuICAgIH1cbiAgICBAaWYgKGxpbWl0TGVuZ3RoKCkgfHwgb25seVNob3dDb3VudCgpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgbWwtWzEycHhdIHRleHQtWyM5Y2EyYWRdIGxpYnMtdWktZm9udC1oN3JcIj5cbiAgICAgICAgPHNwYW4+e3sgY291bnREaXNwbGF5KCkgfX08L3NwYW4+XG4gICAgICAgIEBpZiAobGltaXRMZW5ndGgoKSkge1xuICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgL3t7IG1heExlbmd0aERpc3BsYXkoKSB9fVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgICAgPHNwYW4+Jm5ic3A7e3sgJ2kxOG5fY2hhcmFjdGVyJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgfVxuICA8L2Rpdj5cbjwvZGl2PlxuQGlmIChkZXNjcmlwdGlvbigpOyBhcyBkZXNjcmlwdGlvbikge1xuICA8ZGl2IFtjbGFzc109XCInbGlicy11aS1sYWJlbC1kZXNjcmlwdGlvbiAnICsgKGRlc2NyaXB0aW9uQ2xhc3MgfHwnJylcIlxuICAgIFtpbm5lckh0bWxdPSdkZXNjcmlwdGlvbiB8IHRyYW5zbGF0ZSAnPjwvZGl2PlxufVxuQGlmIChidXR0b25zRGVzY3JpcHRpb24oKT8ubGVuZ3RoKSB7XG4gIDxkaXYgW2NsYXNzXT1cImJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzIHx8ICdmbGV4IGxpYnMtdWktbGFiZWwtZGVzY3JpcHRpb24tYnV0dG9uJ1wiPlxuICAgIEBmb3IgKGJ1dHRvbiBvZiBidXR0b25zRGVzY3JpcHRpb24oKTsgdHJhY2sgYnV0dG9uKSB7XG4gICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFt0eXBlXT1cIihidXR0b24udHlwZSB8fCdidXR0b24tbGluay1wcmltYXJ5JylcIlxuICAgICAgICBbbGFiZWxdPVwiYnV0dG9uLmxhYmVsIHx8ICcgJ1wiXG4gICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGVCdXR0b25zRGVzY3JpcHRpb24oKSB8fCBmYWxzZVwiXG4gICAgICAgIFtjbGFzc0ljb25MZWZ0XT1cImJ1dHRvbi5jbGFzc0ljb25MZWZ0IHx8ICcnXCJcbiAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgICAgW2NsYXNzSWNvblJpZ2h0XT1cImJ1dHRvbi5jbGFzc0ljb25SaWdodCB8fCAnJ1wiXG4gICAgICAgIFtwb3BvdmVyXT1cImJ1dHRvbi5wb3BvdmVyIHx8IHt9XCJcbiAgICAgICAgW2NsYXNzTGFiZWxdPVwiYnV0dG9uLmNsYXNzTGFiZWwgfHwgJydcIlxuICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbilcIiAvPlxuICAgIH1cbiAgPC9kaXY+XG59XG48bmctY29udGVudCBzZWxlY3Q9XCJkaXYubGlicy11aS1jdXN0b20tZGVzY3JpcHRpb25cIiAvPlxuIl19
package/esm2022/libs-ui-components-label.mjs ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlicy11aS1jb21wb25lbnRzLWxhYmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2xhYmVsL3NyYy9saWJzLXVpLWNvbXBvbmVudHMtbGFiZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
package/fesm2022/libs-ui-components-label.mjs ADDED
@@ -0,0 +1,82 @@
1
+ import * as i0 from '@angular/core';
2
+ import { computed, input, output, Component, ChangeDetectionStrategy } from '@angular/core';
3
+ import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
4
+ import { LibsUiComponentsButtonsToggleComponent } from '@libs-ui/components-buttons-toggle';
5
+ import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
6
+ import { viewDataNumberByLanguage } from '@libs-ui/utils';
7
+ import * as i1 from '@ngx-translate/core';
8
+ import { TranslateModule } from '@ngx-translate/core';
9
+
10
+ class LibsUiComponentsLabelComponent {
11
+ /* PROPERTY */
12
+ countDisplay = computed(() => `${viewDataNumberByLanguage(this.count() || 0, false)}`);
13
+ maxLengthDisplay = computed(() => `${viewDataNumberByLanguage(this.limitLength() || 0, false)}`);
14
+ /* INPUT */
15
+ iconPopoverClass = input('libs-ui-icon-tooltip-line', { transform: (value) => value || 'libs-ui-icon-tooltip-line' });
16
+ classInclude = input('', { transform: (value) => value || '' });
17
+ labelLeft = input();
18
+ labelLeftClass = input();
19
+ labelLeftBehindToggleButton = input();
20
+ popover = input();
21
+ required = input();
22
+ buttonsLeft = input([], { transform: (value) => value || [] });
23
+ disableButtonsLeft = input();
24
+ buttonsRight = input([], { transform: (value) => value || [] });
25
+ disableButtonsRight = input();
26
+ labelRight = input();
27
+ labelRightClass = input('', { transform: (value) => value || '' });
28
+ labelRightRequired = input();
29
+ hasToggle = input();
30
+ toggleSize = input('default', { transform: (value) => value || 'default' });
31
+ toggleActive = input();
32
+ toggleDisable = input();
33
+ description = input();
34
+ descriptionClass = input();
35
+ buttonsDescription = input([], { transform: (value) => value || [] });
36
+ disableButtonsDescription = input();
37
+ buttonsDescriptionContainerClass = input();
38
+ onlyShowCount = input();
39
+ zIndexPopover = input(10, { transform: (value) => value ?? 10 });
40
+ timerDestroyPopover = input(0, { transform: (value) => value ?? 0 });
41
+ count = input(0, { transform: (value) => value || 0 });
42
+ limitLength = input(0, { transform: (value) => value || 0 });
43
+ /* OUTPUT */
44
+ outClickButton = output();
45
+ outToggleEvent = output();
46
+ outLabelRightClick = output();
47
+ outLabelLeftClick = output();
48
+ /* FUNCTIONS*/
49
+ async handlerClickButton(button) {
50
+ this.outClickButton.emit(button);
51
+ }
52
+ async handlerSwitchToggle(toggleEvent) {
53
+ this.outToggleEvent.emit(toggleEvent);
54
+ }
55
+ async handlerEventLabelRight(event) {
56
+ if (event === 'click') {
57
+ this.outLabelRightClick.emit(true);
58
+ }
59
+ }
60
+ async handlerEventLabelLeft(event) {
61
+ event.stopPropagation();
62
+ this.outLabelLeftClick.emit(event);
63
+ }
64
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
65
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", outToggleEvent: "outToggleEvent", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick" }, ngImport: i0, template: "<div [class]=\"'libs-ui-label ' + classInclude()\"\n [class.mb-[4px]]=\"description()\"\n [class.mb-[8px]]=\"!description()\">\n <div class=\"libs-ui-label-left\"\n [style.maxWidth.%]=\"(labelRight() || limitLength() || onlyShowCount()) ? 70:100\">\n @if (hasToggle() && labelLeftBehindToggleButton()) {\n <libs_ui-components-buttons-toggle [size]=\"toggleSize()\"\n [disable]=\"toggleDisable()\"\n [class]=\"'mr-[8px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n @if (labelLeft()) {\n <libs_ui-components-popover type=\"text\"\n [config]=\"{zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover()}\"\n [innerHtml]=\"(labelLeft() || ' ') | translate\"\n [classInclude]=\"'libs-ui-label-left-text ' + (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 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 [type]=\"(button.type ||'button-link-primary')\"\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-buttons-toggle [disable]=\"toggleDisable()\"\n [size]=\"toggleSize()\"\n [class]=\"'ml-[20px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n </div>\n\n <div class=\"libs-ui-label-right\">\n @if (labelRight(); as labelRight) {\n <libs_ui-components-popover 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 [type]=\"(button.type ||'button-link-primary')\"\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>\n /{{ maxLengthDisplay() }}\n </span>\n }\n <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n </div>\n }\n </div>\n</div>\n@if (description(); as description) {\n <div [class]=\"'libs-ui-label-description ' + (descriptionClass ||'')\"\n [innerHtml]='description | translate '></div>\n}\n@if (buttonsDescription()?.length) {\n <div [class]=\"buttonsDescriptionContainerClass || 'flex libs-ui-label-description-button'\">\n @for (button of buttonsDescription(); track button) {\n <libs_ui-components-buttons-button [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{font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;font-size:11px;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{font-size:10px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:400;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: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsToggleComponent, selector: "libs_ui-components-buttons-toggle", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
66
+ }
67
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLabelComponent, decorators: [{
68
+ type: Component,
69
+ args: [{ selector: 'libs_ui-components-label', standalone: true, imports: [
70
+ TranslateModule,
71
+ LibsUiComponentsPopoverComponent,
72
+ LibsUiComponentsButtonsButtonComponent,
73
+ LibsUiComponentsButtonsToggleComponent
74
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'libs-ui-label ' + classInclude()\"\n [class.mb-[4px]]=\"description()\"\n [class.mb-[8px]]=\"!description()\">\n <div class=\"libs-ui-label-left\"\n [style.maxWidth.%]=\"(labelRight() || limitLength() || onlyShowCount()) ? 70:100\">\n @if (hasToggle() && labelLeftBehindToggleButton()) {\n <libs_ui-components-buttons-toggle [size]=\"toggleSize()\"\n [disable]=\"toggleDisable()\"\n [class]=\"'mr-[8px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n @if (labelLeft()) {\n <libs_ui-components-popover type=\"text\"\n [config]=\"{zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover()}\"\n [innerHtml]=\"(labelLeft() || ' ') | translate\"\n [classInclude]=\"'libs-ui-label-left-text ' + (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 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 [type]=\"(button.type ||'button-link-primary')\"\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-buttons-toggle [disable]=\"toggleDisable()\"\n [size]=\"toggleSize()\"\n [class]=\"'ml-[20px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n </div>\n\n <div class=\"libs-ui-label-right\">\n @if (labelRight(); as labelRight) {\n <libs_ui-components-popover 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 [type]=\"(button.type ||'button-link-primary')\"\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>\n /{{ maxLengthDisplay() }}\n </span>\n }\n <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n </div>\n }\n </div>\n</div>\n@if (description(); as description) {\n <div [class]=\"'libs-ui-label-description ' + (descriptionClass ||'')\"\n [innerHtml]='description | translate '></div>\n}\n@if (buttonsDescription()?.length) {\n <div [class]=\"buttonsDescriptionContainerClass || 'flex libs-ui-label-description-button'\">\n @for (button of buttonsDescription(); track button) {\n <libs_ui-components-buttons-button [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{font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;font-size:11px;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{font-size:10px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:400;color:#9ca2ad;margin-bottom:8px}.libs-ui-label-description-button{margin-bottom:4px}\n"] }]
75
+ }] });
76
+
77
+ /**
78
+ * Generated bundle index. Do not edit.
79
+ */
80
+
81
+ export { LibsUiComponentsLabelComponent };
82
+ //# sourceMappingURL=libs-ui-components-label.mjs.map
package/fesm2022/libs-ui-components-label.mjs.map ADDED
@@ -0,0 +1 @@
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 { IToggleEvent, LibsUiComponentsButtonsToggleComponent } from '@libs-ui/components-buttons-toggle';\nimport { IPopover, LibsUiComponentsPopoverComponent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';\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: [\n TranslateModule,\n LibsUiComponentsPopoverComponent,\n LibsUiComponentsButtonsButtonComponent,\n LibsUiComponentsButtonsToggleComponent\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LibsUiComponentsLabelComponent {\n /* PROPERTY */\n protected countDisplay = computed(() => `${viewDataNumberByLanguage(this.count() || 0, false)}`);\n protected maxLengthDisplay = computed(() => `${viewDataNumberByLanguage(this.limitLength() || 0, false)}`);\n\n /* INPUT */\n readonly iconPopoverClass = input<string | undefined, string | undefined>('libs-ui-icon-tooltip-line', { transform: (value) => value || 'libs-ui-icon-tooltip-line' });\n readonly classInclude = input<string | undefined, string | undefined>('', { transform: (value) => value || '' });\n readonly labelLeft = input<string>();\n readonly labelLeftClass = input<string>();\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>();\n readonly buttonsDescription = input<Array<IButton> | undefined, Array<IButton> | undefined>([], { transform: (value) => value || [] });\n readonly disableButtonsDescription = input<boolean | undefined>();\n readonly buttonsDescriptionContainerClass = input<string>();\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 /* OUTPUT */\n readonly outClickButton = output<IButton>();\n readonly outToggleEvent = output<IToggleEvent>();\n readonly outLabelRightClick = output<boolean>();\n readonly outLabelLeftClick = output<MouseEvent>();\n\n /* FUNCTIONS*/\n protected async handlerClickButton(button: IButton) {\n this.outClickButton.emit(button);\n }\n\n protected async handlerSwitchToggle(toggleEvent: IToggleEvent) {\n this.outToggleEvent.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 [class]=\"'libs-ui-label ' + classInclude()\"\n [class.mb-[4px]]=\"description()\"\n [class.mb-[8px]]=\"!description()\">\n <div class=\"libs-ui-label-left\"\n [style.maxWidth.%]=\"(labelRight() || limitLength() || onlyShowCount()) ? 70:100\">\n @if (hasToggle() && labelLeftBehindToggleButton()) {\n <libs_ui-components-buttons-toggle [size]=\"toggleSize()\"\n [disable]=\"toggleDisable()\"\n [class]=\"'mr-[8px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n @if (labelLeft()) {\n <libs_ui-components-popover type=\"text\"\n [config]=\"{zIndex: zIndexPopover(), timerDestroy: timerDestroyPopover()}\"\n [innerHtml]=\"(labelLeft() || ' ') | translate\"\n [classInclude]=\"'libs-ui-label-left-text ' + (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 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 [type]=\"(button.type ||'button-link-primary')\"\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-buttons-toggle [disable]=\"toggleDisable()\"\n [size]=\"toggleSize()\"\n [class]=\"'ml-[20px]'\"\n [active]=\"toggleActive() || false\"\n (outSwitch)=\"handlerSwitchToggle($event)\" />\n }\n </div>\n\n <div class=\"libs-ui-label-right\">\n @if (labelRight(); as labelRight) {\n <libs_ui-components-popover 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 [type]=\"(button.type ||'button-link-primary')\"\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>\n /{{ maxLengthDisplay() }}\n </span>\n }\n <span>&nbsp;{{ 'i18n_character' | translate }}</span>\n </div>\n }\n </div>\n</div>\n@if (description(); as description) {\n <div [class]=\"'libs-ui-label-description ' + (descriptionClass ||'')\"\n [innerHtml]='description | translate '></div>\n}\n@if (buttonsDescription()?.length) {\n <div [class]=\"buttonsDescriptionContainerClass || 'flex libs-ui-label-description-button'\">\n @for (button of buttonsDescription(); track button) {\n <libs_ui-components-buttons-button [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 ADDED
@@ -0,0 +1,2 @@
1
+ export * from './label.component';
2
+ export * from './interfaces';
package/interfaces/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './label.interface';
package/interfaces/label.interface.d.ts ADDED
@@ -0,0 +1,28 @@
1
+ import { IButton } from "@libs-ui/components-buttons-button";
2
+ import { IPopover } from "@libs-ui/components-popover";
3
+ export interface ILabel {
4
+ classInclude?: string;
5
+ labelLeft?: string;
6
+ labelLeftClass?: string;
7
+ popover?: IPopover;
8
+ iconPopoverClass?: string;
9
+ required?: boolean;
10
+ buttonsLeft?: Array<IButton>;
11
+ disableButtonsLeft?: boolean;
12
+ buttonsRight?: Array<IButton>;
13
+ disableButtonsRight?: boolean;
14
+ labelRight?: string;
15
+ labelRightClass?: string;
16
+ labelRightRequired?: string;
17
+ hasToggle?: boolean;
18
+ toggleActive?: boolean;
19
+ toggleDisable?: boolean;
20
+ description?: string;
21
+ descriptionClass?: string;
22
+ buttonsDescription?: Array<IButton>;
23
+ disableButtonsDescription?: boolean;
24
+ buttonsDescriptionContainerClass?: string;
25
+ onlyShowCount?: boolean;
26
+ limitLength?: number;
27
+ count?: number;
28
+ }
package/label.component.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ import { IButton } from '@libs-ui/components-buttons-button';
2
+ import { IToggleEvent } from '@libs-ui/components-buttons-toggle';
3
+ import { IPopover, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
4
+ import * as i0 from "@angular/core";
5
+ export declare class LibsUiComponentsLabelComponent {
6
+ protected countDisplay: import("@angular/core").Signal<string>;
7
+ protected maxLengthDisplay: import("@angular/core").Signal<string>;
8
+ readonly iconPopoverClass: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
9
+ readonly classInclude: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
10
+ readonly labelLeft: import("@angular/core").InputSignal<string | undefined>;
11
+ readonly labelLeftClass: import("@angular/core").InputSignal<string | undefined>;
12
+ readonly labelLeftBehindToggleButton: import("@angular/core").InputSignal<boolean | undefined>;
13
+ readonly popover: import("@angular/core").InputSignal<IPopover | undefined>;
14
+ readonly required: import("@angular/core").InputSignal<boolean | undefined>;
15
+ readonly buttonsLeft: import("@angular/core").InputSignalWithTransform<IButton[] | undefined, IButton[] | undefined>;
16
+ readonly disableButtonsLeft: import("@angular/core").InputSignal<boolean | undefined>;
17
+ readonly buttonsRight: import("@angular/core").InputSignalWithTransform<IButton[] | undefined, IButton[] | undefined>;
18
+ readonly disableButtonsRight: import("@angular/core").InputSignal<boolean | undefined>;
19
+ readonly labelRight: import("@angular/core").InputSignal<string | undefined>;
20
+ readonly labelRightClass: import("@angular/core").InputSignalWithTransform<string | undefined, string | undefined>;
21
+ readonly labelRightRequired: import("@angular/core").InputSignal<string | undefined>;
22
+ readonly hasToggle: import("@angular/core").InputSignal<boolean | undefined>;
23
+ readonly toggleSize: import("@angular/core").InputSignalWithTransform<"default" | "large", "default" | "large">;
24
+ readonly toggleActive: import("@angular/core").InputSignal<boolean | undefined>;
25
+ readonly toggleDisable: import("@angular/core").InputSignal<boolean | undefined>;
26
+ readonly description: import("@angular/core").InputSignal<string | undefined>;
27
+ readonly descriptionClass: import("@angular/core").InputSignal<string | undefined>;
28
+ readonly buttonsDescription: import("@angular/core").InputSignalWithTransform<IButton[] | undefined, IButton[] | undefined>;
29
+ readonly disableButtonsDescription: import("@angular/core").InputSignal<boolean | undefined>;
30
+ readonly buttonsDescriptionContainerClass: import("@angular/core").InputSignal<string | undefined>;
31
+ readonly onlyShowCount: import("@angular/core").InputSignal<boolean | undefined>;
32
+ readonly zIndexPopover: import("@angular/core").InputSignalWithTransform<number, number>;
33
+ readonly timerDestroyPopover: import("@angular/core").InputSignalWithTransform<number, number>;
34
+ readonly count: import("@angular/core").InputSignalWithTransform<number | undefined, number | undefined>;
35
+ readonly limitLength: import("@angular/core").InputSignalWithTransform<number | undefined, number | undefined>;
36
+ readonly outClickButton: import("@angular/core").OutputEmitterRef<IButton>;
37
+ readonly outToggleEvent: import("@angular/core").OutputEmitterRef<IToggleEvent>;
38
+ readonly outLabelRightClick: import("@angular/core").OutputEmitterRef<boolean>;
39
+ readonly outLabelLeftClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
40
+ protected handlerClickButton(button: IButton): Promise<void>;
41
+ protected handlerSwitchToggle(toggleEvent: IToggleEvent): Promise<void>;
42
+ protected handlerEventLabelRight(event: TYPE_POPOVER_EVENT): Promise<void>;
43
+ protected handlerEventLabelLeft(event: MouseEvent): Promise<void>;
44
+ static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsLabelComponent, never>;
45
+ 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"; "outToggleEvent": "outToggleEvent"; "outLabelRightClick": "outLabelRightClick"; "outLabelLeftClick": "outLabelLeftClick"; }, never, ["div.libs-ui-custom-description"], true, never>;
46
+ }
package/package.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "name": "@libs-ui/components-label",
3
+ "version": "0.2.5",
4
+ "peerDependencies": {
5
+ "@angular/common": "^18.2.0",
6
+ "@angular/core": "^18.2.0"
7
+ },
8
+ "sideEffects": false,
9
+ "module": "fesm2022/libs-ui-components-label.mjs",
10
+ "typings": "index.d.ts",
11
+ "exports": {
12
+ "./package.json": {
13
+ "default": "./package.json"
14
+ },
15
+ ".": {
16
+ "types": "./index.d.ts",
17
+ "esm2022": "./esm2022/libs-ui-components-label.mjs",
18
+ "esm": "./esm2022/libs-ui-components-label.mjs",
19
+ "default": "./fesm2022/libs-ui-components-label.mjs"
20
+ }
21
+ },
22
+ "dependencies": {
23
+ "tslib": "^2.3.0"
24
+ }
25
+ }