@libs-ui/components-line-clamp 0.2.10-6.2

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,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9saW5lLWNsYW1wL3NyYy9pbnRlcmZhY2VzL2NvbmZpZy5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRZUEVfT0JKRUNUIH0gZnJvbSBcIkBsaWJzLXVpL2ludGVyZmFjZXMtdHlwZXNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJTGluZUNsYW1wQ29uZmlnIHtcbiAgbWF4SGVpZ2h0PzogbnVtYmVyO1xuICBjbGFzcz86IHN0cmluZztcbiAgaWdub3JlU2hvd0J1dHRvbkNvbGxhcHNlRXhwYW5kPzogYm9vbGVhbjtcbiAgc2hvd1Rvb2x0aXA/OiBib29sZWFuO1xuICBtYXhXaWR0aFRvb2x0aXA/OiBudW1iZXI7XG4gIG1heEhlaWdodFRvb2x0aXA/OiBudW1iZXI7XG4gIG5nQ2xhc3NPYmplY3Q/OiBUWVBFX09CSkVDVDtcbiAgaXNJbm5lclRleHQ/OiBib29sZWFuO1xufVxuIl19

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,116 @@
+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 });
+    maxWidthTooltip = input(250, { transform: val => val ?? 250 });
+    maxHeightTooltip = 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 }, maxWidthTooltip: { classPropertyName: "maxWidthTooltip", publicName: "maxWidthTooltip", isSignal: true, isRequired: false, transformFunction: null }, maxHeightTooltip: { classPropertyName: "maxHeightTooltip", publicName: "maxHeightTooltip", 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:maxWidthTooltip() ,\n      maxHeight:maxHeightTooltip(),\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:maxWidthTooltip() ,\n      maxHeight:maxHeightTooltip(),\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jbGFtcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFxQixNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlJLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBOEMsTUFBTSw2QkFBNkIsQ0FBQztBQUMzSCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQW1CNUUsTUFBTSxPQUFPLGtDQUFrQztJQUM3QyxlQUFlO0lBQ0wsZ0JBQWdCLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzFDLFVBQVUsR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUE7SUFDbkMsWUFBWSxHQUFHLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUNsQyxjQUFjLEdBQUcsTUFBTSxDQUFTLEVBQUUsQ0FBQyxDQUFDO0lBRTlDLFlBQVk7SUFD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QUFrQzs0RkFBbEMsa0NBQWtDLG8rR0MzQi9DLGc0RkEyRUEseVFEekRJLE9BQU8sbUZBQUUsZUFBZSx1RkFBRSxTQUFTLDhDQUNuQyxrQ0FBa0MsdUxBQ2xDLDRCQUE0QixnRUFDNUIseUJBQXlCLGtFQUN6QixnQ0FBZ0MscWVBQ2hDLHNDQUFzQzs7NEZBSTdCLGtDQUFrQztrQkFoQjlDLFNBQVM7K0JBRUUsK0JBQStCLGNBRzdCLElBQUksV0FDUDt3QkFDUCxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVM7d0JBQ25DLGtDQUFrQzt3QkFDbEMsNEJBQTRCO3dCQUM1Qix5QkFBeUI7d0JBQ3pCLGdDQUFnQzt3QkFDaEMsc0NBQXNDO3FCQUN2QyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTt3REFtRi9CLE1BQU07c0JBRHJCLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgT25EZXN0cm95LCBPbkluaXQsIGVmZmVjdCwgaW5wdXQsIG91dHB1dCwgc2lnbmFsLCB1bnRyYWNrZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbic7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzUG9wb3ZlckNvbXBvbmVudCwgVFlQRV9QT1BPVkVSX0RJUkVDVElPTiwgVFlQRV9QT1BPVkVSX0VWRU5UIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyJztcbmltcG9ydCB7IExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUgfSBmcm9tICdAbGlicy11aS9waXBlcy1lc2NhcGUtaHRtbCc7XG5pbXBvcnQgeyBMaWJzVWlQaXBlc1NlY3VyaXR5VHJ1c3RQaXBlIH0gZnJvbSAnQGxpYnMtdWkvcGlwZXMtc2VjdXJpdHktdHJ1c3QnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBJTGluZUNsYW1wRnVuY3Rpb25Db250cm9sRXZlbnQgfSBmcm9tICcuL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c0xpbmVDbGFtcERpcmVjdGl2ZSB9IGZyb20gJy4vbGluZS1jbGFtcC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVFlQRV9PQkpFQ1QgfSBmcm9tICdAbGlicy11aS9pbnRlcmZhY2VzLXR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLWxpbmVfY2xhbXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGluZS1jbGFtcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmUtY2xhbXAuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsIFRyYW5zbGF0ZU1vZHVsZSwgQXN5bmNQaXBlLFxuICAgIExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmUsXG4gICAgTGlic1VpUGlwZXNTZWN1cml0eVRydXN0UGlwZSxcbiAgICBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlLFxuICAgIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50XG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8qKiBQUk9QRVJUWSAqL1xuICBwcm90ZWN0ZWQgZGlzcGxheUxpbmVDbGFtcCA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByb3RlY3RlZCBpc0NvbGxhcHNlID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKVxuICBwcm90ZWN0ZWQgY29udGVudENsYW1wID0gc2lnbmFsPHN0cmluZz4oJycpO1xuICBwcm90ZWN0ZWQgY29udGVudERpc3BsYXkgPSBzaWduYWw8c3RyaW5nPignJyk7XG5cbiAgLyoqIElOUFVUICovXG4gIHJlYWRvbmx5IGNvbnRlbnQgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxlbmd0aExpbWl0RGlzcGxheSA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigyMDAsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsIHx8IDIwMCB9KTtcbiAgcmVhZG9ubHkgbWF4SGVpZ2h0ID0gaW5wdXQucmVxdWlyZWQ8bnVtYmVyPigpOyAvLyBtYXhIZWlnaHQgPSAobGluZS1oZWlnaHQgY+G7p2EgdGV4dCkqKHPhu5EgZMOybmcgbW9uZyBtdeG7kW4pXG4gIHJlYWRvbmx5IGlnbm9yZVNob3dCdXR0b25Db2xsYXBzZUV4cGFuZCA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IGlnbm9yZVNob3dCdXR0b25Db2xsYXBzZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHNob3dUb29sdGlwID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgdGltZUhpZGVQb3BvdmVyT25Nb3VzZW91dCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPig1MCwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gNTAgfSk7XG4gIHJlYWRvbmx5IG1heFdpZHRoVG9vbHRpcCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigyNTAsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IDI1MCB9KTtcbiAgcmVhZG9ubHkgbWF4SGVpZ2h0VG9vbHRpcCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigxNTAsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IDE1MCB9KTtcbiAgcmVhZG9ubHkgekluZGV4UG9wb3ZlciA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigxMDAxLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyAxMDAxIH0pO1xuICByZWFkb25seSBpc0lubmVyVGV4dCA9IGlucHV0PGJvb2xlYW4+KCk7IC8vIGtow7RuZyBj4bqnbiBlc2NhcGVIVE1MIGNvbnRlbnQga2hpIGJp4bq/biBi4bqxbmcgdHJ1ZVxuICByZWFkb25seSBjbGFzc0NsYXNzTGFiZWxCdXR0b25Db2xsYXBzZUV4cGFuZCA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignbGlicy11aS1mb250LWg1cicsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/ICdsaWJzLXVpLWZvbnQtaDVyJyB9KTtcbiAgcmVhZG9ubHkgY2xhc3NDbGFzc0luY2x1ZGVCdXR0b25Db2xsYXBzZUV4cGFuZCA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignIXAtMCcsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/ICchcC0wJyB9KTtcbiAgcmVhZG9ubHkgaWdub3JlU3RvcFByb3BhZ2F0aW9uVG9vbHRpcEV2ZW50ID0gaW5wdXQ8Ym9vbGVhbiwgYm9vbGVhbiB8IHVuZGVmaW5lZD4oZmFsc2UsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IGZhbHNlIH0pO1xuICByZWFkb25seSBuZ0NsYXNzT2JqZWN0ID0gaW5wdXQ8VFlQRV9PQkpFQ1QsIFRZUEVfT0JKRUNUIHwgdW5kZWZpbmVkPih7ICdsaWJzLXVpLWxpbmUtY2xhbXAtY29udGVudCBsaWJzLXVpLWZvbnQtaDVyJzogdHJ1ZSB9LCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCB8fCB7ICdsaWJzLXVpLWxpbmUtY2xhbXAtY29udGVudCBsaWItdWktZm9udC1oNXInOiB0cnVlIH0gfSk7IC8vIG9iamVjdCBuZ0NsYXNzXG4gIHJlYWRvbmx5IGhhc0JhY2tncm91bmRHcmFkaWVudCA9IGlucHV0PGJvb2xlYW4sIGJvb2xlYW4gfCB1bmRlZmluZWQ+KGZhbHNlLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyBmYWxzZSB9KTtcbiAgcmVhZG9ubHkgbGFiZWxCdXR0b25WaWV3TW9yZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgbGFiZWxCdXR0b25Db2xsYXBzZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgZGlyZWN0aW9uVG9vbHRpcCA9IGlucHV0PFRZUEVfUE9QT1ZFUl9ESVJFQ1RJT04sIFRZUEVfUE9QT1ZFUl9ESVJFQ1RJT04gfCB1bmRlZmluZWQ+KCd0b3AnLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyAndG9wJyB9KTtcbiAgcmVhZG9ubHkgdXNlWHNzRmlsdGVyID0gaW5wdXQ8Ym9vbGVhbiwgYm9vbGVhbiB8IHVuZGVmaW5lZD4odHJ1ZSwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gdHJ1ZSB9KTs7XG5cbiAgLyoqIE9VVFBVVCAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3V0RGlzcGxheUxpbmVDbGFtcCA9IG91dHB1dDxib29sZWFuPigpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3V0QWN0aW9uID0gb3V0cHV0PHN0cmluZz4oKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG91dENsaWNrID0gb3V0cHV0PEV2ZW50IHwgVFlQRV9QT1BPVkVSX0VWRU5UPigpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3V0RnVuY3Rpb25Db250cm9sID0gb3V0cHV0PElMaW5lQ2xhbXBGdW5jdGlvbkNvbnRyb2xFdmVudD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdW50cmFja2VkKCgpID0+IHtcbiAgICAgICAgdGhpcy5jb250ZW50RGlzcGxheS5zZXQodGhpcy5jb250ZW50KCkpO1xuICAgICAgICB0aGlzLmRpc3BsYXlMaW5lQ2xhbXAuc2V0KGZhbHNlKTtcbiAgICAgICAgdGhpcy5pc0NvbGxhcHNlLnNldChmYWxzZSk7XG4gICAgICB9KVxuICAgIH0pO1xuICB9XG5cbiAgYXN5bmMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5vdXRGdW5jdGlvbkNvbnRyb2wuZW1pdCh7XG4gICAgICByZWZyZXNoOiB0aGlzLnJlZnJlc2guYmluZCh0aGlzKVxuICAgIH0pO1xuICB9XG5cbiAgLyoqIEZVTkNUSU9OUyAqL1xuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyQ29udGVudFN1Yihjb250ZW50OiBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5jb250ZW50KCkgIT09IGNvbnRlbnQpIHtcbiAgICAgIHRoaXMuZGlzcGxheUxpbmVDbGFtcC5zZXQodHJ1ZSk7XG4gICAgICB0aGlzLmlzQ29sbGFwc2Uuc2V0KHRydWUpO1xuICAgICAgdGhpcy5jb250ZW50Q2xhbXAuc2V0KGNvbnRlbnQpO1xuICAgICAgdGhpcy5jb250ZW50RGlzcGxheS5zZXQoY29udGVudCk7XG4gICAgICB0aGlzLm91dERpc3BsYXlMaW5lQ2xhbXAuZW1pdCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgdmlld01vcmUoZTogRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuaXNDb2xsYXBzZS5zZXQoZmFsc2UpO1xuICAgIHRoaXMuY29udGVudERpc3BsYXkuc2V0KHRoaXMuY29udGVudCgpKTtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5vdXRBY3Rpb24uZW1pdCgndmlldy1tb3JlJyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGlkZGVuTW9yZShlOiBFdmVudCkge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5pc0NvbGxhcHNlLnNldCh0cnVlKTtcbiAgICB0aGlzLmNvbnRlbnREaXNwbGF5LnNldCh0aGlzLmNvbnRlbnRDbGFtcCgpKTtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5vdXRBY3Rpb24uZW1pdCgnaGlkZGVuLW1vcmUnKTtcbiAgfVxuXG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIHByb3RlY3RlZCBhc3luYyByZXNpemUoKSB7XG4gICAgdGhpcy5yZWZyZXNoKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgcmVmcmVzaCgpIHtcbiAgICB0aGlzLmNvbnRlbnREaXNwbGF5LnNldCh0aGlzLmNvbnRlbnQoKSk7XG4gICAgdGhpcy5kaXNwbGF5TGluZUNsYW1wLnNldChmYWxzZSk7XG4gICAgdGhpcy5pc0NvbGxhcHNlLnNldChmYWxzZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNsaWNrKGV2ZW50OiBFdmVudCB8IFRZUEVfUE9QT1ZFUl9FVkVOVCkge1xuICAgIGlmICh0eXBlb2YgZXZlbnQgPT09ICdzdHJpbmcnICYmIGV2ZW50ICE9PSAnY2xpY2snKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMub3V0Q2xpY2suZW1pdChldmVudCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRpc3BsYXlMaW5lQ2xhbXAuc2V0KGZhbHNlKTtcbiAgfVxufVxuIiwiQGlmICghZGlzcGxheUxpbmVDbGFtcCgpKSB7XG4gIEBpZiAoIWlzSW5uZXJUZXh0KCkpIHtcbiAgICA8ZGl2IExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmVcbiAgICAgIFtsZW5ndGhMaW1pdERpc3BsYXldPVwibGVuZ3RoTGltaXREaXNwbGF5KClcIlxuICAgICAgW2lnbm9yZVRocmVlRG90c109XCJoYXNCYWNrZ3JvdW5kR3JhZGllbnQoKVwiXG4gICAgICBtZXRob2REaXNwbGF5PVwiaW5uZXJIVE1MXCJcbiAgICAgIGNsYXNzPVwib3ZlcmZsb3ctaGlkZGVuXCJcbiAgICAgIFtjb250ZW50XT1cImNvbnRlbnQoKVwiXG4gICAgICBbbmdDbGFzc109XCJuZ0NsYXNzT2JqZWN0KClcIlxuICAgICAgW3N0eWxlLm1heEhlaWdodC5weF09XCJtYXhIZWlnaHQoKVwiXG4gICAgICBbaW5uZXJIdG1sXT1cIihjb250ZW50KCkgfCB0cmFuc2xhdGUgfCBMaWJzVWlQaXBlc1NlY3VyaXR5VHJ1c3RQaXBlOiAnaHRtbCc6IHVzZVhzc0ZpbHRlcigpKSB8IGFzeW5jXCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVyQ2xpY2soJGV2ZW50KVwiXG4gICAgICAob3V0Q29udGVudFN1Yik9XCJoYW5kbGVyQ29udGVudFN1YigkZXZlbnQpXCI+XG4gICAgPC9kaXY+XG4gIH0gQGVsc2Uge1xuICAgIDxkaXYgTGlic1VpQ29tcG9uZW50c0xpbmVDbGFtcERpcmVjdGl2ZVxuICAgICAgW2xlbmd0aExpbWl0RGlzcGxheV09XCJsZW5ndGhMaW1pdERpc3BsYXkoKVwiXG4gICAgICBbaWdub3JlVGhyZWVEb3RzXT1cImhhc0JhY2tncm91bmRHcmFkaWVudCgpXCJcbiAgICAgIG1ldGhvZERpc3BsYXk9XCJpbm5lclRleHRcIlxuICAgICAgY2xhc3M9XCJvdmVyZmxvdy1oaWRkZW5cIlxuICAgICAgW2NvbnRlbnRdPVwiY29udGVudCgpXCJcbiAgICAgIFtuZ0NsYXNzXT1cIm5nQ2xhc3NPYmplY3QoKVwiXG4gICAgICBbc3R5bGUubWF4SGVpZ2h0LnB4XT1cIm1heEhlaWdodCgpXCJcbiAgICAgIFtpbm5lclRleHRdPVwiY29udGVudCgpIHwgdHJhbnNsYXRlXCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVyQ2xpY2soJGV2ZW50KVwiXG4gICAgICAob3V0Q29udGVudFN1Yik9XCJoYW5kbGVyQ29udGVudFN1YigkZXZlbnQpXCI+XG4gICAgPC9kaXY+XG4gIH1cbn1cbkBlbHNlIHtcbiAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyIGNsYXNzPVwicmVsYXRpdmVcIlxuICAgIHR5cGU9XCJvdGhlclwiXG4gICAgW2lnbm9yZVNob3dQb3BvdmVyXT1cIiFzaG93VG9vbHRpcCgpXCJcbiAgICBbaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnRdPVwiaWdub3JlU3RvcFByb3BhZ2F0aW9uVG9vbHRpcEV2ZW50KClcIlxuICAgIFtjb25maWddPVwie1xuICAgICAgdGltZXJEZXN0cm95OnRpbWVIaWRlUG9wb3Zlck9uTW91c2VvdXQoKSxcbiAgICAgIG1heFdpZHRoOm1heFdpZHRoVG9vbHRpcCgpICxcbiAgICAgIG1heEhlaWdodDptYXhIZWlnaHRUb29sdGlwKCksXG4gICAgICBkaXJlY3Rpb246ZGlyZWN0aW9uVG9vbHRpcCgpLFxuICAgICAgY29udGVudDogaXNJbm5lclRleHQoKSA/ICh0aGlzLmNvbnRlbnQoKSB8IExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUpIDogdGhpcy5jb250ZW50KCksXG4gICAgICB6SW5kZXg6IHpJbmRleFBvcG92ZXIoKVxuICAgIH1cIlxuICAgIChvdXRFdmVudCk9XCJoYW5kbGVyQ2xpY2soJGV2ZW50KVwiPlxuICAgIEBpZiAoaXNDb2xsYXBzZSgpICYmIGhhc0JhY2tncm91bmRHcmFkaWVudCgpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiaC1bNDBweF0gbGlicy11aS1saW5lLWNsYW1wLWJnLWdyYWRpZW50XCI+PC9kaXY+XG4gICAgfVxuICAgIEBpZiAoIWlzSW5uZXJUZXh0KCkpIHtcbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwibmdDbGFzc09iamVjdCgpXCJcbiAgICAgICAgW2lubmVySHRtbF09XCIoY29udGVudERpc3BsYXkoKSAgfCB0cmFuc2xhdGUgfCBMaWJzVWlQaXBlc1NlY3VyaXR5VHJ1c3RQaXBlOiAnaHRtbCc6IHVzZVhzc0ZpbHRlcigpKSB8IGFzeW5jXCI+XG4gICAgICA8L2Rpdj5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwibmdDbGFzc09iamVjdCgpXCJcbiAgICAgICAgW2lubmVyVGV4dF09XCJjb250ZW50RGlzcGxheSgpIHwgdHJhbnNsYXRlXCI+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvbGlic191aS1jb21wb25lbnRzLXBvcG92ZXI+XG5cbiAgQGlmICghaWdub3JlU2hvd0J1dHRvbkNvbGxhcHNlRXhwYW5kKCkpIHtcbiAgICBAaWYgKGlzQ29sbGFwc2UoKSkge1xuICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiB0eXBlPVwiYnV0dG9uLWxpbmstcHJpbWFyeVwiXG4gICAgICAgIFtsYWJlbF09XCJsYWJlbEJ1dHRvblZpZXdNb3JlKCkgfHwgJ2kxOG5fdmlld19tb3JlJ1wiXG4gICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiY2xhc3NDbGFzc0luY2x1ZGVCdXR0b25Db2xsYXBzZUV4cGFuZCgpXCJcbiAgICAgICAgW2NsYXNzTGFiZWxdPVwiY2xhc3NDbGFzc0xhYmVsQnV0dG9uQ29sbGFwc2VFeHBhbmQoKVwiXG4gICAgICAgIChvdXRDbGljayk9XCJ2aWV3TW9yZSgkZXZlbnQpXCIgLz5cbiAgICB9IEBlbHNlIHtcbiAgICAgIEBpZiAoIWlnbm9yZVNob3dCdXR0b25Db2xsYXBzZSgpKSB7XG4gICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b24gdHlwZT1cImJ1dHRvbi1saW5rLXByaW1hcnlcIlxuICAgICAgICAgIFtsYWJlbF09XCJsYWJlbEJ1dHRvbkNvbGxhcHNlKCkgfHwgJ2kxOG5fY29sbGFwc2UnXCJcbiAgICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImNsYXNzQ2xhc3NJbmNsdWRlQnV0dG9uQ29sbGFwc2VFeHBhbmQoKVwiXG4gICAgICAgICAgW2NsYXNzTGFiZWxdPVwiY2xhc3NDbGFzc0xhYmVsQnV0dG9uQ29sbGFwc2VFeHBhbmQoKVwiXG4gICAgICAgICAgKG91dENsaWNrKT1cImhpZGRlbk1vcmUoJGV2ZW50KVwiIC8+XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/line-clamp.directive.mjs

@@ -0,0 +1,70 @@
+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();
+        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}...`;
+        }
+        if (content !== this.textView()) {
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jbGFtcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT25ILE1BQU0sT0FBTyxrQ0FBa0M7SUFFN0MsZUFBZTtJQUNQLFlBQVksR0FBRyxNQUFNLENBQXFCLFNBQVMsQ0FBQyxDQUFDO0lBQ3JELFFBQVEsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFFdEMsWUFBWTtJQUNILGtCQUFrQixHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztJQUM5QyxhQUFhLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO0lBQ3pDLE9BQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7SUFDbkMsZUFBZSxHQUFHLEtBQUssRUFBVyxDQUFDO0lBRTVDLGFBQWE7SUFDSixhQUFhLEdBQUcsTUFBTSxFQUFVLENBQUM7SUFFMUMsYUFBYTtJQUNJLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFakQ7UUFDRSxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLENBQUM7Z0JBQzNFLE9BQU87WUFDVCxDQUFDO1lBQ0QsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDYixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztnQkFDbEMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLENBQUM7b0JBQ3ZELElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUMzRSxDQUFDO2dCQUVELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztvQkFDckIsT0FBTztnQkFDVCxDQUFDO2dCQUNELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDZixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsR0FBRyxFQUFFO29CQUNyQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2pCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ1gsQ0FBQyxDQUFDLENBQUE7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxnQkFBZ0I7SUFFUixPQUFPO1FBQ2IsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDM0UsYUFBYSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNsQixDQUFDO0lBQ0gsQ0FBQztJQUVPLFFBQVE7UUFDZCxJQUFJLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDOUIsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLHNFQUFzRTtZQUM1SyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2IsT0FBTztZQUNULENBQUM7WUFDRCxPQUFPLEdBQUcsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztZQUNuRCxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsT0FBTyxLQUFLLENBQUM7UUFDN0csQ0FBQztRQUNELElBQUksT0FBTyxLQUFLLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLE9BQU8sS0FBSyxDQUFDLENBQUM7UUFDOUUsQ0FBQztJQUNILENBQUM7SUFDRCxXQUFXO1FBQ1QsYUFBYSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7d0dBaEVVLGtDQUFrQzs0RkFBbEMsa0NBQWtDOzs0RkFBbEMsa0NBQWtDO2tCQUw5QyxTQUFTO21CQUFDO29CQUNULDhEQUE4RDtvQkFDOUQsUUFBUSxFQUFFLHNDQUFzQztvQkFDaEQsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBlZmZlY3QsIEVsZW1lbnRSZWYsIGluamVjdCwgaW5wdXQsIE9uRGVzdHJveSwgb3V0cHV0LCBzaWduYWwsIHVudHJhY2tlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9kaXJlY3RpdmUtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdbTGlic1VpQ29tcG9uZW50c0xpbmVDbGFtcERpcmVjdGl2ZV0nLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIC8qKiBQUk9QRVJUWSAqL1xuICBwcml2YXRlIHRpbWVJbnRlcnZhbCA9IHNpZ25hbDxudW1iZXIgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgdGV4dFZpZXcgPSBzaWduYWw8c3RyaW5nPignJyk7XG5cbiAgLyoqIElOUFVUICovXG4gIHJlYWRvbmx5IGxlbmd0aExpbWl0RGlzcGxheSA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgcmVhZG9ubHkgbWV0aG9kRGlzcGxheSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgY29udGVudCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgaWdub3JlVGhyZWVEb3RzID0gaW5wdXQ8Ym9vbGVhbj4oKTtcblxuICAvKiogT1VUUFVUICovXG4gIHJlYWRvbmx5IG91dENvbnRlbnRTdWIgPSBvdXRwdXQ8c3RyaW5nPigpO1xuXG4gIC8qKiBJTkpFQ1QgKi9cbiAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoIXRoaXMuY29udGVudCgpIHx8ICF0aGlzLm1ldGhvZERpc3BsYXkoKSB8fCAhdGhpcy5sZW5ndGhMaW1pdERpc3BsYXkoKSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB1bnRyYWNrZWQoKCkgPT4ge1xuICAgICAgICB0aGlzLnRleHRWaWV3LnNldCh0aGlzLmNvbnRlbnQoKSk7XG4gICAgICAgIGlmICh0aGlzLnRleHRWaWV3KCkubGVuZ3RoID4gdGhpcy5sZW5ndGhMaW1pdERpc3BsYXkoKSkge1xuICAgICAgICAgIHRoaXMudGV4dFZpZXcudXBkYXRlKHZhbCA9PiB2YWwuc3Vic3RyaW5nKDAsIHRoaXMubGVuZ3RoTGltaXREaXNwbGF5KCkpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICghdGhpcy50ZXh0VmlldygpKSB7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMucHJvY2VzcygpO1xuICAgICAgICB0aGlzLnRpbWVJbnRlcnZhbC5zZXQoc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgICAgIHRoaXMucHJvY2VzcygpO1xuICAgICAgICB9LCAyNTApKTtcbiAgICAgIH0pXG4gICAgfSk7XG4gIH1cblxuICAvKiogRlVOQ1RJT05TICovXG5cbiAgcHJpdmF0ZSBwcm9jZXNzKCkge1xuICAgIGlmICh0aGlzLmVsZW1lbnRSZWYgJiYgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRbdGhpcy5tZXRob2REaXNwbGF5KCldKSB7XG4gICAgICBjbGVhckludGVydmFsKHRoaXMudGltZUludGVydmFsKCkpO1xuICAgICAgdGhpcy50cnVuY2F0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgdHJ1bmNhdGUoKSB7XG4gICAgbGV0IGNvbnRlbnQgPSB0aGlzLnRleHRWaWV3KCk7XG4gICAgd2hpbGUgKCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zY3JvbGxIZWlnaHQgLSAyKSA+IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCkgeyAvLyB0aGVtIC0yIGZpeCBsb2kgdHJlbiB3aW5kb3dzIGh0dHBzOi8vYWRtaW4tY3YubW9iaW8udm4vaXNzdWVzLzQ4MTA3XG4gICAgICBpZiAoIWNvbnRlbnQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgY29udGVudCA9IGNvbnRlbnQuc3Vic3RyaW5nKDAsIGNvbnRlbnQubGVuZ3RoIC0gMyk7XG4gICAgICAodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpW3RoaXMubWV0aG9kRGlzcGxheSgpXSA9IHRoaXMuaWdub3JlVGhyZWVEb3RzKCkgPyBjb250ZW50IDogYCR7Y29udGVudH0uLi5gO1xuICAgIH1cbiAgICBpZiAoY29udGVudCAhPT0gdGhpcy50ZXh0VmlldygpKSB7XG4gICAgICB0aGlzLm91dENvbnRlbnRTdWIuZW1pdCh0aGlzLmlnbm9yZVRocmVlRG90cygpID8gY29udGVudCA6IGAke2NvbnRlbnR9Li4uYCk7XG4gICAgfVxuICB9XG4gIG5nT25EZXN0cm95KCkge1xuICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lSW50ZXJ2YWwoKSk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,190 @@
+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();
+        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}...`;
+        }
+        if (content !== this.textView()) {
+            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: () => [] });
+
+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 });
+    maxWidthTooltip = input(250, { transform: val => val ?? 250 });
+    maxHeightTooltip = 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 }, maxWidthTooltip: { classPropertyName: "maxWidthTooltip", publicName: "maxWidthTooltip", isSignal: true, isRequired: false, transformFunction: null }, maxHeightTooltip: { classPropertyName: "maxHeightTooltip", publicName: "maxHeightTooltip", 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:maxWidthTooltip() ,\n      maxHeight:maxHeightTooltip(),\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:maxWidthTooltip() ,\n      maxHeight:maxHeightTooltip(),\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']]
+            }] } });
+
+/**
+ * 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/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    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    if (content !== this.textView()) {\n      this.outContentSub.emit(this.ignoreThreeDots() ? content : `${content}...`);\n    }\n  }\n  ngOnDestroy() {\n    clearInterval(this.timeInterval());\n  }\n}\n","import { 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';\nimport { TYPE_OBJECT } from '@libs-ui/interfaces-types';\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 maxWidthTooltip = input<number, number | undefined>(250, { transform: val => val ?? 250 });\n  readonly maxHeightTooltip = 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<TYPE_OBJECT, TYPE_OBJECT | 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:maxWidthTooltip() ,\n      maxHeight:maxHeightTooltip(),\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","/**\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,11 @@
+import { TYPE_OBJECT } from "@libs-ui/interfaces-types";
+export interface ILineClampConfig {
+    maxHeight?: number;
+    class?: string;
+    ignoreShowButtonCollapseExpand?: boolean;
+    showTooltip?: boolean;
+    maxWidthTooltip?: number;
+    maxHeightTooltip?: number;
+    ngClassObject?: TYPE_OBJECT;
+    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,50 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { TYPE_POPOVER_DIRECTION, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { ILineClampFunctionControlEvent } from './interfaces';
+import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
+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 maxWidthTooltip: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly maxHeightTooltip: 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<TYPE_OBJECT, TYPE_OBJECT | 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; }; "maxWidthTooltip": { "alias": "maxWidthTooltip"; "required": false; "isSignal": true; }; "maxHeightTooltip": { "alias": "maxHeightTooltip"; "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.106.2",
+  "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"
+  }
+}