@koobiq/components 19.4.1 → 19.6.0

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

@@ -1,13 +1,13 @@
-import { SharedResizeObserver } from '@angular/cdk/observers/private';
 import * as i0 from '@angular/core';
-import { InjectionToken, input, numberAttribute, output, viewChild, signal, inject, DestroyRef, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { InjectionToken, inject, model, input, numberAttribute, computed, Directive, output, viewChild, signal, DestroyRef, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, Component, 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 { map, of, pairwise, skip, debounceTime } from 'rxjs';
+import { SharedResizeObserver } from '@angular/cdk/observers/private';
+import { KbqButtonModule } from '@koobiq/components/button';
 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
@@ -26,6 +26,96 @@ const kbqClampedTextLocaleConfigurationProvider = (configuration) => ({
     provide: KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION,
     useValue: configuration
 });
+const KbqClampedRoot = new InjectionToken('KbqClampedRoot');
+/**
+ * Injection function that creates a reactive locale configuration signal.
+ * @see {KbqClampedText, KbqClampedList}
+ * @docs-private
+ */
+function kbqInjectKbqClampedLocaleConfiguration() {
+    const localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });
+    const initialValue = inject(KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION);
+    const config = localeService
+        ? localeService.changes.pipe(map(() => localeService.getParams('clampedText')))
+        : of(initialValue);
+    return toSignal(config, { initialValue });
+}
+
+class KbqClampedList {
+    constructor() {
+        /** Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = expanded. */
+        this.isCollapsed = model(true);
+        /** The list of items to display. */
+        this.items = input([]);
+        /**
+         * Maximum number of items visible in collapsed state.
+         * @default 10
+         */
+        this.collapsedVisibleCount = input(10, { transform: numberAttribute });
+        /**
+         * Minimum number of hidden items required to show the toggle trigger.
+         * @default 6
+         */
+        this.hiddenThreshold = input(6, { transform: numberAttribute });
+        /** Number of items hidden when the list is collapsed. */
+        this.exceededItemCount = computed(() => this.items().length - this.collapsedVisibleCount());
+        /** Whether the number of hidden items meets the threshold to render the toggle trigger. */
+        this.hasToggle = computed(() => this.exceededItemCount() >= this.hiddenThreshold());
+        /** Slice of items currently rendered — truncated to `minVisibleCount` when collapsed, a full list otherwise. */
+        this.visibleItems = computed(() => this.isCollapsed() && this.hasToggle() ? this.items().slice(0, this.collapsedVisibleCount()) : this.items());
+        /** Localized "show more" label with the exceeded item count interpolated into the `{exceededItemCount}` placeholder. */
+        this.showMoreCountText = computed(() => this.localeConfiguration().showMoreText.replace('{exceededItemCount}', this.exceededItemCount().toString(10)));
+        /** Clamped text locale configuration. */
+        this.localeConfiguration = kbqInjectKbqClampedLocaleConfiguration();
+    }
+    /** Toggles the collapsed state of the list. Stops event propagation. */
+    toggle(event) {
+        event.stopPropagation();
+        this.isCollapsed.update((state) => !state);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: KbqClampedList, isStandalone: true, selector: "[kbqClampedList]", inputs: { isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, collapsedVisibleCount: { classPropertyName: "collapsedVisibleCount", publicName: "collapsedVisibleCount", isSignal: true, isRequired: false, transformFunction: null }, hiddenThreshold: { classPropertyName: "hiddenThreshold", publicName: "hiddenThreshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, host: { properties: { "attr.aria-expanded": "isCollapsed() && hasToggle() ? \"false\" : \"true\"" }, classAttribute: "kbq-clamped-list" }, providers: [
+            { provide: KbqClampedRoot, useExisting: KbqClampedList }
+        ], exportAs: ["kbqClampedList"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbqClampedList]',
+                    exportAs: 'kbqClampedList',
+                    host: {
+                        class: 'kbq-clamped-list',
+                        '[attr.aria-expanded]': 'isCollapsed() && hasToggle() ? "false" : "true"'
+                    },
+                    providers: [
+                        { provide: KbqClampedRoot, useExisting: KbqClampedList }
+                    ]
+                }]
+        }] });
+/**
+ * Clamped list trigger.
+ * Used for calling toggle collapsed state on click events
+ */
+class KbqClampedListTrigger {
+    constructor() {
+        this.root = inject(KbqClampedRoot, { optional: true });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedListTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: KbqClampedListTrigger, isStandalone: true, selector: "[kbqClampedListTrigger]", host: { listeners: { "click": "root?.toggle($event)", "keydown.enter": "root?.toggle($event)", "keydown.space": "root?.toggle($event)" }, classAttribute: "kbq-clamped-list__trigger kbq-clamped-text__toggle" }, exportAs: ["kbqClampedListTrigger"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedListTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbqClampedListTrigger]',
+                    exportAs: 'kbqClampedListTrigger',
+                    host: {
+                        class: 'kbq-clamped-list__trigger kbq-clamped-text__toggle',
+                        '(click)': 'root?.toggle($event)',
+                        '(keydown.enter)': 'root?.toggle($event)',
+                        '(keydown.space)': 'root?.toggle($event)'
+                    }
+                }]
+        }] });
 
 class KbqClampedText {
     constructor() {
@@ -55,20 +145,17 @@ class KbqClampedText {
         /** @docs-private */
         this.isToggleCollapsed = signal(undefined);
         /** @docs-private */
-        this.hasToggle = signal(true);
-        /** @docs-private */
         this.lineClamp = signal(null);
+        /** @docs-private */
+        this.hasToggle = signal(true);
         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.localeConfiguration = kbqInjectKbqClampedLocaleConfiguration();
         /**
          * This flag is used to prevent trigger resize observer on toggle click.
          */
@@ -110,7 +197,7 @@ class KbqClampedText {
         });
     }
     /** @docs-private */
-    toggleIsCollapsed(event) {
+    toggle(event) {
         event.stopPropagation();
         this.collapsedState.update((state) => this.toggleCollapseState(this.isToggleCollapsed() ?? state));
         this.isToggleCollapsed.update(this.toggleCollapseState);
@@ -119,6 +206,13 @@ class KbqClampedText {
             setTimeout(() => this.elementRef.nativeElement.scrollIntoView({ block: 'center', inline: 'center' }));
         }
     }
+    /**
+     * @docs-private
+     * @deprecated Will be removed in next major release
+     */
+    toggleIsCollapsed(event) {
+        this.toggle(event);
+    }
     updateToggleVisibilityState() {
         this.hasToggle.set(this.getRowsCount() > this.rows() + 1);
     }
@@ -133,8 +227,10 @@ class KbqClampedText {
         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: "19.2.18", ngImport: i0, type: KbqClampedText, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedText, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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" }, providers: [
+            { provide: KbqClampedRoot, useExisting: KbqClampedText }
+        ], 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"
@@ -148,35 +244,27 @@ class KbqClampedText {
         </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)"
-            >
+            <span kbq-link noUnderline pseudo role="button" kbqClampedListTrigger>
                 @let config = localeConfiguration();
 
                 @if (collapsedState()) {
                     <i kbq-icon="kbq-chevron-down_16"></i>
-                    <span class="kbq-link__text">{{ config!.openText }}</span>
+                    <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 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 }); }
+    `, 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", "multiline", "useVisited", "print"], exportAs: ["kbqLink"] }, { kind: "directive", type: KbqClampedListTrigger, selector: "[kbqClampedListTrigger]", exportAs: ["kbqClampedListTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqClampedText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedText, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-clamped-text', exportAs: 'kbqClampedText', imports: [
                         KbqIcon,
                         KbqButtonModule,
-                        KbqLinkModule
+                        KbqLinkModule,
+                        KbqClampedListTrigger
                     ], template: `
         <div
             #textContainer
@@ -191,42 +279,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         </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)"
-            >
+            <span kbq-link noUnderline pseudo role="button" kbqClampedListTrigger>
                 @let config = localeConfiguration();
 
                 @if (collapsedState()) {
                     <i kbq-icon="kbq-chevron-down_16"></i>
-                    <span class="kbq-link__text">{{ config!.openText }}</span>
+                    <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 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"] }]
+                    }, providers: [
+                        { provide: KbqClampedRoot, useExisting: KbqClampedText }
+                    ], 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
+    KbqClampedText,
+    KbqClampedList,
+    KbqClampedListTrigger
 ];
 class KbqClampedTextModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqClampedTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: KbqClampedTextModule, imports: [KbqClampedText], exports: [KbqClampedText] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqClampedTextModule, imports: [COMPONENTS] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedTextModule, imports: [KbqClampedText,
+            KbqClampedList,
+            KbqClampedListTrigger], exports: [KbqClampedText,
+            KbqClampedList,
+            KbqClampedListTrigger] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedTextModule, imports: [KbqClampedText] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: KbqClampedTextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqClampedTextModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: COMPONENTS,
@@ -238,5 +325,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION, KbqClampedText, KbqClampedTextModule, kbqClampedTextDefaultMaxRows, kbqClampedTextLocaleConfigurationProvider };
+export { KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION, KbqClampedList, KbqClampedListTrigger, KbqClampedRoot, KbqClampedText, KbqClampedTextModule, kbqClampedTextDefaultMaxRows, kbqClampedTextLocaleConfigurationProvider, kbqInjectKbqClampedLocaleConfiguration };
 //# sourceMappingURL=koobiq-components-clamped-text.mjs.map

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

@@ -1 +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    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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"}
+{"version":3,"file":"koobiq-components-clamped-text.mjs","sources":["../../../packages/components/clamped-text/constants.ts","../../../packages/components/clamped-text/clamped-list.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 { inject, InjectionToken, Provider, Signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { KBQ_LOCALE_SERVICE, KbqClampedTextLocaleConfig, ruRULocaleData } from '@koobiq/components/core';\nimport { map, of } from 'rxjs';\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\nexport const KbqClampedRoot = new InjectionToken<KbqClamped>('KbqClampedRoot');\n\nexport interface KbqClamped {\n    /**\n     * Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = auto.\n     * Behavior for auto may vary according to clamped-list/clamped-text\n     */\n    isCollapsed: Signal<boolean | undefined>;\n    /** Whether the toggle trigger should be shown. */\n    hasToggle: Signal<boolean>;\n    /** Reactive locale strings for open/close labels. */\n    localeConfiguration: Signal<KbqClampedTextLocaleConfig>;\n    /** Toggles the collapsed state of the list. Stops event propagation. */\n    toggle(event: Event): void;\n}\n\n/**\n * Injection function that creates a reactive locale configuration signal.\n * @see {KbqClampedText, KbqClampedList}\n * @docs-private\n */\nexport function kbqInjectKbqClampedLocaleConfiguration(): Signal<KbqClampedTextLocaleConfig> {\n    const localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });\n    const initialValue = inject(KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION);\n    const config = localeService\n        ? localeService.changes.pipe(\n              map<string, KbqClampedTextLocaleConfig>(\n                  () => localeService.getParams('clampedText') satisfies KbqClampedTextLocaleConfig\n              )\n          )\n        : of(initialValue);\n\n    return toSignal(config, { initialValue });\n}\n","import { computed, Directive, inject, input, model, numberAttribute } from '@angular/core';\nimport { KbqClamped, KbqClampedRoot, kbqInjectKbqClampedLocaleConfiguration } from './constants';\n\n@Directive({\n    selector: '[kbqClampedList]',\n    exportAs: 'kbqClampedList',\n    host: {\n        class: 'kbq-clamped-list',\n        '[attr.aria-expanded]': 'isCollapsed() && hasToggle() ? \"false\" : \"true\"'\n    },\n    providers: [\n        { provide: KbqClampedRoot, useExisting: KbqClampedList }]\n})\nexport class KbqClampedList<T> implements KbqClamped {\n    /** Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = expanded. */\n    readonly isCollapsed = model<boolean>(true);\n    /** The list of items to display. */\n    readonly items = input<T[]>([]);\n    /**\n     * Maximum number of items visible in collapsed state.\n     * @default 10\n     */\n    readonly collapsedVisibleCount = input(10, { transform: numberAttribute });\n    /**\n     * Minimum number of hidden items required to show the toggle trigger.\n     * @default 6\n     */\n    readonly hiddenThreshold = input(6, { transform: numberAttribute });\n\n    /** Number of items hidden when the list is collapsed. */\n    readonly exceededItemCount = computed(() => this.items().length - this.collapsedVisibleCount());\n    /** Whether the number of hidden items meets the threshold to render the toggle trigger. */\n    readonly hasToggle = computed(() => this.exceededItemCount() >= this.hiddenThreshold());\n    /** Slice of items currently rendered — truncated to `minVisibleCount` when collapsed, a full list otherwise. */\n    readonly visibleItems = computed(() =>\n        this.isCollapsed() && this.hasToggle() ? this.items().slice(0, this.collapsedVisibleCount()) : this.items()\n    );\n    /** Localized \"show more\" label with the exceeded item count interpolated into the `{exceededItemCount}` placeholder. */\n    readonly showMoreCountText = computed(() =>\n        this.localeConfiguration().showMoreText.replace('{exceededItemCount}', this.exceededItemCount().toString(10))\n    );\n\n    /** Clamped text locale configuration. */\n    readonly localeConfiguration = kbqInjectKbqClampedLocaleConfiguration();\n\n    /** Toggles the collapsed state of the list. Stops event propagation. */\n    toggle(event: Event) {\n        event.stopPropagation();\n        this.isCollapsed.update((state) => !state);\n    }\n}\n\n/**\n * Clamped list trigger.\n * Used for calling toggle collapsed state on click events\n */\n@Directive({\n    selector: '[kbqClampedListTrigger]',\n    exportAs: 'kbqClampedListTrigger',\n    host: {\n        class: 'kbq-clamped-list__trigger kbq-clamped-text__toggle',\n        '(click)': 'root?.toggle($event)',\n        '(keydown.enter)': 'root?.toggle($event)',\n        '(keydown.space)': 'root?.toggle($event)'\n    }\n})\nexport class KbqClampedListTrigger {\n    protected readonly root = inject(KbqClampedRoot, { optional: true });\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 } from '@angular/core/rxjs-interop';\nimport { KbqButtonModule } from '@koobiq/components/button';\nimport { KbqIcon } from '@koobiq/components/icon';\nimport { KbqLinkModule } from '@koobiq/components/link';\nimport { debounceTime, pairwise, skip } from 'rxjs';\nimport { KbqClampedListTrigger } from './clamped-list';\nimport {\n    KbqClamped,\n    KbqClampedRoot,\n    kbqClampedTextDefaultMaxRows,\n    kbqInjectKbqClampedLocaleConfiguration\n} from './constants';\n\n@Component({\n    selector: 'kbq-clamped-text',\n    exportAs: 'kbqClampedText',\n    imports: [\n        KbqIcon,\n        KbqButtonModule,\n        KbqLinkModule,\n        KbqClampedListTrigger\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 kbq-link noUnderline pseudo role=\"button\" kbqClampedListTrigger>\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    providers: [\n        { provide: KbqClampedRoot, useExisting: KbqClampedText }],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqClampedText implements KbqClamped, 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 lineClamp = signal<number | null>(null);\n    /** @docs-private */\n    readonly hasToggle = signal(true);\n\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly resizeObserver = inject(SharedResizeObserver);\n\n    /**\n     * Clamped text locale configuration.\n     * @docs-private\n     */\n    readonly localeConfiguration = kbqInjectKbqClampedLocaleConfiguration();\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    toggle(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    /**\n     * @docs-private\n     * @deprecated Will be removed in next major release\n     */\n    toggleIsCollapsed(event: Event): void {\n        this.toggle(event);\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 { KbqClampedList, KbqClampedListTrigger } from './clamped-list';\nimport { KbqClampedText } from './clamped-text';\n\nconst COMPONENTS = [\n    KbqClampedText,\n    KbqClampedList,\n    KbqClampedListTrigger\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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"}