@rt-tools/ui-kit-v2 0.23.3 → 0.24.0

package/fesm2022/rt-tools-ui-kit-v2-collapsible-text.mjs

@@ -1,76 +1,159 @@
-import * as i0 from '@angular/core';
-import { inject, viewChild, signal, input, numberAttribute, afterRenderEffect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { RT_KIT_LABELS } from '@rt-tools/ui-kit-v2/core';
-
-const BEM_BLOCK = 'rt-collapsible-text';
-class RtCollapsibleTextComponent {
-    #resizeObserver;
-    constructor() {
-        this.#resizeObserver = null;
-        this.t = inject(RT_KIT_LABELS);
-        this.textRef = viewChild('text', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "textRef" }] : /* istanbul ignore next */ []));
-        this.expanded = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
-        this.overflowing = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "overflowing" }] : /* istanbul ignore next */ []));
-        this.paragraphs = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "paragraphs" }] : /* istanbul ignore next */ []));
-        this.clampLines = input(6, { ...(ngDevMode ? { debugName: "clampLines" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        afterRenderEffect(() => {
-            this.paragraphs();
-            this.#observeText();
-            this.#measure();
-        });
-    }
-    ngOnDestroy() {
-        this.#resizeObserver?.disconnect();
-    }
-    toggle() {
-        this.expanded.update((expanded) => !expanded);
-    }
-    #observeText() {
-        const el = this.textRef()?.nativeElement;
-        if (el === undefined || this.#resizeObserver !== null) {
-            return;
-        }
-        if (typeof ResizeObserver === 'undefined') {
-            return;
-        }
-        this.#resizeObserver = new ResizeObserver(() => this.#measure());
-        this.#resizeObserver.observe(el);
-    }
-    #measure() {
-        if (this.expanded()) {
-            return;
-        }
-        const el = this.textRef()?.nativeElement;
-        if (el === undefined) {
-            return;
-        }
-        this.overflowing.set(el.scrollHeight > el.clientHeight + 1);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCollapsibleTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtCollapsibleTextComponent, isStandalone: true, selector: "rt-collapsible-text", inputs: { paragraphs: { classPropertyName: "paragraphs", publicName: "paragraphs", isSignal: true, isRequired: true, transformFunction: null }, clampLines: { classPropertyName: "clampLines", publicName: "clampLines", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-collapsible-text" }, viewQueries: [{ propertyName: "textRef", first: true, predicate: ["text"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-collapsible-text\">\n    <div\n        #text\n        rtElem=\"text\"\n        qa-dataid=\"collapsible-text-body\"\n        [rtMod]=\"{ clamped: !expanded() }\"\n        [style.-webkit-line-clamp]=\"expanded() ? null : clampLines()\">\n        @for (paragraph of paragraphs(); track $index) {\n            <p rtElem=\"paragraph\" qa-dataid=\"collapsible-text-paragraph\">{{ paragraph }}</p>\n        }\n    </div>\n    @if (overflowing() || expanded()) {\n        <button rtElem=\"toggle\" qa-dataid=\"collapsible-text-toggle\" type=\"button\" [attr.aria-expanded]=\"expanded()\" (click)=\"toggle()\">\n            {{ expanded() ? t().uiCollapse : t().uiMore }}\n        </button>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-collapsible-text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-collapsible-text__text{display:block}.rt-collapsible-text__text--clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.rt-collapsible-text__paragraph{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-collapsible-text__paragraph+.rt-collapsible-text__paragraph{margin-top:var(--rt-space-sm)}.rt-collapsible-text__toggle{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCollapsibleTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-collapsible-text', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-collapsible-text\">\n    <div\n        #text\n        rtElem=\"text\"\n        qa-dataid=\"collapsible-text-body\"\n        [rtMod]=\"{ clamped: !expanded() }\"\n        [style.-webkit-line-clamp]=\"expanded() ? null : clampLines()\">\n        @for (paragraph of paragraphs(); track $index) {\n            <p rtElem=\"paragraph\" qa-dataid=\"collapsible-text-paragraph\">{{ paragraph }}</p>\n        }\n    </div>\n    @if (overflowing() || expanded()) {\n        <button rtElem=\"toggle\" qa-dataid=\"collapsible-text-toggle\" type=\"button\" [attr.aria-expanded]=\"expanded()\" (click)=\"toggle()\">\n            {{ expanded() ? t().uiCollapse : t().uiMore }}\n        </button>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-collapsible-text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-collapsible-text__text{display:block}.rt-collapsible-text__text--clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.rt-collapsible-text__paragraph{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-collapsible-text__paragraph+.rt-collapsible-text__paragraph{margin-top:var(--rt-space-sm)}.rt-collapsible-text__toggle{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { textRef: [{ type: i0.ViewChild, args: ['text', { isSignal: true }] }], paragraphs: [{ type: i0.Input, args: [{ isSignal: true, alias: "paragraphs", required: true }] }], clampLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "clampLines", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, afterRenderEffect, inject, input, numberAttribute, signal, viewChild } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { RT_KIT_LABELS } from "@rt-tools/ui-kit-v2/core";
+const BEM_BLOCK = "rt-collapsible-text";
+var RtCollapsibleTextComponent = class RtCollapsibleTextComponent {
+	#resizeObserver;
+	constructor() {
+		this.#resizeObserver = null;
+		this.t = inject(RT_KIT_LABELS);
+		this.textRef = viewChild("text", ...ngDevMode ? [{ debugName: "textRef" }] : /* istanbul ignore next */ []);
+		this.expanded = signal(false, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+		this.overflowing = signal(false, ...ngDevMode ? [{ debugName: "overflowing" }] : /* istanbul ignore next */ []);
+		this.paragraphs = input.required(...ngDevMode ? [{ debugName: "paragraphs" }] : /* istanbul ignore next */ []);
+		this.clampLines = input(6, {
+			...ngDevMode ? { debugName: "clampLines" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		afterRenderEffect(() => {
+			this.paragraphs();
+			this.#observeText();
+			this.#measure();
+		});
+	}
+	ngOnDestroy() {
+		this.#resizeObserver?.disconnect();
+	}
+	toggle() {
+		this.expanded.update((expanded) => !expanded);
+	}
+	#observeText() {
+		const el = this.textRef()?.nativeElement;
+		if (el === void 0 || this.#resizeObserver !== null) return;
+		if (typeof ResizeObserver === "undefined") return;
+		this.#resizeObserver = new ResizeObserver(() => this.#measure());
+		this.#resizeObserver.observe(el);
+	}
+	#measure() {
+		if (this.expanded()) return;
+		const el = this.textRef()?.nativeElement;
+		if (el === void 0) return;
+		this.overflowing.set(el.scrollHeight > el.clientHeight + 1);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtCollapsibleTextComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtCollapsibleTextComponent,
+			isStandalone: true,
+			selector: "rt-collapsible-text",
+			inputs: {
+				paragraphs: {
+					classPropertyName: "paragraphs",
+					publicName: "paragraphs",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				clampLines: {
+					classPropertyName: "clampLines",
+					publicName: "clampLines",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: { classAttribute: "rt-collapsible-text" },
+			viewQueries: [{
+				propertyName: "textRef",
+				first: true,
+				predicate: ["text"],
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-collapsible-text\">\n    <div\n        #text\n        rtElem=\"text\"\n        qa-dataid=\"collapsible-text-body\"\n        [rtMod]=\"{ clamped: !expanded() }\"\n        [style.-webkit-line-clamp]=\"expanded() ? null : clampLines()\">\n        @for (paragraph of paragraphs(); track $index) {\n            <p rtElem=\"paragraph\" qa-dataid=\"collapsible-text-paragraph\">{{ paragraph }}</p>\n        }\n    </div>\n    @if (overflowing() || expanded()) {\n        <button rtElem=\"toggle\" qa-dataid=\"collapsible-text-toggle\" type=\"button\" [attr.aria-expanded]=\"expanded()\" (click)=\"toggle()\">\n            {{ expanded() ? t().uiCollapse : t().uiMore }}\n        </button>\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-collapsible-text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-collapsible-text__text{display:block}.rt-collapsible-text__text--clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.rt-collapsible-text__paragraph{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-collapsible-text__paragraph+.rt-collapsible-text__paragraph{margin-top:var(--rt-space-sm)}.rt-collapsible-text__toggle{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtCollapsibleTextComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-collapsible-text",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-collapsible-text\">\n    <div\n        #text\n        rtElem=\"text\"\n        qa-dataid=\"collapsible-text-body\"\n        [rtMod]=\"{ clamped: !expanded() }\"\n        [style.-webkit-line-clamp]=\"expanded() ? null : clampLines()\">\n        @for (paragraph of paragraphs(); track $index) {\n            <p rtElem=\"paragraph\" qa-dataid=\"collapsible-text-paragraph\">{{ paragraph }}</p>\n        }\n    </div>\n    @if (overflowing() || expanded()) {\n        <button rtElem=\"toggle\" qa-dataid=\"collapsible-text-toggle\" type=\"button\" [attr.aria-expanded]=\"expanded()\" (click)=\"toggle()\">\n            {{ expanded() ? t().uiCollapse : t().uiMore }}\n        </button>\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-collapsible-text{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-collapsible-text__text{display:block}.rt-collapsible-text__text--clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.rt-collapsible-text__paragraph{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-collapsible-text__paragraph+.rt-collapsible-text__paragraph{margin-top:var(--rt-space-sm)}.rt-collapsible-text__toggle{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		textRef: [{
+			type: i0.ViewChild,
+			args: ["text", { isSignal: true }]
+		}],
+		paragraphs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "paragraphs",
+				required: true
+			}]
+		}],
+		clampLines: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clampLines",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtCollapsibleTextComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-collapsible-text.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-collapsible-text.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-collapsible-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-collapsible-text.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-collapsible-text.component.ts","../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-collapsible-text.component.html","../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-tools-ui-kit-v2-collapsible-text.ts"],"sourcesContent":["import {\n    afterRenderEffect,\n    inject,\n    input,\n    numberAttribute,\n    signal,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\n\nconst BEM_BLOCK: string = 'rt-collapsible-text';\n\n@Component({\n    selector: 'rt-collapsible-text',\n    templateUrl: './rt-collapsible-text.component.html',\n    styleUrl: './rt-collapsible-text.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCollapsibleTextComponent implements OnDestroy {\n    #resizeObserver: ResizeObserver | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly textRef: Signal<ElementRef<HTMLElement> | undefined> = viewChild<ElementRef<HTMLElement>>('text');\n\n    protected readonly expanded: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly overflowing: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly paragraphs: InputSignal<readonly string[]> = input.required<readonly string[]>();\n\n    public readonly clampLines: InputSignalWithTransform<number, number | string> = input<number, number | string>(6, {\n        transform: numberAttribute,\n    });\n\n    constructor() {\n        afterRenderEffect((): void => {\n            this.paragraphs();\n            this.#observeText();\n            this.#measure();\n        });\n    }\n\n    public ngOnDestroy(): void {\n        this.#resizeObserver?.disconnect();\n    }\n\n    protected toggle(): void {\n        this.expanded.update((expanded: boolean): boolean => !expanded);\n    }\n\n    #observeText(): void {\n        const el: HTMLElement | undefined = this.textRef()?.nativeElement;\n        if (el === undefined || this.#resizeObserver !== null) {\n            return;\n        }\n        if (typeof ResizeObserver === 'undefined') {\n            return;\n        }\n        this.#resizeObserver = new ResizeObserver((): void => this.#measure());\n        this.#resizeObserver.observe(el);\n    }\n\n    #measure(): void {\n        if (this.expanded()) {\n            return;\n        }\n        const el: HTMLElement | undefined = this.textRef()?.nativeElement;\n        if (el === undefined) {\n            return;\n        }\n        this.overflowing.set(el.scrollHeight > el.clientHeight + 1);\n    }\n}\n","<ng-container rtBlock=\"rt-collapsible-text\">\n    <div\n        #text\n        rtElem=\"text\"\n        qa-dataid=\"collapsible-text-body\"\n        [rtMod]=\"{ clamped: !expanded() }\"\n        [style.-webkit-line-clamp]=\"expanded() ? null : clampLines()\">\n        @for (paragraph of paragraphs(); track $index) {\n            <p rtElem=\"paragraph\" qa-dataid=\"collapsible-text-paragraph\">{{ paragraph }}</p>\n        }\n    </div>\n    @if (overflowing() || expanded()) {\n        <button rtElem=\"toggle\" qa-dataid=\"collapsible-text-toggle\" type=\"button\" [attr.aria-expanded]=\"expanded()\" (click)=\"toggle()\">\n            {{ expanded() ? t().uiCollapse : t().uiMore }}\n        </button>\n    }\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-collapsible-text.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-collapsible-text.component.ts","../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-collapsible-text.component.html"],"sourcesContent":["import {\n    afterRenderEffect,\n    inject,\n    input,\n    numberAttribute,\n    signal,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\n\nconst BEM_BLOCK: string = 'rt-collapsible-text';\n\n@Component({\n    selector: 'rt-collapsible-text',\n    templateUrl: './rt-collapsible-text.component.html',\n    styleUrl: './rt-collapsible-text.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCollapsibleTextComponent implements OnDestroy {\n    #resizeObserver: ResizeObserver | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly textRef: Signal<ElementRef<HTMLElement> | undefined> = viewChild<ElementRef<HTMLElement>>('text');\n\n    protected readonly expanded: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly overflowing: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly paragraphs: InputSignal<readonly string[]> = input.required<readonly string[]>();\n\n    public readonly clampLines: InputSignalWithTransform<number, number | string> = input<number, number | string>(6, {\n        transform: numberAttribute,\n    });\n\n    constructor() {\n        afterRenderEffect((): void => {\n            this.paragraphs();\n            this.#observeText();\n            this.#measure();\n        });\n    }\n\n    public ngOnDestroy(): void {\n        this.#resizeObserver?.disconnect();\n    }\n\n    protected toggle(): void {\n        this.expanded.update((expanded: boolean): boolean => !expanded);\n    }\n\n    #observeText(): void {\n        const el: HTMLElement | undefined = this.textRef()?.nativeElement;\n        if (el === undefined || this.#resizeObserver !== null) {\n            return;\n        }\n        if (typeof ResizeObserver === 'undefined') {\n            return;\n        }\n        this.#resizeObserver = new ResizeObserver((): void => this.#measure());\n        this.#resizeObserver.observe(el);\n    }\n\n    #measure(): void {\n        if (this.expanded()) {\n            return;\n        }\n        const el: HTMLElement | undefined = this.textRef()?.nativeElement;\n        if (el === undefined) {\n            return;\n        }\n        this.overflowing.set(el.scrollHeight > el.clientHeight + 1);\n    }\n}\n","<ng-container rtBlock=\"rt-collapsible-text\">\n    <div\n        #text\n        rtElem=\"text\"\n        qa-dataid=\"collapsible-text-body\"\n        [rtMod]=\"{ clamped: !expanded() }\"\n        [style.-webkit-line-clamp]=\"expanded() ? null : clampLines()\">\n        @for (paragraph of paragraphs(); track $index) {\n            <p rtElem=\"paragraph\" qa-dataid=\"collapsible-text-paragraph\">{{ paragraph }}</p>\n        }\n    </div>\n    @if (overflowing() || expanded()) {\n        <button rtElem=\"toggle\" qa-dataid=\"collapsible-text-toggle\" type=\"button\" [attr.aria-expanded]=\"expanded()\" (click)=\"toggle()\">\n            {{ expanded() ? t().uiCollapse : t().uiMore }}\n        </button>\n    }\n</ng-container>\n"],"mappings":"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"}