@libs-ui/components-line-clamp 0.2.78

package/README.md

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

package/esm2022/index.mjs

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

package/esm2022/interfaces/config.interface.mjs

@@ -0,0 +1,3 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9saW5lLWNsYW1wL3NyYy9pbnRlcmZhY2VzL2NvbmZpZy5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdURBQXVEIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuXG5leHBvcnQgaW50ZXJmYWNlIElMaW5lQ2xhbXBDb25maWcge1xuICBtYXhIZWlnaHQ/OiBudW1iZXI7XG4gIGNsYXNzPzogc3RyaW5nO1xuICBpZ25vcmVTaG93QnV0dG9uQ29sbGFwc2VFeHBhbmQ/OiBib29sZWFuO1xuICBzaG93VG9vbHRpcD86IGJvb2xlYW47XG4gIG1heFdpZHRoUG9wb3Zlcj86IG51bWJlcjtcbiAgbWF4SGVpZ2h0UG9wb3Zlcj86IG51bWJlcjtcbiAgbmdDbGFzc09iamVjdD86IFJlY29yZDxhbnksIGFueT47XG4gIGlzSW5uZXJUZXh0PzogYm9vbGVhbjtcbn1cbiJdfQ==

package/esm2022/interfaces/function-control.interface.mjs

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

package/esm2022/interfaces/index.mjs

@@ -0,0 +1,3 @@
+export * from './config.interface';
+export * from './function-control.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvaW50ZXJmYWNlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbmZpZy5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mdW5jdGlvbi1jb250cm9sLmludGVyZmFjZSc7Il19

package/esm2022/libs-ui-components-line-clamp.mjs

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

package/esm2022/line-clamp.component.mjs

@@ -0,0 +1,117 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { AsyncPipe, NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component, HostListener, effect, input, output, signal, untracked } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { LibsUiPipesSecurityTrustPipe } from '@libs-ui/pipes-security-trust';
+import { TranslateModule } from '@ngx-translate/core';
+import { LibsUiComponentsLineClampDirective } from './line-clamp.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class LibsUiComponentsLineClampComponent {
+    /** PROPERTY */
+    displayLineClamp = signal(false);
+    isCollapse = signal(false);
+    contentClamp = signal('');
+    contentDisplay = signal('');
+    /** INPUT */
+    content = input.required();
+    lengthLimitDisplay = input(200, { transform: val => val || 200 });
+    maxHeight = input.required(); // maxHeight = (line-height của text)*(số dòng mong muốn)
+    ignoreShowButtonCollapseExpand = input();
+    ignoreShowButtonCollapse = input();
+    showTooltip = input();
+    timeHidePopoverOnMouseout = input(50, { transform: val => val ?? 50 });
+    maxWidthPopover = input(250, { transform: val => val ?? 250 });
+    maxHeightPopover = input(150, { transform: val => val ?? 150 });
+    zIndexPopover = input(1001, { transform: val => val ?? 1001 });
+    isInnerText = input(); // không cần escapeHTML content khi biến bằng true
+    classClassLabelButtonCollapseExpand = input('libs-ui-font-h5r', { transform: val => val ?? 'libs-ui-font-h5r' });
+    classClassIncludeButtonCollapseExpand = input('!p-0', { transform: val => val ?? '!p-0' });
+    ignoreStopPropagationTooltipEvent = input(false, { transform: val => val ?? false });
+    ngClassObject = input({ 'libs-ui-line-clamp-content libs-ui-font-h5r': true }, { transform: val => val || { 'libs-ui-line-clamp-content lib-ui-font-h5r': true } }); // object ngClass
+    hasBackgroundGradient = input(false, { transform: val => val ?? false });
+    labelButtonViewMore = input();
+    labelButtonCollapse = input();
+    directionTooltip = input('top', { transform: val => val ?? 'top' });
+    useXssFilter = input(true, { transform: val => val ?? true });
+    ;
+    /** OUTPUT */
+    outDisplayLineClamp = output();
+    outAction = output();
+    outClick = output();
+    outFunctionControl = output();
+    constructor() {
+        effect(() => {
+            untracked(() => {
+                this.contentDisplay.set(this.content());
+                this.displayLineClamp.set(false);
+                this.isCollapse.set(false);
+            });
+        });
+    }
+    async ngOnInit() {
+        this.outFunctionControl.emit({
+            refresh: this.refresh.bind(this)
+        });
+    }
+    /** FUNCTIONS */
+    async handlerContentSub(content) {
+        if (this.content() !== content) {
+            this.displayLineClamp.set(true);
+            this.isCollapse.set(true);
+            this.contentClamp.set(content);
+            this.contentDisplay.set(content);
+            this.outDisplayLineClamp.emit(true);
+        }
+    }
+    async viewMore(e) {
+        e.stopPropagation();
+        this.isCollapse.set(false);
+        this.contentDisplay.set(this.content());
+        e.preventDefault();
+        this.outAction.emit('view-more');
+    }
+    async hiddenMore(e) {
+        e.stopPropagation();
+        this.isCollapse.set(true);
+        this.contentDisplay.set(this.contentClamp());
+        e.preventDefault();
+        this.outAction.emit('hidden-more');
+    }
+    async resize() {
+        this.refresh();
+    }
+    async refresh() {
+        this.contentDisplay.set(this.content());
+        this.displayLineClamp.set(false);
+        this.isCollapse.set(false);
+    }
+    async handlerClick(event) {
+        if (typeof event === 'string' && event !== 'click') {
+            return;
+        }
+        this.outClick.emit(event);
+    }
+    ngOnDestroy() {
+        this.displayLineClamp.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsLineClampComponent, isStandalone: true, selector: "libs_ui-components-line_clamp", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, lengthLimitDisplay: { classPropertyName: "lengthLimitDisplay", publicName: "lengthLimitDisplay", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: true, transformFunction: null }, ignoreShowButtonCollapseExpand: { classPropertyName: "ignoreShowButtonCollapseExpand", publicName: "ignoreShowButtonCollapseExpand", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowButtonCollapse: { classPropertyName: "ignoreShowButtonCollapse", publicName: "ignoreShowButtonCollapse", isSignal: true, isRequired: false, transformFunction: null }, showTooltip: { classPropertyName: "showTooltip", publicName: "showTooltip", isSignal: true, isRequired: false, transformFunction: null }, timeHidePopoverOnMouseout: { classPropertyName: "timeHidePopoverOnMouseout", publicName: "timeHidePopoverOnMouseout", isSignal: true, isRequired: false, transformFunction: null }, maxWidthPopover: { classPropertyName: "maxWidthPopover", publicName: "maxWidthPopover", isSignal: true, isRequired: false, transformFunction: null }, maxHeightPopover: { classPropertyName: "maxHeightPopover", publicName: "maxHeightPopover", isSignal: true, isRequired: false, transformFunction: null }, zIndexPopover: { classPropertyName: "zIndexPopover", publicName: "zIndexPopover", isSignal: true, isRequired: false, transformFunction: null }, isInnerText: { classPropertyName: "isInnerText", publicName: "isInnerText", isSignal: true, isRequired: false, transformFunction: null }, classClassLabelButtonCollapseExpand: { classPropertyName: "classClassLabelButtonCollapseExpand", publicName: "classClassLabelButtonCollapseExpand", isSignal: true, isRequired: false, transformFunction: null }, classClassIncludeButtonCollapseExpand: { classPropertyName: "classClassIncludeButtonCollapseExpand", publicName: "classClassIncludeButtonCollapseExpand", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationTooltipEvent: { classPropertyName: "ignoreStopPropagationTooltipEvent", publicName: "ignoreStopPropagationTooltipEvent", isSignal: true, isRequired: false, transformFunction: null }, ngClassObject: { classPropertyName: "ngClassObject", publicName: "ngClassObject", isSignal: true, isRequired: false, transformFunction: null }, hasBackgroundGradient: { classPropertyName: "hasBackgroundGradient", publicName: "hasBackgroundGradient", isSignal: true, isRequired: false, transformFunction: null }, labelButtonViewMore: { classPropertyName: "labelButtonViewMore", publicName: "labelButtonViewMore", isSignal: true, isRequired: false, transformFunction: null }, labelButtonCollapse: { classPropertyName: "labelButtonCollapse", publicName: "labelButtonCollapse", isSignal: true, isRequired: false, transformFunction: null }, directionTooltip: { classPropertyName: "directionTooltip", publicName: "directionTooltip", isSignal: true, isRequired: false, transformFunction: null }, useXssFilter: { classPropertyName: "useXssFilter", publicName: "useXssFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outDisplayLineClamp: "outDisplayLineClamp", outAction: "outAction", outClick: "outClick", outFunctionControl: "outFunctionControl" }, host: { listeners: { "window:resize": "resize($event)" } }, ngImport: i0, template: "@if (!displayLineClamp()) {\n  @if (!isInnerText()) {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerHTML\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerHtml]=\"(content() | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  } @else {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerText\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerText]=\"content() | translate\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  }\n}\n@else {\n  <libs_ui-components-popover class=\"relative\"\n    type=\"other\"\n    [ignoreShowPopover]=\"!showTooltip()\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationTooltipEvent()\"\n    [config]=\"{\n      timerDestroy:timeHidePopoverOnMouseout(),\n      maxWidth:maxWidthPopover() ,\n      maxHeight:maxHeightPopover(),\n      direction:directionTooltip(),\n      content: isInnerText() ? (this.content() | LibsUiPipesEscapeHtmlPipe) : this.content(),\n      zIndex: zIndexPopover()\n    }\"\n    (outEvent)=\"handlerClick($event)\">\n    @if (isCollapse() && hasBackgroundGradient()) {\n      <div class=\"h-[40px] libs-ui-line-clamp-bg-gradient\"></div>\n    }\n    @if (!isInnerText()) {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"(contentDisplay()  | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\">\n      </div>\n    } @else {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\">\n      </div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button type=\"button-link-primary\"\n        [label]=\"labelButtonViewMore() || 'i18n_view_more'\"\n        [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n        [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n        (outClick)=\"viewMore($event)\" />\n    } @else {\n      @if (!ignoreShowButtonCollapse()) {\n        <libs_ui-components-buttons-button type=\"button-link-primary\"\n          [label]=\"labelButtonCollapse() || 'i18n_collapse'\"\n          [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n          [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n          (outClick)=\"hiddenMore($event)\" />\n      }\n    }\n  }\n}\n", styles: [".libs-ui-line-clamp-content{font-weight:400;text-align:start}.libs-ui-line-clamp-bg-gradient{opacity:.5;background:linear-gradient(180deg,#fff0,#fffffff2 51.56%,#fff);position:absolute;width:100%;bottom:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: LibsUiComponentsLineClampDirective, selector: "[LibsUiComponentsLineClampDirective]", inputs: ["lengthLimitDisplay", "methodDisplay", "content", "ignoreThreeDots"], outputs: ["outContentSub"] }, { kind: "pipe", type: LibsUiPipesSecurityTrustPipe, name: "LibsUiPipesSecurityTrustPipe" }, { kind: "pipe", type: LibsUiPipesEscapeHtmlPipe, name: "LibsUiPipesEscapeHtmlPipe" }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-line_clamp', standalone: true, imports: [
+                        NgClass, TranslateModule, AsyncPipe,
+                        LibsUiComponentsLineClampDirective,
+                        LibsUiPipesSecurityTrustPipe,
+                        LibsUiPipesEscapeHtmlPipe,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsButtonsButtonComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!displayLineClamp()) {\n  @if (!isInnerText()) {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerHTML\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerHtml]=\"(content() | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  } @else {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerText\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerText]=\"content() | translate\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  }\n}\n@else {\n  <libs_ui-components-popover class=\"relative\"\n    type=\"other\"\n    [ignoreShowPopover]=\"!showTooltip()\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationTooltipEvent()\"\n    [config]=\"{\n      timerDestroy:timeHidePopoverOnMouseout(),\n      maxWidth:maxWidthPopover() ,\n      maxHeight:maxHeightPopover(),\n      direction:directionTooltip(),\n      content: isInnerText() ? (this.content() | LibsUiPipesEscapeHtmlPipe) : this.content(),\n      zIndex: zIndexPopover()\n    }\"\n    (outEvent)=\"handlerClick($event)\">\n    @if (isCollapse() && hasBackgroundGradient()) {\n      <div class=\"h-[40px] libs-ui-line-clamp-bg-gradient\"></div>\n    }\n    @if (!isInnerText()) {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"(contentDisplay()  | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\">\n      </div>\n    } @else {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\">\n      </div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button type=\"button-link-primary\"\n        [label]=\"labelButtonViewMore() || 'i18n_view_more'\"\n        [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n        [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n        (outClick)=\"viewMore($event)\" />\n    } @else {\n      @if (!ignoreShowButtonCollapse()) {\n        <libs_ui-components-buttons-button type=\"button-link-primary\"\n          [label]=\"labelButtonCollapse() || 'i18n_collapse'\"\n          [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n          [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n          (outClick)=\"hiddenMore($event)\" />\n      }\n    }\n  }\n}\n", styles: [".libs-ui-line-clamp-content{font-weight:400;text-align:start}.libs-ui-line-clamp-bg-gradient{opacity:.5;background:linear-gradient(180deg,#fff0,#fffffff2 51.56%,#fff);position:absolute;width:100%;bottom:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { resize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jbGFtcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBcUIsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SSxPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1RixPQUFPLEVBQUUsZ0NBQWdDLEVBQThDLE1BQU0sNkJBQTZCLENBQUM7QUFDM0gsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXRELE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFrQjVFLE1BQU0sT0FBTyxrQ0FBa0M7SUFDN0MsZUFBZTtJQUNMLGdCQUFnQixHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUMxQyxVQUFVLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFBO0lBQ25DLFlBQVksR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFDbEMsY0FBYyxHQUFHLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJ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QUFDO3dHQXBHVSxrQ0FBa0M7NEZBQWxDLGtDQUFrQyxvK0dDM0IvQyxnNEZBMkVBLHlRRHpESSxPQUFPLG1GQUFFLGVBQWUsdUZBQUUsU0FBUyw4Q0FDbkMsa0NBQWtDLHVMQUNsQyw0QkFBNEIsZ0VBQzVCLHlCQUF5QixrRUFDekIsZ0NBQWdDLHFlQUNoQyxzQ0FBc0M7OzRGQUk3QixrQ0FBa0M7a0JBaEI5QyxTQUFTOytCQUVFLCtCQUErQixjQUc3QixJQUFJLFdBQ1A7d0JBQ1AsT0FBTyxFQUFFLGVBQWUsRUFBRSxTQUFTO3dCQUNuQyxrQ0FBa0M7d0JBQ2xDLDRCQUE0Qjt3QkFDNUIseUJBQXlCO3dCQUN6QixnQ0FBZ0M7d0JBQ2hDLHNDQUFzQztxQkFDdkMsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07d0RBbUYvQixNQUFNO3NCQURyQixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnkgKi9cbmltcG9ydCB7IEFzeW5jUGlwZSwgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIE9uRGVzdHJveSwgT25Jbml0LCBlZmZlY3QsIGlucHV0LCBvdXRwdXQsIHNpZ25hbCwgdW50cmFja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzQnV0dG9uc0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1idXR0b24nO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnQsIFRZUEVfUE9QT1ZFUl9ESVJFQ1RJT04sIFRZUEVfUE9QT1ZFUl9FVkVOVCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtcG9wb3Zlcic7XG5pbXBvcnQgeyBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlIH0gZnJvbSAnQGxpYnMtdWkvcGlwZXMtZXNjYXBlLWh0bWwnO1xuaW1wb3J0IHsgTGlic1VpUGlwZXNTZWN1cml0eVRydXN0UGlwZSB9IGZyb20gJ0BsaWJzLXVpL3BpcGVzLXNlY3VyaXR5LXRydXN0JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgSUxpbmVDbGFtcEZ1bmN0aW9uQ29udHJvbEV2ZW50IH0gZnJvbSAnLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmUgfSBmcm9tICcuL2xpbmUtY2xhbXAuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLWxpbmVfY2xhbXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGluZS1jbGFtcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmUtY2xhbXAuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsIFRyYW5zbGF0ZU1vZHVsZSwgQXN5bmNQaXBlLFxuICAgIExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmUsXG4gICAgTGlic1VpUGlwZXNTZWN1cml0eVRydXN0UGlwZSxcbiAgICBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlLFxuICAgIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50XG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8qKiBQUk9QRVJUWSAqL1xuICBwcm90ZWN0ZWQgZGlzcGxheUxpbmVDbGFtcCA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByb3RlY3RlZCBpc0NvbGxhcHNlID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKVxuICBwcm90ZWN0ZWQgY29udGVudENsYW1wID0gc2lnbmFsPHN0cmluZz4oJycpO1xuICBwcm90ZWN0ZWQgY29udGVudERpc3BsYXkgPSBzaWduYWw8c3RyaW5nPignJyk7XG5cbiAgLyoqIElOUFVUICovXG4gIHJlYWRvbmx5IGNvbnRlbnQgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxlbmd0aExpbWl0RGlzcGxheSA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigyMDAsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsIHx8IDIwMCB9KTtcbiAgcmVhZG9ubHkgbWF4SGVpZ2h0ID0gaW5wdXQucmVxdWlyZWQ8bnVtYmVyPigpOyAvLyBtYXhIZWlnaHQgPSAobGluZS1oZWlnaHQgY+G7p2EgdGV4dCkqKHPhu5EgZMOybmcgbW9uZyBtdeG7kW4pXG4gIHJlYWRvbmx5IGlnbm9yZVNob3dCdXR0b25Db2xsYXBzZUV4cGFuZCA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IGlnbm9yZVNob3dCdXR0b25Db2xsYXBzZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHNob3dUb29sdGlwID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgdGltZUhpZGVQb3BvdmVyT25Nb3VzZW91dCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPig1MCwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gNTAgfSk7XG4gIHJlYWRvbmx5IG1heFdpZHRoUG9wb3ZlciA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigyNTAsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IDI1MCB9KTtcbiAgcmVhZG9ubHkgbWF4SGVpZ2h0UG9wb3ZlciA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigxNTAsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IDE1MCB9KTtcbiAgcmVhZG9ubHkgekluZGV4UG9wb3ZlciA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigxMDAxLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyAxMDAxIH0pO1xuICByZWFkb25seSBpc0lubmVyVGV4dCA9IGlucHV0PGJvb2xlYW4+KCk7IC8vIGtow7RuZyBj4bqnbiBlc2NhcGVIVE1MIGNvbnRlbnQga2hpIGJp4bq/biBi4bqxbmcgdHJ1ZVxuICByZWFkb25seSBjbGFzc0NsYXNzTGFiZWxCdXR0b25Db2xsYXBzZUV4cGFuZCA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignbGlicy11aS1mb250LWg1cicsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/ICdsaWJzLXVpLWZvbnQtaDVyJyB9KTtcbiAgcmVhZG9ubHkgY2xhc3NDbGFzc0luY2x1ZGVCdXR0b25Db2xsYXBzZUV4cGFuZCA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignIXAtMCcsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/ICchcC0wJyB9KTtcbiAgcmVhZG9ubHkgaWdub3JlU3RvcFByb3BhZ2F0aW9uVG9vbHRpcEV2ZW50ID0gaW5wdXQ8Ym9vbGVhbiwgYm9vbGVhbiB8IHVuZGVmaW5lZD4oZmFsc2UsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IGZhbHNlIH0pO1xuICByZWFkb25seSBuZ0NsYXNzT2JqZWN0ID0gaW5wdXQ8UmVjb3JkPGFueSwgYW55PiwgUmVjb3JkPGFueSwgYW55PiB8IHVuZGVmaW5lZD4oeyAnbGlicy11aS1saW5lLWNsYW1wLWNvbnRlbnQgbGlicy11aS1mb250LWg1cic6IHRydWUgfSwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgfHwgeyAnbGlicy11aS1saW5lLWNsYW1wLWNvbnRlbnQgbGliLXVpLWZvbnQtaDVyJzogdHJ1ZSB9IH0pOyAvLyBvYmplY3QgbmdDbGFzc1xuICByZWFkb25seSBoYXNCYWNrZ3JvdW5kR3JhZGllbnQgPSBpbnB1dDxib29sZWFuLCBib29sZWFuIHwgdW5kZWZpbmVkPihmYWxzZSwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gZmFsc2UgfSk7XG4gIHJlYWRvbmx5IGxhYmVsQnV0dG9uVmlld01vcmUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxhYmVsQnV0dG9uQ29sbGFwc2UgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGRpcmVjdGlvblRvb2x0aXAgPSBpbnB1dDxUWVBFX1BPUE9WRVJfRElSRUNUSU9OLCBUWVBFX1BPUE9WRVJfRElSRUNUSU9OIHwgdW5kZWZpbmVkPigndG9wJywgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gJ3RvcCcgfSk7XG4gIHJlYWRvbmx5IHVzZVhzc0ZpbHRlciA9IGlucHV0PGJvb2xlYW4sIGJvb2xlYW4gfCB1bmRlZmluZWQ+KHRydWUsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IHRydWUgfSk7O1xuXG4gIC8qKiBPVVRQVVQgKi9cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG91dERpc3BsYXlMaW5lQ2xhbXAgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG91dEFjdGlvbiA9IG91dHB1dDxzdHJpbmc+KCk7XG4gIHByb3RlY3RlZCByZWFkb25seSBvdXRDbGljayA9IG91dHB1dDxFdmVudCB8IFRZUEVfUE9QT1ZFUl9FVkVOVD4oKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG91dEZ1bmN0aW9uQ29udHJvbCA9IG91dHB1dDxJTGluZUNsYW1wRnVuY3Rpb25Db250cm9sRXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHVudHJhY2tlZCgoKSA9PiB7XG4gICAgICAgIHRoaXMuY29udGVudERpc3BsYXkuc2V0KHRoaXMuY29udGVudCgpKTtcbiAgICAgICAgdGhpcy5kaXNwbGF5TGluZUNsYW1wLnNldChmYWxzZSk7XG4gICAgICAgIHRoaXMuaXNDb2xsYXBzZS5zZXQoZmFsc2UpO1xuICAgICAgfSlcbiAgICB9KTtcbiAgfVxuXG4gIGFzeW5jIG5nT25Jbml0KCkge1xuICAgIHRoaXMub3V0RnVuY3Rpb25Db250cm9sLmVtaXQoe1xuICAgICAgcmVmcmVzaDogdGhpcy5yZWZyZXNoLmJpbmQodGhpcylcbiAgICB9KTtcbiAgfVxuXG4gIC8qKiBGVU5DVElPTlMgKi9cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNvbnRlbnRTdWIoY29udGVudDogc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMuY29udGVudCgpICE9PSBjb250ZW50KSB7XG4gICAgICB0aGlzLmRpc3BsYXlMaW5lQ2xhbXAuc2V0KHRydWUpO1xuICAgICAgdGhpcy5pc0NvbGxhcHNlLnNldCh0cnVlKTtcbiAgICAgIHRoaXMuY29udGVudENsYW1wLnNldChjb250ZW50KTtcbiAgICAgIHRoaXMuY29udGVudERpc3BsYXkuc2V0KGNvbnRlbnQpO1xuICAgICAgdGhpcy5vdXREaXNwbGF5TGluZUNsYW1wLmVtaXQodHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIHZpZXdNb3JlKGU6IEV2ZW50KSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmlzQ29sbGFwc2Uuc2V0KGZhbHNlKTtcbiAgICB0aGlzLmNvbnRlbnREaXNwbGF5LnNldCh0aGlzLmNvbnRlbnQoKSk7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMub3V0QWN0aW9uLmVtaXQoJ3ZpZXctbW9yZScpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhpZGRlbk1vcmUoZTogRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuaXNDb2xsYXBzZS5zZXQodHJ1ZSk7XG4gICAgdGhpcy5jb250ZW50RGlzcGxheS5zZXQodGhpcy5jb250ZW50Q2xhbXAoKSk7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMub3V0QWN0aW9uLmVtaXQoJ2hpZGRlbi1tb3JlJyk7XG4gIH1cblxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBwcm90ZWN0ZWQgYXN5bmMgcmVzaXplKCkge1xuICAgIHRoaXMucmVmcmVzaCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIHJlZnJlc2goKSB7XG4gICAgdGhpcy5jb250ZW50RGlzcGxheS5zZXQodGhpcy5jb250ZW50KCkpO1xuICAgIHRoaXMuZGlzcGxheUxpbmVDbGFtcC5zZXQoZmFsc2UpO1xuICAgIHRoaXMuaXNDb2xsYXBzZS5zZXQoZmFsc2UpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJDbGljayhldmVudDogRXZlbnQgfCBUWVBFX1BPUE9WRVJfRVZFTlQpIHtcbiAgICBpZiAodHlwZW9mIGV2ZW50ID09PSAnc3RyaW5nJyAmJiBldmVudCAhPT0gJ2NsaWNrJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLm91dENsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kaXNwbGF5TGluZUNsYW1wLnNldChmYWxzZSk7XG4gIH1cbn1cbiIsIkBpZiAoIWRpc3BsYXlMaW5lQ2xhbXAoKSkge1xuICBAaWYgKCFpc0lubmVyVGV4dCgpKSB7XG4gICAgPGRpdiBMaWJzVWlDb21wb25lbnRzTGluZUNsYW1wRGlyZWN0aXZlXG4gICAgICBbbGVuZ3RoTGltaXREaXNwbGF5XT1cImxlbmd0aExpbWl0RGlzcGxheSgpXCJcbiAgICAgIFtpZ25vcmVUaHJlZURvdHNdPVwiaGFzQmFja2dyb3VuZEdyYWRpZW50KClcIlxuICAgICAgbWV0aG9kRGlzcGxheT1cImlubmVySFRNTFwiXG4gICAgICBjbGFzcz1cIm92ZXJmbG93LWhpZGRlblwiXG4gICAgICBbY29udGVudF09XCJjb250ZW50KClcIlxuICAgICAgW25nQ2xhc3NdPVwibmdDbGFzc09iamVjdCgpXCJcbiAgICAgIFtzdHlsZS5tYXhIZWlnaHQucHhdPVwibWF4SGVpZ2h0KClcIlxuICAgICAgW2lubmVySHRtbF09XCIoY29udGVudCgpIHwgdHJhbnNsYXRlIHwgTGlic1VpUGlwZXNTZWN1cml0eVRydXN0UGlwZTogJ2h0bWwnOiB1c2VYc3NGaWx0ZXIoKSkgfCBhc3luY1wiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlckNsaWNrKCRldmVudClcIlxuICAgICAgKG91dENvbnRlbnRTdWIpPVwiaGFuZGxlckNvbnRlbnRTdWIoJGV2ZW50KVwiPlxuICAgIDwvZGl2PlxuICB9IEBlbHNlIHtcbiAgICA8ZGl2IExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmVcbiAgICAgIFtsZW5ndGhMaW1pdERpc3BsYXldPVwibGVuZ3RoTGltaXREaXNwbGF5KClcIlxuICAgICAgW2lnbm9yZVRocmVlRG90c109XCJoYXNCYWNrZ3JvdW5kR3JhZGllbnQoKVwiXG4gICAgICBtZXRob2REaXNwbGF5PVwiaW5uZXJUZXh0XCJcbiAgICAgIGNsYXNzPVwib3ZlcmZsb3ctaGlkZGVuXCJcbiAgICAgIFtjb250ZW50XT1cImNvbnRlbnQoKVwiXG4gICAgICBbbmdDbGFzc109XCJuZ0NsYXNzT2JqZWN0KClcIlxuICAgICAgW3N0eWxlLm1heEhlaWdodC5weF09XCJtYXhIZWlnaHQoKVwiXG4gICAgICBbaW5uZXJUZXh0XT1cImNvbnRlbnQoKSB8IHRyYW5zbGF0ZVwiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlckNsaWNrKCRldmVudClcIlxuICAgICAgKG91dENvbnRlbnRTdWIpPVwiaGFuZGxlckNvbnRlbnRTdWIoJGV2ZW50KVwiPlxuICAgIDwvZGl2PlxuICB9XG59XG5AZWxzZSB7XG4gIDxsaWJzX3VpLWNvbXBvbmVudHMtcG9wb3ZlciBjbGFzcz1cInJlbGF0aXZlXCJcbiAgICB0eXBlPVwib3RoZXJcIlxuICAgIFtpZ25vcmVTaG93UG9wb3Zlcl09XCIhc2hvd1Rvb2x0aXAoKVwiXG4gICAgW2lnbm9yZVN0b3BQcm9wYWdhdGlvbkV2ZW50XT1cImlnbm9yZVN0b3BQcm9wYWdhdGlvblRvb2x0aXBFdmVudCgpXCJcbiAgICBbY29uZmlnXT1cIntcbiAgICAgIHRpbWVyRGVzdHJveTp0aW1lSGlkZVBvcG92ZXJPbk1vdXNlb3V0KCksXG4gICAgICBtYXhXaWR0aDptYXhXaWR0aFBvcG92ZXIoKSAsXG4gICAgICBtYXhIZWlnaHQ6bWF4SGVpZ2h0UG9wb3ZlcigpLFxuICAgICAgZGlyZWN0aW9uOmRpcmVjdGlvblRvb2x0aXAoKSxcbiAgICAgIGNvbnRlbnQ6IGlzSW5uZXJUZXh0KCkgPyAodGhpcy5jb250ZW50KCkgfCBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlKSA6IHRoaXMuY29udGVudCgpLFxuICAgICAgekluZGV4OiB6SW5kZXhQb3BvdmVyKClcbiAgICB9XCJcbiAgICAob3V0RXZlbnQpPVwiaGFuZGxlckNsaWNrKCRldmVudClcIj5cbiAgICBAaWYgKGlzQ29sbGFwc2UoKSAmJiBoYXNCYWNrZ3JvdW5kR3JhZGllbnQoKSkge1xuICAgICAgPGRpdiBjbGFzcz1cImgtWzQwcHhdIGxpYnMtdWktbGluZS1jbGFtcC1iZy1ncmFkaWVudFwiPjwvZGl2PlxuICAgIH1cbiAgICBAaWYgKCFpc0lubmVyVGV4dCgpKSB7XG4gICAgICA8ZGl2IFtuZ0NsYXNzXT1cIm5nQ2xhc3NPYmplY3QoKVwiXG4gICAgICAgIFtpbm5lckh0bWxdPVwiKGNvbnRlbnREaXNwbGF5KCkgIHwgdHJhbnNsYXRlIHwgTGlic1VpUGlwZXNTZWN1cml0eVRydXN0UGlwZTogJ2h0bWwnOiB1c2VYc3NGaWx0ZXIoKSkgfCBhc3luY1wiPlxuICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8ZGl2IFtuZ0NsYXNzXT1cIm5nQ2xhc3NPYmplY3QoKVwiXG4gICAgICAgIFtpbm5lclRleHRdPVwiY29udGVudERpc3BsYXkoKSB8IHRyYW5zbGF0ZVwiPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICA8L2xpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyPlxuXG4gIEBpZiAoIWlnbm9yZVNob3dCdXR0b25Db2xsYXBzZUV4cGFuZCgpKSB7XG4gICAgQGlmIChpc0NvbGxhcHNlKCkpIHtcbiAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b24gdHlwZT1cImJ1dHRvbi1saW5rLXByaW1hcnlcIlxuICAgICAgICBbbGFiZWxdPVwibGFiZWxCdXR0b25WaWV3TW9yZSgpIHx8ICdpMThuX3ZpZXdfbW9yZSdcIlxuICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImNsYXNzQ2xhc3NJbmNsdWRlQnV0dG9uQ29sbGFwc2VFeHBhbmQoKVwiXG4gICAgICAgIFtjbGFzc0xhYmVsXT1cImNsYXNzQ2xhc3NMYWJlbEJ1dHRvbkNvbGxhcHNlRXhwYW5kKClcIlxuICAgICAgICAob3V0Q2xpY2spPVwidmlld01vcmUoJGV2ZW50KVwiIC8+XG4gICAgfSBAZWxzZSB7XG4gICAgICBAaWYgKCFpZ25vcmVTaG93QnV0dG9uQ29sbGFwc2UoKSkge1xuICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIHR5cGU9XCJidXR0b24tbGluay1wcmltYXJ5XCJcbiAgICAgICAgICBbbGFiZWxdPVwibGFiZWxCdXR0b25Db2xsYXBzZSgpIHx8ICdpMThuX2NvbGxhcHNlJ1wiXG4gICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJjbGFzc0NsYXNzSW5jbHVkZUJ1dHRvbkNvbGxhcHNlRXhwYW5kKClcIlxuICAgICAgICAgIFtjbGFzc0xhYmVsXT1cImNsYXNzQ2xhc3NMYWJlbEJ1dHRvbkNvbGxhcHNlRXhwYW5kKClcIlxuICAgICAgICAgIChvdXRDbGljayk9XCJoaWRkZW5Nb3JlKCRldmVudClcIiAvPlxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/line-clamp.directive.mjs

@@ -0,0 +1,73 @@
+import { Directive, effect, ElementRef, inject, input, output, signal, untracked } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsLineClampDirective {
+    /** PROPERTY */
+    timeInterval = signal(undefined);
+    textView = signal('');
+    /** INPUT */
+    lengthLimitDisplay = input.required();
+    methodDisplay = input.required();
+    content = input.required();
+    ignoreThreeDots = input();
+    /** OUTPUT */
+    outContentSub = output();
+    /** INJECT */
+    elementRef = inject(ElementRef);
+    constructor() {
+        effect(() => {
+            if (!this.content() || !this.methodDisplay() || !this.lengthLimitDisplay()) {
+                return;
+            }
+            untracked(() => {
+                this.textView.set(this.content());
+                if (this.textView().length > this.lengthLimitDisplay()) {
+                    this.textView.update(val => val.substring(0, this.lengthLimitDisplay()));
+                }
+                if (!this.textView()) {
+                    return;
+                }
+                this.process();
+                this.timeInterval.set(setInterval(() => {
+                    this.process();
+                }, 250));
+            });
+        });
+    }
+    /** FUNCTIONS */
+    process() {
+        if (this.elementRef && this.elementRef.nativeElement[this.methodDisplay()]) {
+            clearInterval(this.timeInterval());
+            this.truncate();
+        }
+    }
+    truncate() {
+        let content = this.textView();
+        console.log(this.elementRef.nativeElement);
+        while ((this.elementRef.nativeElement.scrollHeight - 2) > this.elementRef.nativeElement.offsetHeight) { // them -2 fix loi tren windows https://admin-cv.mobio.vn/issues/48107
+            if (!content) {
+                return;
+            }
+            content = content.substring(0, content.length - 3);
+            (this.elementRef.nativeElement)[this.methodDisplay()] = this.ignoreThreeDots() ? content : `${content}...`;
+        }
+        console.log(content, this.textView(), content !== this.textView());
+        if (content !== this.textView()) {
+            console.log('vao day r');
+            this.outContentSub.emit(this.ignoreThreeDots() ? content : `${content}...`);
+        }
+    }
+    ngOnDestroy() {
+        clearInterval(this.timeInterval());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsLineClampDirective, isStandalone: true, selector: "[LibsUiComponentsLineClampDirective]", inputs: { lengthLimitDisplay: { classPropertyName: "lengthLimitDisplay", publicName: "lengthLimitDisplay", isSignal: true, isRequired: true, transformFunction: null }, methodDisplay: { classPropertyName: "methodDisplay", publicName: "methodDisplay", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, ignoreThreeDots: { classPropertyName: "ignoreThreeDots", publicName: "ignoreThreeDots", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outContentSub: "outContentSub" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[LibsUiComponentsLineClampDirective]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jbGFtcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT25ILE1BQU0sT0FBTyxrQ0FBa0M7SUFFN0MsZUFBZTtJQUNQLFlBQVksR0FBRyxNQUFNLENBQXFCLFNBQVMsQ0FBQyxDQUFDO0lBQ3JELFFBQVEsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFFdEMsWUFBWTtJQUNILGtCQUFrQixHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztJQUM5QyxhQUFhLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO0lBQ3pDLE9BQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7SUFDbkMsZUFBZSxHQUFHLEtBQUssRUFBVyxDQUFDO0lBRTVDLGFBQWE7SUFDSixhQUFhLEdBQUcsTUFBTSxFQUFVLENBQUM7SUFFMUMsYUFBYTtJQUNJLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFakQ7UUFDRSxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLENBQUM7Z0JBQzNFLE9BQU87WUFDVCxDQUFDO1lBQ0QsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDYixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENB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eyBEaXJlY3RpdmUsIGVmZmVjdCwgRWxlbWVudFJlZiwgaW5qZWN0LCBpbnB1dCwgT25EZXN0cm95LCBvdXRwdXQsIHNpZ25hbCwgdW50cmFja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvclxuICBzZWxlY3RvcjogJ1tMaWJzVWlDb21wb25lbnRzTGluZUNsYW1wRGlyZWN0aXZlXScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0xpbmVDbGFtcERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgLyoqIFBST1BFUlRZICovXG4gIHByaXZhdGUgdGltZUludGVydmFsID0gc2lnbmFsPG51bWJlciB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgcHJpdmF0ZSB0ZXh0VmlldyA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcblxuICAvKiogSU5QVVQgKi9cbiAgcmVhZG9ubHkgbGVuZ3RoTGltaXREaXNwbGF5ID0gaW5wdXQucmVxdWlyZWQ8bnVtYmVyPigpO1xuICByZWFkb25seSBtZXRob2REaXNwbGF5ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICByZWFkb25seSBjb250ZW50ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICByZWFkb25seSBpZ25vcmVUaHJlZURvdHMgPSBpbnB1dDxib29sZWFuPigpO1xuXG4gIC8qKiBPVVRQVVQgKi9cbiAgcmVhZG9ubHkgb3V0Q29udGVudFN1YiA9IG91dHB1dDxzdHJpbmc+KCk7XG5cbiAgLyoqIElOSkVDVCAqL1xuICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWYgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghdGhpcy5jb250ZW50KCkgfHwgIXRoaXMubWV0aG9kRGlzcGxheSgpIHx8ICF0aGlzLmxlbmd0aExpbWl0RGlzcGxheSgpKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHVudHJhY2tlZCgoKSA9PiB7XG4gICAgICAgIHRoaXMudGV4dFZpZXcuc2V0KHRoaXMuY29udGVudCgpKTtcbiAgICAgICAgaWYgKHRoaXMudGV4dFZpZXcoKS5sZW5ndGggPiB0aGlzLmxlbmd0aExpbWl0RGlzcGxheSgpKSB7XG4gICAgICAgICAgdGhpcy50ZXh0Vmlldy51cGRhdGUodmFsID0+IHZhbC5zdWJzdHJpbmcoMCwgdGhpcy5sZW5ndGhMaW1pdERpc3BsYXkoKSkpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCF0aGlzLnRleHRWaWV3KCkpIHtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5wcm9jZXNzKCk7XG4gICAgICAgIHRoaXMudGltZUludGVydmFsLnNldChzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICAgICAgdGhpcy5wcm9jZXNzKCk7XG4gICAgICAgIH0sIDI1MCkpO1xuICAgICAgfSlcbiAgICB9KTtcbiAgfVxuXG4gIC8qKiBGVU5DVElPTlMgKi9cblxuICBwcml2YXRlIHByb2Nlc3MoKSB7XG4gICAgaWYgKHRoaXMuZWxlbWVudFJlZiAmJiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFt0aGlzLm1ldGhvZERpc3BsYXkoKV0pIHtcbiAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lSW50ZXJ2YWwoKSk7XG4gICAgICB0aGlzLnRydW5jYXRlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB0cnVuY2F0ZSgpIHtcbiAgICBsZXQgY29udGVudCA9IHRoaXMudGV4dFZpZXcoKTtcbiAgICBjb25zb2xlLmxvZyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCk7XG5cblxuICAgIHdoaWxlICgodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0IC0gMikgPiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQpIHsgLy8gdGhlbSAtMiBmaXggbG9pIHRyZW4gd2luZG93cyBodHRwczovL2FkbWluLWN2Lm1vYmlvLnZuL2lzc3Vlcy80ODEwN1xuICAgICAgaWYgKCFjb250ZW50KSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNvbnRlbnQgPSBjb250ZW50LnN1YnN0cmluZygwLCBjb250ZW50Lmxlbmd0aCAtIDMpO1xuICAgICAgKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KVt0aGlzLm1ldGhvZERpc3BsYXkoKV0gPSB0aGlzLmlnbm9yZVRocmVlRG90cygpID8gY29udGVudCA6IGAke2NvbnRlbnR9Li4uYDtcbiAgICB9XG5cbiAgICBjb25zb2xlLmxvZyhjb250ZW50LCB0aGlzLnRleHRWaWV3KCksIGNvbnRlbnQgIT09IHRoaXMudGV4dFZpZXcoKSk7XG4gICAgaWYgKGNvbnRlbnQgIT09IHRoaXMudGV4dFZpZXcoKSkge1xuICAgICAgY29uc29sZS5sb2coJ3ZhbyBkYXkgcicpO1xuXG4gICAgICB0aGlzLm91dENvbnRlbnRTdWIuZW1pdCh0aGlzLmlnbm9yZVRocmVlRG90cygpID8gY29udGVudCA6IGAke2NvbnRlbnR9Li4uYCk7XG4gICAgfVxuICB9XG4gIG5nT25EZXN0cm95KCkge1xuICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lSW50ZXJ2YWwoKSk7XG4gIH1cbn1cbiJdfQ==

package/fesm2022/libs-ui-components-line-clamp.mjs

@@ -0,0 +1,196 @@
+import { NgClass, AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, input, output, inject, ElementRef, effect, untracked, Directive, Component, ChangeDetectionStrategy, HostListener } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { LibsUiPipesSecurityTrustPipe } from '@libs-ui/pipes-security-trust';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+class LibsUiComponentsLineClampDirective {
+    /** PROPERTY */
+    timeInterval = signal(undefined);
+    textView = signal('');
+    /** INPUT */
+    lengthLimitDisplay = input.required();
+    methodDisplay = input.required();
+    content = input.required();
+    ignoreThreeDots = input();
+    /** OUTPUT */
+    outContentSub = output();
+    /** INJECT */
+    elementRef = inject(ElementRef);
+    constructor() {
+        effect(() => {
+            if (!this.content() || !this.methodDisplay() || !this.lengthLimitDisplay()) {
+                return;
+            }
+            untracked(() => {
+                this.textView.set(this.content());
+                if (this.textView().length > this.lengthLimitDisplay()) {
+                    this.textView.update(val => val.substring(0, this.lengthLimitDisplay()));
+                }
+                if (!this.textView()) {
+                    return;
+                }
+                this.process();
+                this.timeInterval.set(setInterval(() => {
+                    this.process();
+                }, 250));
+            });
+        });
+    }
+    /** FUNCTIONS */
+    process() {
+        if (this.elementRef && this.elementRef.nativeElement[this.methodDisplay()]) {
+            clearInterval(this.timeInterval());
+            this.truncate();
+        }
+    }
+    truncate() {
+        let content = this.textView();
+        console.log(this.elementRef.nativeElement);
+        while ((this.elementRef.nativeElement.scrollHeight - 2) > this.elementRef.nativeElement.offsetHeight) { // them -2 fix loi tren windows https://admin-cv.mobio.vn/issues/48107
+            if (!content) {
+                return;
+            }
+            content = content.substring(0, content.length - 3);
+            (this.elementRef.nativeElement)[this.methodDisplay()] = this.ignoreThreeDots() ? content : `${content}...`;
+        }
+        console.log(content, this.textView(), content !== this.textView());
+        if (content !== this.textView()) {
+            console.log('vao day r');
+            this.outContentSub.emit(this.ignoreThreeDots() ? content : `${content}...`);
+        }
+    }
+    ngOnDestroy() {
+        clearInterval(this.timeInterval());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsLineClampDirective, isStandalone: true, selector: "[LibsUiComponentsLineClampDirective]", inputs: { lengthLimitDisplay: { classPropertyName: "lengthLimitDisplay", publicName: "lengthLimitDisplay", isSignal: true, isRequired: true, transformFunction: null }, methodDisplay: { classPropertyName: "methodDisplay", publicName: "methodDisplay", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, ignoreThreeDots: { classPropertyName: "ignoreThreeDots", publicName: "ignoreThreeDots", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outContentSub: "outContentSub" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[LibsUiComponentsLineClampDirective]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class LibsUiComponentsLineClampComponent {
+    /** PROPERTY */
+    displayLineClamp = signal(false);
+    isCollapse = signal(false);
+    contentClamp = signal('');
+    contentDisplay = signal('');
+    /** INPUT */
+    content = input.required();
+    lengthLimitDisplay = input(200, { transform: val => val || 200 });
+    maxHeight = input.required(); // maxHeight = (line-height của text)*(số dòng mong muốn)
+    ignoreShowButtonCollapseExpand = input();
+    ignoreShowButtonCollapse = input();
+    showTooltip = input();
+    timeHidePopoverOnMouseout = input(50, { transform: val => val ?? 50 });
+    maxWidthPopover = input(250, { transform: val => val ?? 250 });
+    maxHeightPopover = input(150, { transform: val => val ?? 150 });
+    zIndexPopover = input(1001, { transform: val => val ?? 1001 });
+    isInnerText = input(); // không cần escapeHTML content khi biến bằng true
+    classClassLabelButtonCollapseExpand = input('libs-ui-font-h5r', { transform: val => val ?? 'libs-ui-font-h5r' });
+    classClassIncludeButtonCollapseExpand = input('!p-0', { transform: val => val ?? '!p-0' });
+    ignoreStopPropagationTooltipEvent = input(false, { transform: val => val ?? false });
+    ngClassObject = input({ 'libs-ui-line-clamp-content libs-ui-font-h5r': true }, { transform: val => val || { 'libs-ui-line-clamp-content lib-ui-font-h5r': true } }); // object ngClass
+    hasBackgroundGradient = input(false, { transform: val => val ?? false });
+    labelButtonViewMore = input();
+    labelButtonCollapse = input();
+    directionTooltip = input('top', { transform: val => val ?? 'top' });
+    useXssFilter = input(true, { transform: val => val ?? true });
+    ;
+    /** OUTPUT */
+    outDisplayLineClamp = output();
+    outAction = output();
+    outClick = output();
+    outFunctionControl = output();
+    constructor() {
+        effect(() => {
+            untracked(() => {
+                this.contentDisplay.set(this.content());
+                this.displayLineClamp.set(false);
+                this.isCollapse.set(false);
+            });
+        });
+    }
+    async ngOnInit() {
+        this.outFunctionControl.emit({
+            refresh: this.refresh.bind(this)
+        });
+    }
+    /** FUNCTIONS */
+    async handlerContentSub(content) {
+        if (this.content() !== content) {
+            this.displayLineClamp.set(true);
+            this.isCollapse.set(true);
+            this.contentClamp.set(content);
+            this.contentDisplay.set(content);
+            this.outDisplayLineClamp.emit(true);
+        }
+    }
+    async viewMore(e) {
+        e.stopPropagation();
+        this.isCollapse.set(false);
+        this.contentDisplay.set(this.content());
+        e.preventDefault();
+        this.outAction.emit('view-more');
+    }
+    async hiddenMore(e) {
+        e.stopPropagation();
+        this.isCollapse.set(true);
+        this.contentDisplay.set(this.contentClamp());
+        e.preventDefault();
+        this.outAction.emit('hidden-more');
+    }
+    async resize() {
+        this.refresh();
+    }
+    async refresh() {
+        this.contentDisplay.set(this.content());
+        this.displayLineClamp.set(false);
+        this.isCollapse.set(false);
+    }
+    async handlerClick(event) {
+        if (typeof event === 'string' && event !== 'click') {
+            return;
+        }
+        this.outClick.emit(event);
+    }
+    ngOnDestroy() {
+        this.displayLineClamp.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsLineClampComponent, isStandalone: true, selector: "libs_ui-components-line_clamp", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, lengthLimitDisplay: { classPropertyName: "lengthLimitDisplay", publicName: "lengthLimitDisplay", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: true, transformFunction: null }, ignoreShowButtonCollapseExpand: { classPropertyName: "ignoreShowButtonCollapseExpand", publicName: "ignoreShowButtonCollapseExpand", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowButtonCollapse: { classPropertyName: "ignoreShowButtonCollapse", publicName: "ignoreShowButtonCollapse", isSignal: true, isRequired: false, transformFunction: null }, showTooltip: { classPropertyName: "showTooltip", publicName: "showTooltip", isSignal: true, isRequired: false, transformFunction: null }, timeHidePopoverOnMouseout: { classPropertyName: "timeHidePopoverOnMouseout", publicName: "timeHidePopoverOnMouseout", isSignal: true, isRequired: false, transformFunction: null }, maxWidthPopover: { classPropertyName: "maxWidthPopover", publicName: "maxWidthPopover", isSignal: true, isRequired: false, transformFunction: null }, maxHeightPopover: { classPropertyName: "maxHeightPopover", publicName: "maxHeightPopover", isSignal: true, isRequired: false, transformFunction: null }, zIndexPopover: { classPropertyName: "zIndexPopover", publicName: "zIndexPopover", isSignal: true, isRequired: false, transformFunction: null }, isInnerText: { classPropertyName: "isInnerText", publicName: "isInnerText", isSignal: true, isRequired: false, transformFunction: null }, classClassLabelButtonCollapseExpand: { classPropertyName: "classClassLabelButtonCollapseExpand", publicName: "classClassLabelButtonCollapseExpand", isSignal: true, isRequired: false, transformFunction: null }, classClassIncludeButtonCollapseExpand: { classPropertyName: "classClassIncludeButtonCollapseExpand", publicName: "classClassIncludeButtonCollapseExpand", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationTooltipEvent: { classPropertyName: "ignoreStopPropagationTooltipEvent", publicName: "ignoreStopPropagationTooltipEvent", isSignal: true, isRequired: false, transformFunction: null }, ngClassObject: { classPropertyName: "ngClassObject", publicName: "ngClassObject", isSignal: true, isRequired: false, transformFunction: null }, hasBackgroundGradient: { classPropertyName: "hasBackgroundGradient", publicName: "hasBackgroundGradient", isSignal: true, isRequired: false, transformFunction: null }, labelButtonViewMore: { classPropertyName: "labelButtonViewMore", publicName: "labelButtonViewMore", isSignal: true, isRequired: false, transformFunction: null }, labelButtonCollapse: { classPropertyName: "labelButtonCollapse", publicName: "labelButtonCollapse", isSignal: true, isRequired: false, transformFunction: null }, directionTooltip: { classPropertyName: "directionTooltip", publicName: "directionTooltip", isSignal: true, isRequired: false, transformFunction: null }, useXssFilter: { classPropertyName: "useXssFilter", publicName: "useXssFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outDisplayLineClamp: "outDisplayLineClamp", outAction: "outAction", outClick: "outClick", outFunctionControl: "outFunctionControl" }, host: { listeners: { "window:resize": "resize($event)" } }, ngImport: i0, template: "@if (!displayLineClamp()) {\n  @if (!isInnerText()) {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerHTML\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerHtml]=\"(content() | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  } @else {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerText\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerText]=\"content() | translate\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  }\n}\n@else {\n  <libs_ui-components-popover class=\"relative\"\n    type=\"other\"\n    [ignoreShowPopover]=\"!showTooltip()\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationTooltipEvent()\"\n    [config]=\"{\n      timerDestroy:timeHidePopoverOnMouseout(),\n      maxWidth:maxWidthPopover() ,\n      maxHeight:maxHeightPopover(),\n      direction:directionTooltip(),\n      content: isInnerText() ? (this.content() | LibsUiPipesEscapeHtmlPipe) : this.content(),\n      zIndex: zIndexPopover()\n    }\"\n    (outEvent)=\"handlerClick($event)\">\n    @if (isCollapse() && hasBackgroundGradient()) {\n      <div class=\"h-[40px] libs-ui-line-clamp-bg-gradient\"></div>\n    }\n    @if (!isInnerText()) {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"(contentDisplay()  | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\">\n      </div>\n    } @else {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\">\n      </div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button type=\"button-link-primary\"\n        [label]=\"labelButtonViewMore() || 'i18n_view_more'\"\n        [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n        [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n        (outClick)=\"viewMore($event)\" />\n    } @else {\n      @if (!ignoreShowButtonCollapse()) {\n        <libs_ui-components-buttons-button type=\"button-link-primary\"\n          [label]=\"labelButtonCollapse() || 'i18n_collapse'\"\n          [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n          [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n          (outClick)=\"hiddenMore($event)\" />\n      }\n    }\n  }\n}\n", styles: [".libs-ui-line-clamp-content{font-weight:400;text-align:start}.libs-ui-line-clamp-bg-gradient{opacity:.5;background:linear-gradient(180deg,#fff0,#fffffff2 51.56%,#fff);position:absolute;width:100%;bottom:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: LibsUiComponentsLineClampDirective, selector: "[LibsUiComponentsLineClampDirective]", inputs: ["lengthLimitDisplay", "methodDisplay", "content", "ignoreThreeDots"], outputs: ["outContentSub"] }, { kind: "pipe", type: LibsUiPipesSecurityTrustPipe, name: "LibsUiPipesSecurityTrustPipe" }, { kind: "pipe", type: LibsUiPipesEscapeHtmlPipe, name: "LibsUiPipesEscapeHtmlPipe" }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsLineClampComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-line_clamp', standalone: true, imports: [
+                        NgClass, TranslateModule, AsyncPipe,
+                        LibsUiComponentsLineClampDirective,
+                        LibsUiPipesSecurityTrustPipe,
+                        LibsUiPipesEscapeHtmlPipe,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsButtonsButtonComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!displayLineClamp()) {\n  @if (!isInnerText()) {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerHTML\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerHtml]=\"(content() | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  } @else {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerText\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerText]=\"content() | translate\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  }\n}\n@else {\n  <libs_ui-components-popover class=\"relative\"\n    type=\"other\"\n    [ignoreShowPopover]=\"!showTooltip()\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationTooltipEvent()\"\n    [config]=\"{\n      timerDestroy:timeHidePopoverOnMouseout(),\n      maxWidth:maxWidthPopover() ,\n      maxHeight:maxHeightPopover(),\n      direction:directionTooltip(),\n      content: isInnerText() ? (this.content() | LibsUiPipesEscapeHtmlPipe) : this.content(),\n      zIndex: zIndexPopover()\n    }\"\n    (outEvent)=\"handlerClick($event)\">\n    @if (isCollapse() && hasBackgroundGradient()) {\n      <div class=\"h-[40px] libs-ui-line-clamp-bg-gradient\"></div>\n    }\n    @if (!isInnerText()) {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"(contentDisplay()  | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\">\n      </div>\n    } @else {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\">\n      </div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button type=\"button-link-primary\"\n        [label]=\"labelButtonViewMore() || 'i18n_view_more'\"\n        [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n        [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n        (outClick)=\"viewMore($event)\" />\n    } @else {\n      @if (!ignoreShowButtonCollapse()) {\n        <libs_ui-components-buttons-button type=\"button-link-primary\"\n          [label]=\"labelButtonCollapse() || 'i18n_collapse'\"\n          [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n          [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n          (outClick)=\"hiddenMore($event)\" />\n      }\n    }\n  }\n}\n", styles: [".libs-ui-line-clamp-content{font-weight:400;text-align:start}.libs-ui-line-clamp-bg-gradient{opacity:.5;background:linear-gradient(180deg,#fff0,#fffffff2 51.56%,#fff);position:absolute;width:100%;bottom:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { resize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsLineClampComponent };
+//# sourceMappingURL=libs-ui-components-line-clamp.mjs.map

package/fesm2022/libs-ui-components-line-clamp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-line-clamp.mjs","sources":["../../../../../libs-ui/components/line-clamp/src/line-clamp.directive.ts","../../../../../libs-ui/components/line-clamp/src/line-clamp.component.ts","../../../../../libs-ui/components/line-clamp/src/line-clamp.component.html","../../../../../libs-ui/components/line-clamp/src/interfaces/config.interface.ts","../../../../../libs-ui/components/line-clamp/src/libs-ui-components-line-clamp.ts"],"sourcesContent":["import { Directive, effect, ElementRef, inject, input, OnDestroy, output, signal, untracked } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[LibsUiComponentsLineClampDirective]',\n  standalone: true\n})\nexport class LibsUiComponentsLineClampDirective implements OnDestroy {\n\n  /** PROPERTY */\n  private timeInterval = signal<number | undefined>(undefined);\n  private textView = signal<string>('');\n\n  /** INPUT */\n  readonly lengthLimitDisplay = input.required<number>();\n  readonly methodDisplay = input.required<string>();\n  readonly content = input.required<string>();\n  readonly ignoreThreeDots = input<boolean>();\n\n  /** OUTPUT */\n  readonly outContentSub = output<string>();\n\n  /** INJECT */\n  private readonly elementRef = inject(ElementRef);\n\n  constructor() {\n    effect(() => {\n      if (!this.content() || !this.methodDisplay() || !this.lengthLimitDisplay()) {\n        return;\n      }\n      untracked(() => {\n        this.textView.set(this.content());\n        if (this.textView().length > this.lengthLimitDisplay()) {\n          this.textView.update(val => val.substring(0, this.lengthLimitDisplay()));\n        }\n\n        if (!this.textView()) {\n          return;\n        }\n        this.process();\n        this.timeInterval.set(setInterval(() => {\n          this.process();\n        }, 250));\n      })\n    });\n  }\n\n  /** FUNCTIONS */\n\n  private process() {\n    if (this.elementRef && this.elementRef.nativeElement[this.methodDisplay()]) {\n      clearInterval(this.timeInterval());\n      this.truncate();\n    }\n  }\n\n  private truncate() {\n    let content = this.textView();\n    console.log(this.elementRef.nativeElement);\n\n\n    while ((this.elementRef.nativeElement.scrollHeight - 2) > this.elementRef.nativeElement.offsetHeight) { // them -2 fix loi tren windows https://admin-cv.mobio.vn/issues/48107\n      if (!content) {\n        return;\n      }\n      content = content.substring(0, content.length - 3);\n      (this.elementRef.nativeElement)[this.methodDisplay()] = this.ignoreThreeDots() ? content : `${content}...`;\n    }\n\n    console.log(content, this.textView(), content !== this.textView());\n    if (content !== this.textView()) {\n      console.log('vao day r');\n\n      this.outContentSub.emit(this.ignoreThreeDots() ? content : `${content}...`);\n    }\n  }\n  ngOnDestroy() {\n    clearInterval(this.timeInterval());\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostListener, OnDestroy, OnInit, effect, input, output, signal, untracked } from '@angular/core';\nimport { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { LibsUiComponentsPopoverComponent, TYPE_POPOVER_DIRECTION, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';\nimport { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';\nimport { LibsUiPipesSecurityTrustPipe } from '@libs-ui/pipes-security-trust';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ILineClampFunctionControlEvent } from './interfaces';\nimport { LibsUiComponentsLineClampDirective } from './line-clamp.directive';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-line_clamp',\n  templateUrl: './line-clamp.component.html',\n  styleUrls: ['./line-clamp.component.scss'],\n  standalone: true,\n  imports: [\n    NgClass, TranslateModule, AsyncPipe,\n    LibsUiComponentsLineClampDirective,\n    LibsUiPipesSecurityTrustPipe,\n    LibsUiPipesEscapeHtmlPipe,\n    LibsUiComponentsPopoverComponent,\n    LibsUiComponentsButtonsButtonComponent\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LibsUiComponentsLineClampComponent implements OnInit, OnDestroy {\n  /** PROPERTY */\n  protected displayLineClamp = signal<boolean>(false);\n  protected isCollapse = signal<boolean>(false)\n  protected contentClamp = signal<string>('');\n  protected contentDisplay = signal<string>('');\n\n  /** INPUT */\n  readonly content = input.required<string>();\n  readonly lengthLimitDisplay = input<number, number | undefined>(200, { transform: val => val || 200 });\n  readonly maxHeight = input.required<number>(); // maxHeight = (line-height của text)*(số dòng mong muốn)\n  readonly ignoreShowButtonCollapseExpand = input<boolean>();\n  readonly ignoreShowButtonCollapse = input<boolean>();\n  readonly showTooltip = input<boolean>();\n  readonly timeHidePopoverOnMouseout = input<number, number | undefined>(50, { transform: val => val ?? 50 });\n  readonly maxWidthPopover = input<number, number | undefined>(250, { transform: val => val ?? 250 });\n  readonly maxHeightPopover = input<number, number | undefined>(150, { transform: val => val ?? 150 });\n  readonly zIndexPopover = input<number, number | undefined>(1001, { transform: val => val ?? 1001 });\n  readonly isInnerText = input<boolean>(); // không cần escapeHTML content khi biến bằng true\n  readonly classClassLabelButtonCollapseExpand = input<string, string | undefined>('libs-ui-font-h5r', { transform: val => val ?? 'libs-ui-font-h5r' });\n  readonly classClassIncludeButtonCollapseExpand = input<string, string | undefined>('!p-0', { transform: val => val ?? '!p-0' });\n  readonly ignoreStopPropagationTooltipEvent = input<boolean, boolean | undefined>(false, { transform: val => val ?? false });\n  readonly ngClassObject = input<Record<any, any>, Record<any, any> | undefined>({ 'libs-ui-line-clamp-content libs-ui-font-h5r': true }, { transform: val => val || { 'libs-ui-line-clamp-content lib-ui-font-h5r': true } }); // object ngClass\n  readonly hasBackgroundGradient = input<boolean, boolean | undefined>(false, { transform: val => val ?? false });\n  readonly labelButtonViewMore = input<string>();\n  readonly labelButtonCollapse = input<string>();\n  readonly directionTooltip = input<TYPE_POPOVER_DIRECTION, TYPE_POPOVER_DIRECTION | undefined>('top', { transform: val => val ?? 'top' });\n  readonly useXssFilter = input<boolean, boolean | undefined>(true, { transform: val => val ?? true });;\n\n  /** OUTPUT */\n  protected readonly outDisplayLineClamp = output<boolean>();\n  protected readonly outAction = output<string>();\n  protected readonly outClick = output<Event | TYPE_POPOVER_EVENT>();\n  protected readonly outFunctionControl = output<ILineClampFunctionControlEvent>();\n\n  constructor() {\n    effect(() => {\n      untracked(() => {\n        this.contentDisplay.set(this.content());\n        this.displayLineClamp.set(false);\n        this.isCollapse.set(false);\n      })\n    });\n  }\n\n  async ngOnInit() {\n    this.outFunctionControl.emit({\n      refresh: this.refresh.bind(this)\n    });\n  }\n\n  /** FUNCTIONS */\n\n  protected async handlerContentSub(content: string) {\n    if (this.content() !== content) {\n      this.displayLineClamp.set(true);\n      this.isCollapse.set(true);\n      this.contentClamp.set(content);\n      this.contentDisplay.set(content);\n      this.outDisplayLineClamp.emit(true);\n    }\n  }\n\n  protected async viewMore(e: Event) {\n    e.stopPropagation();\n    this.isCollapse.set(false);\n    this.contentDisplay.set(this.content());\n    e.preventDefault();\n    this.outAction.emit('view-more');\n  }\n\n  protected async hiddenMore(e: Event) {\n    e.stopPropagation();\n    this.isCollapse.set(true);\n    this.contentDisplay.set(this.contentClamp());\n    e.preventDefault();\n    this.outAction.emit('hidden-more');\n  }\n\n\n  @HostListener('window:resize', ['$event'])\n  protected async resize() {\n    this.refresh();\n  }\n\n  protected async refresh() {\n    this.contentDisplay.set(this.content());\n    this.displayLineClamp.set(false);\n    this.isCollapse.set(false);\n  }\n\n  protected async handlerClick(event: Event | TYPE_POPOVER_EVENT) {\n    if (typeof event === 'string' && event !== 'click') {\n      return;\n    }\n    this.outClick.emit(event);\n  }\n\n  ngOnDestroy() {\n    this.displayLineClamp.set(false);\n  }\n}\n","@if (!displayLineClamp()) {\n  @if (!isInnerText()) {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerHTML\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerHtml]=\"(content() | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  } @else {\n    <div LibsUiComponentsLineClampDirective\n      [lengthLimitDisplay]=\"lengthLimitDisplay()\"\n      [ignoreThreeDots]=\"hasBackgroundGradient()\"\n      methodDisplay=\"innerText\"\n      class=\"overflow-hidden\"\n      [content]=\"content()\"\n      [ngClass]=\"ngClassObject()\"\n      [style.maxHeight.px]=\"maxHeight()\"\n      [innerText]=\"content() | translate\"\n      (click)=\"handlerClick($event)\"\n      (outContentSub)=\"handlerContentSub($event)\">\n    </div>\n  }\n}\n@else {\n  <libs_ui-components-popover class=\"relative\"\n    type=\"other\"\n    [ignoreShowPopover]=\"!showTooltip()\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationTooltipEvent()\"\n    [config]=\"{\n      timerDestroy:timeHidePopoverOnMouseout(),\n      maxWidth:maxWidthPopover() ,\n      maxHeight:maxHeightPopover(),\n      direction:directionTooltip(),\n      content: isInnerText() ? (this.content() | LibsUiPipesEscapeHtmlPipe) : this.content(),\n      zIndex: zIndexPopover()\n    }\"\n    (outEvent)=\"handlerClick($event)\">\n    @if (isCollapse() && hasBackgroundGradient()) {\n      <div class=\"h-[40px] libs-ui-line-clamp-bg-gradient\"></div>\n    }\n    @if (!isInnerText()) {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"(contentDisplay()  | translate | LibsUiPipesSecurityTrustPipe: 'html': useXssFilter()) | async\">\n      </div>\n    } @else {\n      <div [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\">\n      </div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button type=\"button-link-primary\"\n        [label]=\"labelButtonViewMore() || 'i18n_view_more'\"\n        [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n        [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n        (outClick)=\"viewMore($event)\" />\n    } @else {\n      @if (!ignoreShowButtonCollapse()) {\n        <libs_ui-components-buttons-button type=\"button-link-primary\"\n          [label]=\"labelButtonCollapse() || 'i18n_collapse'\"\n          [classInclude]=\"classClassIncludeButtonCollapseExpand()\"\n          [classLabel]=\"classClassLabelButtonCollapseExpand()\"\n          (outClick)=\"hiddenMore($event)\" />\n      }\n    }\n  }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport interface ILineClampConfig {\n  maxHeight?: number;\n  class?: string;\n  ignoreShowButtonCollapseExpand?: boolean;\n  showTooltip?: boolean;\n  maxWidthPopover?: number;\n  maxHeightPopover?: number;\n  ngClassObject?: Record<any, any>;\n  isInnerText?: boolean;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './line-clamp.component';
+export * from './interfaces';

package/interfaces/config.interface.d.ts

@@ -0,0 +1,10 @@
+export interface ILineClampConfig {
+    maxHeight?: number;
+    class?: string;
+    ignoreShowButtonCollapseExpand?: boolean;
+    showTooltip?: boolean;
+    maxWidthPopover?: number;
+    maxHeightPopover?: number;
+    ngClassObject?: Record<any, any>;
+    isInnerText?: boolean;
+}

package/interfaces/function-control.interface.d.ts

@@ -0,0 +1,3 @@
+export interface ILineClampFunctionControlEvent {
+    refresh: () => Promise<void>;
+}

package/interfaces/index.d.ts

@@ -0,0 +1,2 @@
+export * from './config.interface';
+export * from './function-control.interface';

package/line-clamp.component.d.ts

@@ -0,0 +1,49 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { TYPE_POPOVER_DIRECTION, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { ILineClampFunctionControlEvent } from './interfaces';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsLineClampComponent implements OnInit, OnDestroy {
+    /** PROPERTY */
+    protected displayLineClamp: import("@angular/core").WritableSignal<boolean>;
+    protected isCollapse: import("@angular/core").WritableSignal<boolean>;
+    protected contentClamp: import("@angular/core").WritableSignal<string>;
+    protected contentDisplay: import("@angular/core").WritableSignal<string>;
+    /** INPUT */
+    readonly content: import("@angular/core").InputSignal<string>;
+    readonly lengthLimitDisplay: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly maxHeight: import("@angular/core").InputSignal<number>;
+    readonly ignoreShowButtonCollapseExpand: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly ignoreShowButtonCollapse: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly showTooltip: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly timeHidePopoverOnMouseout: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly maxWidthPopover: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly maxHeightPopover: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly zIndexPopover: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly isInnerText: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly classClassLabelButtonCollapseExpand: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly classClassIncludeButtonCollapseExpand: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly ignoreStopPropagationTooltipEvent: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    readonly ngClassObject: import("@angular/core").InputSignalWithTransform<Record<any, any>, Record<any, any> | undefined>;
+    readonly hasBackgroundGradient: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    readonly labelButtonViewMore: import("@angular/core").InputSignal<string | undefined>;
+    readonly labelButtonCollapse: import("@angular/core").InputSignal<string | undefined>;
+    readonly directionTooltip: import("@angular/core").InputSignalWithTransform<TYPE_POPOVER_DIRECTION, TYPE_POPOVER_DIRECTION | undefined>;
+    readonly useXssFilter: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    /** OUTPUT */
+    protected readonly outDisplayLineClamp: import("@angular/core").OutputEmitterRef<boolean>;
+    protected readonly outAction: import("@angular/core").OutputEmitterRef<string>;
+    protected readonly outClick: import("@angular/core").OutputEmitterRef<Event | TYPE_POPOVER_EVENT>;
+    protected readonly outFunctionControl: import("@angular/core").OutputEmitterRef<ILineClampFunctionControlEvent>;
+    constructor();
+    ngOnInit(): Promise<void>;
+    /** FUNCTIONS */
+    protected handlerContentSub(content: string): Promise<void>;
+    protected viewMore(e: Event): Promise<void>;
+    protected hiddenMore(e: Event): Promise<void>;
+    protected resize(): Promise<void>;
+    protected refresh(): Promise<void>;
+    protected handlerClick(event: Event | TYPE_POPOVER_EVENT): Promise<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsLineClampComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsLineClampComponent, "libs_ui-components-line_clamp", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "lengthLimitDisplay": { "alias": "lengthLimitDisplay"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": true; "isSignal": true; }; "ignoreShowButtonCollapseExpand": { "alias": "ignoreShowButtonCollapseExpand"; "required": false; "isSignal": true; }; "ignoreShowButtonCollapse": { "alias": "ignoreShowButtonCollapse"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "timeHidePopoverOnMouseout": { "alias": "timeHidePopoverOnMouseout"; "required": false; "isSignal": true; }; "maxWidthPopover": { "alias": "maxWidthPopover"; "required": false; "isSignal": true; }; "maxHeightPopover": { "alias": "maxHeightPopover"; "required": false; "isSignal": true; }; "zIndexPopover": { "alias": "zIndexPopover"; "required": false; "isSignal": true; }; "isInnerText": { "alias": "isInnerText"; "required": false; "isSignal": true; }; "classClassLabelButtonCollapseExpand": { "alias": "classClassLabelButtonCollapseExpand"; "required": false; "isSignal": true; }; "classClassIncludeButtonCollapseExpand": { "alias": "classClassIncludeButtonCollapseExpand"; "required": false; "isSignal": true; }; "ignoreStopPropagationTooltipEvent": { "alias": "ignoreStopPropagationTooltipEvent"; "required": false; "isSignal": true; }; "ngClassObject": { "alias": "ngClassObject"; "required": false; "isSignal": true; }; "hasBackgroundGradient": { "alias": "hasBackgroundGradient"; "required": false; "isSignal": true; }; "labelButtonViewMore": { "alias": "labelButtonViewMore"; "required": false; "isSignal": true; }; "labelButtonCollapse": { "alias": "labelButtonCollapse"; "required": false; "isSignal": true; }; "directionTooltip": { "alias": "directionTooltip"; "required": false; "isSignal": true; }; "useXssFilter": { "alias": "useXssFilter"; "required": false; "isSignal": true; }; }, { "outDisplayLineClamp": "outDisplayLineClamp"; "outAction": "outAction"; "outClick": "outClick"; "outFunctionControl": "outFunctionControl"; }, never, never, true, never>;
+}

package/line-clamp.directive.d.ts

@@ -0,0 +1,23 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsLineClampDirective implements OnDestroy {
+    /** PROPERTY */
+    private timeInterval;
+    private textView;
+    /** INPUT */
+    readonly lengthLimitDisplay: import("@angular/core").InputSignal<number>;
+    readonly methodDisplay: import("@angular/core").InputSignal<string>;
+    readonly content: import("@angular/core").InputSignal<string>;
+    readonly ignoreThreeDots: import("@angular/core").InputSignal<boolean | undefined>;
+    /** OUTPUT */
+    readonly outContentSub: import("@angular/core").OutputEmitterRef<string>;
+    /** INJECT */
+    private readonly elementRef;
+    constructor();
+    /** FUNCTIONS */
+    private process;
+    private truncate;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsLineClampDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsLineClampDirective, "[LibsUiComponentsLineClampDirective]", never, { "lengthLimitDisplay": { "alias": "lengthLimitDisplay"; "required": true; "isSignal": true; }; "methodDisplay": { "alias": "methodDisplay"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": true; "isSignal": true; }; "ignoreThreeDots": { "alias": "ignoreThreeDots"; "required": false; "isSignal": true; }; }, { "outContentSub": "outContentSub"; }, never, never, true, never>;
+}

package/package.json

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