@libs-ui/components-line-clamp 0.1.1-1

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9saW5lLWNsYW1wL3NyYy9pbnRlcmZhY2VzL2NvbmZpZy5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRZUEVfT0JKRUNUIH0gZnJvbSAnQGxpYnMtdWkvaW50ZXJmYWNlcy10eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUxpbmVDbGFtcENvbmZpZyB7XG4gIG1heEhlaWdodD86IG51bWJlcjtcbiAgY2xhc3M/OiBzdHJpbmc7XG4gIGlnbm9yZVNob3dCdXR0b25Db2xsYXBzZUV4cGFuZD86IGJvb2xlYW47XG4gIHNob3dUb29sdGlwPzogYm9vbGVhbjtcbiAgbWF4V2lkdGhUb29sdGlwPzogbnVtYmVyO1xuICBtYXhIZWlnaHRUb29sdGlwPzogbnVtYmVyO1xuICBuZ0NsYXNzT2JqZWN0PzogVFlQRV9PQkpFQ1Q7XG4gIGlzSW5uZXJUZXh0PzogYm9vbGVhbjtcbn1cbiJdfQ==

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

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

package/esm2022/interfaces/index.mjs

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

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,115 @@
+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 { isNil } from '@libs-ui/utils';
+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 });
+    defaultIsCollapse = input(true, { transform: (val) => val ?? true });
+    /** OUTPUT */
+    outDisplayLineClamp = output();
+    outAction = output();
+    outClick = output();
+    outFunctionControl = output();
+    constructor() {
+        effect(() => {
+            if (!isNil(this.content())) {
+                untracked(() => {
+                    this.contentDisplay.set('');
+                    this.displayLineClamp.set(false);
+                    this.isCollapse.set(false);
+                });
+            }
+        });
+    }
+    async ngOnInit() {
+        this.outFunctionControl.emit(this.FunctionsControl);
+    }
+    /** FUNCTIONS */
+    get FunctionsControl() {
+        return {
+            refresh: this.refresh.bind(this),
+        };
+    }
+    async handlerContentSub(content) {
+        if (this.content() !== content) {
+            this.displayLineClamp.set(true);
+            this.isCollapse.set(this.defaultIsCollapse());
+            this.contentClamp.set(content);
+            this.contentDisplay.set(this.isCollapse() ? content : this.content());
+            this.outDisplayLineClamp.emit(this.isCollapse());
+        }
+    }
+    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.14", ngImport: i0, type: LibsUiComponentsLineClampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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 }, defaultIsCollapse: { classPropertyName: "defaultIsCollapse", publicName: "defaultIsCollapse", 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\n      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)\"></div>\n  } @else {\n    <div\n      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)\"></div>\n  }\n} @else {\n  <libs_ui-components-popover\n    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\n        [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"contentDisplay() | translate | LibsUiPipesSecurityTrustPipe: 'html' : useXssFilter() | async\"></div>\n    } @else {\n      <div\n        [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\"></div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button\n        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\n          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", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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\n      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)\"></div>\n  } @else {\n    <div\n      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)\"></div>\n  }\n} @else {\n  <libs_ui-components-popover\n    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\n        [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"contentDisplay() | translate | LibsUiPipesSecurityTrustPipe: 'html' : useXssFilter() | async\"></div>\n    } @else {\n      <div\n        [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\"></div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button\n        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\n          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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jbGFtcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFxQixNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlJLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBOEMsTUFBTSw2QkFBNkIsQ0FBQztBQUMzSCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFNUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFVdkMsTUFBTSxPQUFPLGtDQUFrQztJQUM3QyxlQUFlO0lBQ0wsZ0JBQWdCLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzFDLFVBQVUsR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7SUFDcEMsWUFBWSxHQUFHLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUNsQyxjQUFjLEdB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LGNBQWMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRVMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFpQztRQUM1RCxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDbkQsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQzt3R0F6R1Usa0NBQWtDOzRGQUFsQyxrQ0FBa0MsZ29IQ3BCL0MsNjVGQTZFQSx5UUQ1RFksT0FBTyxtRkFBRSxlQUFlLHVGQUFFLFNBQVMsOENBQUUsa0NBQWtDLHVMQUFFLDRCQUE0QixnRUFBRSx5QkFBeUIsa0VBQUUsZ0NBQWdDLG9nQkFBRSxzQ0FBc0M7OzRGQUd6TSxrQ0FBa0M7a0JBVDlDLFNBQVM7K0JBRUUsK0JBQStCLGNBRzdCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLGtDQUFrQyxFQUFFLDRCQUE0QixFQUFFLHlCQUF5QixFQUFFLGdDQUFnQyxFQUFFLHNDQUFzQyxDQUFDLG1CQUNwTSx1QkFBdUIsQ0FBQyxNQUFNO3dEQXdGL0IsTUFBTTtzQkFEckIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUsIE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBPbkRlc3Ryb3ksIE9uSW5pdCwgZWZmZWN0LCBpbnB1dCwgb3V0cHV0LCBzaWduYWwsIHVudHJhY2tlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNCdXR0b25Db21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LCBUWVBFX1BPUE9WRVJfRElSRUNUSU9OLCBUWVBFX1BPUE9WRVJfRVZFTlQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXBvcG92ZXInO1xuaW1wb3J0IHsgTGlic1VpUGlwZXNFc2NhcGVIdG1sUGlwZSB9IGZyb20gJ0BsaWJzLXVpL3BpcGVzLWVzY2FwZS1odG1sJztcbmltcG9ydCB7IExpYnNVaVBpcGVzU2VjdXJpdHlUcnVzdFBpcGUgfSBmcm9tICdAbGlicy11aS9waXBlcy1zZWN1cml0eS10cnVzdCc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IElMaW5lQ2xhbXBGdW5jdGlvbkNvbnRyb2xFdmVudCB9IGZyb20gJy4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzTGluZUNsYW1wRGlyZWN0aXZlIH0gZnJvbSAnLi9saW5lLWNsYW1wLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUWVBFX09CSkVDVCB9IGZyb20gJ0BsaWJzLXVpL2ludGVyZmFjZXMtdHlwZXMnO1xuaW1wb3J0IHsgaXNOaWwgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtbGluZV9jbGFtcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5lLWNsYW1wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGluZS1jbGFtcC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgVHJhbnNsYXRlTW9kdWxlLCBBc3luY1BpcGUsIExpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmUsIExpYnNVaVBpcGVzU2VjdXJpdHlUcnVzdFBpcGUsIExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUsIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LCBMaWJzVWlDb21wb25lbnRzQnV0dG9uc0J1dHRvbkNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzTGluZUNsYW1wQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKiogUFJPUEVSVFkgKi9cbiAgcHJvdGVjdGVkIGRpc3BsYXlMaW5lQ2xhbXAgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuICBwcm90ZWN0ZWQgaXNDb2xsYXBzZSA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByb3RlY3RlZCBjb250ZW50Q2xhbXAgPSBzaWduYWw8c3RyaW5nPignJyk7XG4gIHByb3RlY3RlZCBjb250ZW50RGlzcGxheSA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcblxuICAvKiogSU5QVVQgKi9cbiAgcmVhZG9ubHkgY29udGVudCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgbGVuZ3RoTGltaXREaXNwbGF5ID0gaW5wdXQ8bnVtYmVyLCBudW1iZXIgfCB1bmRlZmluZWQ+KDIwMCwgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCB8fCAyMDAgfSk7XG4gIHJlYWRvbmx5IG1heEhlaWdodCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTsgLy8gbWF4SGVpZ2h0ID0gKGxpbmUtaGVpZ2h0IGPhu6dhIHRleHQpKihz4buRIGTDsm5nIG1vbmcgbXXhu5FuKVxuICByZWFkb25seSBpZ25vcmVTaG93QnV0dG9uQ29sbGFwc2VFeHBhbmQgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBpZ25vcmVTaG93QnV0dG9uQ29sbGFwc2UgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBzaG93VG9vbHRpcCA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHRpbWVIaWRlUG9wb3Zlck9uTW91c2VvdXQgPSBpbnB1dDxudW1iZXIsIG51bWJlciB8IHVuZGVmaW5lZD4oNTAsIHsgdHJhbnNmb3JtOiAodmFsKSA9PiB2YWwgPz8gNTAgfSk7XG4gIHJlYWRvbmx5IG1heFdpZHRoVG9vbHRpcCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigyNTAsIHsgdHJhbnNmb3JtOiAodmFsKSA9PiB2YWwgPz8gMjUwIH0pO1xuICByZWFkb25seSBtYXhIZWlnaHRUb29sdGlwID0gaW5wdXQ8bnVtYmVyLCBudW1iZXIgfCB1bmRlZmluZWQ+KDE1MCwgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCA/PyAxNTAgfSk7XG4gIHJlYWRvbmx5IHpJbmRleFBvcG92ZXIgPSBpbnB1dDxudW1iZXIsIG51bWJlciB8IHVuZGVmaW5lZD4oMTAwMSwgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCA/PyAxMDAxIH0pO1xuICByZWFkb25seSBpc0lubmVyVGV4dCA9IGlucHV0PGJvb2xlYW4+KCk7IC8vIGtow7RuZyBj4bqnbiBlc2NhcGVIVE1MIGNvbnRlbnQga2hpIGJp4bq/biBi4bqxbmcgdHJ1ZVxuICByZWFkb25seSBjbGFzc0NsYXNzTGFiZWxCdXR0b25Db2xsYXBzZUV4cGFuZCA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignbGlicy11aS1mb250LWg1cicsIHsgdHJhbnNmb3JtOiAodmFsKSA9PiB2YWwgPz8gJ2xpYnMtdWktZm9udC1oNXInIH0pO1xuICByZWFkb25seSBjbGFzc0NsYXNzSW5jbHVkZUJ1dHRvbkNvbGxhcHNlRXhwYW5kID0gaW5wdXQ8c3RyaW5nLCBzdHJpbmcgfCB1bmRlZmluZWQ+KCchcC0wJywgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCA/PyAnIXAtMCcgfSk7XG4gIHJlYWRvbmx5IGlnbm9yZVN0b3BQcm9wYWdhdGlvblRvb2x0aXBFdmVudCA9IGlucHV0PGJvb2xlYW4sIGJvb2xlYW4gfCB1bmRlZmluZWQ+KGZhbHNlLCB7IHRyYW5zZm9ybTogKHZhbCkgPT4gdmFsID8/IGZhbHNlIH0pO1xuICByZWFkb25seSBuZ0NsYXNzT2JqZWN0ID0gaW5wdXQ8VFlQRV9PQkpFQ1QsIFRZUEVfT0JKRUNUIHwgdW5kZWZpbmVkPih7ICdsaWJzLXVpLWxpbmUtY2xhbXAtY29udGVudCBsaWJzLXVpLWZvbnQtaDVyJzogdHJ1ZSB9LCB7IHRyYW5zZm9ybTogKHZhbCkgPT4gdmFsIHx8IHsgJ2xpYnMtdWktbGluZS1jbGFtcC1jb250ZW50IGxpYi11aS1mb250LWg1cic6IHRydWUgfSB9KTsgLy8gb2JqZWN0IG5nQ2xhc3NcbiAgcmVhZG9ubHkgaGFzQmFja2dyb3VuZEdyYWRpZW50ID0gaW5wdXQ8Ym9vbGVhbiwgYm9vbGVhbiB8IHVuZGVmaW5lZD4oZmFsc2UsIHsgdHJhbnNmb3JtOiAodmFsKSA9PiB2YWwgPz8gZmFsc2UgfSk7XG4gIHJlYWRvbmx5IGxhYmVsQnV0dG9uVmlld01vcmUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxhYmVsQnV0dG9uQ29sbGFwc2UgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGRpcmVjdGlvblRvb2x0aXAgPSBpbnB1dDxUWVBFX1BPUE9WRVJfRElSRUNUSU9OLCBUWVBFX1BPUE9WRVJfRElSRUNUSU9OIHwgdW5kZWZpbmVkPigndG9wJywgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCA/PyAndG9wJyB9KTtcbiAgcmVhZG9ubHkgdXNlWHNzRmlsdGVyID0gaW5wdXQ8Ym9vbGVhbiwgYm9vbGVhbiB8IHVuZGVmaW5lZD4odHJ1ZSwgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCA/PyB0cnVlIH0pO1xuICByZWFkb25seSBkZWZhdWx0SXNDb2xsYXBzZSA9IGlucHV0PGJvb2xlYW4sIGJvb2xlYW4gfCB1bmRlZmluZWQ+KHRydWUsIHsgdHJhbnNmb3JtOiAodmFsKSA9PiB2YWwgPz8gdHJ1ZSB9KTtcblxuICAvKiogT1VUUFVUICovXG4gIHByb3RlY3RlZCByZWFkb25seSBvdXREaXNwbGF5TGluZUNsYW1wID0gb3V0cHV0PGJvb2xlYW4+KCk7XG4gIHByb3RlY3RlZCByZWFkb25seSBvdXRBY3Rpb24gPSBvdXRwdXQ8c3RyaW5nPigpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3V0Q2xpY2sgPSBvdXRwdXQ8RXZlbnQgfCBUWVBFX1BPUE9WRVJfRVZFTlQ+KCk7XG4gIHByb3RlY3RlZCByZWFkb25seSBvdXRGdW5jdGlvbkNvbnRyb2wgPSBvdXRwdXQ8SUxpbmVDbGFtcEZ1bmN0aW9uQ29udHJvbEV2ZW50PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoIWlzTmlsKHRoaXMuY29udGVudCgpKSkge1xuICAgICAgICB1bnRyYWNrZWQoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuY29udGVudERpc3BsYXkuc2V0KCcnKTtcbiAgICAgICAgICB0aGlzLmRpc3BsYXlMaW5lQ2xhbXAuc2V0KGZhbHNlKTtcbiAgICAgICAgICB0aGlzLmlzQ29sbGFwc2Uuc2V0KGZhbHNlKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBhc3luYyBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm91dEZ1bmN0aW9uQ29udHJvbC5lbWl0KHRoaXMuRnVuY3Rpb25zQ29udHJvbCk7XG4gIH1cblxuICAvKiogRlVOQ1RJT05TICovXG4gIHB1YmxpYyBnZXQgRnVuY3Rpb25zQ29udHJvbCgpOiBJTGluZUNsYW1wRnVuY3Rpb25Db250cm9sRXZlbnQge1xuICAgIHJldHVybiB7XG4gICAgICByZWZyZXNoOiB0aGlzLnJlZnJlc2guYmluZCh0aGlzKSxcbiAgICB9O1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJDb250ZW50U3ViKGNvbnRlbnQ6IHN0cmluZykge1xuICAgIGlmICh0aGlzLmNvbnRlbnQoKSAhPT0gY29udGVudCkge1xuICAgICAgdGhpcy5kaXNwbGF5TGluZUNsYW1wLnNldCh0cnVlKTtcbiAgICAgIHRoaXMuaXNDb2xsYXBzZS5zZXQodGhpcy5kZWZhdWx0SXNDb2xsYXBzZSgpKTtcbiAgICAgIHRoaXMuY29udGVudENsYW1wLnNldChjb250ZW50KTtcbiAgICAgIHRoaXMuY29udGVudERpc3BsYXkuc2V0KHRoaXMuaXNDb2xsYXBzZSgpID8gY29udGVudCA6IHRoaXMuY29udGVudCgpKTtcbiAgICAgIHRoaXMub3V0RGlzcGxheUxpbmVDbGFtcC5lbWl0KHRoaXMuaXNDb2xsYXBzZSgpKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgdmlld01vcmUoZTogRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuaXNDb2xsYXBzZS5zZXQoZmFsc2UpO1xuICAgIHRoaXMuY29udGVudERpc3BsYXkuc2V0KHRoaXMuY29udGVudCgpKTtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5vdXRBY3Rpb24uZW1pdCgndmlldy1tb3JlJyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGlkZGVuTW9yZShlOiBFdmVudCkge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5pc0NvbGxhcHNlLnNldCh0cnVlKTtcbiAgICB0aGlzLmNvbnRlbnREaXNwbGF5LnNldCh0aGlzLmNvbnRlbnRDbGFtcCgpKTtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5vdXRBY3Rpb24uZW1pdCgnaGlkZGVuLW1vcmUnKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBwcm90ZWN0ZWQgYXN5bmMgcmVzaXplKCkge1xuICAgIHRoaXMucmVmcmVzaCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIHJlZnJlc2goKSB7XG4gICAgdGhpcy5jb250ZW50RGlzcGxheS5zZXQodGhpcy5jb250ZW50KCkpO1xuICAgIHRoaXMuZGlzcGxheUxpbmVDbGFtcC5zZXQoZmFsc2UpO1xuICAgIHRoaXMuaXNDb2xsYXBzZS5zZXQoZmFsc2UpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJDbGljayhldmVudDogRXZlbnQgfCBUWVBFX1BPUE9WRVJfRVZFTlQpIHtcbiAgICBpZiAodHlwZW9mIGV2ZW50ID09PSAnc3RyaW5nJyAmJiBldmVudCAhPT0gJ2NsaWNrJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLm91dENsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kaXNwbGF5TGluZUNsYW1wLnNldChmYWxzZSk7XG4gIH1cbn1cbiIsIkBpZiAoIWRpc3BsYXlMaW5lQ2xhbXAoKSkge1xuICBAaWYgKCFpc0lubmVyVGV4dCgpKSB7XG4gICAgPGRpdlxuICAgICAgTGlic1VpQ29tcG9uZW50c0xpbmVDbGFtcERpcmVjdGl2ZVxuICAgICAgW2xlbmd0aExpbWl0RGlzcGxheV09XCJsZW5ndGhMaW1pdERpc3BsYXkoKVwiXG4gICAgICBbaWdub3JlVGhyZWVEb3RzXT1cImhhc0JhY2tncm91bmRHcmFkaWVudCgpXCJcbiAgICAgIG1ldGhvZERpc3BsYXk9XCJpbm5lckhUTUxcIlxuICAgICAgY2xhc3M9XCJvdmVyZmxvdy1oaWRkZW5cIlxuICAgICAgW2NvbnRlbnRdPVwiY29udGVudCgpXCJcbiAgICAgIFtuZ0NsYXNzXT1cIm5nQ2xhc3NPYmplY3QoKVwiXG4gICAgICBbc3R5bGUubWF4SGVpZ2h0LnB4XT1cIm1heEhlaWdodCgpXCJcbiAgICAgIFtpbm5lckh0bWxdPVwiY29udGVudCgpIHwgdHJhbnNsYXRlIHwgTGlic1VpUGlwZXNTZWN1cml0eVRydXN0UGlwZTogJ2h0bWwnIDogdXNlWHNzRmlsdGVyKCkgfCBhc3luY1wiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlckNsaWNrKCRldmVudClcIlxuICAgICAgKG91dENvbnRlbnRTdWIpPVwiaGFuZGxlckNvbnRlbnRTdWIoJGV2ZW50KVwiPjwvZGl2PlxuICB9IEBlbHNlIHtcbiAgICA8ZGl2XG4gICAgICBMaWJzVWlDb21wb25lbnRzTGluZUNsYW1wRGlyZWN0aXZlXG4gICAgICBbbGVuZ3RoTGltaXREaXNwbGF5XT1cImxlbmd0aExpbWl0RGlzcGxheSgpXCJcbiAgICAgIFtpZ25vcmVUaHJlZURvdHNdPVwiaGFzQmFja2dyb3VuZEdyYWRpZW50KClcIlxuICAgICAgbWV0aG9kRGlzcGxheT1cImlubmVyVGV4dFwiXG4gICAgICBjbGFzcz1cIm92ZXJmbG93LWhpZGRlblwiXG4gICAgICBbY29udGVudF09XCJjb250ZW50KClcIlxuICAgICAgW25nQ2xhc3NdPVwibmdDbGFzc09iamVjdCgpXCJcbiAgICAgIFtzdHlsZS5tYXhIZWlnaHQucHhdPVwibWF4SGVpZ2h0KClcIlxuICAgICAgW2lubmVyVGV4dF09XCJjb250ZW50KCkgfCB0cmFuc2xhdGVcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZXJDbGljaygkZXZlbnQpXCJcbiAgICAgIChvdXRDb250ZW50U3ViKT1cImhhbmRsZXJDb250ZW50U3ViKCRldmVudClcIj48L2Rpdj5cbiAgfVxufSBAZWxzZSB7XG4gIDxsaWJzX3VpLWNvbXBvbmVudHMtcG9wb3ZlclxuICAgIGNsYXNzPVwicmVsYXRpdmVcIlxuICAgIHR5cGU9XCJvdGhlclwiXG4gICAgW2lnbm9yZVNob3dQb3BvdmVyXT1cIiFzaG93VG9vbHRpcCgpXCJcbiAgICBbaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnRdPVwiaWdub3JlU3RvcFByb3BhZ2F0aW9uVG9vbHRpcEV2ZW50KClcIlxuICAgIFtjb25maWddPVwie1xuICAgICAgdGltZXJEZXN0cm95OiB0aW1lSGlkZVBvcG92ZXJPbk1vdXNlb3V0KCksXG4gICAgICBtYXhXaWR0aDogbWF4V2lkdGhUb29sdGlwKCksXG4gICAgICBtYXhIZWlnaHQ6IG1heEhlaWdodFRvb2x0aXAoKSxcbiAgICAgIGRpcmVjdGlvbjogZGlyZWN0aW9uVG9vbHRpcCgpLFxuICAgICAgY29udGVudDogaXNJbm5lclRleHQoKSA/ICh0aGlzLmNvbnRlbnQoKSB8IExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUpIDogdGhpcy5jb250ZW50KCksXG4gICAgICB6SW5kZXg6IHpJbmRleFBvcG92ZXIoKSxcbiAgICB9XCJcbiAgICAob3V0RXZlbnQpPVwiaGFuZGxlckNsaWNrKCRldmVudClcIj5cbiAgICBAaWYgKGlzQ29sbGFwc2UoKSAmJiBoYXNCYWNrZ3JvdW5kR3JhZGllbnQoKSkge1xuICAgICAgPGRpdiBjbGFzcz1cImgtWzQwcHhdIGxpYnMtdWktbGluZS1jbGFtcC1iZy1ncmFkaWVudFwiPjwvZGl2PlxuICAgIH1cbiAgICBAaWYgKCFpc0lubmVyVGV4dCgpKSB7XG4gICAgICA8ZGl2XG4gICAgICAgIFtuZ0NsYXNzXT1cIm5nQ2xhc3NPYmplY3QoKVwiXG4gICAgICAgIFtpbm5lckh0bWxdPVwiY29udGVudERpc3BsYXkoKSB8IHRyYW5zbGF0ZSB8IExpYnNVaVBpcGVzU2VjdXJpdHlUcnVzdFBpcGU6ICdodG1sJyA6IHVzZVhzc0ZpbHRlcigpIHwgYXN5bmNcIj48L2Rpdj5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxkaXZcbiAgICAgICAgW25nQ2xhc3NdPVwibmdDbGFzc09iamVjdCgpXCJcbiAgICAgICAgW2lubmVyVGV4dF09XCJjb250ZW50RGlzcGxheSgpIHwgdHJhbnNsYXRlXCI+PC9kaXY+XG4gICAgfVxuICA8L2xpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyPlxuXG4gIEBpZiAoIWlnbm9yZVNob3dCdXR0b25Db2xsYXBzZUV4cGFuZCgpKSB7XG4gICAgQGlmIChpc0NvbGxhcHNlKCkpIHtcbiAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvbi1saW5rLXByaW1hcnlcIlxuICAgICAgICBbbGFiZWxdPVwibGFiZWxCdXR0b25WaWV3TW9yZSgpIHx8ICdpMThuX3ZpZXdfbW9yZSdcIlxuICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImNsYXNzQ2xhc3NJbmNsdWRlQnV0dG9uQ29sbGFwc2VFeHBhbmQoKVwiXG4gICAgICAgIFtjbGFzc0xhYmVsXT1cImNsYXNzQ2xhc3NMYWJlbEJ1dHRvbkNvbGxhcHNlRXhwYW5kKClcIlxuICAgICAgICAob3V0Q2xpY2spPVwidmlld01vcmUoJGV2ZW50KVwiIC8+XG4gICAgfSBAZWxzZSB7XG4gICAgICBAaWYgKCFpZ25vcmVTaG93QnV0dG9uQ29sbGFwc2UoKSkge1xuICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvbi1saW5rLXByaW1hcnlcIlxuICAgICAgICAgIFtsYWJlbF09XCJsYWJlbEJ1dHRvbkNvbGxhcHNlKCkgfHwgJ2kxOG5fY29sbGFwc2UnXCJcbiAgICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImNsYXNzQ2xhc3NJbmNsdWRlQnV0dG9uQ29sbGFwc2VFeHBhbmQoKVwiXG4gICAgICAgICAgW2NsYXNzTGFiZWxdPVwiY2xhc3NDbGFzc0xhYmVsQnV0dG9uQ29sbGFwc2VFeHBhbmQoKVwiXG4gICAgICAgICAgKG91dENsaWNrKT1cImhpZGRlbk1vcmUoJGV2ZW50KVwiIC8+XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/line-clamp.directive.mjs

@@ -0,0 +1,71 @@
+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.14", ngImport: i0, type: LibsUiComponentsLineClampDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", 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.14", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jbGFtcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbGluZS1jbGFtcC9zcmMvbGluZS1jbGFtcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT25ILE1BQU0sT0FBTyxrQ0FBa0M7SUFDN0MsZUFBZTtJQUNQLFlBQVksR0FBRyxNQUFNLENBQXFCLFNBQVMsQ0FBQyxDQUFDO0lBQ3JELFFBQVEsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFFdEMsWUFBWTtJQUNILGtCQUFrQixHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztJQUM5QyxhQUFhLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO0lBQ3pDLE9BQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7SUFDbkMsZUFBZSxHQUFHLEtBQUssRUFBVyxDQUFDO0lBRTVDLGFBQWE7SUFDSixhQUFhLEdBQUcsTUFBTSxFQUFVLENBQUM7SUFFMUMsYUFBYTtJQUNJLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFakQ7UUFDRSxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLENBQUM7Z0JBQzNFLE9BQU87WUFDVCxDQUFDO1lBQ0QsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDYixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztnQkFDbEMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLENBQUM7b0JBQ3ZELElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQzdFLENBQUM7Z0JBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO29CQUNyQixPQUFPO2dCQUNULENBQUM7Z0JBQ0QsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUNmLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUNuQixXQUFXLENBQUMsR0FBRyxFQUFFO29CQUNmLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDakIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUNSLENBQUM7WUFDSixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGdCQUFnQjtJQUVSLE9BQU87UUFDYixJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUMzRSxhQUFhLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7WUFDbkMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2xCLENBQUM7SUFDSCxDQUFDO0lBRU8sUUFBUTtRQUNkLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM5QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbkcsc0VBQXNFO1lBQ3RFLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDYixPQUFPO1lBQ1QsQ0FBQztZQUNELE9BQU8sR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ25ELElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLE9BQU8sS0FBSyxDQUFDO1FBQzNHLENBQUM7UUFDRCxJQUFJLE9BQU8sS0FBSyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxPQUFPLEtBQUssQ0FBQyxDQUFDO1FBQzlFLENBQUM7SUFDSCxDQUFDO0lBQ0QsV0FBVztRQUNULGFBQWEsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztJQUNyQyxDQUFDO3dHQWxFVSxrQ0FBa0M7NEZBQWxDLGtDQUFrQzs7NEZBQWxDLGtDQUFrQztrQkFMOUMsU0FBUzttQkFBQztvQkFDVCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSxzQ0FBc0M7b0JBQ2hELFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgZWZmZWN0LCBFbGVtZW50UmVmLCBpbmplY3QsIGlucHV0LCBPbkRlc3Ryb3ksIG91dHB1dCwgc2lnbmFsLCB1bnRyYWNrZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnW0xpYnNVaUNvbXBvbmVudHNMaW5lQ2xhbXBEaXJlY3RpdmVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0xpbmVDbGFtcERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIC8qKiBQUk9QRVJUWSAqL1xuICBwcml2YXRlIHRpbWVJbnRlcnZhbCA9IHNpZ25hbDxudW1iZXIgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgdGV4dFZpZXcgPSBzaWduYWw8c3RyaW5nPignJyk7XG5cbiAgLyoqIElOUFVUICovXG4gIHJlYWRvbmx5IGxlbmd0aExpbWl0RGlzcGxheSA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgcmVhZG9ubHkgbWV0aG9kRGlzcGxheSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgY29udGVudCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgaWdub3JlVGhyZWVEb3RzID0gaW5wdXQ8Ym9vbGVhbj4oKTtcblxuICAvKiogT1VUUFVUICovXG4gIHJlYWRvbmx5IG91dENvbnRlbnRTdWIgPSBvdXRwdXQ8c3RyaW5nPigpO1xuXG4gIC8qKiBJTkpFQ1QgKi9cbiAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoIXRoaXMuY29udGVudCgpIHx8ICF0aGlzLm1ldGhvZERpc3BsYXkoKSB8fCAhdGhpcy5sZW5ndGhMaW1pdERpc3BsYXkoKSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB1bnRyYWNrZWQoKCkgPT4ge1xuICAgICAgICB0aGlzLnRleHRWaWV3LnNldCh0aGlzLmNvbnRlbnQoKSk7XG4gICAgICAgIGlmICh0aGlzLnRleHRWaWV3KCkubGVuZ3RoID4gdGhpcy5sZW5ndGhMaW1pdERpc3BsYXkoKSkge1xuICAgICAgICAgIHRoaXMudGV4dFZpZXcudXBkYXRlKCh2YWwpID0+IHZhbC5zdWJzdHJpbmcoMCwgdGhpcy5sZW5ndGhMaW1pdERpc3BsYXkoKSkpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCF0aGlzLnRleHRWaWV3KCkpIHtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5wcm9jZXNzKCk7XG4gICAgICAgIHRoaXMudGltZUludGVydmFsLnNldChcbiAgICAgICAgICBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnByb2Nlc3MoKTtcbiAgICAgICAgICB9LCAyNTApXG4gICAgICAgICk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKiBGVU5DVElPTlMgKi9cblxuICBwcml2YXRlIHByb2Nlc3MoKSB7XG4gICAgaWYgKHRoaXMuZWxlbWVudFJlZiAmJiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFt0aGlzLm1ldGhvZERpc3BsYXkoKV0pIHtcbiAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lSW50ZXJ2YWwoKSk7XG4gICAgICB0aGlzLnRydW5jYXRlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB0cnVuY2F0ZSgpIHtcbiAgICBsZXQgY29udGVudCA9IHRoaXMudGV4dFZpZXcoKTtcbiAgICB3aGlsZSAodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0IC0gMiA+IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCkge1xuICAgICAgLy8gdGhlbSAtMiBmaXggbG9pIHRyZW4gd2luZG93cyBodHRwczovL2FkbWluLWN2Lm1vYmlvLnZuL2lzc3Vlcy80ODEwN1xuICAgICAgaWYgKCFjb250ZW50KSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNvbnRlbnQgPSBjb250ZW50LnN1YnN0cmluZygwLCBjb250ZW50Lmxlbmd0aCAtIDMpO1xuICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRbdGhpcy5tZXRob2REaXNwbGF5KCldID0gdGhpcy5pZ25vcmVUaHJlZURvdHMoKSA/IGNvbnRlbnQgOiBgJHtjb250ZW50fS4uLmA7XG4gICAgfVxuICAgIGlmIChjb250ZW50ICE9PSB0aGlzLnRleHRWaWV3KCkpIHtcbiAgICAgIHRoaXMub3V0Q29udGVudFN1Yi5lbWl0KHRoaXMuaWdub3JlVGhyZWVEb3RzKCkgPyBjb250ZW50IDogYCR7Y29udGVudH0uLi5gKTtcbiAgICB9XG4gIH1cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgY2xlYXJJbnRlcnZhbCh0aGlzLnRpbWVJbnRlcnZhbCgpKTtcbiAgfVxufVxuIl19

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, HostListener, ChangeDetectionStrategy, Component } 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';
+import { isNil } from '@libs-ui/utils';
+
+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.14", ngImport: i0, type: LibsUiComponentsLineClampDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", 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.14", 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 });
+    defaultIsCollapse = input(true, { transform: (val) => val ?? true });
+    /** OUTPUT */
+    outDisplayLineClamp = output();
+    outAction = output();
+    outClick = output();
+    outFunctionControl = output();
+    constructor() {
+        effect(() => {
+            if (!isNil(this.content())) {
+                untracked(() => {
+                    this.contentDisplay.set('');
+                    this.displayLineClamp.set(false);
+                    this.isCollapse.set(false);
+                });
+            }
+        });
+    }
+    async ngOnInit() {
+        this.outFunctionControl.emit(this.FunctionsControl);
+    }
+    /** FUNCTIONS */
+    get FunctionsControl() {
+        return {
+            refresh: this.refresh.bind(this),
+        };
+    }
+    async handlerContentSub(content) {
+        if (this.content() !== content) {
+            this.displayLineClamp.set(true);
+            this.isCollapse.set(this.defaultIsCollapse());
+            this.contentClamp.set(content);
+            this.contentDisplay.set(this.isCollapse() ? content : this.content());
+            this.outDisplayLineClamp.emit(this.isCollapse());
+        }
+    }
+    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.14", ngImport: i0, type: LibsUiComponentsLineClampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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 }, defaultIsCollapse: { classPropertyName: "defaultIsCollapse", publicName: "defaultIsCollapse", 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\n      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)\"></div>\n  } @else {\n    <div\n      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)\"></div>\n  }\n} @else {\n  <libs_ui-components-popover\n    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\n        [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"contentDisplay() | translate | LibsUiPipesSecurityTrustPipe: 'html' : useXssFilter() | async\"></div>\n    } @else {\n      <div\n        [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\"></div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button\n        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\n          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", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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\n      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)\"></div>\n  } @else {\n    <div\n      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)\"></div>\n  }\n} @else {\n  <libs_ui-components-popover\n    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\n        [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"contentDisplay() | translate | LibsUiPipesSecurityTrustPipe: 'html' : useXssFilter() | async\"></div>\n    } @else {\n      <div\n        [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\"></div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button\n        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\n          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  /** 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(\n          setInterval(() => {\n            this.process();\n          }, 250)\n        );\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) {\n      // 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';\nimport { isNil } from '@libs-ui/utils';\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: [NgClass, TranslateModule, AsyncPipe, LibsUiComponentsLineClampDirective, LibsUiPipesSecurityTrustPipe, LibsUiPipesEscapeHtmlPipe, LibsUiComponentsPopoverComponent, LibsUiComponentsButtonsButtonComponent],\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  readonly defaultIsCollapse = 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      if (!isNil(this.content())) {\n        untracked(() => {\n          this.contentDisplay.set('');\n          this.displayLineClamp.set(false);\n          this.isCollapse.set(false);\n        });\n      }\n    });\n  }\n\n  async ngOnInit() {\n    this.outFunctionControl.emit(this.FunctionsControl);\n  }\n\n  /** FUNCTIONS */\n  public get FunctionsControl(): ILineClampFunctionControlEvent {\n    return {\n      refresh: this.refresh.bind(this),\n    };\n  }\n\n  protected async handlerContentSub(content: string) {\n    if (this.content() !== content) {\n      this.displayLineClamp.set(true);\n      this.isCollapse.set(this.defaultIsCollapse());\n      this.contentClamp.set(content);\n      this.contentDisplay.set(this.isCollapse() ? content : this.content());\n      this.outDisplayLineClamp.emit(this.isCollapse());\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  @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\n      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)\"></div>\n  } @else {\n    <div\n      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)\"></div>\n  }\n} @else {\n  <libs_ui-components-popover\n    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\n        [ngClass]=\"ngClassObject()\"\n        [innerHtml]=\"contentDisplay() | translate | LibsUiPipesSecurityTrustPipe: 'html' : useXssFilter() | async\"></div>\n    } @else {\n      <div\n        [ngClass]=\"ngClassObject()\"\n        [innerText]=\"contentDisplay() | translate\"></div>\n    }\n  </libs_ui-components-popover>\n\n  @if (!ignoreShowButtonCollapseExpand()) {\n    @if (isCollapse()) {\n      <libs_ui-components-buttons-button\n        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\n          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,52 @@
+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>;
+    readonly defaultIsCollapse: 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 */
+    get FunctionsControl(): ILineClampFunctionControlEvent;
+    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; }; "defaultIsCollapse": { "alias": "defaultIsCollapse"; "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,32 @@
+{
+  "name": "@libs-ui/components-line-clamp",
+  "version": "0.1.1-1",
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0",
+    "@libs-ui/interfaces-types": "0.1.1-1",
+    "@libs-ui/components-buttons-button": "0.1.1-1",
+    "@libs-ui/components-popover": "0.1.1-1",
+    "@libs-ui/pipes-escape-html": "0.1.1-1",
+    "@libs-ui/pipes-security-trust": "0.1.1-1",
+    "@ngx-translate/core": "^15.0.0",
+    "@libs-ui/utils": "0.1.1-1"
+  },
+  "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"
+  }
+}