@koobiq/components 18.17.0 → 18.19.0

package/fesm2022/koobiq-components-overflow-items.mjs

@@ -1,73 +1,106 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, input, signal, viewChildren, ElementRef, contentChildren, contentChild, viewChild, computed, booleanAttribute, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { ContentObserver } from '@angular/cdk/observers';
+import { inject, Renderer2, ElementRef, signal, Directive, input, contentChildren, contentChild, booleanAttribute, numberAttribute, output, NgModule } from '@angular/core';
 import { SharedResizeObserver } from '@angular/cdk/observers/private';
-import { NgTemplateOutlet } from '@angular/common';
-import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { skip, merge, debounceTime } from 'rxjs';
+import { DOCUMENT } from '@angular/common';
+import { toSignal, outputToObservable, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { merge, skip, debounceTime } from 'rxjs';
 
 /**
- * Directive for providing `KbqOverflowItemsResultContext` to the `KbqOverflowItems` component.
+ * Manages the visibility of the element.
  *
- * @see `KbqOverflowItemsResultContext`
+ * @docs-private
  */
-class KbqOverflowItemsResult {
+class ElementVisibilityManager {
     constructor() {
+        this.renderer = inject(Renderer2);
         /**
-         * TemplateRef for the overflow result.
+         * Reference to the element.
          *
          * @docs-private
          */
-        this.templateRef = inject(TemplateRef);
+        this.elementRef = inject(ElementRef);
+        /**
+         * Whether the element is hidden.
+         *
+         * @docs-private
+         */
+        this.hidden = signal(false);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItemsResult, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqOverflowItemsResult, isStandalone: true, selector: "ng-template[kbqOverflowItemsResult]", ngImport: i0 }); }
+    /**
+     * Hides the element.
+     *
+     * @docs-private
+     */
+    hide() {
+        this.renderer.setStyle(this.elementRef.nativeElement, 'visibility', 'hidden');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'absolute');
+        this.hidden.set(true);
+    }
+    /**
+     * Shows the element.
+     *
+     * @docs-private
+     */
+    show() {
+        this.renderer.removeStyle(this.elementRef.nativeElement, 'visibility');
+        this.renderer.removeStyle(this.elementRef.nativeElement, 'position');
+        this.hidden.set(false);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ElementVisibilityManager, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: ElementVisibilityManager, host: { properties: { "attr.aria-hidden": "hidden()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ElementVisibilityManager, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        '[attr.aria-hidden]': 'hidden()'
+                    }
+                }]
+        }] });
+/**
+ * Directive for displaying the result of hidden items by the `KbqOverflowItems` directive.
+ */
+class KbqOverflowItemsResult extends ElementVisibilityManager {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItemsResult, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqOverflowItemsResult, isStandalone: true, selector: "[kbqOverflowItemsResult]", host: { classAttribute: "kbq-overflow-items-result" }, exportAs: ["kbqOverflowItemsResult"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItemsResult, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: 'ng-template[kbqOverflowItemsResult]'
+                    selector: '[kbqOverflowItemsResult]',
+                    exportAs: 'kbqOverflowItemsResult',
+                    host: { class: 'kbq-overflow-items-result' }
                 }]
         }] });
 /**
- * Structure directive for providing items to the `KbqOverflowItems`.
+ * Directive for the item that can be hidden by the `KbqOverflowItems` directive.
  */
-class KbqOverflowItem {
+class KbqOverflowItem extends ElementVisibilityManager {
     constructor() {
+        super(...arguments);
         /**
-         * Identifier for the item.
+         * Unique identifier for the item.
          */
         this.id = input.required({ alias: 'kbqOverflowItem' });
-        /**
-         * Whether the item is hidden.
-         *
-         * @docs-private
-         */
-        this.hidden = signal(false);
-        /**
-         * TemplateRef for the item.
-         *
-         * @docs-private
-         */
-        this.templateRef = inject(TemplateRef);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.6", type: KbqOverflowItem, isStandalone: true, selector: "[kbqOverflowItem]", inputs: { id: { classPropertyName: "id", publicName: "kbqOverflowItem", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItem, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.6", type: KbqOverflowItem, isStandalone: true, selector: "[kbqOverflowItem]", inputs: { id: { classPropertyName: "id", publicName: "kbqOverflowItem", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "kbq-overflow-item" }, exportAs: ["kbqOverflowItem"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItem, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: '[kbqOverflowItem]'
+                    selector: '[kbqOverflowItem]',
+                    exportAs: 'kbqOverflowItem',
+                    host: { class: 'kbq-overflow-item' }
                 }]
         }] });
 /**
- * Component for automatically hiding elements with dynamic adaptation to the container width.
+ * Directive for managing the visibility of items that overflow the container.
  */
 class KbqOverflowItems {
     constructor() {
-        this.itemElementRefs = viewChildren('itemRef', { read: ElementRef });
         /**
          * `KbqOverflowItem` directive references.
          *
@@ -80,192 +113,115 @@ class KbqOverflowItems {
          * @docs-private
          */
         this.result = contentChild(KbqOverflowItemsResult);
-        this.resultElementRef = viewChild('resultRef', { read: ElementRef });
         /**
-         * Template context for the `KbqOverflowItemsResult` directive.
+         * Whether the overflow order should be reversed.
          *
-         * @docs-private
+         * @default false
          */
-        this.resultTemplateContext = computed(() => {
-            const hiddenItemIDs = new Set(this.items()
-                .filter(({ hidden }) => hidden())
-                .map(({ id }) => id()));
-            return {
-                $implicit: hiddenItemIDs,
-                hiddenItemIDs: hiddenItemIDs
-            };
-        });
+        this.reverseOverflowOrder = input(false, { transform: booleanAttribute });
         /**
-         * Whether the overflow result is hidden.
+         * Debounce time for recalculating items visibility.
          *
-         * @docs-private
+         * @default 100
          */
-        this.resultHidden = computed(() => !this.items().some(({ hidden }) => hidden()));
+        this.debounceTime = input(100, { transform: numberAttribute });
         /**
-         * Whether the overflow order should be reversed.
-         * Also changes the position of the `resultTemplateRef`.
-         *
-         * @default false
+         * Emits when the set of hidden items changes.
          */
-        this.reverseOverflowOrder = input(false, { transform: booleanAttribute });
+        this.changes = output();
+        /**
+         * Set of hidden item IDs.
+         */
+        this.hiddenItemIDs = toSignal(outputToObservable(this.changes), {
+            initialValue: new Set([])
+        });
         this.elementRef = inject(ElementRef);
         this.resizeObserver = inject(SharedResizeObserver);
-        this.contentObserver = inject(ContentObserver);
-        toObservable(this.reverseOverflowOrder)
-            .pipe(skip(1), takeUntilDestroyed())
-            .subscribe(() => {
-            this.items().forEach(({ hidden }) => hidden.set(false));
-        });
-        merge(toObservable(this.items), this.resizeObserver.observe(this.elementRef.nativeElement), this.contentObserver.observe(this.elementRef.nativeElement).pipe(debounceTime(0)))
-            .pipe(takeUntilDestroyed())
+        this.renderer = inject(Renderer2);
+        this.document = inject(DOCUMENT);
+        /**
+         * Determines if the given item is hidden.
+         */
+        this.isHiddenItem = ({ hidden }) => hidden();
+        this.setStyles();
+        merge(toObservable(this.items), toObservable(this.reverseOverflowOrder).pipe(skip(1)), this.resizeObserver.observe(this.elementRef.nativeElement))
+            .pipe(debounceTime(this.debounceTime()), takeUntilDestroyed())
             .subscribe(() => {
-            this.updateItemsVisibility();
+            const hiddenItems = this.calculateItemsVisibility(this.items(), this.reverseOverflowOrder(), this.result(), this.elementRef.nativeElement);
+            const hiddenItemIDs = new Set(hiddenItems.map(({ id }) => id()));
+            this.changes.emit(hiddenItemIDs);
         });
     }
     /**
-     * Updates the visibility of items based on the container width.
-     *
-     * This method calculates whether items should be hidden or shown by comparing the scroll width of the container
-     * with its visible width. It determines which items are visible and which are hidden, and applies the hiding logic
-     * based on the `reverseOverflowOrder` flag.
-     *
-     * The function operates recursively to adjust the visibility of items until the overflow condition is resolved.
-     *
-     * - If the container is overflown, it hides the last visible item from the end (or start if `reverseOverflowOrder`)
-     * and checks if further adjustments are needed.
-     * - If the container is not overflown, it reveals the first hidden item from the start
-     * (or end if `reverseOverflowOrder`), ensuring it fits within the visible area.
+     * Calculates the visibility of items, based on the container width and `reverseOverflowOrder` property.
      */
-    updateItemsVisibility() {
-        const itemElementRefs = this.itemElementRefs();
-        const items = this.items().map(({ hidden }, index, _items) => {
-            return {
-                hidden,
-                isFirst: index === 0,
-                isLast: index === _items.length - 1,
-                elementRef: itemElementRefs[index]
-            };
+    calculateItemsVisibility(items, reverseOverflowOrder, result, { offsetWidth: totalWidth }) {
+        result?.hide();
+        items.forEach((item) => {
+            item.show();
         });
-        const reverseOverflowOrder = this.reverseOverflowOrder();
-        const isEdgeItem = ({ isFirst, isLast }) => (reverseOverflowOrder ? isFirst : isLast);
-        const { offsetWidth: totalWidth, scrollWidth } = this.elementRef.nativeElement;
-        const isOverflown = scrollWidth > totalWidth;
-        if (isOverflown) {
-            const isVisibleItem = ({ hidden }) => !hidden();
-            const lastVisibleItem = !reverseOverflowOrder
-                ? this.findLast(items, isVisibleItem)
-                : items.find(isVisibleItem);
-            if (lastVisibleItem) {
-                lastVisibleItem.hidden.set(true);
-                if (!isEdgeItem(lastVisibleItem)) {
-                    this.updateItemsVisibility();
-                }
+        let itemsWidth = items.reduce((width, { elementRef }) => width + this.getElementWidthWithMargins(elementRef), 0);
+        const startIndex = reverseOverflowOrder ? 0 : items.length - 1;
+        const endIndex = reverseOverflowOrder ? items.length : -1;
+        const step = reverseOverflowOrder ? 1 : -1;
+        const resultWidth = result ? this.getElementWidthWithMargins(result.elementRef) : 0;
+        for (let index = startIndex; index !== endIndex; index += step) {
+            const current = items[index];
+            const currentWidth = this.getElementWidthWithMargins(current.elementRef);
+            const _resultWidth = items.some(this.isHiddenItem) ? resultWidth : 0;
+            if (itemsWidth + _resultWidth > totalWidth) {
+                current.hide();
+                itemsWidth -= currentWidth;
             }
-        }
-        else {
-            const isHiddenItem = ({ hidden }) => hidden();
-            const firstHiddenItem = !reverseOverflowOrder
-                ? items.find(isHiddenItem)
-                : this.findLast(items, isHiddenItem);
-            if (firstHiddenItem) {
-                const firstHiddenItemWidth = firstHiddenItem.elementRef.nativeElement.offsetWidth;
-                const visibleItemsTotalWidth = items
-                    .filter(({ hidden }) => !hidden())
-                    .reduce((width, { elementRef }) => width + elementRef.nativeElement.offsetWidth, 0);
-                const _isEdgeItem = isEdgeItem(firstHiddenItem);
-                const resultWidth = _isEdgeItem ? 0 : this.resultElementRef()?.nativeElement.offsetWidth || 0;
-                if (firstHiddenItemWidth + visibleItemsTotalWidth + resultWidth <= totalWidth) {
-                    firstHiddenItem.hidden.set(false);
-                    if (!_isEdgeItem) {
-                        this.updateItemsVisibility();
-                    }
+            else {
+                const isEdgeElement = reverseOverflowOrder ? index === 0 : index === items.length - 1;
+                const _resultWidth = isEdgeElement ? 0 : resultWidth;
+                if (itemsWidth + currentWidth + _resultWidth <= totalWidth) {
+                    current.show();
+                    itemsWidth += currentWidth;
                 }
             }
         }
-    }
-    /** @TODO Should use `Array.prototype.findLast` after migrating to ES2023 */
-    findLast(array, predicate) {
-        for (let i = array.length - 1; i >= 0; i--) {
-            if (predicate(array[i], i, array)) {
-                return array[i];
-            }
+        const hiddenItems = items.filter(this.isHiddenItem);
+        if (hiddenItems.length > 0) {
+            result?.show();
         }
-        return undefined;
+        return hiddenItems;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqOverflowItems, isStandalone: true, selector: "kbq-overflow-items", inputs: { reverseOverflowOrder: { classPropertyName: "reverseOverflowOrder", publicName: "reverseOverflowOrder", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "kbq-overflow-items" }, queries: [{ propertyName: "items", predicate: KbqOverflowItem, isSignal: true }, { propertyName: "result", first: true, predicate: KbqOverflowItemsResult, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "itemElementRefs", predicate: ["itemRef"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "resultElementRef", first: true, predicate: ["resultRef"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
-        @if (reverseOverflowOrder()) {
-            <ng-container [ngTemplateOutlet]="template" />
-        }
-
-        @for (item of items(); track item.id()) {
-            <div
-                class="kbq-overflow-items__item"
-                #itemRef
-                [attr.aria-hidden]="item.hidden()"
-                [class.kbq-overflow-items__item_hidden]="item.hidden()"
-            >
-                <ng-container [ngTemplateOutlet]="item.templateRef" />
-            </div>
-        }
-
-        @if (!reverseOverflowOrder()) {
-            <ng-container [ngTemplateOutlet]="template" />
-        }
-
-        <ng-template #template>
-            <div
-                class="kbq-overflow-items__result"
-                #resultRef
-                [attr.aria-hidden]="resultHidden()"
-                [class.kbq-overflow-items__result_hidden]="resultHidden()"
-            >
-                <ng-container
-                    [ngTemplateOutlet]="result()?.templateRef || null"
-                    [ngTemplateOutletContext]="resultTemplateContext()"
-                />
-            </div>
-        </ng-template>
-    `, isInline: true, styles: [":host{position:relative;display:flex;flex-grow:1;overflow:hidden;flex-wrap:nowrap;white-space:nowrap}.kbq-overflow-items__item,.kbq-overflow-items__result{display:flex;align-items:center}.kbq-overflow-items__item.kbq-overflow-items__item_hidden,.kbq-overflow-items__item.kbq-overflow-items__result_hidden,.kbq-overflow-items__result.kbq-overflow-items__item_hidden,.kbq-overflow-items__result.kbq-overflow-items__result_hidden{visibility:hidden;position:absolute}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /**
+     * Returns the width of the element including margins.
+     */
+    getElementWidthWithMargins({ nativeElement }) {
+        const { marginLeft, marginRight } = this.getWindow().getComputedStyle(nativeElement);
+        return Math.ceil(parseFloat(marginLeft) + nativeElement.offsetWidth + parseFloat(marginRight));
+    }
+    /**
+     * This method sets the necessary styles for the directive.
+     */
+    setStyles() {
+        this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'relative');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'display', 'flex');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'flex-wrap', 'nowrap');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'flex-grow', '1');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'overflow', 'hidden');
+    }
+    /**
+     * Returns the window object.
+     */
+    getWindow() {
+        return this.document.defaultView || window;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItems, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.6", type: KbqOverflowItems, isStandalone: true, selector: "[kbqOverflowItems]", inputs: { reverseOverflowOrder: { classPropertyName: "reverseOverflowOrder", publicName: "reverseOverflowOrder", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changes: "changes" }, host: { classAttribute: "kbq-overflow-items" }, queries: [{ propertyName: "items", predicate: KbqOverflowItem, isSignal: true }, { propertyName: "result", first: true, predicate: KbqOverflowItemsResult, descendants: true, isSignal: true }], exportAs: ["kbqOverflowItems"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOverflowItems, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'kbq-overflow-items', imports: [NgTemplateOutlet], template: `
-        @if (reverseOverflowOrder()) {
-            <ng-container [ngTemplateOutlet]="template" />
-        }
-
-        @for (item of items(); track item.id()) {
-            <div
-                class="kbq-overflow-items__item"
-                #itemRef
-                [attr.aria-hidden]="item.hidden()"
-                [class.kbq-overflow-items__item_hidden]="item.hidden()"
-            >
-                <ng-container [ngTemplateOutlet]="item.templateRef" />
-            </div>
-        }
-
-        @if (!reverseOverflowOrder()) {
-            <ng-container [ngTemplateOutlet]="template" />
-        }
-
-        <ng-template #template>
-            <div
-                class="kbq-overflow-items__result"
-                #resultRef
-                [attr.aria-hidden]="resultHidden()"
-                [class.kbq-overflow-items__result_hidden]="resultHidden()"
-            >
-                <ng-container
-                    [ngTemplateOutlet]="result()?.templateRef || null"
-                    [ngTemplateOutletContext]="resultTemplateContext()"
-                />
-            </div>
-        </ng-template>
-    `, host: {
-                        class: 'kbq-overflow-items'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;display:flex;flex-grow:1;overflow:hidden;flex-wrap:nowrap;white-space:nowrap}.kbq-overflow-items__item,.kbq-overflow-items__result{display:flex;align-items:center}.kbq-overflow-items__item.kbq-overflow-items__item_hidden,.kbq-overflow-items__item.kbq-overflow-items__result_hidden,.kbq-overflow-items__result.kbq-overflow-items__item_hidden,.kbq-overflow-items__result.kbq-overflow-items__result_hidden{visibility:hidden;position:absolute}\n"] }]
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[kbqOverflowItems]',
+                    exportAs: 'kbqOverflowItems',
+                    host: { class: 'kbq-overflow-items' }
+                }]
         }], ctorParameters: () => [] });
 
 const COMPONENTS = [
@@ -294,5 +250,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { KbqOverflowItem, KbqOverflowItems, KbqOverflowItemsModule, KbqOverflowItemsResult };
+export { ElementVisibilityManager, KbqOverflowItem, KbqOverflowItems, KbqOverflowItemsModule, KbqOverflowItemsResult };
 //# sourceMappingURL=koobiq-components-overflow-items.mjs.map

package/fesm2022/koobiq-components-overflow-items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-overflow-items.mjs","sources":["../../../packages/components/overflow-items/overflow-items.ts","../../../packages/components/overflow-items/module.ts","../../../packages/components/overflow-items/koobiq-components-overflow-items.ts"],"sourcesContent":["import { ContentObserver } from '@angular/cdk/observers';\nimport { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    contentChildren,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    signal,\n    TemplateRef,\n    viewChild,\n    viewChildren\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { debounceTime, merge, skip } from 'rxjs';\n\n/**\n * Template context for the `KbqOverflowItemsResult` directive.\n *\n * @see `KbqOverflowItemsResult`\n */\nexport type KbqOverflowItemsResultContext = {\n    /**\n     * Set of hidden item ID's.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template kbqOverflowItemsResult let-hiddenItemIDs>\n     *  {{ hiddenItemIDs.size }}\n     * </ng-template>\n     * ````\n     */\n    $implicit: ReadonlySet<unknown>;\n    /**\n     * Set of hidden item ID's.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template kbqOverflowItemsResult let-hiddenItemIDs=\"hiddenItemIDs\">\n     *  @if (hiddenItemIDs.has(SOME_ID)) {...}\n     * </ng-template>\n     * ````\n     */\n    hiddenItemIDs: ReadonlySet<unknown>;\n};\n\n/**\n * Directive for providing `KbqOverflowItemsResultContext` to the `KbqOverflowItems` component.\n *\n * @see `KbqOverflowItemsResultContext`\n */\n@Directive({\n    standalone: true,\n    selector: 'ng-template[kbqOverflowItemsResult]'\n})\nexport class KbqOverflowItemsResult {\n    /**\n     * TemplateRef for the overflow result.\n     *\n     * @docs-private\n     */\n    readonly templateRef = inject<TemplateRef<KbqOverflowItemsResultContext>>(TemplateRef);\n}\n\n/**\n * Structure directive for providing items to the `KbqOverflowItems`.\n */\n@Directive({\n    standalone: true,\n    selector: '[kbqOverflowItem]'\n})\nexport class KbqOverflowItem {\n    /**\n     * Identifier for the item.\n     */\n    readonly id = input.required({ alias: 'kbqOverflowItem' });\n\n    /**\n     * Whether the item is hidden.\n     *\n     * @docs-private\n     */\n    readonly hidden = signal<boolean>(false);\n\n    /**\n     * TemplateRef for the item.\n     *\n     * @docs-private\n     */\n    readonly templateRef = inject(TemplateRef);\n}\n\n/**\n * Component for automatically hiding elements with dynamic adaptation to the container width.\n */\n@Component({\n    standalone: true,\n    selector: 'kbq-overflow-items',\n    imports: [NgTemplateOutlet],\n    template: `\n        @if (reverseOverflowOrder()) {\n            <ng-container [ngTemplateOutlet]=\"template\" />\n        }\n\n        @for (item of items(); track item.id()) {\n            <div\n                class=\"kbq-overflow-items__item\"\n                #itemRef\n                [attr.aria-hidden]=\"item.hidden()\"\n                [class.kbq-overflow-items__item_hidden]=\"item.hidden()\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item.templateRef\" />\n            </div>\n        }\n\n        @if (!reverseOverflowOrder()) {\n            <ng-container [ngTemplateOutlet]=\"template\" />\n        }\n\n        <ng-template #template>\n            <div\n                class=\"kbq-overflow-items__result\"\n                #resultRef\n                [attr.aria-hidden]=\"resultHidden()\"\n                [class.kbq-overflow-items__result_hidden]=\"resultHidden()\"\n            >\n                <ng-container\n                    [ngTemplateOutlet]=\"result()?.templateRef || null\"\n                    [ngTemplateOutletContext]=\"resultTemplateContext()\"\n                />\n            </div>\n        </ng-template>\n    `,\n    styleUrl: './overflow-items.scss',\n    host: {\n        class: 'kbq-overflow-items'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqOverflowItems {\n    private readonly itemElementRefs = viewChildren<string, ElementRef<HTMLElement>>('itemRef', { read: ElementRef });\n\n    /**\n     * `KbqOverflowItem` directive references.\n     *\n     * @docs-private\n     */\n    protected readonly items = contentChildren(KbqOverflowItem);\n\n    /**\n     * `KbqOverflowItemsResult` directive reference.\n     *\n     * @docs-private\n     */\n    protected readonly result = contentChild(KbqOverflowItemsResult);\n\n    private readonly resultElementRef = viewChild<string, ElementRef<HTMLElement>>('resultRef', { read: ElementRef });\n\n    /**\n     * Template context for the `KbqOverflowItemsResult` directive.\n     *\n     * @docs-private\n     */\n    protected readonly resultTemplateContext = computed<KbqOverflowItemsResultContext>(() => {\n        const hiddenItemIDs = new Set(\n            this.items()\n                .filter(({ hidden }) => hidden())\n                .map(({ id }) => id())\n        );\n        return {\n            $implicit: hiddenItemIDs,\n            hiddenItemIDs: hiddenItemIDs\n        };\n    });\n\n    /**\n     * Whether the overflow result is hidden.\n     *\n     * @docs-private\n     */\n    protected readonly resultHidden = computed(() => !this.items().some(({ hidden }) => hidden()));\n\n    /**\n     * Whether the overflow order should be reversed.\n     * Also changes the position of the `resultTemplateRef`.\n     *\n     * @default false\n     */\n    readonly reverseOverflowOrder = input(false, { transform: booleanAttribute });\n\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly resizeObserver = inject(SharedResizeObserver);\n    private readonly contentObserver = inject(ContentObserver);\n\n    constructor() {\n        toObservable(this.reverseOverflowOrder)\n            .pipe(skip(1), takeUntilDestroyed())\n            .subscribe(() => {\n                this.items().forEach(({ hidden }) => hidden.set(false));\n            });\n\n        merge(\n            toObservable(this.items),\n            this.resizeObserver.observe(this.elementRef.nativeElement),\n            this.contentObserver.observe(this.elementRef.nativeElement).pipe(debounceTime(0))\n        )\n            .pipe(takeUntilDestroyed())\n            .subscribe(() => {\n                this.updateItemsVisibility();\n            });\n    }\n\n    /**\n     * Updates the visibility of items based on the container width.\n     *\n     * This method calculates whether items should be hidden or shown by comparing the scroll width of the container\n     * with its visible width. It determines which items are visible and which are hidden, and applies the hiding logic\n     * based on the `reverseOverflowOrder` flag.\n     *\n     * The function operates recursively to adjust the visibility of items until the overflow condition is resolved.\n     *\n     * - If the container is overflown, it hides the last visible item from the end (or start if `reverseOverflowOrder`)\n     * and checks if further adjustments are needed.\n     * - If the container is not overflown, it reveals the first hidden item from the start\n     * (or end if `reverseOverflowOrder`), ensuring it fits within the visible area.\n     */\n    private updateItemsVisibility(): void {\n        const itemElementRefs = this.itemElementRefs();\n        const items = this.items().map(({ hidden }, index, _items) => {\n            return {\n                hidden,\n                isFirst: index === 0,\n                isLast: index === _items.length - 1,\n                elementRef: itemElementRefs[index]\n            };\n        });\n        const reverseOverflowOrder = this.reverseOverflowOrder();\n        const isEdgeItem = ({ isFirst, isLast }: (typeof items)[number]) => (reverseOverflowOrder ? isFirst : isLast);\n        const { offsetWidth: totalWidth, scrollWidth } = this.elementRef.nativeElement;\n        const isOverflown = scrollWidth > totalWidth;\n        if (isOverflown) {\n            const isVisibleItem = ({ hidden }: (typeof items)[number]) => !hidden();\n            const lastVisibleItem = !reverseOverflowOrder\n                ? this.findLast(items, isVisibleItem)\n                : items.find(isVisibleItem);\n            if (lastVisibleItem) {\n                lastVisibleItem.hidden.set(true);\n                if (!isEdgeItem(lastVisibleItem)) {\n                    this.updateItemsVisibility();\n                }\n            }\n        } else {\n            const isHiddenItem = ({ hidden }: (typeof items)[number]) => hidden();\n            const firstHiddenItem = !reverseOverflowOrder\n                ? items.find(isHiddenItem)\n                : this.findLast(items, isHiddenItem);\n            if (firstHiddenItem) {\n                const firstHiddenItemWidth = firstHiddenItem.elementRef.nativeElement.offsetWidth;\n                const visibleItemsTotalWidth = items\n                    .filter(({ hidden }) => !hidden())\n                    .reduce((width, { elementRef }) => width + elementRef.nativeElement.offsetWidth, 0);\n                const _isEdgeItem = isEdgeItem(firstHiddenItem);\n                const resultWidth = _isEdgeItem ? 0 : this.resultElementRef()?.nativeElement.offsetWidth || 0;\n                if (firstHiddenItemWidth + visibleItemsTotalWidth + resultWidth <= totalWidth) {\n                    firstHiddenItem.hidden.set(false);\n                    if (!_isEdgeItem) {\n                        this.updateItemsVisibility();\n                    }\n                }\n            }\n        }\n    }\n\n    /** @TODO Should use `Array.prototype.findLast` after migrating to ES2023 */\n    private findLast<T>(array: T[], predicate: (value: T, index: number, array: T[]) => boolean): T | undefined {\n        for (let i = array.length - 1; i >= 0; i--) {\n            if (predicate(array[i], i, array)) {\n                return array[i];\n            }\n        }\n        return undefined;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqOverflowItem, KbqOverflowItems, KbqOverflowItemsResult } from './overflow-items';\n\nconst COMPONENTS = [\n    KbqOverflowItems,\n    KbqOverflowItem,\n    KbqOverflowItemsResult\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqOverflowItemsModule {}\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-overflow-items.mjs","sources":["../../../packages/components/overflow-items/overflow-items.ts","../../../packages/components/overflow-items/module.ts","../../../packages/components/overflow-items/koobiq-components-overflow-items.ts"],"sourcesContent":["import { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    booleanAttribute,\n    contentChild,\n    contentChildren,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    numberAttribute,\n    output,\n    Renderer2,\n    signal\n} from '@angular/core';\nimport { outputToObservable, takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';\nimport { debounceTime, merge, skip } from 'rxjs';\n\n/**\n * Manages the visibility of the element.\n *\n * @docs-private\n */\n@Directive({\n    host: {\n        '[attr.aria-hidden]': 'hidden()'\n    }\n})\nexport class ElementVisibilityManager {\n    private readonly renderer = inject(Renderer2);\n\n    /**\n     * Reference to the element.\n     *\n     * @docs-private\n     */\n    readonly elementRef = inject(ElementRef);\n\n    /**\n     * Whether the element is hidden.\n     *\n     * @docs-private\n     */\n    readonly hidden = signal(false);\n\n    /**\n     * Hides the element.\n     *\n     * @docs-private\n     */\n    hide(): void {\n        this.renderer.setStyle(this.elementRef.nativeElement, 'visibility', 'hidden');\n        this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'absolute');\n        this.hidden.set(true);\n    }\n\n    /**\n     * Shows the element.\n     *\n     * @docs-private\n     */\n    show(): void {\n        this.renderer.removeStyle(this.elementRef.nativeElement, 'visibility');\n        this.renderer.removeStyle(this.elementRef.nativeElement, 'position');\n        this.hidden.set(false);\n    }\n}\n\n/**\n * Directive for displaying the result of hidden items by the `KbqOverflowItems` directive.\n */\n@Directive({\n    standalone: true,\n    selector: '[kbqOverflowItemsResult]',\n    exportAs: 'kbqOverflowItemsResult',\n    host: { class: 'kbq-overflow-items-result' }\n})\nexport class KbqOverflowItemsResult extends ElementVisibilityManager {}\n\n/**\n * Directive for the item that can be hidden by the `KbqOverflowItems` directive.\n */\n@Directive({\n    standalone: true,\n    selector: '[kbqOverflowItem]',\n    exportAs: 'kbqOverflowItem',\n    host: { class: 'kbq-overflow-item' }\n})\nexport class KbqOverflowItem extends ElementVisibilityManager {\n    /**\n     * Unique identifier for the item.\n     */\n    readonly id = input.required({ alias: 'kbqOverflowItem' });\n}\n\n/**\n * Directive for managing the visibility of items that overflow the container.\n */\n@Directive({\n    standalone: true,\n    selector: '[kbqOverflowItems]',\n    exportAs: 'kbqOverflowItems',\n    host: { class: 'kbq-overflow-items' }\n})\nexport class KbqOverflowItems {\n    /**\n     * `KbqOverflowItem` directive references.\n     *\n     * @docs-private\n     */\n    private readonly items = contentChildren(KbqOverflowItem);\n\n    /**\n     * `KbqOverflowItemsResult` directive reference.\n     *\n     * @docs-private\n     */\n    private readonly result = contentChild(KbqOverflowItemsResult);\n\n    /**\n     * Whether the overflow order should be reversed.\n     *\n     * @default false\n     */\n    readonly reverseOverflowOrder = input(false, { transform: booleanAttribute });\n\n    /**\n     * Debounce time for recalculating items visibility.\n     *\n     * @default 100\n     */\n    readonly debounceTime = input(100, { transform: numberAttribute });\n\n    /**\n     * Emits when the set of hidden items changes.\n     */\n    readonly changes = output<ReadonlySet<unknown>>();\n\n    /**\n     * Set of hidden item IDs.\n     */\n    readonly hiddenItemIDs = toSignal(outputToObservable(this.changes), {\n        initialValue: new Set<unknown>([]) as ReadonlySet<unknown>\n    });\n\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly resizeObserver = inject(SharedResizeObserver);\n    private readonly renderer = inject(Renderer2);\n    private readonly document = inject(DOCUMENT);\n\n    constructor() {\n        this.setStyles();\n\n        merge(\n            toObservable(this.items),\n            toObservable(this.reverseOverflowOrder).pipe(skip(1)),\n            this.resizeObserver.observe(this.elementRef.nativeElement)\n        )\n            .pipe(debounceTime(this.debounceTime()), takeUntilDestroyed())\n            .subscribe(() => {\n                const hiddenItems = this.calculateItemsVisibility(\n                    this.items(),\n                    this.reverseOverflowOrder(),\n                    this.result(),\n                    this.elementRef.nativeElement\n                );\n                const hiddenItemIDs = new Set(hiddenItems.map(({ id }) => id()));\n                this.changes.emit(hiddenItemIDs);\n            });\n    }\n\n    /**\n     * Calculates the visibility of items, based on the container width and `reverseOverflowOrder` property.\n     */\n    private calculateItemsVisibility(\n        items: readonly KbqOverflowItem[],\n        reverseOverflowOrder: boolean,\n        result: KbqOverflowItemsResult | undefined,\n        { offsetWidth: totalWidth }: HTMLElement\n    ): KbqOverflowItem[] {\n        result?.hide();\n        items.forEach((item) => {\n            item.show();\n        });\n        let itemsWidth = items.reduce(\n            (width, { elementRef }) => width + this.getElementWidthWithMargins(elementRef),\n            0\n        );\n        const startIndex = reverseOverflowOrder ? 0 : items.length - 1;\n        const endIndex = reverseOverflowOrder ? items.length : -1;\n        const step = reverseOverflowOrder ? 1 : -1;\n        const resultWidth = result ? this.getElementWidthWithMargins(result.elementRef) : 0;\n        for (let index = startIndex; index !== endIndex; index += step) {\n            const current = items[index];\n            const currentWidth = this.getElementWidthWithMargins(current.elementRef);\n            const _resultWidth = items.some(this.isHiddenItem) ? resultWidth : 0;\n            if (itemsWidth + _resultWidth > totalWidth) {\n                current.hide();\n                itemsWidth -= currentWidth;\n            } else {\n                const isEdgeElement = reverseOverflowOrder ? index === 0 : index === items.length - 1;\n                const _resultWidth = isEdgeElement ? 0 : resultWidth;\n                if (itemsWidth + currentWidth + _resultWidth <= totalWidth) {\n                    current.show();\n                    itemsWidth += currentWidth;\n                }\n            }\n        }\n        const hiddenItems = items.filter(this.isHiddenItem);\n        if (hiddenItems.length > 0) {\n            result?.show();\n        }\n        return hiddenItems;\n    }\n\n    /**\n     * Returns the width of the element including margins.\n     */\n    private getElementWidthWithMargins({ nativeElement }: ElementRef<HTMLElement>): number {\n        const { marginLeft, marginRight } = this.getWindow().getComputedStyle(nativeElement);\n        return Math.ceil(parseFloat(marginLeft) + nativeElement.offsetWidth + parseFloat(marginRight));\n    }\n\n    /**\n     * This method sets the necessary styles for the directive.\n     */\n    private setStyles(): void {\n        this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'relative');\n        this.renderer.setStyle(this.elementRef.nativeElement, 'display', 'flex');\n        this.renderer.setStyle(this.elementRef.nativeElement, 'flex-wrap', 'nowrap');\n        this.renderer.setStyle(this.elementRef.nativeElement, 'flex-grow', '1');\n        this.renderer.setStyle(this.elementRef.nativeElement, 'overflow', 'hidden');\n    }\n\n    /**\n     * Determines if the given item is hidden.\n     */\n    private isHiddenItem = ({ hidden }: KbqOverflowItem) => hidden();\n\n    /**\n     * Returns the window object.\n     */\n    private getWindow(): Window {\n        return this.document.defaultView || window;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqOverflowItem, KbqOverflowItems, KbqOverflowItemsResult } from './overflow-items';\n\nconst COMPONENTS = [\n    KbqOverflowItems,\n    KbqOverflowItem,\n    KbqOverflowItemsResult\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqOverflowItemsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}