@koobiq/components 18.33.0 → 18.35.0

package/fesm2022/koobiq-components-clamped-text.mjs

@@ -0,0 +1,242 @@
+import { SharedResizeObserver } from '@angular/cdk/observers/private';
+import * as i0 from '@angular/core';
+import { InjectionToken, input, numberAttribute, output, viewChild, signal, inject, DestroyRef, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { KbqButtonModule } from '@koobiq/components/button';
+import { ruRULocaleData, KBQ_LOCALE_SERVICE } from '@koobiq/components/core';
+import { KbqIcon } from '@koobiq/components/icon';
+import * as i1 from '@koobiq/components/link';
+import { KbqLinkModule } from '@koobiq/components/link';
+import { map, of, pairwise, skip, debounceTime } from 'rxjs';
+
+/**
+ * Default maximum number of visible rows for the clamped text component
+ * before truncation and the "collapse/expand" toggle is shown.
+ */
+const kbqClampedTextDefaultMaxRows = 5;
+/** Localization configuration provider. */
+const KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION = new InjectionToken('KbqClampedTextLocaleConfig', {
+    factory: () => ruRULocaleData.clampedText
+});
+/**
+ * Utility provider.
+ * @see KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION
+ */
+const kbqClampedTextLocaleConfigurationProvider = (configuration) => ({
+    provide: KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION,
+    useValue: configuration
+});
+
+class KbqClampedText {
+    constructor() {
+        /**
+         * Max rows before text is clamped.
+         * @default kbqClampedTextDefaultMaxRows
+         */
+        this.rows = input(kbqClampedTextDefaultMaxRows);
+        /** Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = auto. */
+        this.isCollapsed = input();
+        /**
+         * Debounce time on resize observer when recalculating toggle and text visibility.
+         * @default 0
+         */
+        this.debounceTime = input(0, { transform: numberAttribute });
+        /** Emits when collapsed state changes. Used for two-way binding with `isCollapsed`. */
+        this.isCollapsedChange = output();
+        /** @docs-private */
+        this.text = viewChild.required('text');
+        /** @docs-private */
+        this.textContainer = viewChild.required('textContainer');
+        /**
+         * This flag controls event emission, aria/css-class calculation
+         * @docs-private
+         */
+        this.collapsedState = signal(undefined);
+        /** @docs-private */
+        this.isToggleCollapsed = signal(undefined);
+        /** @docs-private */
+        this.hasToggle = signal(true);
+        /** @docs-private */
+        this.lineClamp = signal(null);
+        this.destroyRef = inject(DestroyRef);
+        this.elementRef = inject(ElementRef);
+        this.resizeObserver = inject(SharedResizeObserver);
+        this.localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });
+        /**
+         * Clamped text locale configuration.
+         * @docs-private
+         */
+        this.localeConfiguration = toSignal(this.localeService
+            ? this.localeService.changes.pipe(map(() => this.localeService.getParams('clampedText')))
+            : of(inject(KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION)));
+        /**
+         * This flag is used to prevent trigger resize observer on toggle click.
+         */
+        this.isEventFromToggle = false;
+        /**
+         * Calculates next collapsed state according to previous one.
+         * `undefined` is treated as collapsed and not touched stated.
+         */
+        this.toggleCollapseState = (state) => {
+            const isCollapsed = state ?? true;
+            return !isCollapsed;
+        };
+        toObservable(this.isCollapsed)
+            .pipe(pairwise(), takeUntilDestroyed())
+            .subscribe(([previous, current]) => {
+            this.collapsedState.set(current);
+            // store previous collapsed value to reduce unnecessary changes
+            this.isToggleCollapsed.set(!this.hasToggle() ? previous : current);
+        });
+        toObservable(this.collapsedState)
+            .pipe(skip(1), takeUntilDestroyed())
+            .subscribe((collapsed) => {
+            if (collapsed === undefined)
+                return;
+            this.isCollapsedChange.emit(collapsed);
+        });
+        toObservable(this.rows)
+            .pipe(takeUntilDestroyed())
+            .subscribe((rows) => this.lineClamp.set(rows));
+    }
+    ngAfterViewInit() {
+        const textContainer = this.textContainer().nativeElement;
+        this.resizeObserver
+            .observe(textContainer)
+            .pipe(debounceTime(this.debounceTime()), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.updateToggleVisibilityState();
+            this.updateCollapsedState();
+        });
+    }
+    /** @docs-private */
+    toggleIsCollapsed(event) {
+        event.stopPropagation();
+        this.collapsedState.update((state) => this.toggleCollapseState(this.isToggleCollapsed() ?? state));
+        this.isToggleCollapsed.update(this.toggleCollapseState);
+        this.isEventFromToggle = true;
+        if (this.collapsedState()) {
+            setTimeout(() => this.elementRef.nativeElement.scrollIntoView({ block: 'center', inline: 'center' }));
+        }
+    }
+    updateToggleVisibilityState() {
+        this.hasToggle.set(this.getRowsCount() > this.rows() + 1);
+    }
+    updateCollapsedState() {
+        if (this.isEventFromToggle) {
+            this.isEventFromToggle = false;
+            return;
+        }
+        this.collapsedState.set(this.hasToggle() && (this.isToggleCollapsed() ?? true));
+    }
+    getRowsCount() {
+        const rects = Array.from(this.text().nativeElement.getClientRects());
+        return [...new Set(rects.map(({ top }) => top))].length;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqClampedText, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqClampedText, isStandalone: true, selector: "kbq-clamped-text", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsedChange: "isCollapsedChange" }, host: { properties: { "attr.aria-expanded": "collapsedState() ? \"false\" : \"true\"" }, classAttribute: "kbq-clamped-text" }, viewQueries: [{ propertyName: "text", first: true, predicate: ["text"], descendants: true, isSignal: true }, { propertyName: "textContainer", first: true, predicate: ["textContainer"], descendants: true, isSignal: true }], exportAs: ["kbqClampedText"], ngImport: i0, template: `
+        <div
+            #textContainer
+            class="kbq-clamped-text__content"
+            [style.-webkit-line-clamp]="lineClamp()"
+            [style.line-clamp]="lineClamp()"
+            [class.kbq-clamped-text__content_collapsed]="collapsedState()"
+        >
+            <span #text>
+                <ng-content />
+            </span>
+        </div>
+
+        @if (hasToggle()) {
+            <span
+                class="kbq-clamped-text__toggle"
+                kbq-link
+                noUnderline
+                pseudo
+                role="button"
+                (click)="toggleIsCollapsed($event)"
+                (keydown.enter)="toggleIsCollapsed($event)"
+                (keydown.space)="toggleIsCollapsed($event)"
+            >
+                @let config = localeConfiguration();
+
+                @if (collapsedState()) {
+                    <i kbq-icon="kbq-chevron-down_16"></i>
+                    <span class="kbq-link__text">{{ config!.openText }}</span>
+                } @else {
+                    <i kbq-icon="kbq-chevron-up_16"></i>
+                    <span class="kbq-link__text">{{ config!.closeText }}</span>
+                }
+            </span>
+        }
+    `, isInline: true, styles: [".kbq-clamped-text{display:inline-flex;flex-direction:column}.kbq-clamped-text__content.kbq-clamped-text__content_collapsed{display:-webkit-box;overflow-y:hidden;-webkit-box-orient:vertical}.kbq-clamped-text__toggle{margin-top:var(--kbq-size-xxs);align-self:flex-start}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "ngmodule", type: KbqLinkModule }, { kind: "directive", type: i1.KbqLink, selector: "[kbq-link]", inputs: ["disabled", "tabIndex", "pseudo", "noUnderline", "big", "compact", "useVisited", "print"], exportAs: ["kbqLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqClampedText, decorators: [{
+            type: Component,
+            args: [{ selector: 'kbq-clamped-text', standalone: true, exportAs: 'kbqClampedText', imports: [
+                        KbqIcon,
+                        KbqButtonModule,
+                        KbqLinkModule
+                    ], template: `
+        <div
+            #textContainer
+            class="kbq-clamped-text__content"
+            [style.-webkit-line-clamp]="lineClamp()"
+            [style.line-clamp]="lineClamp()"
+            [class.kbq-clamped-text__content_collapsed]="collapsedState()"
+        >
+            <span #text>
+                <ng-content />
+            </span>
+        </div>
+
+        @if (hasToggle()) {
+            <span
+                class="kbq-clamped-text__toggle"
+                kbq-link
+                noUnderline
+                pseudo
+                role="button"
+                (click)="toggleIsCollapsed($event)"
+                (keydown.enter)="toggleIsCollapsed($event)"
+                (keydown.space)="toggleIsCollapsed($event)"
+            >
+                @let config = localeConfiguration();
+
+                @if (collapsedState()) {
+                    <i kbq-icon="kbq-chevron-down_16"></i>
+                    <span class="kbq-link__text">{{ config!.openText }}</span>
+                } @else {
+                    <i kbq-icon="kbq-chevron-up_16"></i>
+                    <span class="kbq-link__text">{{ config!.closeText }}</span>
+                }
+            </span>
+        }
+    `, host: {
+                        class: 'kbq-clamped-text',
+                        '[attr.aria-expanded]': 'collapsedState() ? "false" : "true"'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-clamped-text{display:inline-flex;flex-direction:column}.kbq-clamped-text__content.kbq-clamped-text__content_collapsed{display:-webkit-box;overflow-y:hidden;-webkit-box-orient:vertical}.kbq-clamped-text__toggle{margin-top:var(--kbq-size-xxs);align-self:flex-start}\n"] }]
+        }], ctorParameters: () => [] });
+
+const COMPONENTS = [
+    KbqClampedText
+];
+class KbqClampedTextModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqClampedTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: KbqClampedTextModule, imports: [KbqClampedText], exports: [KbqClampedText] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqClampedTextModule, imports: [COMPONENTS] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqClampedTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION, KbqClampedText, KbqClampedTextModule, kbqClampedTextDefaultMaxRows, kbqClampedTextLocaleConfigurationProvider };
+//# sourceMappingURL=koobiq-components-clamped-text.mjs.map

package/fesm2022/koobiq-components-clamped-text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koobiq-components-clamped-text.mjs","sources":["../../../packages/components/clamped-text/constants.ts","../../../packages/components/clamped-text/clamped-text.ts","../../../packages/components/clamped-text/module.ts","../../../packages/components/clamped-text/koobiq-components-clamped-text.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\nimport { KbqClampedTextLocaleConfig, ruRULocaleData } from '@koobiq/components/core';\n\n/**\n * Default maximum number of visible rows for the clamped text component\n * before truncation and the \"collapse/expand\" toggle is shown.\n */\nexport const kbqClampedTextDefaultMaxRows = 5;\n\n/** Localization configuration provider. */\nexport const KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION = new InjectionToken<KbqClampedTextLocaleConfig>(\n    'KbqClampedTextLocaleConfig',\n    {\n        factory: () => ruRULocaleData.clampedText\n    }\n);\n\n/**\n * Utility provider.\n * @see KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION\n */\nexport const kbqClampedTextLocaleConfigurationProvider = (configuration: KbqClampedTextLocaleConfig): Provider => ({\n    provide: KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION,\n    useValue: configuration\n});\n","import { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    inject,\n    input,\n    numberAttribute,\n    output,\n    signal,\n    viewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';\nimport { KbqButtonModule } from '@koobiq/components/button';\nimport { KBQ_LOCALE_SERVICE, KbqClampedTextLocaleConfig } from '@koobiq/components/core';\nimport { KbqIcon } from '@koobiq/components/icon';\nimport { KbqLinkModule } from '@koobiq/components/link';\nimport { debounceTime, map, of, pairwise, skip } from 'rxjs';\nimport { KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION, kbqClampedTextDefaultMaxRows } from './constants';\n\n@Component({\n    selector: 'kbq-clamped-text',\n    standalone: true,\n    exportAs: 'kbqClampedText',\n    imports: [\n        KbqIcon,\n        KbqButtonModule,\n        KbqLinkModule\n    ],\n    template: `\n        <div\n            #textContainer\n            class=\"kbq-clamped-text__content\"\n            [style.-webkit-line-clamp]=\"lineClamp()\"\n            [style.line-clamp]=\"lineClamp()\"\n            [class.kbq-clamped-text__content_collapsed]=\"collapsedState()\"\n        >\n            <span #text>\n                <ng-content />\n            </span>\n        </div>\n\n        @if (hasToggle()) {\n            <span\n                class=\"kbq-clamped-text__toggle\"\n                kbq-link\n                noUnderline\n                pseudo\n                role=\"button\"\n                (click)=\"toggleIsCollapsed($event)\"\n                (keydown.enter)=\"toggleIsCollapsed($event)\"\n                (keydown.space)=\"toggleIsCollapsed($event)\"\n            >\n                @let config = localeConfiguration();\n\n                @if (collapsedState()) {\n                    <i kbq-icon=\"kbq-chevron-down_16\"></i>\n                    <span class=\"kbq-link__text\">{{ config!.openText }}</span>\n                } @else {\n                    <i kbq-icon=\"kbq-chevron-up_16\"></i>\n                    <span class=\"kbq-link__text\">{{ config!.closeText }}</span>\n                }\n            </span>\n        }\n    `,\n    styleUrls: ['./clamped-text.scss'],\n    host: {\n        class: 'kbq-clamped-text',\n        '[attr.aria-expanded]': 'collapsedState() ? \"false\" : \"true\"'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqClampedText implements AfterViewInit {\n    /**\n     * Max rows before text is clamped.\n     * @default kbqClampedTextDefaultMaxRows\n     */\n    readonly rows = input<number>(kbqClampedTextDefaultMaxRows);\n    /** Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = auto. */\n    readonly isCollapsed = input<boolean>();\n    /**\n     * Debounce time on resize observer when recalculating toggle and text visibility.\n     * @default 0\n     */\n    readonly debounceTime = input(0, { transform: numberAttribute });\n    /** Emits when collapsed state changes. Used for two-way binding with `isCollapsed`. */\n    readonly isCollapsedChange = output<boolean>();\n\n    /** @docs-private */\n    readonly text = viewChild.required<ElementRef<HTMLSpanElement>>('text');\n    /** @docs-private */\n    readonly textContainer = viewChild.required<ElementRef<HTMLDivElement>>('textContainer');\n\n    /**\n     * This flag controls event emission, aria/css-class calculation\n     * @docs-private\n     */\n    protected readonly collapsedState = signal<boolean | undefined>(undefined);\n    /** @docs-private */\n    protected readonly isToggleCollapsed = signal<boolean | undefined>(undefined);\n    /** @docs-private */\n    protected readonly hasToggle = signal(true);\n    /** @docs-private */\n    protected readonly lineClamp = signal<number | null>(null);\n\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly resizeObserver = inject(SharedResizeObserver);\n    private readonly localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });\n\n    /**\n     * Clamped text locale configuration.\n     * @docs-private\n     */\n    protected readonly localeConfiguration = toSignal<KbqClampedTextLocaleConfig>(\n        this.localeService\n            ? this.localeService.changes.pipe(\n                  map(() => this.localeService!.getParams('clampedText') satisfies KbqClampedTextLocaleConfig)\n              )\n            : of(inject(KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION))\n    );\n\n    /**\n     * This flag is used to prevent trigger resize observer on toggle click.\n     */\n    private isEventFromToggle = false;\n\n    constructor() {\n        toObservable(this.isCollapsed)\n            .pipe(pairwise(), takeUntilDestroyed())\n            .subscribe(([previous, current]) => {\n                this.collapsedState.set(current);\n                // store previous collapsed value to reduce unnecessary changes\n                this.isToggleCollapsed.set(!this.hasToggle() ? previous : current);\n            });\n\n        toObservable(this.collapsedState)\n            .pipe(skip(1), takeUntilDestroyed())\n            .subscribe((collapsed) => {\n                if (collapsed === undefined) return;\n                this.isCollapsedChange.emit(collapsed);\n            });\n\n        toObservable(this.rows)\n            .pipe(takeUntilDestroyed())\n            .subscribe((rows) => this.lineClamp.set(rows));\n    }\n\n    ngAfterViewInit(): void {\n        const textContainer = this.textContainer().nativeElement;\n\n        this.resizeObserver\n            .observe(textContainer)\n            .pipe(debounceTime(this.debounceTime()), takeUntilDestroyed(this.destroyRef))\n            .subscribe(() => {\n                this.updateToggleVisibilityState();\n                this.updateCollapsedState();\n            });\n    }\n\n    /** @docs-private */\n    toggleIsCollapsed(event: Event): void {\n        event.stopPropagation();\n\n        this.collapsedState.update((state) => this.toggleCollapseState(this.isToggleCollapsed() ?? state));\n        this.isToggleCollapsed.update(this.toggleCollapseState);\n\n        this.isEventFromToggle = true;\n\n        if (this.collapsedState()) {\n            setTimeout(() => this.elementRef.nativeElement.scrollIntoView({ block: 'center', inline: 'center' }));\n        }\n    }\n\n    private updateToggleVisibilityState(): void {\n        this.hasToggle.set(this.getRowsCount() > this.rows() + 1);\n    }\n\n    private updateCollapsedState(): void {\n        if (this.isEventFromToggle) {\n            this.isEventFromToggle = false;\n\n            return;\n        }\n\n        this.collapsedState.set(this.hasToggle() && (this.isToggleCollapsed() ?? true));\n    }\n\n    /**\n     * Calculates next collapsed state according to previous one.\n     * `undefined` is treated as collapsed and not touched stated.\n     */\n    private toggleCollapseState = (state: boolean | undefined): boolean => {\n        const isCollapsed = state ?? true;\n\n        return !isCollapsed;\n    };\n\n    private getRowsCount(): number {\n        const rects = Array.from(this.text().nativeElement.getClientRects());\n\n        return [...new Set(rects.map(({ top }) => top))].length;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqClampedText } from './clamped-text';\n\nconst COMPONENTS = [\n    KbqClampedText\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqClampedTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}