@ngneers/controls 0.0.1-next.0

package/fesm2022/ngneers-controls-item-view.mjs

@@ -0,0 +1,473 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, contentChild, computed, viewChild, Directive, booleanAttribute, signal, inject, viewChildren, Component } from '@angular/core';
+import { templateTypesFn, Platform, elementSizeSignal, elementsSizesSignal, NgnTemplate } from '@ngneers/controls/api/ng';
+import { NgnBase, NgnPt, provideSelf } from '@ngneers/controls/base';
+import { NgnIcon } from '@ngneers/controls/icon';
+import { NgnError, areArraysDeepEqual, throwExp } from '@ngneers/controls/utils';
+import { itemViewControlTemplate } from '@ngneers/controls-themes/templates/item-view';
+
+/**
+ * Returns the *priority order* in which items are considered for keeping visible.
+ * The algorithm is greedy: it walks this list until items no longer fit.
+ * Each entry also carries a `location` which describes which overflow indicator would own the item.
+ */
+function getItemOverflowCheckOrder(params) {
+    const count = Math.max(0, Math.floor(params.count));
+    if (count === 0) {
+        return [];
+    }
+    const freezeCount = Math.min(Math.max(0, Math.floor(params.freezeCount)), count);
+    switch (params.strategy) {
+        case 'end': {
+            const arr = Array.from({ length: count - freezeCount }, (_, i) => i);
+            arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => count - freezeCount + i));
+            return arr.map(index => ({ index, location: 'end' }));
+        }
+        case 'start': {
+            const arr = Array.from({ length: count - freezeCount }, (_, i) => count - i - 1);
+            arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => i));
+            return arr.map(index => ({ index, location: 'start' }));
+        }
+        case 'center': {
+            // "Center" overflows symmetrically: keep alternating left/right items first.
+            const order = [];
+            let leftIndex = 0;
+            let rightIndex = count - 1;
+            for (let i = 0; i < count; i++) {
+                if (i % 2 === 0) {
+                    order.push({ index: leftIndex++, location: 'center' });
+                }
+                else {
+                    order.push({ index: rightIndex--, location: 'center' });
+                }
+            }
+            return order;
+        }
+        case 'aroundIndex': {
+            // "AroundIndex" keeps the chosen item visible, then expands outward on both sides.
+            // FreezeCount applies to both ends; we must ensure the chosen index stays in-bounds.
+            const minIndex = Math.min(freezeCount, count - 1);
+            const maxIndex = Math.max(minIndex, count - freezeCount - 1);
+            const index = Math.min(Math.max(minIndex, Math.floor(params.strategyIndex)), maxIndex);
+            const targetMiddleCount = Math.max(0, count - freezeCount * 2);
+            const order = targetMiddleCount > 0 ? [{ index, location: 'start' }] : [];
+            let offset = 1;
+            while (order.length < targetMiddleCount) {
+                if (index - offset >= freezeCount) {
+                    order.push({ index: index - offset, location: 'start' });
+                }
+                if (order.length >= targetMiddleCount) {
+                    break;
+                }
+                if (index + offset < count - freezeCount) {
+                    order.push({
+                        index: index + offset,
+                        location: 'end',
+                    });
+                }
+                offset++;
+            }
+            // Insert frozen items near the front of the list so they are kept visible.
+            // Keep the insertion ordering consistent with the component implementation.
+            order.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => ({ index: i, location: 'start' })));
+            order.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => ({
+                index: count - freezeCount + i,
+                location: 'end',
+            })));
+            return order;
+        }
+    }
+}
+function calculateItemViewLayout(params) {
+    const count = Math.max(0, Math.floor(params.count));
+    const containerWidth = Math.max(0, params.containerWidth);
+    const overflowItemWidth = Math.max(0, params.overflowItemWidth);
+    const gap = Math.max(0, params.gap);
+    const maxOverflowIndicatorCount = params.strategy === 'aroundIndex' ? 2 : 1;
+    const overflowCheckOrder = getItemOverflowCheckOrder({
+        count,
+        strategy: params.strategy,
+        freezeCount: params.freezeCount,
+        strategyIndex: params.strategyIndex,
+    });
+    const getVisibleItemCount = (reservedWidth) => {
+        let visibleItemCount = 0;
+        let totalWidth = Math.max(0, reservedWidth);
+        for (let i = 0; i < overflowCheckOrder.length; i++) {
+            const index = overflowCheckOrder[i]?.index;
+            if (index === undefined) {
+                throw new NgnError('calculateItemViewLayout', 'Invalid overflow check order: index is undefined');
+            }
+            const itemWidth = params.itemWidths[index] ?? 0;
+            const itemGap = i > 0 ? gap : 0;
+            const newWidth = totalWidth + itemWidth + itemGap;
+            if (newWidth <= containerWidth) {
+                totalWidth = newWidth;
+                visibleItemCount++;
+            }
+            else {
+                break;
+            }
+        }
+        return visibleItemCount;
+    };
+    let overflowIndicatorCount = 0;
+    let previousOverflowIndicatorCount = -1;
+    let remainingItemOrders = overflowCheckOrder;
+    let renderedItemOrders = [];
+    let overflowIndicatorLocations = new Set();
+    // Fixed-point iteration:
+    // 1) We blindly assume that we don't need any overflow indicators for the first pass.
+    // 2) We see how many items fit with that assumption.
+    // 3) The remaining items define which overflow locations exist (start/end/center).
+    // 4) That determines the *actual* number of indicators.
+    // Repeat until the indicator count stabilizes.
+    while (overflowIndicatorCount !== previousOverflowIndicatorCount) {
+        previousOverflowIndicatorCount = overflowIndicatorCount;
+        const initialVisibleItemCount = getVisibleItemCount(overflowIndicatorCount * (overflowItemWidth + gap));
+        remainingItemOrders = overflowCheckOrder
+            .slice(initialVisibleItemCount)
+            .toSorted((a, b) => a.index - b.index);
+        overflowIndicatorLocations = new Set(remainingItemOrders.map(i => i.location));
+        overflowIndicatorCount = overflowIndicatorLocations.size;
+        const finalVisibleItemCount = getVisibleItemCount(overflowIndicatorCount * (overflowItemWidth + gap));
+        renderedItemOrders = overflowCheckOrder.slice(0, finalVisibleItemCount);
+    }
+    ['start', 'end'].forEach(location => {
+        // Optimization: if all overflowed items for a side would fit inside the overflow indicator width,
+        // we can render them inline and drop that overflow indicator entirely.
+        // This is only applicable for start/end & the aroundIndex strategy. Center has no "adjacent" insertion point.
+        if (overflowIndicatorLocations.has(location)) {
+            const itemsWithIndices = remainingItemOrders
+                .map((x, i) => [i + renderedItemOrders.length, x])
+                .filter(x => x[1].location === location);
+            const itemSizes = itemsWithIndices.map(i => params.itemWidths[i[1].index] ?? 0);
+            const itemsTotalSize = itemSizes.reduce((a, b) => a + b, 0);
+            if (itemsTotalSize <= overflowItemWidth) {
+                overflowIndicatorLocations.delete(location);
+                renderedItemOrders = [...renderedItemOrders, ...itemsWithIndices.map(i => i[1])];
+                overflowIndicatorCount--;
+            }
+        }
+    });
+    // Keep result consistent after the optimization pass.
+    const renderedIndices = new Set(renderedItemOrders.map(x => x.index));
+    remainingItemOrders = overflowCheckOrder
+        .filter(x => !renderedIndices.has(x.index))
+        .toSorted((a, b) => a.index - b.index);
+    // Calculate the insertion indices for the overflow indicators.
+    const overflowIndicatorIndices = (() => {
+        if (overflowIndicatorCount === 0) {
+            return [null];
+        }
+        else if (maxOverflowIndicatorCount === 1 && overflowIndicatorCount === 1) {
+            return [remainingItemOrders[0]?.index ?? null];
+        }
+        else if (maxOverflowIndicatorCount === 2) {
+            const res = [];
+            const firstEndIndex = remainingItemOrders.find(x => x.location === 'end')?.index;
+            const lastEndIndex = remainingItemOrders.findLast(x => x.location === 'end')?.index;
+            const firstStartIndex = remainingItemOrders.find(x => x.location === 'start')?.index;
+            const lastStartIndex = remainingItemOrders.findLast(x => x.location === 'start')?.index;
+            if (overflowIndicatorLocations.has('start')) {
+                const startIndex = firstStartIndex ?? firstEndIndex ?? 0;
+                res.push(startIndex + Math.min(Math.max(0, Math.floor(params.freezeCount)), count));
+            }
+            if (overflowIndicatorLocations.has('end')) {
+                const endIndex = lastEndIndex ? lastEndIndex + 1 : (lastStartIndex ?? 0);
+                res.push(endIndex);
+            }
+            return res;
+        }
+        return [];
+    })();
+    return {
+        checkOrder: overflowCheckOrder,
+        renderedItemOrders,
+        remainingItemOrders,
+        overflowIndicatorCount,
+        overflowIndicatorIndices,
+    };
+}
+
+class ItemViewTemplates extends NgnBase {
+    /**
+     * The template to be used for rendering each item in the item view.
+     * Can also be set using the `item` content child.
+     */
+    templateItem = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateItem" }] : /* istanbul ignore next */ []));
+    _userItemTemplate = contentChild('item', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userItemTemplate" }] : /* istanbul ignore next */ []));
+    itemTemplate = computed(() => this._userItemTemplate() ?? this.templateItem(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+    // Separator template
+    _defaultSeparatorTemplate = viewChild.required('defaultSeparatorTemplate');
+    _userSeparatorTemplate = contentChild('separator', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userSeparatorTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Set a custom template for the separators between items.
+     * Can also be set using an `<ng-template>` element with `#separator` template reference variable.
+     */
+    templateSeparator = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateSeparator" }] : /* istanbul ignore next */ []));
+    separatorTemplate = computed(() => this._userSeparatorTemplate() ?? this.templateSeparator() ?? this._defaultSeparatorTemplate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separatorTemplate" }] : /* istanbul ignore next */ []));
+    // Overflow item template
+    _defaultOverflowItemTemplate = viewChild.required('defaultOverflowItemTemplate');
+    _userOverflowItemTemplate = contentChild('overflow', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userOverflowItemTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Set a custom template for the overflow item.
+     * Can also be set using an `<ng-template>` element with `#overflow` template reference variable.
+     */
+    templateOverflow = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateOverflow" }] : /* istanbul ignore next */ []));
+    overflowTemplate = computed(() => this._userOverflowItemTemplate() ??
+        this.templateOverflow() ??
+        this._defaultOverflowItemTemplate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Template types for the item-view.
+     * Can be used with the {@link NgnTemplate} directive for type safe ng-templates.
+     */
+    templateTypes = templateTypesFn();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ItemViewTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", type: ItemViewTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateSeparator: { classPropertyName: "templateSeparator", publicName: "templateSeparator", isSignal: true, isRequired: false, transformFunction: null }, templateOverflow: { classPropertyName: "templateOverflow", publicName: "templateOverflow", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userSeparatorTemplate", first: true, predicate: ["separator"], descendants: true, isSignal: true }, { propertyName: "_userOverflowItemTemplate", first: true, predicate: ["overflow"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultSeparatorTemplate", first: true, predicate: ["defaultSeparatorTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultOverflowItemTemplate", first: true, predicate: ["defaultOverflowItemTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ItemViewTemplates, decorators: [{
+            type: Directive
+        }], propDecorators: { templateItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateItem", required: false }] }], _userItemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], _defaultSeparatorTemplate: [{ type: i0.ViewChild, args: ['defaultSeparatorTemplate', { isSignal: true }] }], _userSeparatorTemplate: [{ type: i0.ContentChild, args: ['separator', { isSignal: true }] }], templateSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSeparator", required: false }] }], _defaultOverflowItemTemplate: [{ type: i0.ViewChild, args: ['defaultOverflowItemTemplate', { isSignal: true }] }], _userOverflowItemTemplate: [{ type: i0.ContentChild, args: ['overflow', { isSignal: true }] }], templateOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateOverflow", required: false }] }] } });
+
+/**
+ * @category control
+ */
+class NgnItemView extends ItemViewTemplates {
+    theme = this.injectThemeTemplate(itemViewControlTemplate, 'root');
+    /**
+     * The key of the id property in the item object. This is used to track items in the template.
+     */
+    idField = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "idField" }] : /* istanbul ignore next */ []));
+    /**
+     * The items to be displayed in the item view.
+     * This is a required input and should be an array of items of type {@link T}.
+     */
+    items = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    /**
+     * A separator string (character) to be displayed between items. Set `true` for `,` or provide a custom string.
+     */
+    separator = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "separator" }] : /* istanbul ignore next */ []));
+    /**
+     * A separator icon to be displayed between items.
+     */
+    iconItemSeparator = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "iconItemSeparator" }] : /* istanbul ignore next */ []));
+    /**
+     * Strategy to use when there are more items than can be displayed in the available space.
+     * The value determines where the items should start to overflow.
+     * @default 'end'
+     */
+    overflowStrategy = input('end', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowStrategy" }] : /* istanbul ignore next */ []));
+    /**
+     * The amount of items to keep visible after or before overflowing, depending on the {@link overflowStrategy}.
+     * @default 0
+     */
+    overflowStrategyFreezeCount = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowStrategyFreezeCount" }] : /* istanbul ignore next */ []));
+    /**
+     * Index of the item to be used as the overflow indicator when using the 'aroundIndex' overflow strategy.
+     * This input is only relevant when the {@link overflowStrategy} is set to 'aroundIndex'.
+     * @default 0
+     */
+    overflowStrategyIndex = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowStrategyIndex" }] : /* istanbul ignore next */ []));
+    /**
+     * Set this to `true` for greatly improving performance when all items have the same width.
+     * Especially true for large lists of items.
+     *
+     * Only the first item is measured and its width is assumed for all others, instead
+     * of measuring every rendered item. The rendered structure is unchanged — overflowed
+     * items are still emitted as `role="listitem"` and the overflow indicator still shows
+     * the hidden count — so accessibility is unaffected. The tradeoff is correctness:
+     * if items are *not* actually the same width, the visible/overflow split will be wrong.
+     * @default false
+     */
+    sameWidthItems = input(false, { ...(ngDevMode ? { debugName: "sameWidthItems" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    _themeGap = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_themeGap" }] : /* istanbul ignore next */ []));
+    _isBrowser = inject(Platform).isBrowser;
+    separatorChar = computed(() => {
+        const sep = this.separator();
+        return typeof sep === 'boolean' ? (sep ? ', ' : '') : sep;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separatorChar" }] : /* istanbul ignore next */ []));
+    _enableSizeMeasuring = computed(() => !this.sameWidthItems(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_enableSizeMeasuring" }] : /* istanbul ignore next */ []));
+    _renderedItemRefs = viewChildren('itemRef', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_renderedItemRefs" }] : /* istanbul ignore next */ []));
+    _firstItemRef = viewChild('itemRef', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_firstItemRef" }] : /* istanbul ignore next */ []));
+    _firstItemWidth = elementSizeSignal(this._firstItemRef);
+    _renderedItemSizes = elementsSizesSignal(this._renderedItemRefs, this._enableSizeMeasuring);
+    _renderedItemWidths = computed(() => this.sameWidthItems()
+        ? this.items().map(() => this._firstItemWidth().width || Number.MAX_SAFE_INTEGER)
+        : this._renderedItemSizes().map(size => size.width), { ...(ngDevMode ? { debugName: "_renderedItemWidths" } : /* istanbul ignore next */ {}), equal: areArraysDeepEqual });
+    _containerSize = elementSizeSignal(this.element.nativeElement);
+    _overflowItemRef = viewChild('overflowItem', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_overflowItemRef" }] : /* istanbul ignore next */ []));
+    _overflowItemSize = elementSizeSignal(this._overflowItemRef);
+    itemOverflowCheckOrder = computed(() => {
+        const count = this.items().length;
+        const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);
+        return getItemOverflowCheckOrder({
+            count,
+            strategy: this.overflowStrategy(),
+            freezeCount,
+            strategyIndex: this.overflowStrategyIndex(),
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemOverflowCheckOrder" }] : /* istanbul ignore next */ []));
+    renderedItems = computed(() => {
+        const containerWidth = this._containerSize().width;
+        const renderedItemWidths = this._renderedItemWidths();
+        const overflowCheckOrder = this.itemOverflowCheckOrder();
+        const count = this.items().length;
+        const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);
+        const layout = calculateItemViewLayout({
+            count,
+            strategy: this.overflowStrategy(),
+            freezeCount,
+            strategyIndex: this.overflowStrategyIndex(),
+            containerWidth,
+            itemWidths: renderedItemWidths,
+            overflowItemWidth: this._overflowItemSize().width,
+            gap: this._themeGap(),
+        });
+        const renderedItemOrders = layout.renderedItemOrders;
+        // Precompute quick lookups for the hot paths below.
+        // - `renderedIndexSet` allows O(1) visibility checks.
+        // - `locationByIndex` avoids repeatedly scanning the overflow order to find an item's location.
+        const renderedIndexSet = new Set(renderedItemOrders.map(x => x.index));
+        const locationByIndex = Array.from({
+            length: count,
+        });
+        for (const entry of overflowCheckOrder) {
+            locationByIndex[entry.index] = entry.location;
+        }
+        // First pass: build the full list with items marked as visible vs overflowed.
+        // We'll insert overflow indicators afterwards at the computed insertion indices.
+        let res = this.items().map((item, index) => {
+            if (renderedIndexSet.has(index)) {
+                return {
+                    id: item[this.idField()],
+                    kind: 'visibleItem',
+                    item,
+                };
+            }
+            else {
+                return {
+                    id: item[this.idField()],
+                    kind: 'overflowItem',
+                    location: locationByIndex[index] ?? 'end',
+                    item,
+                };
+            }
+        });
+        const getFallbackOverflowIndicatorIndex = () => {
+            // When the layout says "no indicator" for the only slot (null), we still need a stable
+            // insertion index so the DOM structure stays consistent for measurement.
+            if (overflowCheckOrder.length === 0) {
+                return 0;
+            }
+            const lastItem = overflowCheckOrder[overflowCheckOrder.length - 1];
+            return (lastItem ?? throwExp('NgnItemView', 'Unexpected empty entry in overflowCheckOrder'))
+                .index;
+        };
+        // Insert overflow indicators at the calculated indices
+        // Note: inserting into `res` shifts subsequent indices; track that shift explicitly with `insertOffset`.
+        let insertOffset = 0;
+        // Collect overflowed items, both as a single list and grouped by location.
+        const overflowedItemsAll = [];
+        const overflowedItemsByLocation = {
+            start: [],
+            end: [],
+            center: [],
+        };
+        const allItems = this.items();
+        for (let i = 0; i < count; i++) {
+            if (renderedIndexSet.has(i)) {
+                continue;
+            }
+            const item = allItems[i];
+            if (item === undefined) {
+                continue;
+            }
+            overflowedItemsAll.push(item);
+            const location = locationByIndex[i] ?? 'end';
+            overflowedItemsByLocation[location].push(item);
+        }
+        layout.overflowIndicatorIndices.forEach((indicatorIndex, iterationIndex) => {
+            const insertIndex = indicatorIndex ?? getFallbackOverflowIndicatorIndex() + insertOffset;
+            // If two overflow indicators are rendered (aroundIndex), we must split overflow items by location
+            // so each indicator shows its own count/list.
+            const overflowIndicatorLocation = layout.overflowIndicatorCount === 1 ? null : iterationIndex === 0 ? 'start' : 'end';
+            const items = overflowIndicatorLocation
+                ? overflowedItemsByLocation[overflowIndicatorLocation]
+                : overflowedItemsAll;
+            res.splice(insertIndex, 0, {
+                id: `overflow-indicator-${indicatorIndex}`,
+                kind: 'overflowIndicator',
+                visible: indicatorIndex !== null,
+                items,
+                hasSeparator: renderedItemOrders.some(x => x.index + insertOffset > insertIndex),
+            });
+            insertOffset++;
+        });
+        // In fixed width mode, remove all hidden items except for the first one (used for measurement)
+        if (this.sameWidthItems()) {
+            res = res.filter((item, index) => item.kind !== 'overflowItem' || index === 0);
+        }
+        return res;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "renderedItems" }] : /* istanbul ignore next */ []));
+    /** Full content width as `px`; `null` until measured (respects sameWidthItems optimization). */
+    contentWidthPx = computed(() => {
+        const allItemsWidth = Math.ceil(this._renderedItemWidths().reduce((sum, w) => sum + w, 0) +
+            this._themeGap() * Math.max(0, this.items().length - 1));
+        return Number.isFinite(allItemsWidth) && allItemsWidth > 0 && allItemsWidth < 100_000
+            ? `${allItemsWidth}px`
+            : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentWidthPx" }] : /* istanbul ignore next */ []));
+    ngAfterViewInit() {
+        if (!this._isBrowser) {
+            return;
+        }
+        requestAnimationFrame(() => {
+            const gapString = getComputedStyle(this.element.nativeElement).getPropertyValue('column-gap');
+            const gap = parseFloat(gapString) || 0;
+            this._themeGap.set(gap);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnItemView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NgnItemView, isStandalone: true, selector: "ngn-item-view", inputs: { idField: { classPropertyName: "idField", publicName: "idField", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, iconItemSeparator: { classPropertyName: "iconItemSeparator", publicName: "iconItemSeparator", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategy: { classPropertyName: "overflowStrategy", publicName: "overflowStrategy", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategyFreezeCount: { classPropertyName: "overflowStrategyFreezeCount", publicName: "overflowStrategyFreezeCount", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategyIndex: { classPropertyName: "overflowStrategyIndex", publicName: "overflowStrategyIndex", isSignal: true, isRequired: false, transformFunction: null }, sameWidthItems: { classPropertyName: "sameWidthItems", publicName: "sameWidthItems", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "\"list\"", "style.--ngn-item-view-content-width": "contentWidthPx()" } }, providers: [provideSelf(NgnItemView)], viewQueries: [{ propertyName: "_renderedItemRefs", predicate: ["itemRef"], descendants: true, isSignal: true }, { propertyName: "_firstItemRef", first: true, predicate: ["itemRef"], descendants: true, isSignal: true }, { propertyName: "_overflowItemRef", first: true, predicate: ["overflowItem"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@for (item of renderedItems(); track item.id; let i = $index) {\n  @if (item.kind === 'visibleItem' || item.kind === 'overflowItem') {\n    <span\n      role=\"listitem\"\n      #itemRef\n      [ptInt]=\"this\"\n      [ptClass]=\"{\n        item: true,\n        'item-overflowing': item.kind === 'overflowItem',\n      }\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          itemTemplate();\n          context: { $implicit: item.item, index: i, last: $last, first: $first }\n        \"\n      />\n      @if (!$last) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            separatorTemplate();\n            context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\n          \"\n        />\n      }\n    </span>\n  } @else if (item.kind === 'overflowIndicator') {\n    <div\n      role=\"listitem\"\n      [ptInt]=\"this\"\n      [ptClass]=\"{ 'more-items': true, 'more-items-hidden': !item.visible }\"\n      [attr.aria-hidden]=\"item.visible ? null : 'true'\"\n      #overflowItem\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          overflowTemplate();\n          context: {\n            $implicit: {\n              totalCount: items().length,\n              overflowCount: item.items.length,\n              overflowItems: item.items,\n            },\n          }\n        \"\n      />\n      @if (!$last) {\n        <span\n          [style.visibility]=\"item.hasSeparator ? 'visible' : 'hidden'\"\n          style=\"display: contents\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              separatorTemplate();\n              context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\n            \"\n          />\n        </span>\n      }\n    </div>\n  }\n}\n\n<ng-template #defaultSeparatorTemplate [ngnTemplate]=\"templateTypes.separator\" let-separator>\n  @if (separator.character) {\n    <span>{{ separator.character }}</span>\n  } @else if (separator.icon) {\n    <ngn-icon [icon]=\"separator.icon\" />\n  }\n</ng-template>\n\n<ng-template #defaultOverflowItemTemplate [ngnTemplate]=\"templateTypes.overflow\" let-overflow>\n  <span [ptInt]=\"this\" [ptClass]=\"'more-items-default'\">+{{ overflow.overflowCount }}</span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass", "ptDep"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnItemView, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-item-view', imports: [NgnPt, NgTemplateOutlet, NgnTemplate, NgnIcon], providers: [provideSelf(NgnItemView)], host: {
+                        '[attr.role]': '"list"',
+                        '[style.--ngn-item-view-content-width]': 'contentWidthPx()',
+                    }, template: "@for (item of renderedItems(); track item.id; let i = $index) {\n  @if (item.kind === 'visibleItem' || item.kind === 'overflowItem') {\n    <span\n      role=\"listitem\"\n      #itemRef\n      [ptInt]=\"this\"\n      [ptClass]=\"{\n        item: true,\n        'item-overflowing': item.kind === 'overflowItem',\n      }\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          itemTemplate();\n          context: { $implicit: item.item, index: i, last: $last, first: $first }\n        \"\n      />\n      @if (!$last) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            separatorTemplate();\n            context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\n          \"\n        />\n      }\n    </span>\n  } @else if (item.kind === 'overflowIndicator') {\n    <div\n      role=\"listitem\"\n      [ptInt]=\"this\"\n      [ptClass]=\"{ 'more-items': true, 'more-items-hidden': !item.visible }\"\n      [attr.aria-hidden]=\"item.visible ? null : 'true'\"\n      #overflowItem\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          overflowTemplate();\n          context: {\n            $implicit: {\n              totalCount: items().length,\n              overflowCount: item.items.length,\n              overflowItems: item.items,\n            },\n          }\n        \"\n      />\n      @if (!$last) {\n        <span\n          [style.visibility]=\"item.hasSeparator ? 'visible' : 'hidden'\"\n          style=\"display: contents\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              separatorTemplate();\n              context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\n            \"\n          />\n        </span>\n      }\n    </div>\n  }\n}\n\n<ng-template #defaultSeparatorTemplate [ngnTemplate]=\"templateTypes.separator\" let-separator>\n  @if (separator.character) {\n    <span>{{ separator.character }}</span>\n  } @else if (separator.icon) {\n    <ngn-icon [icon]=\"separator.icon\" />\n  }\n</ng-template>\n\n<ng-template #defaultOverflowItemTemplate [ngnTemplate]=\"templateTypes.overflow\" let-overflow>\n  <span [ptInt]=\"this\" [ptClass]=\"'more-items-default'\">+{{ overflow.overflowCount }}</span>\n</ng-template>\n" }]
+        }], propDecorators: { idField: [{ type: i0.Input, args: [{ isSignal: true, alias: "idField", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], iconItemSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconItemSeparator", required: false }] }], overflowStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowStrategy", required: false }] }], overflowStrategyFreezeCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowStrategyFreezeCount", required: false }] }], overflowStrategyIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowStrategyIndex", required: false }] }], sameWidthItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "sameWidthItems", required: false }] }], _renderedItemRefs: [{ type: i0.ViewChildren, args: ['itemRef', { isSignal: true }] }], _firstItemRef: [{ type: i0.ViewChild, args: ['itemRef', { isSignal: true }] }], _overflowItemRef: [{ type: i0.ViewChild, args: ['overflowItem', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgnItemView };
+//# sourceMappingURL=ngneers-controls-item-view.mjs.map

package/fesm2022/ngneers-controls-item-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-item-view.mjs","sources":["../../src/item-view/item-view-layout.ts","../../src/item-view/item-view-templates.ts","../../src/item-view/item-view.ts","../../src/item-view/item-view.html","../../src/item-view/ngneers-controls-item-view.ts"],"sourcesContent":["import { NgnError } from '@ngneers/controls/utils';\n\nimport type { OverflowStrategy } from './types';\n\nexport type ItemOverflowLocation = 'start' | 'end' | 'center';\n\nexport type OverflowOrderEntry = {\n  index: number;\n  location: ItemOverflowLocation;\n};\n\nexport type OverflowOrder = readonly OverflowOrderEntry[];\n\nexport type ItemViewLayoutInput = {\n  count: number;\n  strategy: OverflowStrategy;\n  freezeCount: number;\n  strategyIndex: number;\n  containerWidth: number;\n  itemWidths: readonly number[];\n  overflowItemWidth: number;\n  gap: number;\n};\n\nexport type ItemViewLayoutResult = {\n  checkOrder: OverflowOrder;\n  renderedItemOrders: OverflowOrder;\n  remainingItemOrders: OverflowOrder;\n  overflowIndicatorCount: number;\n  overflowIndicatorIndices: readonly (number | null)[];\n};\n\n/**\n * Returns the *priority order* in which items are considered for keeping visible.\n * The algorithm is greedy: it walks this list until items no longer fit.\n * Each entry also carries a `location` which describes which overflow indicator would own the item.\n */\nexport function getItemOverflowCheckOrder(params: {\n  count: number;\n  strategy: OverflowStrategy;\n  freezeCount: number;\n  strategyIndex: number;\n}): OverflowOrder {\n  const count = Math.max(0, Math.floor(params.count));\n  if (count === 0) {\n    return [];\n  }\n\n  const freezeCount = Math.min(Math.max(0, Math.floor(params.freezeCount)), count);\n\n  switch (params.strategy) {\n    case 'end': {\n      const arr = Array.from({ length: count - freezeCount }, (_, i) => i);\n      arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => count - freezeCount + i));\n      return arr.map(index => ({ index, location: 'end' }));\n    }\n    case 'start': {\n      const arr = Array.from({ length: count - freezeCount }, (_, i) => count - i - 1);\n      arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => i));\n      return arr.map(index => ({ index, location: 'start' }));\n    }\n    case 'center': {\n      // \"Center\" overflows symmetrically: keep alternating left/right items first.\n      const order: OverflowOrderEntry[] = [];\n      let leftIndex = 0;\n      let rightIndex = count - 1;\n\n      for (let i = 0; i < count; i++) {\n        if (i % 2 === 0) {\n          order.push({ index: leftIndex++, location: 'center' } as const);\n        } else {\n          order.push({ index: rightIndex--, location: 'center' } as const);\n        }\n      }\n      return order;\n    }\n    case 'aroundIndex': {\n      // \"AroundIndex\" keeps the chosen item visible, then expands outward on both sides.\n      // FreezeCount applies to both ends; we must ensure the chosen index stays in-bounds.\n      const minIndex = Math.min(freezeCount, count - 1);\n      const maxIndex = Math.max(minIndex, count - freezeCount - 1);\n      const index = Math.min(Math.max(minIndex, Math.floor(params.strategyIndex)), maxIndex);\n\n      const targetMiddleCount = Math.max(0, count - freezeCount * 2);\n      const order: { index: number; location: 'start' | 'end' }[] =\n        targetMiddleCount > 0 ? [{ index, location: 'start' }] : [];\n\n      let offset = 1;\n      while (order.length < targetMiddleCount) {\n        if (index - offset >= freezeCount) {\n          order.push({ index: index - offset, location: 'start' });\n        }\n        if (order.length >= targetMiddleCount) {\n          break;\n        }\n        if (index + offset < count - freezeCount) {\n          order.push({\n            index: index + offset,\n            location: 'end',\n          });\n        }\n        offset++;\n      }\n\n      // Insert frozen items near the front of the list so they are kept visible.\n      // Keep the insertion ordering consistent with the component implementation.\n      order.splice(\n        1,\n        0,\n        ...Array.from({ length: freezeCount }, (_, i) => ({ index: i, location: 'start' }) as const)\n      );\n      order.splice(\n        1,\n        0,\n        ...Array.from(\n          { length: freezeCount },\n          (_, i) =>\n            ({\n              index: count - freezeCount + i,\n              location: 'end',\n            }) as const\n        )\n      );\n\n      return order;\n    }\n  }\n}\n\nexport function calculateItemViewLayout(params: ItemViewLayoutInput): ItemViewLayoutResult {\n  const count = Math.max(0, Math.floor(params.count));\n  const containerWidth = Math.max(0, params.containerWidth);\n  const overflowItemWidth = Math.max(0, params.overflowItemWidth);\n  const gap = Math.max(0, params.gap);\n  const maxOverflowIndicatorCount = params.strategy === 'aroundIndex' ? 2 : 1;\n\n  const overflowCheckOrder = getItemOverflowCheckOrder({\n    count,\n    strategy: params.strategy,\n    freezeCount: params.freezeCount,\n    strategyIndex: params.strategyIndex,\n  });\n\n  const getVisibleItemCount = (reservedWidth: number): number => {\n    let visibleItemCount = 0;\n    let totalWidth = Math.max(0, reservedWidth);\n\n    for (let i = 0; i < overflowCheckOrder.length; i++) {\n      const index = overflowCheckOrder[i]?.index;\n      if (index === undefined) {\n        throw new NgnError(\n          'calculateItemViewLayout',\n          'Invalid overflow check order: index is undefined'\n        );\n      }\n      const itemWidth = params.itemWidths[index] ?? 0;\n      const itemGap = i > 0 ? gap : 0;\n      const newWidth = totalWidth + itemWidth + itemGap;\n\n      if (newWidth <= containerWidth) {\n        totalWidth = newWidth;\n        visibleItemCount++;\n      } else {\n        break;\n      }\n    }\n\n    return visibleItemCount;\n  };\n\n  let overflowIndicatorCount = 0;\n  let previousOverflowIndicatorCount = -1;\n  let remainingItemOrders: OverflowOrder = overflowCheckOrder;\n  let renderedItemOrders: OverflowOrderEntry[] = [];\n  let overflowIndicatorLocations = new Set<ItemOverflowLocation>();\n\n  // Fixed-point iteration:\n  // 1) We blindly assume that we don't need any overflow indicators for the first pass.\n  // 2) We see how many items fit with that assumption.\n  // 3) The remaining items define which overflow locations exist (start/end/center).\n  // 4) That determines the *actual* number of indicators.\n  // Repeat until the indicator count stabilizes.\n  while (overflowIndicatorCount !== previousOverflowIndicatorCount) {\n    previousOverflowIndicatorCount = overflowIndicatorCount;\n\n    const initialVisibleItemCount = getVisibleItemCount(\n      overflowIndicatorCount * (overflowItemWidth + gap)\n    );\n\n    remainingItemOrders = overflowCheckOrder\n      .slice(initialVisibleItemCount)\n      .toSorted((a, b) => a.index - b.index);\n\n    overflowIndicatorLocations = new Set(remainingItemOrders.map(i => i.location));\n    overflowIndicatorCount = overflowIndicatorLocations.size;\n    const finalVisibleItemCount = getVisibleItemCount(\n      overflowIndicatorCount * (overflowItemWidth + gap)\n    );\n    renderedItemOrders = overflowCheckOrder.slice(0, finalVisibleItemCount);\n  }\n\n  (['start', 'end'] as const).forEach(location => {\n    // Optimization: if all overflowed items for a side would fit inside the overflow indicator width,\n    // we can render them inline and drop that overflow indicator entirely.\n    // This is only applicable for start/end & the aroundIndex strategy. Center has no \"adjacent\" insertion point.\n    if (overflowIndicatorLocations.has(location)) {\n      const itemsWithIndices = remainingItemOrders\n        .map((x, i) => [i + renderedItemOrders.length, x] as const)\n        .filter(x => x[1].location === location);\n      const itemSizes = itemsWithIndices.map(i => params.itemWidths[i[1].index] ?? 0);\n      const itemsTotalSize = itemSizes.reduce((a, b) => a + b, 0);\n      if (itemsTotalSize <= overflowItemWidth) {\n        overflowIndicatorLocations.delete(location);\n        renderedItemOrders = [...renderedItemOrders, ...itemsWithIndices.map(i => i[1])];\n        overflowIndicatorCount--;\n      }\n    }\n  });\n\n  // Keep result consistent after the optimization pass.\n  const renderedIndices = new Set(renderedItemOrders.map(x => x.index));\n  remainingItemOrders = overflowCheckOrder\n    .filter(x => !renderedIndices.has(x.index))\n    .toSorted((a, b) => a.index - b.index);\n\n  // Calculate the insertion indices for the overflow indicators.\n  const overflowIndicatorIndices = (() => {\n    if (overflowIndicatorCount === 0) {\n      return [null];\n    } else if (maxOverflowIndicatorCount === 1 && overflowIndicatorCount === 1) {\n      return [remainingItemOrders[0]?.index ?? null];\n    } else if (maxOverflowIndicatorCount === 2) {\n      const res: number[] = [];\n      const firstEndIndex = remainingItemOrders.find(x => x.location === 'end')?.index;\n      const lastEndIndex = remainingItemOrders.findLast(x => x.location === 'end')?.index;\n      const firstStartIndex = remainingItemOrders.find(x => x.location === 'start')?.index;\n      const lastStartIndex = remainingItemOrders.findLast(x => x.location === 'start')?.index;\n      if (overflowIndicatorLocations.has('start')) {\n        const startIndex = firstStartIndex ?? firstEndIndex ?? 0;\n        res.push(startIndex + Math.min(Math.max(0, Math.floor(params.freezeCount)), count));\n      }\n      if (overflowIndicatorLocations.has('end')) {\n        const endIndex = lastEndIndex ? lastEndIndex + 1 : (lastStartIndex ?? 0);\n        res.push(endIndex);\n      }\n      return res;\n    }\n    return [];\n  })();\n\n  return {\n    checkOrder: overflowCheckOrder,\n    renderedItemOrders,\n    remainingItemOrders,\n    overflowIndicatorCount,\n    overflowIndicatorIndices,\n  };\n}\n","import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\nimport { NgnBase } from '@ngneers/controls/base';\n\nimport type { IconType } from '@ngneers/controls-custom-types';\n\n@Directive()\nexport abstract class ItemViewTemplates<T> extends NgnBase<'itemView'> {\n  /**\n   * The template to be used for rendering each item in the item view.\n   * Can also be set using the `item` content child.\n   */\n  public readonly templateItem = input<TemplateRef<\n    typeof this.templateTypes.$implicit.item\n  > | null>(null);\n  private readonly _userItemTemplate =\n    contentChild<TemplateRef<typeof this.templateTypes.item>>('item');\n  protected readonly itemTemplate = computed(() => this._userItemTemplate() ?? this.templateItem());\n\n  // Separator template\n  private readonly _defaultSeparatorTemplate = viewChild.required<\n    TemplateRef<typeof this.templateTypes.separator>\n  >('defaultSeparatorTemplate');\n  private readonly _userSeparatorTemplate =\n    contentChild<TemplateRef<typeof this.templateTypes.separator>>('separator');\n  /**\n   * Set a custom template for the separators between items.\n   * Can also be set using an `<ng-template>` element with `#separator` template reference variable.\n   */\n  public readonly templateSeparator = input<TemplateRef<\n    typeof this.templateTypes.separator\n  > | null>(null);\n  protected readonly separatorTemplate = computed(\n    () =>\n      this._userSeparatorTemplate() ?? this.templateSeparator() ?? this._defaultSeparatorTemplate()\n  );\n\n  // Overflow item template\n  private readonly _defaultOverflowItemTemplate = viewChild.required<\n    TemplateRef<typeof this.templateTypes.overflow>\n  >('defaultOverflowItemTemplate');\n  private readonly _userOverflowItemTemplate =\n    contentChild<TemplateRef<typeof this.templateTypes.overflow>>('overflow');\n  /**\n   * Set a custom template for the overflow item.\n   * Can also be set using an `<ng-template>` element with `#overflow` template reference variable.\n   */\n  public readonly templateOverflow = input<TemplateRef<typeof this.templateTypes.overflow> | null>(\n    null\n  );\n  protected readonly overflowTemplate = computed(\n    () =>\n      this._userOverflowItemTemplate() ??\n      this.templateOverflow() ??\n      this._defaultOverflowItemTemplate()\n  );\n\n  /**\n   * Template types for the item-view.\n   * Can be used with the {@link NgnTemplate} directive for type safe ng-templates.\n   */\n  public readonly templateTypes = templateTypesFn<{\n    item: {\n      $implicit: T;\n      index: number;\n      last: boolean;\n      first: boolean;\n    };\n    separator: {\n      $implicit: {\n        icon?: IconType;\n        character?: string;\n      };\n    };\n    overflow: {\n      $implicit: {\n        totalCount: number;\n        overflowCount: number;\n        overflowItems: T[];\n      };\n    };\n  }>();\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  type AfterViewInit,\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport {\n  elementSizeSignal,\n  elementsSizesSignal,\n  NgnTemplate,\n  Platform,\n} from '@ngneers/controls/api/ng';\nimport { NgnPt, provideSelf } from '@ngneers/controls/base';\nimport { NgnIcon } from '@ngneers/controls/icon';\nimport { areArraysDeepEqual, throwExp } from '@ngneers/controls/utils';\nimport { itemViewControlTemplate } from '@ngneers/controls-themes/templates/item-view';\n\nimport {\n  calculateItemViewLayout,\n  getItemOverflowCheckOrder,\n  type ItemOverflowLocation,\n  type OverflowOrder,\n} from './item-view-layout';\nimport { ItemViewTemplates } from './item-view-templates';\n\nimport type { OverflowStrategy } from './types';\nimport type { IconType } from '@ngneers/controls-custom-types';\n\ntype RenderItem<T> =\n  | {\n      id: string | number;\n      kind: 'visibleItem';\n      item: T;\n    }\n  | {\n      id: string | number;\n      kind: 'overflowItem';\n      location: ItemOverflowLocation;\n      item: T;\n    }\n  | {\n      id: string;\n      kind: 'overflowIndicator';\n      visible: boolean;\n      items: T[];\n      hasSeparator: boolean;\n    };\n\n/**\n * @category control\n */\n@Component({\n  selector: 'ngn-item-view',\n  templateUrl: './item-view.html',\n  imports: [NgnPt, NgTemplateOutlet, NgnTemplate, NgnIcon],\n  providers: [provideSelf(NgnItemView)],\n  host: {\n    '[attr.role]': '\"list\"',\n    '[style.--ngn-item-view-content-width]': 'contentWidthPx()',\n  },\n})\nexport class NgnItemView<T extends object, IdField extends keyof T>\n  extends ItemViewTemplates<T>\n  implements AfterViewInit\n{\n  protected readonly theme = this.injectThemeTemplate(itemViewControlTemplate, 'root');\n  /**\n   * The key of the id property in the item object. This is used to track items in the template.\n   */\n  public readonly idField = input.required<IdField>();\n  /**\n   * The items to be displayed in the item view.\n   * This is a required input and should be an array of items of type {@link T}.\n   */\n  public readonly items = input.required<readonly T[]>();\n  /**\n   * A separator string (character) to be displayed between items. Set `true` for `,` or provide a custom string.\n   */\n  public readonly separator = input<true | string>();\n  /**\n   * A separator icon to be displayed between items.\n   */\n  public readonly iconItemSeparator = input<IconType>();\n  /**\n   * Strategy to use when there are more items than can be displayed in the available space.\n   * The value determines where the items should start to overflow.\n   * @default 'end'\n   */\n  public readonly overflowStrategy = input<OverflowStrategy>('end');\n  /**\n   * The amount of items to keep visible after or before overflowing, depending on the {@link overflowStrategy}.\n   * @default 0\n   */\n  public readonly overflowStrategyFreezeCount = input<number>(0);\n  /**\n   * Index of the item to be used as the overflow indicator when using the 'aroundIndex' overflow strategy.\n   * This input is only relevant when the {@link overflowStrategy} is set to 'aroundIndex'.\n   * @default 0\n   */\n  public readonly overflowStrategyIndex = input<number>(0);\n  /**\n   * Set this to `true` for greatly improving performance when all items have the same width.\n   * Especially true for large lists of items.\n   *\n   * Only the first item is measured and its width is assumed for all others, instead\n   * of measuring every rendered item. The rendered structure is unchanged — overflowed\n   * items are still emitted as `role=\"listitem\"` and the overflow indicator still shows\n   * the hidden count — so accessibility is unaffected. The tradeoff is correctness:\n   * if items are *not* actually the same width, the visible/overflow split will be wrong.\n   * @default false\n   */\n  public readonly sameWidthItems = input(false, { transform: booleanAttribute });\n\n  private readonly _themeGap = signal(0);\n  private readonly _isBrowser = inject(Platform).isBrowser;\n\n  protected readonly separatorChar = computed(() => {\n    const sep = this.separator();\n    return typeof sep === 'boolean' ? (sep ? ', ' : '') : sep;\n  });\n\n  private readonly _enableSizeMeasuring = computed(() => !this.sameWidthItems());\n  private readonly _renderedItemRefs = viewChildren<ElementRef<HTMLElement>>('itemRef');\n  private readonly _firstItemRef = viewChild<ElementRef<HTMLElement>>('itemRef');\n  private readonly _firstItemWidth = elementSizeSignal(this._firstItemRef);\n  private readonly _renderedItemSizes = elementsSizesSignal(\n    this._renderedItemRefs,\n    this._enableSizeMeasuring\n  );\n  private readonly _renderedItemWidths = computed(\n    () =>\n      this.sameWidthItems()\n        ? this.items().map(() => this._firstItemWidth().width || Number.MAX_SAFE_INTEGER)\n        : this._renderedItemSizes().map(size => size.width),\n    { equal: areArraysDeepEqual }\n  );\n  private readonly _containerSize = elementSizeSignal(this.element.nativeElement);\n  private readonly _overflowItemRef = viewChild<ElementRef<HTMLElement>>('overflowItem');\n  private readonly _overflowItemSize = elementSizeSignal(this._overflowItemRef);\n\n  protected readonly itemOverflowCheckOrder = computed<OverflowOrder>(() => {\n    const count = this.items().length;\n    const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);\n    return getItemOverflowCheckOrder({\n      count,\n      strategy: this.overflowStrategy(),\n      freezeCount,\n      strategyIndex: this.overflowStrategyIndex(),\n    });\n  });\n\n  protected readonly renderedItems = computed<RenderItem<T>[]>(() => {\n    const containerWidth = this._containerSize().width;\n    const renderedItemWidths = this._renderedItemWidths();\n    const overflowCheckOrder = this.itemOverflowCheckOrder();\n\n    const count = this.items().length;\n    const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);\n    const layout = calculateItemViewLayout({\n      count,\n      strategy: this.overflowStrategy(),\n      freezeCount,\n      strategyIndex: this.overflowStrategyIndex(),\n      containerWidth,\n      itemWidths: renderedItemWidths,\n      overflowItemWidth: this._overflowItemSize().width,\n      gap: this._themeGap(),\n    });\n\n    const renderedItemOrders = layout.renderedItemOrders;\n    // Precompute quick lookups for the hot paths below.\n    // - `renderedIndexSet` allows O(1) visibility checks.\n    // - `locationByIndex` avoids repeatedly scanning the overflow order to find an item's location.\n    const renderedIndexSet = new Set<number>(renderedItemOrders.map(x => x.index));\n    const locationByIndex: Array<ItemOverflowLocation | undefined> = Array.from({\n      length: count,\n    });\n    for (const entry of overflowCheckOrder) {\n      locationByIndex[entry.index] = entry.location;\n    }\n\n    // First pass: build the full list with items marked as visible vs overflowed.\n    // We'll insert overflow indicators afterwards at the computed insertion indices.\n    let res: RenderItem<T>[] = this.items().map((item, index) => {\n      if (renderedIndexSet.has(index)) {\n        return <RenderItem<T>>{\n          id: item[this.idField()] as string | number,\n          kind: 'visibleItem',\n          item,\n        };\n      } else {\n        return <RenderItem<T>>{\n          id: item[this.idField()] as string | number,\n          kind: 'overflowItem',\n          location: locationByIndex[index] ?? 'end',\n          item,\n        };\n      }\n    });\n\n    const getFallbackOverflowIndicatorIndex = () => {\n      // When the layout says \"no indicator\" for the only slot (null), we still need a stable\n      // insertion index so the DOM structure stays consistent for measurement.\n      if (overflowCheckOrder.length === 0) {\n        return 0;\n      }\n      const lastItem = overflowCheckOrder[overflowCheckOrder.length - 1];\n      return (lastItem ?? throwExp('NgnItemView', 'Unexpected empty entry in overflowCheckOrder'))\n        .index;\n    };\n\n    // Insert overflow indicators at the calculated indices\n    // Note: inserting into `res` shifts subsequent indices; track that shift explicitly with `insertOffset`.\n    let insertOffset = 0;\n\n    // Collect overflowed items, both as a single list and grouped by location.\n    const overflowedItemsAll: T[] = [];\n    const overflowedItemsByLocation: Record<ItemOverflowLocation, T[]> = {\n      start: [],\n      end: [],\n      center: [],\n    };\n    const allItems = this.items();\n    for (let i = 0; i < count; i++) {\n      if (renderedIndexSet.has(i)) {\n        continue;\n      }\n      const item = allItems[i];\n      if (item === undefined) {\n        continue;\n      }\n      overflowedItemsAll.push(item);\n      const location = locationByIndex[i] ?? 'end';\n      overflowedItemsByLocation[location].push(item);\n    }\n\n    layout.overflowIndicatorIndices.forEach((indicatorIndex, iterationIndex) => {\n      const insertIndex = indicatorIndex ?? getFallbackOverflowIndicatorIndex() + insertOffset;\n\n      // If two overflow indicators are rendered (aroundIndex), we must split overflow items by location\n      // so each indicator shows its own count/list.\n      const overflowIndicatorLocation =\n        layout.overflowIndicatorCount === 1 ? null : iterationIndex === 0 ? 'start' : 'end';\n      const items = overflowIndicatorLocation\n        ? overflowedItemsByLocation[overflowIndicatorLocation]\n        : overflowedItemsAll;\n\n      res.splice(insertIndex, 0, <RenderItem<T>>{\n        id: `overflow-indicator-${indicatorIndex}`,\n        kind: 'overflowIndicator',\n        visible: indicatorIndex !== null,\n        items,\n        hasSeparator: renderedItemOrders.some(x => x.index + insertOffset > insertIndex),\n      });\n      insertOffset++;\n    });\n\n    // In fixed width mode, remove all hidden items except for the first one (used for measurement)\n    if (this.sameWidthItems()) {\n      res = res.filter((item, index) => item.kind !== 'overflowItem' || index === 0);\n    }\n\n    return res;\n  });\n\n  /** Full content width as `px`; `null` until measured (respects sameWidthItems optimization). */\n  protected readonly contentWidthPx = computed<string | null>(() => {\n    const allItemsWidth = Math.ceil(\n      this._renderedItemWidths().reduce((sum, w) => sum + w, 0) +\n        this._themeGap() * Math.max(0, this.items().length - 1)\n    );\n    return Number.isFinite(allItemsWidth) && allItemsWidth > 0 && allItemsWidth < 100_000\n      ? `${allItemsWidth}px`\n      : null;\n  });\n\n  public ngAfterViewInit(): void {\n    if (!this._isBrowser) {\n      return;\n    }\n    requestAnimationFrame(() => {\n      const gapString = getComputedStyle(this.element.nativeElement).getPropertyValue('column-gap');\n      const gap = parseFloat(gapString) || 0;\n      this._themeGap.set(gap);\n    });\n  }\n}\n","@for (item of renderedItems(); track item.id; let i = $index) {\n  @if (item.kind === 'visibleItem' || item.kind === 'overflowItem') {\n    <span\n      role=\"listitem\"\n      #itemRef\n      [ptInt]=\"this\"\n      [ptClass]=\"{\n        item: true,\n        'item-overflowing': item.kind === 'overflowItem',\n      }\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          itemTemplate();\n          context: { $implicit: item.item, index: i, last: $last, first: $first }\n        \"\n      />\n      @if (!$last) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            separatorTemplate();\n            context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\n          \"\n        />\n      }\n    </span>\n  } @else if (item.kind === 'overflowIndicator') {\n    <div\n      role=\"listitem\"\n      [ptInt]=\"this\"\n      [ptClass]=\"{ 'more-items': true, 'more-items-hidden': !item.visible }\"\n      [attr.aria-hidden]=\"item.visible ? null : 'true'\"\n      #overflowItem\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          overflowTemplate();\n          context: {\n            $implicit: {\n              totalCount: items().length,\n              overflowCount: item.items.length,\n              overflowItems: item.items,\n            },\n          }\n        \"\n      />\n      @if (!$last) {\n        <span\n          [style.visibility]=\"item.hasSeparator ? 'visible' : 'hidden'\"\n          style=\"display: contents\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              separatorTemplate();\n              context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\n            \"\n          />\n        </span>\n      }\n    </div>\n  }\n}\n\n<ng-template #defaultSeparatorTemplate [ngnTemplate]=\"templateTypes.separator\" let-separator>\n  @if (separator.character) {\n    <span>{{ separator.character }}</span>\n  } @else if (separator.icon) {\n    <ngn-icon [icon]=\"separator.icon\" />\n  }\n</ng-template>\n\n<ng-template #defaultOverflowItemTemplate [ngnTemplate]=\"templateTypes.overflow\" let-overflow>\n  <span [ptInt]=\"this\" [ptClass]=\"'more-items-default'\">+{{ overflow.overflowCount }}</span>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}