@koobiq/components 18.18.0 → 18.20.0

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

@@ -1,72 +1,106 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, input, viewChildren, ElementRef, contentChildren, contentChild, viewChild, computed, signal, booleanAttribute, numberAttribute, ChangeDetectorRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+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 { 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 = 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.
          *
@@ -79,29 +113,8 @@ class KbqOverflowItems {
          * @docs-private
          */
         this.result = contentChild(KbqOverflowItemsResult);
-        this.resultElementRef = viewChild('resultRef', { read: ElementRef });
-        /**
-         * Template context for the `KbqOverflowItemsResult` directive.
-         *
-         * @docs-private
-         */
-        this.resultTemplateContext = computed(() => {
-            const hiddenItemIDs = this.hiddenItemIDs();
-            return {
-                $implicit: hiddenItemIDs,
-                hiddenItemIDs: hiddenItemIDs
-            };
-        });
-        this.hiddenItemIDs = signal(new Set([]));
-        /**
-         * Whether the overflow result is hidden.
-         *
-         * @docs-private
-         */
-        this.resultHidden = computed(() => this.hiddenItemIDs().size === 0);
         /**
          * Whether the overflow order should be reversed.
-         * Also changes the position of the `resultTemplateRef`.
          *
          * @default false
          */
@@ -112,126 +125,103 @@ class KbqOverflowItems {
          * @default 100
          */
         this.debounceTime = input(100, { transform: numberAttribute });
+        /**
+         * Emits when the set of hidden items changes.
+         */
+        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.changeDetectorRef = inject(ChangeDetectorRef);
+        this.renderer = inject(Renderer2);
+        this.document = inject(DOCUMENT);
         /**
          * Determines if the given item is hidden.
          */
-        this.isHiddenItem = ({ hidden }) => 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(() => {
-            const items = this.items();
-            this.updateItemsVisibility(items, this.itemElementRefs(), this.reverseOverflowOrder(), this.resultElementRef(), this.elementRef.nativeElement);
-            this.hiddenItemIDs.set(new Set(items.filter(this.isHiddenItem).map(({ id }) => id())));
-            this.changeDetectorRef.markForCheck();
+            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 items visibility, based on the container width and the `reverseOverflowOrder` flag.
+     * Calculates the visibility of items, based on the container width and `reverseOverflowOrder` property.
      */
-    updateItemsVisibility(items, itemElementRefs, reverseOverflowOrder, resultElementRef, { offsetWidth: totalWidth }) {
+    calculateItemsVisibility(items, reverseOverflowOrder, result, { offsetWidth: totalWidth }) {
+        result?.hide();
         items.forEach((item) => {
-            item.hidden = false;
+            item.show();
         });
-        let itemsWidth = items.reduce((width, _, index) => width + itemElementRefs[index].nativeElement.offsetWidth, 0);
+        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 = resultElementRef?.nativeElement.offsetWidth || 0;
+        const resultWidth = result ? this.getElementWidthWithMargins(result.elementRef) : 0;
         for (let index = startIndex; index !== endIndex; index += step) {
             const current = items[index];
-            const currentWidth = itemElementRefs[index].nativeElement.offsetWidth;
+            const currentWidth = this.getElementWidthWithMargins(current.elementRef);
             const _resultWidth = items.some(this.isHiddenItem) ? resultWidth : 0;
             if (itemsWidth + _resultWidth > totalWidth) {
-                current.hidden = true;
+                current.hide();
                 itemsWidth -= currentWidth;
             }
             else {
                 const isEdgeElement = reverseOverflowOrder ? index === 0 : index === items.length - 1;
                 const _resultWidth = isEdgeElement ? 0 : resultWidth;
                 if (itemsWidth + currentWidth + _resultWidth <= totalWidth) {
-                    current.hidden = false;
+                    current.show();
                     itemsWidth += currentWidth;
                 }
             }
         }
-    }
-    /** @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 }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", 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" />
+        const hiddenItems = items.filter(this.isHiddenItem);
+        if (hiddenItems.length > 0) {
+            result?.show();
         }
-
-        @for (item of items(); track item) {
-            <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 }); }
+        return hiddenItems;
+    }
+    /**
+     * 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) {
-            <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 = [
@@ -260,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 { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    computed,\n    contentChild,\n    contentChildren,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    numberAttribute,\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    hidden: 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) {\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 = this.hiddenItemIDs();\n        return {\n            $implicit: hiddenItemIDs,\n            hiddenItemIDs: hiddenItemIDs\n        };\n    });\n\n    private readonly hiddenItemIDs = signal<ReadonlySet<unknown>>(new Set([]));\n\n    /**\n     * Whether the overflow result is hidden.\n     *\n     * @docs-private\n     */\n    protected readonly resultHidden = computed(() => this.hiddenItemIDs().size === 0);\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    /**\n     * Debounce time for recalculating items visibility.\n     *\n     * @default 100\n     */\n    readonly debounceTime = input(100, { transform: numberAttribute });\n\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly resizeObserver = inject(SharedResizeObserver);\n    private readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n    constructor() {\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 items = this.items();\n                this.updateItemsVisibility(\n                    items,\n                    this.itemElementRefs(),\n                    this.reverseOverflowOrder(),\n                    this.resultElementRef(),\n                    this.elementRef.nativeElement\n                );\n                this.hiddenItemIDs.set(new Set(items.filter(this.isHiddenItem).map(({ id }) => id())));\n                this.changeDetectorRef.markForCheck();\n            });\n    }\n\n    /**\n     * Updates items visibility, based on the container width and the `reverseOverflowOrder` flag.\n     */\n    private updateItemsVisibility(\n        items: readonly KbqOverflowItem[],\n        itemElementRefs: readonly ElementRef<HTMLElement>[],\n        reverseOverflowOrder: boolean,\n        resultElementRef: ElementRef<HTMLElement> | undefined,\n        { offsetWidth: totalWidth }: HTMLElement\n    ): void {\n        items.forEach((item) => {\n            item.hidden = false;\n        });\n        let itemsWidth = items.reduce((width, _, index) => width + itemElementRefs[index].nativeElement.offsetWidth, 0);\n        const startIndex = reverseOverflowOrder ? 0 : items.length - 1;\n        const endIndex = reverseOverflowOrder ? items.length : -1;\n        const step = reverseOverflowOrder ? 1 : -1;\n        const resultWidth = resultElementRef?.nativeElement.offsetWidth || 0;\n        for (let index = startIndex; index !== endIndex; index += step) {\n            const current = items[index];\n            const currentWidth = itemElementRefs[index].nativeElement.offsetWidth;\n            const _resultWidth = items.some(this.isHiddenItem) ? resultWidth : 0;\n            if (itemsWidth + _resultWidth > totalWidth) {\n                current.hidden = true;\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.hidden = false;\n                    itemsWidth += currentWidth;\n                }\n            }\n        }\n    }\n\n    /**\n     * Determines if the given item is hidden.\n     */\n    private isHiddenItem = ({ hidden }: KbqOverflowItem) => hidden;\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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"}