@mintplayer/ng-bootstrap 21.12.12 → 21.13.0

package/fesm2022/mintplayer-ng-bootstrap-priority-nav.mjs

@@ -0,0 +1,235 @@
+import { isPlatformServer, NgClass, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, input, Directive, PLATFORM_ID, ElementRef, output, contentChildren, viewChildren, viewChild, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BsNoNoscriptDirective } from '@mintplayer/ng-bootstrap/no-noscript';
+import { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';
+
+class BsPriorityNavItemDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+        this.priority = input(null, { ...(ngDevMode ? { debugName: "priority" } : {}), alias: 'bsPriorityNavItem' });
+        this.hideBelow = input(null, { ...(ngDevMode ? { debugName: "hideBelow" } : {}), alias: 'bsPriorityNavItemHideBelow' });
+        this.id = ++BsPriorityNavItemDirective.idCounter;
+    }
+    static { this.idCounter = 0; }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsPriorityNavItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: BsPriorityNavItemDirective, isStandalone: true, selector: "[bsPriorityNavItem]", inputs: { priority: { classPropertyName: "priority", publicName: "bsPriorityNavItem", isSignal: true, isRequired: false, transformFunction: null }, hideBelow: { classPropertyName: "hideBelow", publicName: "bsPriorityNavItemHideBelow", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsPriorityNavItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsPriorityNavItem]',
+                }]
+        }], propDecorators: { priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "bsPriorityNavItem", required: false }] }], hideBelow: [{ type: i0.Input, args: [{ isSignal: true, alias: "bsPriorityNavItemHideBelow", required: false }] }] } });
+
+class BsPriorityNavComponent {
+    static { this.counter = 0; }
+    constructor() {
+        this.platformId = inject(PLATFORM_ID);
+        this.element = inject(ElementRef);
+        this.isServerSide = isPlatformServer(this.platformId);
+        this.uid = `pn-${++BsPriorityNavComponent.counter}`;
+        // Inputs
+        this.moreLabel = input('More', ...(ngDevMode ? [{ debugName: "moreLabel" }] : []));
+        this.moreLabelTemplate = input(null, ...(ngDevMode ? [{ debugName: "moreLabelTemplate" }] : []));
+        this.collapseAt = input(null, ...(ngDevMode ? [{ debugName: "collapseAt" }] : []));
+        this.overflowFrom = input('end', ...(ngDevMode ? [{ debugName: "overflowFrom" }] : []));
+        this.hideEmptyMore = input(true, ...(ngDevMode ? [{ debugName: "hideEmptyMore" }] : []));
+        // Outputs
+        this.overflowChange = output();
+        // Children
+        this.items = contentChildren(BsPriorityNavItemDirective, ...(ngDevMode ? [{ debugName: "items" }] : []));
+        // Per-item width measurements (from the off-screen measure strip)
+        this.measureSizers = viewChildren('measureItem', ...(ngDevMode ? [{ debugName: "measureSizers" }] : []));
+        // Visible strip width and its element (for reading computed `column-gap`)
+        this.stripSizer = viewChild('stripSize', ...(ngDevMode ? [{ debugName: "stripSizer" }] : []));
+        this.stripElement = viewChild('stripSize', { ...(ngDevMode ? { debugName: "stripElement" } : {}), read: ElementRef });
+        // More button width
+        this.moreSizer = viewChild('moreSize', ...(ngDevMode ? [{ debugName: "moreSizer" }] : []));
+        // Open/closed state for the More menu (JS path)
+        this.isMoreOpen = signal(false, ...(ngDevMode ? [{ debugName: "isMoreOpen" }] : []));
+        this.windowWidth = signal(0, ...(ngDevMode ? [{ debugName: "windowWidth" }] : []));
+        this.collapseAtPx = computed(() => {
+            switch (this.collapseAt()) {
+                case 'xxl': return 1400;
+                case 'xl': return 1200;
+                case 'lg': return 992;
+                case 'md': return 768;
+                case 'sm': return 576;
+                case 'xs': return 0;
+                default: return null;
+            }
+        }, ...(ngDevMode ? [{ debugName: "collapseAtPx" }] : []));
+        this.forceCollapse = computed(() => {
+            const bp = this.collapseAtPx();
+            if (bp === null)
+                return false;
+            const w = this.windowWidth();
+            return w > 0 && w < bp;
+        }, ...(ngDevMode ? [{ debugName: "forceCollapse" }] : []));
+        // Items in overflow order. Convention: a LOWER priority number means MORE
+        // important (priority: 1 stays visible longest). Items without a priority
+        // are treated as least important and overflow before any prioritized item.
+        // Tiebreaker uses declaration order (last-declared overflows first when
+        // overflowFrom='end').
+        this.overflowOrder = computed(() => {
+            const items = this.items();
+            const fromEnd = this.overflowFrom() === 'end';
+            return [...items]
+                .map((item, index) => ({ item, index, priority: item.priority() }))
+                .sort((a, b) => {
+                // Unprioritized items overflow first
+                if (a.priority === null && b.priority !== null)
+                    return -1;
+                if (a.priority !== null && b.priority === null)
+                    return 1;
+                // Both prioritized: higher number overflows first (less important)
+                if (a.priority !== null && b.priority !== null && a.priority !== b.priority) {
+                    return b.priority - a.priority;
+                }
+                // Tiebreaker by declaration order
+                return fromEnd ? b.index - a.index : a.index - b.index;
+            })
+                .map(x => x.item);
+        }, ...(ngDevMode ? [{ debugName: "overflowOrder" }] : []));
+        // Per-item width map (from measure strip, indexed by item id, in items() order)
+        this.itemWidths = computed(() => {
+            if (this.isServerSide)
+                return new Map();
+            const sizers = this.measureSizers();
+            const items = this.items();
+            const map = new Map();
+            items.forEach((item, i) => {
+                const sizer = sizers[i];
+                if (!sizer)
+                    return;
+                const w = sizer.width();
+                if (w !== undefined)
+                    map.set(item.id, w);
+            });
+            return map;
+        }, ...(ngDevMode ? [{ debugName: "itemWidths" }] : []));
+        // The strip's `column-gap` (or `gap`) value in pixels. Read from computed
+        // style so consumers' `gap` declarations get factored into the overflow math
+        // — without this, items overflow late or layout-shift when a gap is set.
+        // Re-read whenever the strip width changes (covers media-query gap changes
+        // that piggy-back on the same breakpoint).
+        this.itemGap = computed(() => {
+            if (this.isServerSide)
+                return 0;
+            this.stripSizer()?.width();
+            const el = this.stripElement()?.nativeElement;
+            if (!el)
+                return 0;
+            const cs = getComputedStyle(el);
+            const raw = parseFloat(cs.columnGap || cs.gap || '0');
+            return Number.isFinite(raw) ? raw : 0;
+        }, ...(ngDevMode ? [{ debugName: "itemGap" }] : []));
+        this.overflowingIds = computed(() => {
+            if (this.isServerSide)
+                return new Set();
+            if (this.forceCollapse()) {
+                return new Set(this.items().map(i => i.id));
+            }
+            const stripWidth = this.stripSizer()?.width() ?? 0;
+            const moreWidth = this.moreSizer()?.width() ?? 0;
+            const widths = this.itemWidths();
+            const gap = this.itemGap();
+            if (stripWidth === 0 || widths.size === 0)
+                return new Set();
+            // Layout when all items fit (no More toggle): N items separated by N-1 gaps
+            const sumWidths = Array.from(widths.values()).reduce((a, b) => a + b, 0);
+            const allVisibleWidth = sumWidths + gap * Math.max(0, widths.size - 1);
+            if (allVisibleWidth <= stripWidth)
+                return new Set();
+            // Need overflow → More toggle is shown. Layout when K items are kicked:
+            //   (N - K) items + 1 More toggle = (N - K + 1) elements with (N - K) gaps
+            const overflowing = new Set();
+            let visibleSum = sumWidths;
+            let visibleCount = widths.size;
+            for (const item of this.overflowOrder()) {
+                const totalWithMore = visibleSum + moreWidth + gap * visibleCount;
+                if (totalWithMore <= stripWidth)
+                    break;
+                visibleSum -= widths.get(item.id) ?? 0;
+                visibleCount -= 1;
+                overflowing.add(item.id);
+            }
+            return overflowing;
+        }, ...(ngDevMode ? [{ debugName: "overflowingIds" }] : []));
+        this.hasAnyOverflow = computed(() => this.overflowingIds().size > 0, ...(ngDevMode ? [{ debugName: "hasAnyOverflow" }] : []));
+        this.showMoreButton = computed(() => !this.hideEmptyMore() || this.hasAnyOverflow(), ...(ngDevMode ? [{ debugName: "showMoreButton" }] : []));
+        // When every item is overflowing the toggle ends up at the start edge of
+        // the strip (no inline items push it). Anchor the dropdown to that side
+        // so it stays visually attached to the toggle.
+        this.fullyCollapsed = computed(() => {
+            const items = this.items();
+            return items.length > 0 && this.overflowingIds().size === items.length;
+        }, ...(ngDevMode ? [{ debugName: "fullyCollapsed" }] : []));
+        // Derived per-item view used by all three rendering passes (measure strip,
+        // inline strip, overflow menu). Pre-computes the breakpoint class string and
+        // the JS-mode-only hide flags so the template can stay purely declarative —
+        // no method calls, no inline `!isServerSide` guards. The SSR/noscript path
+        // relies on CSS media queries instead of these flags, so both `hideInline`
+        // and `hideInOverflow` are forced to false on the server.
+        this.itemsWithMeta = computed(() => {
+            const items = this.items();
+            const overflowing = this.overflowingIds();
+            const ssr = this.isServerSide;
+            return items.map(item => {
+                const bp = item.hideBelow();
+                const isOverflowing = overflowing.has(item.id);
+                return {
+                    item,
+                    hideBelowClass: bp ? `priority-nav-item-hide-below-${bp}` : '',
+                    hideInline: !ssr && isOverflowing,
+                    hideInOverflow: !ssr && !isOverflowing,
+                };
+            });
+        }, ...(ngDevMode ? [{ debugName: "itemsWithMeta" }] : []));
+        if (!this.isServerSide) {
+            this.windowWidth.set(window.innerWidth);
+        }
+        effect(() => {
+            const overflowing = this.overflowingIds();
+            const overflowingItems = this.items().filter(i => overflowing.has(i.id));
+            this.overflowChange.emit(overflowingItems);
+        });
+    }
+    onWindowResize() {
+        if (!this.isServerSide) {
+            this.windowWidth.set(window.innerWidth);
+        }
+    }
+    toggleMore() {
+        this.isMoreOpen.update(v => !v);
+    }
+    onEscape() {
+        if (this.isMoreOpen())
+            this.isMoreOpen.set(false);
+    }
+    onDocumentClick(event) {
+        if (event.button !== 0 || !this.isMoreOpen())
+            return;
+        if (!this.element.nativeElement.contains(event.target)) {
+            this.isMoreOpen.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsPriorityNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsPriorityNavComponent, isStandalone: true, selector: "bs-priority-nav", inputs: { moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null }, moreLabelTemplate: { classPropertyName: "moreLabelTemplate", publicName: "moreLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, collapseAt: { classPropertyName: "collapseAt", publicName: "collapseAt", isSignal: true, isRequired: false, transformFunction: null }, overflowFrom: { classPropertyName: "overflowFrom", publicName: "overflowFrom", isSignal: true, isRequired: false, transformFunction: null }, hideEmptyMore: { classPropertyName: "hideEmptyMore", publicName: "hideEmptyMore", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { overflowChange: "overflowChange" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscape()", "window:resize": "onWindowResize()" } }, queries: [{ propertyName: "items", predicate: BsPriorityNavItemDirective, isSignal: true }], viewQueries: [{ propertyName: "measureSizers", predicate: ["measureItem"], descendants: true, isSignal: true }, { propertyName: "stripSizer", first: true, predicate: ["stripSize"], descendants: true, isSignal: true }, { propertyName: "stripElement", first: true, predicate: ["stripSize"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "moreSizer", first: true, predicate: ["moreSize"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"priority-nav\" [class.noscript]=\"isServerSide\" bsNoNoscript>\n    @if (isServerSide) {\n        <input type=\"checkbox\" [id]=\"uid + '-more'\" class=\"priority-nav-more-checkbox d-none\" bsNoNoscript>\n    }\n\n    @if (!isServerSide) {\n        <div class=\"priority-nav-measure-wrapper\" aria-hidden=\"true\">\n            <div class=\"priority-nav-measure\">\n                @for (entry of itemsWithMeta(); track entry.item.id) {\n                    <span #measureItem=\"bsObserveSize\" bsObserveSize class=\"priority-nav-measure-item\">\n                        <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n                    </span>\n                }\n            </div>\n        </div>\n    }\n\n    <div bsObserveSize #stripSize=\"bsObserveSize\" class=\"priority-nav-strip\">\n        @for (entry of itemsWithMeta(); track entry.item.id) {\n            <span class=\"priority-nav-item\"\n                  [class.priority-nav-hidden]=\"entry.hideInline\"\n                  [ngClass]=\"entry.hideBelowClass\">\n                <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n            </span>\n        }\n\n        @if (isServerSide) {\n            <label [for]=\"uid + '-more'\" class=\"priority-nav-more-toggle priority-nav-more-toggle-noscript\"\n                   role=\"button\" tabindex=\"0\"\n                   aria-haspopup=\"true\"\n                   [attr.aria-controls]=\"uid + '-overflow'\">\n                <ng-container *ngTemplateOutlet=\"moreLabelTemplate() ?? defaultMoreLabel; context: { $implicit: false }\"></ng-container>\n            </label>\n        } @else {\n            <button bsObserveSize #moreSize=\"bsObserveSize\" type=\"button\"\n                    class=\"priority-nav-more-toggle\"\n                    [class.priority-nav-hidden]=\"!showMoreButton()\"\n                    (click)=\"toggleMore()\"\n                    aria-haspopup=\"true\"\n                    [attr.aria-controls]=\"uid + '-overflow'\"\n                    [attr.aria-expanded]=\"isMoreOpen()\">\n                <ng-container *ngTemplateOutlet=\"moreLabelTemplate() ?? defaultMoreLabel; context: { $implicit: isMoreOpen() }\"></ng-container>\n            </button>\n        }\n    </div>\n\n    <div [id]=\"uid + '-overflow'\"\n         class=\"priority-nav-overflow\"\n         role=\"menu\"\n         [class.priority-nav-overflow-open]=\"!isServerSide && isMoreOpen()\"\n         [class.priority-nav-overflow-align-start]=\"!isServerSide && fullyCollapsed()\">\n        @for (entry of itemsWithMeta(); track entry.item.id) {\n            <span class=\"priority-nav-overflow-item\"\n                  role=\"menuitem\"\n                  [class.priority-nav-overflow-hidden]=\"entry.hideInOverflow\"\n                  [ngClass]=\"entry.hideBelowClass\">\n                <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n            </span>\n        }\n    </div>\n</div>\n\n<ng-template #defaultMoreLabel let-isOpen>\n    <span class=\"priority-nav-more-label\">{{ moreLabel() }}</span>\n    <span class=\"priority-nav-caret\" aria-hidden=\"true\">&#9662;</span>\n</ng-template>\n", styles: [":host{display:block}.priority-nav{position:relative}.priority-nav-measure-wrapper{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none}.priority-nav-measure{visibility:hidden;display:flex;flex-wrap:nowrap;align-items:center}.priority-nav-measure .priority-nav-measure-item{display:inline-flex;align-items:center;flex-shrink:0}.priority-nav-strip{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden}.priority-nav-strip .priority-nav-item{display:inline-flex;align-items:center;flex-shrink:0}.priority-nav-hidden,.priority-nav-overflow-hidden{display:none!important}.priority-nav-more-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit}.priority-nav-more-toggle:focus-visible{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}.priority-nav-more-toggle .priority-nav-caret{font-size:.75em;line-height:1}.priority-nav-overflow{display:none;position:absolute;top:100%;right:0;z-index:1000;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;background-color:var(--bs-body-bg, #fff);border:var(--bs-border-width, 1px) solid var(--bs-border-color, rgba(0, 0, 0, .175));border-radius:var(--bs-border-radius, .375rem);box-shadow:0 .5rem 1rem #00000026}.priority-nav-overflow .priority-nav-overflow-item{display:block;padding:.25rem 1rem}.priority-nav-overflow-open{display:block}.priority-nav-overflow-align-start{left:0;right:auto}@media(max-width:575.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-sm{display:none}}@media(max-width:767.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-md{display:none}}@media(max-width:991.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-lg{display:none}}@media(max-width:1199.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-xl{display:none}}@media(max-width:1399.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-xxl{display:none}}.priority-nav.noscript .priority-nav-overflow .priority-nav-overflow-item{display:none}@media(max-width:575.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-sm{display:block}}@media(max-width:767.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-md{display:block}}@media(max-width:991.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-lg{display:block}}@media(max-width:1199.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-xl{display:block}}@media(max-width:1399.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-xxl{display:block}}.priority-nav.noscript>input.priority-nav-more-checkbox.noscript:checked~.priority-nav-overflow{display:block}.priority-nav.noscript .priority-nav-more-toggle-noscript{cursor:pointer;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "directive", type: BsObserveSizeDirective, selector: "[bsObserveSize]", exportAs: ["bsObserveSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsPriorityNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-priority-nav', imports: [NgClass, NgTemplateOutlet, BsNoNoscriptDirective, BsObserveSizeDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(document:click)': 'onDocumentClick($event)',
+                        '(document:keydown.escape)': 'onEscape()',
+                        '(window:resize)': 'onWindowResize()',
+                    }, template: "<div class=\"priority-nav\" [class.noscript]=\"isServerSide\" bsNoNoscript>\n    @if (isServerSide) {\n        <input type=\"checkbox\" [id]=\"uid + '-more'\" class=\"priority-nav-more-checkbox d-none\" bsNoNoscript>\n    }\n\n    @if (!isServerSide) {\n        <div class=\"priority-nav-measure-wrapper\" aria-hidden=\"true\">\n            <div class=\"priority-nav-measure\">\n                @for (entry of itemsWithMeta(); track entry.item.id) {\n                    <span #measureItem=\"bsObserveSize\" bsObserveSize class=\"priority-nav-measure-item\">\n                        <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n                    </span>\n                }\n            </div>\n        </div>\n    }\n\n    <div bsObserveSize #stripSize=\"bsObserveSize\" class=\"priority-nav-strip\">\n        @for (entry of itemsWithMeta(); track entry.item.id) {\n            <span class=\"priority-nav-item\"\n                  [class.priority-nav-hidden]=\"entry.hideInline\"\n                  [ngClass]=\"entry.hideBelowClass\">\n                <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n            </span>\n        }\n\n        @if (isServerSide) {\n            <label [for]=\"uid + '-more'\" class=\"priority-nav-more-toggle priority-nav-more-toggle-noscript\"\n                   role=\"button\" tabindex=\"0\"\n                   aria-haspopup=\"true\"\n                   [attr.aria-controls]=\"uid + '-overflow'\">\n                <ng-container *ngTemplateOutlet=\"moreLabelTemplate() ?? defaultMoreLabel; context: { $implicit: false }\"></ng-container>\n            </label>\n        } @else {\n            <button bsObserveSize #moreSize=\"bsObserveSize\" type=\"button\"\n                    class=\"priority-nav-more-toggle\"\n                    [class.priority-nav-hidden]=\"!showMoreButton()\"\n                    (click)=\"toggleMore()\"\n                    aria-haspopup=\"true\"\n                    [attr.aria-controls]=\"uid + '-overflow'\"\n                    [attr.aria-expanded]=\"isMoreOpen()\">\n                <ng-container *ngTemplateOutlet=\"moreLabelTemplate() ?? defaultMoreLabel; context: { $implicit: isMoreOpen() }\"></ng-container>\n            </button>\n        }\n    </div>\n\n    <div [id]=\"uid + '-overflow'\"\n         class=\"priority-nav-overflow\"\n         role=\"menu\"\n         [class.priority-nav-overflow-open]=\"!isServerSide && isMoreOpen()\"\n         [class.priority-nav-overflow-align-start]=\"!isServerSide && fullyCollapsed()\">\n        @for (entry of itemsWithMeta(); track entry.item.id) {\n            <span class=\"priority-nav-overflow-item\"\n                  role=\"menuitem\"\n                  [class.priority-nav-overflow-hidden]=\"entry.hideInOverflow\"\n                  [ngClass]=\"entry.hideBelowClass\">\n                <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n            </span>\n        }\n    </div>\n</div>\n\n<ng-template #defaultMoreLabel let-isOpen>\n    <span class=\"priority-nav-more-label\">{{ moreLabel() }}</span>\n    <span class=\"priority-nav-caret\" aria-hidden=\"true\">&#9662;</span>\n</ng-template>\n", styles: [":host{display:block}.priority-nav{position:relative}.priority-nav-measure-wrapper{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none}.priority-nav-measure{visibility:hidden;display:flex;flex-wrap:nowrap;align-items:center}.priority-nav-measure .priority-nav-measure-item{display:inline-flex;align-items:center;flex-shrink:0}.priority-nav-strip{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden}.priority-nav-strip .priority-nav-item{display:inline-flex;align-items:center;flex-shrink:0}.priority-nav-hidden,.priority-nav-overflow-hidden{display:none!important}.priority-nav-more-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit}.priority-nav-more-toggle:focus-visible{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}.priority-nav-more-toggle .priority-nav-caret{font-size:.75em;line-height:1}.priority-nav-overflow{display:none;position:absolute;top:100%;right:0;z-index:1000;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;background-color:var(--bs-body-bg, #fff);border:var(--bs-border-width, 1px) solid var(--bs-border-color, rgba(0, 0, 0, .175));border-radius:var(--bs-border-radius, .375rem);box-shadow:0 .5rem 1rem #00000026}.priority-nav-overflow .priority-nav-overflow-item{display:block;padding:.25rem 1rem}.priority-nav-overflow-open{display:block}.priority-nav-overflow-align-start{left:0;right:auto}@media(max-width:575.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-sm{display:none}}@media(max-width:767.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-md{display:none}}@media(max-width:991.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-lg{display:none}}@media(max-width:1199.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-xl{display:none}}@media(max-width:1399.98px){.priority-nav.noscript .priority-nav-strip .priority-nav-item-hide-below-xxl{display:none}}.priority-nav.noscript .priority-nav-overflow .priority-nav-overflow-item{display:none}@media(max-width:575.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-sm{display:block}}@media(max-width:767.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-md{display:block}}@media(max-width:991.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-lg{display:block}}@media(max-width:1199.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-xl{display:block}}@media(max-width:1399.98px){.priority-nav.noscript .priority-nav-overflow .priority-nav-item-hide-below-xxl{display:block}}.priority-nav.noscript>input.priority-nav-more-checkbox.noscript:checked~.priority-nav-overflow{display:block}.priority-nav.noscript .priority-nav-more-toggle-noscript{cursor:pointer;-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { moreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreLabel", required: false }] }], moreLabelTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreLabelTemplate", required: false }] }], collapseAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseAt", required: false }] }], overflowFrom: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowFrom", required: false }] }], hideEmptyMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideEmptyMore", required: false }] }], overflowChange: [{ type: i0.Output, args: ["overflowChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BsPriorityNavItemDirective), { isSignal: true }] }], measureSizers: [{ type: i0.ViewChildren, args: ['measureItem', { isSignal: true }] }], stripSizer: [{ type: i0.ViewChild, args: ['stripSize', { isSignal: true }] }], stripElement: [{ type: i0.ViewChild, args: ['stripSize', { ...{ read: ElementRef }, isSignal: true }] }], moreSizer: [{ type: i0.ViewChild, args: ['moreSize', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsPriorityNavComponent, BsPriorityNavItemDirective };
+//# sourceMappingURL=mintplayer-ng-bootstrap-priority-nav.mjs.map

package/fesm2022/mintplayer-ng-bootstrap-priority-nav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-priority-nav.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/priority-nav/src/priority-nav-item/priority-nav-item.directive.ts","../../../../libs/mintplayer-ng-bootstrap/priority-nav/src/priority-nav/priority-nav.component.ts","../../../../libs/mintplayer-ng-bootstrap/priority-nav/src/priority-nav/priority-nav.component.html","../../../../libs/mintplayer-ng-bootstrap/priority-nav/mintplayer-ng-bootstrap-priority-nav.ts"],"sourcesContent":["import { Directive, inject, input, TemplateRef } from '@angular/core';\nimport { Breakpoint } from '@mintplayer/ng-bootstrap';\n\n@Directive({\n  selector: '[bsPriorityNavItem]',\n})\nexport class BsPriorityNavItemDirective {\n  templateRef = inject(TemplateRef);\n\n  priority = input<number | null>(null, { alias: 'bsPriorityNavItem' });\n  hideBelow = input<Breakpoint | null>(null, { alias: 'bsPriorityNavItemHideBelow' });\n\n  readonly id: number = ++BsPriorityNavItemDirective.idCounter;\n  private static idCounter = 0;\n}\n","import { isPlatformServer, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy, Component, computed, contentChildren, effect, ElementRef,\n  inject, input, output, PLATFORM_ID, signal, TemplateRef, viewChild, viewChildren\n} from '@angular/core';\nimport { Breakpoint } from '@mintplayer/ng-bootstrap';\nimport { BsNoNoscriptDirective } from '@mintplayer/ng-bootstrap/no-noscript';\nimport { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';\nimport { BsPriorityNavItemDirective } from '../priority-nav-item/priority-nav-item.directive';\n\n@Component({\n  selector: 'bs-priority-nav',\n  templateUrl: './priority-nav.component.html',\n  styleUrls: ['./priority-nav.component.scss'],\n  imports: [NgClass, NgTemplateOutlet, BsNoNoscriptDirective, BsObserveSizeDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(document:click)': 'onDocumentClick($event)',\n    '(document:keydown.escape)': 'onEscape()',\n    '(window:resize)': 'onWindowResize()',\n  },\n})\nexport class BsPriorityNavComponent {\n  private platformId = inject(PLATFORM_ID);\n  private element = inject(ElementRef);\n\n  isServerSide = isPlatformServer(this.platformId);\n\n  private static counter = 0;\n  uid = `pn-${++BsPriorityNavComponent.counter}`;\n\n  // Inputs\n  moreLabel = input('More');\n  moreLabelTemplate = input<TemplateRef<{ $implicit: boolean }> | null>(null);\n  collapseAt = input<Breakpoint | null>(null);\n  overflowFrom = input<'start' | 'end'>('end');\n  hideEmptyMore = input(true);\n\n  // Outputs\n  overflowChange = output<BsPriorityNavItemDirective[]>();\n\n  // Children\n  readonly items = contentChildren(BsPriorityNavItemDirective);\n\n  // Per-item width measurements (from the off-screen measure strip)\n  private measureSizers = viewChildren<BsObserveSizeDirective>('measureItem');\n  // Visible strip width and its element (for reading computed `column-gap`)\n  stripSizer = viewChild<BsObserveSizeDirective>('stripSize');\n  private stripElement = viewChild('stripSize', { read: ElementRef });\n  // More button width\n  moreSizer = viewChild<BsObserveSizeDirective>('moreSize');\n\n  // Open/closed state for the More menu (JS path)\n  isMoreOpen = signal(false);\n  windowWidth = signal<number>(0);\n\n  collapseAtPx = computed(() => {\n    switch (this.collapseAt()) {\n      case 'xxl': return 1400;\n      case 'xl': return 1200;\n      case 'lg': return 992;\n      case 'md': return 768;\n      case 'sm': return 576;\n      case 'xs': return 0;\n      default: return null;\n    }\n  });\n\n  forceCollapse = computed(() => {\n    const bp = this.collapseAtPx();\n    if (bp === null) return false;\n    const w = this.windowWidth();\n    return w > 0 && w < bp;\n  });\n\n  // Items in overflow order. Convention: a LOWER priority number means MORE\n  // important (priority: 1 stays visible longest). Items without a priority\n  // are treated as least important and overflow before any prioritized item.\n  // Tiebreaker uses declaration order (last-declared overflows first when\n  // overflowFrom='end').\n  overflowOrder = computed(() => {\n    const items = this.items();\n    const fromEnd = this.overflowFrom() === 'end';\n    return [...items]\n      .map((item, index) => ({ item, index, priority: item.priority() }))\n      .sort((a, b) => {\n        // Unprioritized items overflow first\n        if (a.priority === null && b.priority !== null) return -1;\n        if (a.priority !== null && b.priority === null) return 1;\n        // Both prioritized: higher number overflows first (less important)\n        if (a.priority !== null && b.priority !== null && a.priority !== b.priority) {\n          return b.priority - a.priority;\n        }\n        // Tiebreaker by declaration order\n        return fromEnd ? b.index - a.index : a.index - b.index;\n      })\n      .map(x => x.item);\n  });\n\n  // Per-item width map (from measure strip, indexed by item id, in items() order)\n  itemWidths = computed<Map<number, number>>(() => {\n    if (this.isServerSide) return new Map();\n    const sizers = this.measureSizers();\n    const items = this.items();\n    const map = new Map<number, number>();\n    items.forEach((item, i) => {\n      const sizer = sizers[i];\n      if (!sizer) return;\n      const w = sizer.width();\n      if (w !== undefined) map.set(item.id, w);\n    });\n    return map;\n  });\n\n  // The strip's `column-gap` (or `gap`) value in pixels. Read from computed\n  // style so consumers' `gap` declarations get factored into the overflow math\n  // — without this, items overflow late or layout-shift when a gap is set.\n  // Re-read whenever the strip width changes (covers media-query gap changes\n  // that piggy-back on the same breakpoint).\n  itemGap = computed(() => {\n    if (this.isServerSide) return 0;\n    this.stripSizer()?.width();\n    const el = this.stripElement()?.nativeElement as HTMLElement | undefined;\n    if (!el) return 0;\n    const cs = getComputedStyle(el);\n    const raw = parseFloat(cs.columnGap || cs.gap || '0');\n    return Number.isFinite(raw) ? raw : 0;\n  });\n\n  overflowingIds = computed<Set<number>>(() => {\n    if (this.isServerSide) return new Set();\n    if (this.forceCollapse()) {\n      return new Set(this.items().map(i => i.id));\n    }\n\n    const stripWidth = this.stripSizer()?.width() ?? 0;\n    const moreWidth = this.moreSizer()?.width() ?? 0;\n    const widths = this.itemWidths();\n    const gap = this.itemGap();\n\n    if (stripWidth === 0 || widths.size === 0) return new Set();\n\n    // Layout when all items fit (no More toggle): N items separated by N-1 gaps\n    const sumWidths = Array.from(widths.values()).reduce((a, b) => a + b, 0);\n    const allVisibleWidth = sumWidths + gap * Math.max(0, widths.size - 1);\n    if (allVisibleWidth <= stripWidth) return new Set();\n\n    // Need overflow → More toggle is shown. Layout when K items are kicked:\n    //   (N - K) items + 1 More toggle = (N - K + 1) elements with (N - K) gaps\n    const overflowing = new Set<number>();\n    let visibleSum = sumWidths;\n    let visibleCount = widths.size;\n\n    for (const item of this.overflowOrder()) {\n      const totalWithMore = visibleSum + moreWidth + gap * visibleCount;\n      if (totalWithMore <= stripWidth) break;\n      visibleSum -= widths.get(item.id) ?? 0;\n      visibleCount -= 1;\n      overflowing.add(item.id);\n    }\n    return overflowing;\n  });\n\n  hasAnyOverflow = computed(() => this.overflowingIds().size > 0);\n  showMoreButton = computed(() => !this.hideEmptyMore() || this.hasAnyOverflow());\n\n  // When every item is overflowing the toggle ends up at the start edge of\n  // the strip (no inline items push it). Anchor the dropdown to that side\n  // so it stays visually attached to the toggle.\n  fullyCollapsed = computed(() => {\n    const items = this.items();\n    return items.length > 0 && this.overflowingIds().size === items.length;\n  });\n\n  // Derived per-item view used by all three rendering passes (measure strip,\n  // inline strip, overflow menu). Pre-computes the breakpoint class string and\n  // the JS-mode-only hide flags so the template can stay purely declarative —\n  // no method calls, no inline `!isServerSide` guards. The SSR/noscript path\n  // relies on CSS media queries instead of these flags, so both `hideInline`\n  // and `hideInOverflow` are forced to false on the server.\n  itemsWithMeta = computed(() => {\n    const items = this.items();\n    const overflowing = this.overflowingIds();\n    const ssr = this.isServerSide;\n    return items.map(item => {\n      const bp = item.hideBelow();\n      const isOverflowing = overflowing.has(item.id);\n      return {\n        item,\n        hideBelowClass: bp ? `priority-nav-item-hide-below-${bp}` : '',\n        hideInline: !ssr && isOverflowing,\n        hideInOverflow: !ssr && !isOverflowing,\n      };\n    });\n  });\n\n  constructor() {\n    if (!this.isServerSide) {\n      this.windowWidth.set(window.innerWidth);\n    }\n\n    effect(() => {\n      const overflowing = this.overflowingIds();\n      const overflowingItems = this.items().filter(i => overflowing.has(i.id));\n      this.overflowChange.emit(overflowingItems);\n    });\n  }\n\n  onWindowResize() {\n    if (!this.isServerSide) {\n      this.windowWidth.set(window.innerWidth);\n    }\n  }\n\n  toggleMore() {\n    this.isMoreOpen.update(v => !v);\n  }\n\n  onEscape() {\n    if (this.isMoreOpen()) this.isMoreOpen.set(false);\n  }\n\n  onDocumentClick(event: MouseEvent) {\n    if (event.button !== 0 || !this.isMoreOpen()) return;\n    if (!this.element.nativeElement.contains(event.target as Node)) {\n      this.isMoreOpen.set(false);\n    }\n  }\n\n}\n","<div class=\"priority-nav\" [class.noscript]=\"isServerSide\" bsNoNoscript>\n    @if (isServerSide) {\n        <input type=\"checkbox\" [id]=\"uid + '-more'\" class=\"priority-nav-more-checkbox d-none\" bsNoNoscript>\n    }\n\n    @if (!isServerSide) {\n        <div class=\"priority-nav-measure-wrapper\" aria-hidden=\"true\">\n            <div class=\"priority-nav-measure\">\n                @for (entry of itemsWithMeta(); track entry.item.id) {\n                    <span #measureItem=\"bsObserveSize\" bsObserveSize class=\"priority-nav-measure-item\">\n                        <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n                    </span>\n                }\n            </div>\n        </div>\n    }\n\n    <div bsObserveSize #stripSize=\"bsObserveSize\" class=\"priority-nav-strip\">\n        @for (entry of itemsWithMeta(); track entry.item.id) {\n            <span class=\"priority-nav-item\"\n                  [class.priority-nav-hidden]=\"entry.hideInline\"\n                  [ngClass]=\"entry.hideBelowClass\">\n                <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n            </span>\n        }\n\n        @if (isServerSide) {\n            <label [for]=\"uid + '-more'\" class=\"priority-nav-more-toggle priority-nav-more-toggle-noscript\"\n                   role=\"button\" tabindex=\"0\"\n                   aria-haspopup=\"true\"\n                   [attr.aria-controls]=\"uid + '-overflow'\">\n                <ng-container *ngTemplateOutlet=\"moreLabelTemplate() ?? defaultMoreLabel; context: { $implicit: false }\"></ng-container>\n            </label>\n        } @else {\n            <button bsObserveSize #moreSize=\"bsObserveSize\" type=\"button\"\n                    class=\"priority-nav-more-toggle\"\n                    [class.priority-nav-hidden]=\"!showMoreButton()\"\n                    (click)=\"toggleMore()\"\n                    aria-haspopup=\"true\"\n                    [attr.aria-controls]=\"uid + '-overflow'\"\n                    [attr.aria-expanded]=\"isMoreOpen()\">\n                <ng-container *ngTemplateOutlet=\"moreLabelTemplate() ?? defaultMoreLabel; context: { $implicit: isMoreOpen() }\"></ng-container>\n            </button>\n        }\n    </div>\n\n    <div [id]=\"uid + '-overflow'\"\n         class=\"priority-nav-overflow\"\n         role=\"menu\"\n         [class.priority-nav-overflow-open]=\"!isServerSide && isMoreOpen()\"\n         [class.priority-nav-overflow-align-start]=\"!isServerSide && fullyCollapsed()\">\n        @for (entry of itemsWithMeta(); track entry.item.id) {\n            <span class=\"priority-nav-overflow-item\"\n                  role=\"menuitem\"\n                  [class.priority-nav-overflow-hidden]=\"entry.hideInOverflow\"\n                  [ngClass]=\"entry.hideBelowClass\">\n                <ng-container *ngTemplateOutlet=\"entry.item.templateRef\"></ng-container>\n            </span>\n        }\n    </div>\n</div>\n\n<ng-template #defaultMoreLabel let-isOpen>\n    <span class=\"priority-nav-more-label\">{{ moreLabel() }}</span>\n    <span class=\"priority-nav-caret\" aria-hidden=\"true\">&#9662;</span>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mintplayer-ng-bootstrap-resizable.mjs

@@ -104,75 +104,88 @@ class BsResizeGlyphDirective {
         if (this.resizable.resizeAction && !this.isBusy) {
             ev.preventDefault();
             this.isBusy = true;
-            const rct = this.resizable.element.nativeElement.getBoundingClientRect();
-            if (this.resizable.resizeAction.start && this.positions()?.includes('end')) {
-                // Right glyph
-                const x = (ev.clientX < rct.left + 10) ? rct.left + 10 : ev.clientX;
+            const action = this.resizable.resizeAction;
+            // Note: the live bounding rect must NOT be used in the size/margin math.
+            // Reading it per-frame creates a feedback loop when content inside the
+            // host changes layout during the drag (e.g. a child component that
+            // shows/hides items in response to width). Use the captured `action`
+            // values from pointer-down — they're stable for the duration of the drag.
+            if (action.start && this.positions()?.includes('end')) {
+                // Right glyph — fixed left edge
+                const initialLeft = action.start.edge;
+                const initialRight = action.start.edge + action.start.size;
+                const x = (ev.clientX < initialLeft + 10) ? initialLeft + 10 : ev.clientX;
                 switch (this.resizable.positioning()) {
                     case 'inline':
                         {
-                            const initalMargin = this.resizable.marginRight() ?? 0;
-                            this.resizable.marginRight.set(initalMargin - (x - rct.right));
+                            const initialMargin = action.start.dragMargin ?? 0;
+                            this.resizable.marginRight.set(initialMargin + (initialRight - x));
                         }
                         break;
                     case 'absolute':
                         {
-                            this.resizable.width.set(x - rct.left);
+                            this.resizable.width.set(x - initialLeft);
                         }
                         break;
                 }
             }
-            else if (this.resizable.resizeAction.end && this.positions()?.includes('start')) {
-                // Left glyph
-                const x = (ev.clientX > rct.right - 10) ? rct.right - 10 : ev.clientX;
+            else if (action.end && this.positions()?.includes('start')) {
+                // Left glyph — fixed right edge
+                const initialRight = action.end.edge;
+                const initialLeft = action.end.edge - action.end.size;
+                const x = (ev.clientX > initialRight - 10) ? initialRight - 10 : ev.clientX;
                 switch (this.resizable.positioning()) {
                     case 'inline':
                         {
-                            const initalMargin = this.resizable.marginLeft() ?? 0;
-                            this.resizable.marginLeft.set(initalMargin + x - rct.left);
+                            const initialMargin = action.end.dragMargin ?? 0;
+                            this.resizable.marginLeft.set(initialMargin + (x - initialLeft));
                         }
                         break;
                     case 'absolute':
                         {
                             this.resizable.left.set(x);
-                            this.resizable.width.set(this.resizable.resizeAction.end.edge - x);
+                            this.resizable.width.set(initialRight - x);
                         }
                         break;
                 }
             }
-            if (this.resizable.resizeAction.top && this.positions()?.includes('bottom')) {
-                // Bottom glyph
-                const y = (ev.clientY < rct.top + 10) ? rct.top + 10 : ev.clientY;
+            if (action.top && this.positions()?.includes('bottom')) {
+                // Bottom glyph — fixed top edge. action.top.edge = captured rect.top
+                const initialTop = action.top.edge;
+                const initialBottom = action.top.edge + action.top.size;
+                const y = (ev.clientY < initialTop + 10) ? initialTop + 10 : ev.clientY;
                 switch (this.resizable.positioning()) {
                     case 'inline':
                         {
-                            const initalMargin = this.resizable.marginBottom() ?? 0;
-                            this.resizable.height.set(y - rct.top);
-                            this.resizable.marginBottom.set(initalMargin - (y - rct.bottom));
+                            const initialMargin = action.top.dragMargin ?? 0;
+                            this.resizable.height.set(y - initialTop);
+                            this.resizable.marginBottom.set(initialMargin + (initialBottom - y));
                         }
                         break;
                     case 'absolute':
                         {
-                            this.resizable.height.set(y - rct.top);
+                            this.resizable.height.set(y - initialTop);
                         }
                         break;
                 }
             }
-            else if (this.resizable.resizeAction.bottom && this.positions()?.includes('top')) {
-                // Top glyph
-                const y = (ev.clientY > rct.bottom - 10) ? rct.bottom - 10 : ev.clientY;
+            else if (action.bottom && this.positions()?.includes('top')) {
+                // Top glyph — fixed bottom edge. action.bottom.edge = captured rect.bottom
+                const initialBottom = action.bottom.edge;
+                const initialTop = action.bottom.edge - action.bottom.size;
+                const y = (ev.clientY > initialBottom - 10) ? initialBottom - 10 : ev.clientY;
                 switch (this.resizable.positioning()) {
                     case 'inline':
                         {
-                            const initalMargin = this.resizable.marginTop() ?? 0;
-                            this.resizable.height.set(rct.bottom - y);
-                            this.resizable.marginTop.set(initalMargin + y - rct.top);
+                            const initialMargin = action.bottom.dragMargin ?? 0;
+                            this.resizable.height.set(initialBottom - y);
+                            this.resizable.marginTop.set(initialMargin + (y - initialTop));
                         }
                         break;
                     case 'absolute':
                         {
                             this.resizable.top.set(y);
-                            this.resizable.height.set(this.resizable.resizeAction.bottom.edge - y);
+                            this.resizable.height.set(initialBottom - y);
                         }
                         break;
                 }
@@ -209,6 +222,10 @@ class BsResizableComponent {
     constructor() {
         this.element = inject((ElementRef));
         this.positioning = input('inline', ...(ngDevMode ? [{ debugName: "positioning" }] : []));
+        this.horizontal = input(true, ...(ngDevMode ? [{ debugName: "horizontal" }] : []));
+        this.vertical = input(true, ...(ngDevMode ? [{ debugName: "vertical" }] : []));
+        this.corners = input(true, ...(ngDevMode ? [{ debugName: "corners" }] : []));
+        this.showCorners = computed(() => this.horizontal() && this.vertical() && this.corners(), ...(ngDevMode ? [{ debugName: "showCorners" }] : []));
         this.hostPosition = computed(() => {
             const positioning = this.positioning();
             switch (positioning) {
@@ -250,9 +267,9 @@ class BsResizableComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: BsResizableComponent, isStandalone: true, selector: "bs-resizable", inputs: { positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, presetPosition: { classPropertyName: "presetPosition", publicName: "presetPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.margin-left.px": "marginLeft()", "style.margin-right.px": "marginRight()", "style.margin-top.px": "marginTop()", "style.margin-bottom.px": "marginBottom()", "style.width.px": "width()", "style.height.px": "height()", "style.left.px": "left()", "style.top.px": "top()", "class.d-block": "true", "class.border": "true", "class": "hostPosition()" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsResizableComponent, isStandalone: true, selector: "bs-resizable", inputs: { positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, corners: { classPropertyName: "corners", publicName: "corners", isSignal: true, isRequired: false, transformFunction: null }, presetPosition: { classPropertyName: "presetPosition", publicName: "presetPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.margin-left.px": "marginLeft()", "style.margin-right.px": "marginRight()", "style.margin-top.px": "marginTop()", "style.margin-bottom.px": "marginBottom()", "style.width.px": "width()", "style.height.px": "height()", "style.left.px": "left()", "style.top.px": "top()", "class.d-block": "true", "class.border": "true", "class": "hostPosition()" } }, providers: [
             { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }
-        ], ngImport: i0, template: "<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: ["bsResizeGlyph"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    @if (showCorners()) {\n        <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n        <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n        <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n        <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    }\n    @if (vertical()) {\n        <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n        <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    }\n    @if (horizontal()) {\n        <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n        <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    }\n    <ng-content></ng-content>\n</div>", styles: [".glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: ["bsResizeGlyph"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsResizableComponent, decorators: [{
             type: Component,
@@ -270,8 +287,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         '[class.d-block]': 'true',
                         '[class.border]': 'true',
                         '[class]': 'hostPosition()',
-                    }, template: "<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], presetPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "presetPosition", required: false }] }] } });
+                    }, template: "<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    @if (showCorners()) {\n        <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n        <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n        <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n        <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    }\n    @if (vertical()) {\n        <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n        <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    }\n    @if (horizontal()) {\n        <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n        <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    }\n    <ng-content></ng-content>\n</div>", styles: [".glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontal", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], corners: [{ type: i0.Input, args: [{ isSignal: true, alias: "corners", required: false }] }], presetPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "presetPosition", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mintplayer-ng-bootstrap-resizable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-resizable.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/resizable/src/providers/resizable.provider.ts","../../../../libs/mintplayer-ng-bootstrap/resizable/src/resize-glyph/resize-glyph.directive.ts","../../../../libs/mintplayer-ng-bootstrap/resizable/src/resizable/resizable.component.ts","../../../../libs/mintplayer-ng-bootstrap/resizable/src/resizable/resizable.component.html","../../../../libs/mintplayer-ng-bootstrap/resizable/mintplayer-ng-bootstrap-resizable.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\nimport type { BsResizableComponent } from \"../resizable/resizable.component\";\n\nexport const RESIZABLE = new InjectionToken<BsResizableComponent>('Resizable');","import { Directive, effect, inject, input, signal, forwardRef } from '@angular/core';\nimport { Position } from '@mintplayer/ng-bootstrap';\nimport type { BsResizableComponent } from '../resizable/resizable.component';\nimport { ResizeAction } from '../interfaces/resize-action';\nimport { PointerData } from '../interfaces/pointer-data';\nimport { RESIZABLE } from '../providers/resizable.provider';\n\n@Directive({\n  selector: '[bsResizeGlyph]',\n  host: {\n    '[class]': 'positions()',\n    '[class.glyph]': 'true',\n    '[class.active]': 'activeClass()',\n    '(mousedown)': 'onMouseDown($event)',\n    '(touchstart)': 'onTouchStart($event)',\n    '(document:mousemove)': 'onMouseMove($event)',\n    '(touchmove)': 'onTouchMove($event)',\n    '(document:mouseup)': 'onMouseUp($event)',\n    '(touchend)': 'onTouchEnd($event)',\n  },\n})\nexport class BsResizeGlyphDirective {\n\n  // Can't use typed DI because of the `import type`\n  private readonly resizable: BsResizableComponent = inject(RESIZABLE);\n\n  constructor() {\n    effect(() => {\n      const value = this.bsResizeGlyph();\n      this.positions.set(value.join(' '));\n    });\n  }\n\n  positions = signal('');\n  activeClass = signal(false);\n\n  readonly bsResizeGlyph = input<Position[]>([]);\n\n  onMouseDown(ev: MouseEvent) {\n    ev.preventDefault();\n    this.onPointerDown()\n  }\n\n  onTouchStart(ev: TouchEvent) {\n    ev.preventDefault();\n    ev.stopPropagation();\n    this.onPointerDown();\n  }\n\n  onMouseMove(ev: MouseEvent) {\n    this.onPointerMove({ clientX: ev.clientX, clientY: ev.clientY, preventDefault: () => ev.preventDefault() });\n  }\n\n  onTouchMove(ev: TouchEvent) {\n    if (ev.touches.length === 1) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.onPointerMove({ clientX: ev.touches[0].clientX, clientY: ev.touches[0].clientY, preventDefault: () => ev.preventDefault() });\n    }\n  }\n\n  onMouseUp(ev: Event) {\n    this.onPointerUp();\n  }\n\n  onTouchEnd(ev: TouchEvent) {\n    ev.preventDefault();\n    ev.stopPropagation();\n    this.onPointerUp();\n  }\n\n  onPointerDown() {\n    let action: ResizeAction = {\n      positioning: this.resizable.positioning()\n    };\n    const rect = this.resizable.element.nativeElement.getBoundingClientRect();\n    const styles = window.getComputedStyle(this.resizable.element.nativeElement);\n\n    const marginLeft = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginLeft.slice(0, -2));\n    const marginRight = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginRight.slice(0, -2));\n    const marginTop = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginTop.slice(0, -2));\n    const marginBottom = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginBottom.slice(0, -2));\n\n\n    if (this.positions()?.includes('start')) {\n      action = {\n        ...action,\n        end: {\n          edge: rect.right,\n          size: rect.width,\n          margin: marginRight,\n          dragMargin: marginLeft\n        },\n      };\n    }\n    if (this.positions()?.includes('end')) {\n      action = {\n        ...action,\n        start: {\n          edge: rect.left,\n          size: rect.width,\n          margin: marginLeft,\n          dragMargin: marginRight\n        },\n      };\n    }\n    if (this.positions()?.includes('top')) {\n      action = {\n        ...action,\n        bottom: {\n          edge: rect.bottom,\n          size: rect.height,\n          margin: marginBottom,\n          dragMargin: marginTop\n        },\n      };\n    }\n    if (this.positions()?.includes('bottom')) {\n      action = {\n        ...action,\n        top: {\n          edge: rect.top,\n          size: rect.height,\n          margin: marginTop,\n          dragMargin: marginBottom\n        },\n      };\n    }\n\n    this.resizable.resizeAction = action;\n    this.activeClass.set(true);\n  }\n\n  private isBusy = false;\n  onPointerMove(ev: PointerData) {\n    if (this.resizable.resizeAction && !this.isBusy) {\n      ev.preventDefault();\n      this.isBusy = true;\n      const rct = this.resizable.element.nativeElement.getBoundingClientRect();\n      if (this.resizable.resizeAction.start && this.positions()?.includes('end')) {\n        // Right glyph\n        const x = (ev.clientX < rct.left + 10) ? rct.left + 10 : ev.clientX;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initalMargin = this.resizable.marginRight() ?? 0;\n            this.resizable.marginRight.set(initalMargin - (x - rct.right));\n          } break;\n          case 'absolute': {\n            this.resizable.width.set(x - rct.left);\n          } break;\n        }\n      } else if (this.resizable.resizeAction.end && this.positions()?.includes('start')) {\n        // Left glyph\n        const x = (ev.clientX > rct.right - 10) ? rct.right - 10 : ev.clientX;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initalMargin = this.resizable.marginLeft() ?? 0;\n            this.resizable.marginLeft.set(initalMargin + x - rct.left);\n          } break;\n          case 'absolute': {\n            this.resizable.left.set(x);\n            this.resizable.width.set(this.resizable.resizeAction.end.edge - x);\n          } break;\n        }\n      }\n\n      if (this.resizable.resizeAction.top && this.positions()?.includes('bottom')) {\n        // Bottom glyph\n        const y = (ev.clientY < rct.top + 10) ? rct.top + 10 : ev.clientY;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initalMargin = this.resizable.marginBottom() ?? 0;\n            this.resizable.height.set(y - rct.top);\n            this.resizable.marginBottom.set(initalMargin - (y - rct.bottom));\n          } break;\n          case 'absolute': {\n            this.resizable.height.set(y - rct.top);\n          } break;\n        }\n      } else if (this.resizable.resizeAction.bottom && this.positions()?.includes('top')) {\n        // Top glyph\n        const y = (ev.clientY > rct.bottom - 10) ? rct.bottom - 10 : ev.clientY;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initalMargin = this.resizable.marginTop() ?? 0;\n            this.resizable.height.set(rct.bottom - y);\n            this.resizable.marginTop.set(initalMargin + y - rct.top);\n          } break;\n          case 'absolute': {\n            this.resizable.top.set(y);\n            this.resizable.height.set(this.resizable.resizeAction.bottom.edge - y);\n          } break;\n        }\n      }\n      this.isBusy = false;\n    }\n  }\n  \n  onPointerUp() {\n    this.resizable.resizeAction = undefined;\n    this.activeClass.set(false);\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, forwardRef, signal } from '@angular/core';\nimport { ResizeAction } from '../interfaces/resize-action';\nimport { RESIZABLE } from '../providers/resizable.provider';\nimport { ResizablePositioning } from '../types/positioning';\nimport { PresetPosition } from '../interfaces/preset-position';\nimport { BsResizeGlyphDirective } from '../resize-glyph/resize-glyph.directive';\n\n@Component({\n  selector: 'bs-resizable',\n  templateUrl: './resizable.component.html',\n  styleUrls: ['./resizable.component.scss'],\n  imports: [BsResizeGlyphDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }\n  ],\n  host: {\n    '[style.margin-left.px]': 'marginLeft()',\n    '[style.margin-right.px]': 'marginRight()',\n    '[style.margin-top.px]': 'marginTop()',\n    '[style.margin-bottom.px]': 'marginBottom()',\n    '[style.width.px]': 'width()',\n    '[style.height.px]': 'height()',\n    '[style.left.px]': 'left()',\n    '[style.top.px]': 'top()',\n    '[class.d-block]': 'true',\n    '[class.border]': 'true',\n    '[class]': 'hostPosition()',\n  },\n})\nexport class BsResizableComponent {\n  element = inject(ElementRef<HTMLElement>);\n\n  resizeAction?: ResizeAction;\n  positioning = input<ResizablePositioning>('inline');\n\n  hostPosition = computed(() => {\n    const positioning = this.positioning();\n    switch (positioning) {\n      case 'absolute': return 'position-absolute';\n      case 'inline': return 'position-relative';\n    }\n  });\n\n  wrapperPosition = computed(() => {\n    const positioning = this.positioning();\n    switch (positioning) {\n      case 'absolute': return ['position-relative', 'h-100'];\n      case 'inline': return [];\n    }\n  });\n\n  readonly presetPosition = input<PresetPosition | undefined>(undefined);\n\n  constructor() {\n    effect(() => {\n      const value = this.presetPosition();\n      if (value) {\n        if (this.positioning() === 'inline') {\n          throw 'presetPosition currently only supported in absolute positioning';\n        }\n        this.width.set(value.width);\n        this.height.set(value.height);\n        this.left.set(value.left);\n        this.top.set(value.top);\n        this.marginTop.set(undefined);\n        this.marginBottom.set(undefined);\n        this.marginLeft.set(undefined);\n        this.marginRight.set(undefined);\n      }\n    });\n  }\n\n  marginLeft = signal<number | undefined>(undefined);\n  marginRight = signal<number | undefined>(undefined);\n  marginTop = signal<number | undefined>(undefined);\n  marginBottom = signal<number | undefined>(undefined);\n  width = signal<number | undefined>(undefined);\n  height = signal<number | undefined>(undefined);\n  left = signal<number | undefined>(undefined);\n  top = signal<number | undefined>(undefined);\n}\n","<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-resizable.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/resizable/src/providers/resizable.provider.ts","../../../../libs/mintplayer-ng-bootstrap/resizable/src/resize-glyph/resize-glyph.directive.ts","../../../../libs/mintplayer-ng-bootstrap/resizable/src/resizable/resizable.component.ts","../../../../libs/mintplayer-ng-bootstrap/resizable/src/resizable/resizable.component.html","../../../../libs/mintplayer-ng-bootstrap/resizable/mintplayer-ng-bootstrap-resizable.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\nimport type { BsResizableComponent } from \"../resizable/resizable.component\";\n\nexport const RESIZABLE = new InjectionToken<BsResizableComponent>('Resizable');","import { Directive, effect, inject, input, signal, forwardRef } from '@angular/core';\nimport { Position } from '@mintplayer/ng-bootstrap';\nimport type { BsResizableComponent } from '../resizable/resizable.component';\nimport { ResizeAction } from '../interfaces/resize-action';\nimport { PointerData } from '../interfaces/pointer-data';\nimport { RESIZABLE } from '../providers/resizable.provider';\n\n@Directive({\n  selector: '[bsResizeGlyph]',\n  host: {\n    '[class]': 'positions()',\n    '[class.glyph]': 'true',\n    '[class.active]': 'activeClass()',\n    '(mousedown)': 'onMouseDown($event)',\n    '(touchstart)': 'onTouchStart($event)',\n    '(document:mousemove)': 'onMouseMove($event)',\n    '(touchmove)': 'onTouchMove($event)',\n    '(document:mouseup)': 'onMouseUp($event)',\n    '(touchend)': 'onTouchEnd($event)',\n  },\n})\nexport class BsResizeGlyphDirective {\n\n  // Can't use typed DI because of the `import type`\n  private readonly resizable: BsResizableComponent = inject(RESIZABLE);\n\n  constructor() {\n    effect(() => {\n      const value = this.bsResizeGlyph();\n      this.positions.set(value.join(' '));\n    });\n  }\n\n  positions = signal('');\n  activeClass = signal(false);\n\n  readonly bsResizeGlyph = input<Position[]>([]);\n\n  onMouseDown(ev: MouseEvent) {\n    ev.preventDefault();\n    this.onPointerDown()\n  }\n\n  onTouchStart(ev: TouchEvent) {\n    ev.preventDefault();\n    ev.stopPropagation();\n    this.onPointerDown();\n  }\n\n  onMouseMove(ev: MouseEvent) {\n    this.onPointerMove({ clientX: ev.clientX, clientY: ev.clientY, preventDefault: () => ev.preventDefault() });\n  }\n\n  onTouchMove(ev: TouchEvent) {\n    if (ev.touches.length === 1) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.onPointerMove({ clientX: ev.touches[0].clientX, clientY: ev.touches[0].clientY, preventDefault: () => ev.preventDefault() });\n    }\n  }\n\n  onMouseUp(ev: Event) {\n    this.onPointerUp();\n  }\n\n  onTouchEnd(ev: TouchEvent) {\n    ev.preventDefault();\n    ev.stopPropagation();\n    this.onPointerUp();\n  }\n\n  onPointerDown() {\n    let action: ResizeAction = {\n      positioning: this.resizable.positioning()\n    };\n    const rect = this.resizable.element.nativeElement.getBoundingClientRect();\n    const styles = window.getComputedStyle(this.resizable.element.nativeElement);\n\n    const marginLeft = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginLeft.slice(0, -2));\n    const marginRight = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginRight.slice(0, -2));\n    const marginTop = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginTop.slice(0, -2));\n    const marginBottom = (this.resizable.positioning() === 'absolute') ? undefined : parseFloat(styles.marginBottom.slice(0, -2));\n\n\n    if (this.positions()?.includes('start')) {\n      action = {\n        ...action,\n        end: {\n          edge: rect.right,\n          size: rect.width,\n          margin: marginRight,\n          dragMargin: marginLeft\n        },\n      };\n    }\n    if (this.positions()?.includes('end')) {\n      action = {\n        ...action,\n        start: {\n          edge: rect.left,\n          size: rect.width,\n          margin: marginLeft,\n          dragMargin: marginRight\n        },\n      };\n    }\n    if (this.positions()?.includes('top')) {\n      action = {\n        ...action,\n        bottom: {\n          edge: rect.bottom,\n          size: rect.height,\n          margin: marginBottom,\n          dragMargin: marginTop\n        },\n      };\n    }\n    if (this.positions()?.includes('bottom')) {\n      action = {\n        ...action,\n        top: {\n          edge: rect.top,\n          size: rect.height,\n          margin: marginTop,\n          dragMargin: marginBottom\n        },\n      };\n    }\n\n    this.resizable.resizeAction = action;\n    this.activeClass.set(true);\n  }\n\n  private isBusy = false;\n  onPointerMove(ev: PointerData) {\n    if (this.resizable.resizeAction && !this.isBusy) {\n      ev.preventDefault();\n      this.isBusy = true;\n      const action = this.resizable.resizeAction;\n      // Note: the live bounding rect must NOT be used in the size/margin math.\n      // Reading it per-frame creates a feedback loop when content inside the\n      // host changes layout during the drag (e.g. a child component that\n      // shows/hides items in response to width). Use the captured `action`\n      // values from pointer-down — they're stable for the duration of the drag.\n\n      if (action.start && this.positions()?.includes('end')) {\n        // Right glyph — fixed left edge\n        const initialLeft = action.start.edge;\n        const initialRight = action.start.edge + action.start.size;\n        const x = (ev.clientX < initialLeft + 10) ? initialLeft + 10 : ev.clientX;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initialMargin = action.start.dragMargin ?? 0;\n            this.resizable.marginRight.set(initialMargin + (initialRight - x));\n          } break;\n          case 'absolute': {\n            this.resizable.width.set(x - initialLeft);\n          } break;\n        }\n      } else if (action.end && this.positions()?.includes('start')) {\n        // Left glyph — fixed right edge\n        const initialRight = action.end.edge;\n        const initialLeft = action.end.edge - action.end.size;\n        const x = (ev.clientX > initialRight - 10) ? initialRight - 10 : ev.clientX;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initialMargin = action.end.dragMargin ?? 0;\n            this.resizable.marginLeft.set(initialMargin + (x - initialLeft));\n          } break;\n          case 'absolute': {\n            this.resizable.left.set(x);\n            this.resizable.width.set(initialRight - x);\n          } break;\n        }\n      }\n\n      if (action.top && this.positions()?.includes('bottom')) {\n        // Bottom glyph — fixed top edge. action.top.edge = captured rect.top\n        const initialTop = action.top.edge;\n        const initialBottom = action.top.edge + action.top.size;\n        const y = (ev.clientY < initialTop + 10) ? initialTop + 10 : ev.clientY;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initialMargin = action.top.dragMargin ?? 0;\n            this.resizable.height.set(y - initialTop);\n            this.resizable.marginBottom.set(initialMargin + (initialBottom - y));\n          } break;\n          case 'absolute': {\n            this.resizable.height.set(y - initialTop);\n          } break;\n        }\n      } else if (action.bottom && this.positions()?.includes('top')) {\n        // Top glyph — fixed bottom edge. action.bottom.edge = captured rect.bottom\n        const initialBottom = action.bottom.edge;\n        const initialTop = action.bottom.edge - action.bottom.size;\n        const y = (ev.clientY > initialBottom - 10) ? initialBottom - 10 : ev.clientY;\n        switch (this.resizable.positioning()) {\n          case 'inline': {\n            const initialMargin = action.bottom.dragMargin ?? 0;\n            this.resizable.height.set(initialBottom - y);\n            this.resizable.marginTop.set(initialMargin + (y - initialTop));\n          } break;\n          case 'absolute': {\n            this.resizable.top.set(y);\n            this.resizable.height.set(initialBottom - y);\n          } break;\n        }\n      }\n      this.isBusy = false;\n    }\n  }\n  \n  onPointerUp() {\n    this.resizable.resizeAction = undefined;\n    this.activeClass.set(false);\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, forwardRef, signal } from '@angular/core';\nimport { ResizeAction } from '../interfaces/resize-action';\nimport { RESIZABLE } from '../providers/resizable.provider';\nimport { ResizablePositioning } from '../types/positioning';\nimport { PresetPosition } from '../interfaces/preset-position';\nimport { BsResizeGlyphDirective } from '../resize-glyph/resize-glyph.directive';\n\n@Component({\n  selector: 'bs-resizable',\n  templateUrl: './resizable.component.html',\n  styleUrls: ['./resizable.component.scss'],\n  imports: [BsResizeGlyphDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }\n  ],\n  host: {\n    '[style.margin-left.px]': 'marginLeft()',\n    '[style.margin-right.px]': 'marginRight()',\n    '[style.margin-top.px]': 'marginTop()',\n    '[style.margin-bottom.px]': 'marginBottom()',\n    '[style.width.px]': 'width()',\n    '[style.height.px]': 'height()',\n    '[style.left.px]': 'left()',\n    '[style.top.px]': 'top()',\n    '[class.d-block]': 'true',\n    '[class.border]': 'true',\n    '[class]': 'hostPosition()',\n  },\n})\nexport class BsResizableComponent {\n  element = inject(ElementRef<HTMLElement>);\n\n  resizeAction?: ResizeAction;\n  positioning = input<ResizablePositioning>('inline');\n  horizontal = input(true);\n  vertical = input(true);\n  corners = input(true);\n\n  showCorners = computed(() => this.horizontal() && this.vertical() && this.corners());\n\n  hostPosition = computed(() => {\n    const positioning = this.positioning();\n    switch (positioning) {\n      case 'absolute': return 'position-absolute';\n      case 'inline': return 'position-relative';\n    }\n  });\n\n  wrapperPosition = computed(() => {\n    const positioning = this.positioning();\n    switch (positioning) {\n      case 'absolute': return ['position-relative', 'h-100'];\n      case 'inline': return [];\n    }\n  });\n\n  readonly presetPosition = input<PresetPosition | undefined>(undefined);\n\n  constructor() {\n    effect(() => {\n      const value = this.presetPosition();\n      if (value) {\n        if (this.positioning() === 'inline') {\n          throw 'presetPosition currently only supported in absolute positioning';\n        }\n        this.width.set(value.width);\n        this.height.set(value.height);\n        this.left.set(value.left);\n        this.top.set(value.top);\n        this.marginTop.set(undefined);\n        this.marginBottom.set(undefined);\n        this.marginLeft.set(undefined);\n        this.marginRight.set(undefined);\n      }\n    });\n  }\n\n  marginLeft = signal<number | undefined>(undefined);\n  marginRight = signal<number | undefined>(undefined);\n  marginTop = signal<number | undefined>(undefined);\n  marginBottom = signal<number | undefined>(undefined);\n  width = signal<number | undefined>(undefined);\n  height = signal<number | undefined>(undefined);\n  left = signal<number | undefined>(undefined);\n  top = signal<number | undefined>(undefined);\n}\n","<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    @if (showCorners()) {\n        <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n        <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n        <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n        <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    }\n    @if (vertical()) {\n        <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n        <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    }\n    @if (horizontal()) {\n        <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n        <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    }\n    <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintplayer/ng-bootstrap",
   "private": false,
-  "version": "21.12.12",
+  "version": "21.13.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/MintPlayer/mintplayer-ng-bootstrap",
@@ -236,6 +236,10 @@
       "types": "./types/mintplayer-ng-bootstrap-popover.d.ts",
       "default": "./fesm2022/mintplayer-ng-bootstrap-popover.mjs"
     },
+    "./priority-nav": {
+      "types": "./types/mintplayer-ng-bootstrap-priority-nav.d.ts",
+      "default": "./fesm2022/mintplayer-ng-bootstrap-priority-nav.mjs"
+    },
     "./progress-bar": {
       "types": "./types/mintplayer-ng-bootstrap-progress-bar.d.ts",
       "default": "./fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs"

package/types/mintplayer-ng-bootstrap-priority-nav.d.ts

@@ -0,0 +1,61 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { Breakpoint } from '@mintplayer/ng-bootstrap';
+import { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';
+
+declare class BsPriorityNavItemDirective {
+    templateRef: TemplateRef<any>;
+    priority: _angular_core.InputSignal<number | null>;
+    hideBelow: _angular_core.InputSignal<Breakpoint | null>;
+    readonly id: number;
+    private static idCounter;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsPriorityNavItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BsPriorityNavItemDirective, "[bsPriorityNavItem]", never, { "priority": { "alias": "bsPriorityNavItem"; "required": false; "isSignal": true; }; "hideBelow": { "alias": "bsPriorityNavItemHideBelow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class BsPriorityNavComponent {
+    private platformId;
+    private element;
+    isServerSide: boolean;
+    private static counter;
+    uid: string;
+    moreLabel: _angular_core.InputSignal<string>;
+    moreLabelTemplate: _angular_core.InputSignal<TemplateRef<{
+        $implicit: boolean;
+    }> | null>;
+    collapseAt: _angular_core.InputSignal<Breakpoint | null>;
+    overflowFrom: _angular_core.InputSignal<"start" | "end">;
+    hideEmptyMore: _angular_core.InputSignal<boolean>;
+    overflowChange: _angular_core.OutputEmitterRef<BsPriorityNavItemDirective[]>;
+    readonly items: _angular_core.Signal<readonly BsPriorityNavItemDirective[]>;
+    private measureSizers;
+    stripSizer: _angular_core.Signal<BsObserveSizeDirective | undefined>;
+    private stripElement;
+    moreSizer: _angular_core.Signal<BsObserveSizeDirective | undefined>;
+    isMoreOpen: _angular_core.WritableSignal<boolean>;
+    windowWidth: _angular_core.WritableSignal<number>;
+    collapseAtPx: _angular_core.Signal<0 | 1400 | 1200 | 992 | 768 | 576 | null>;
+    forceCollapse: _angular_core.Signal<boolean>;
+    overflowOrder: _angular_core.Signal<BsPriorityNavItemDirective[]>;
+    itemWidths: _angular_core.Signal<Map<number, number>>;
+    itemGap: _angular_core.Signal<number>;
+    overflowingIds: _angular_core.Signal<Set<number>>;
+    hasAnyOverflow: _angular_core.Signal<boolean>;
+    showMoreButton: _angular_core.Signal<boolean>;
+    fullyCollapsed: _angular_core.Signal<boolean>;
+    itemsWithMeta: _angular_core.Signal<{
+        item: BsPriorityNavItemDirective;
+        hideBelowClass: string;
+        hideInline: boolean;
+        hideInOverflow: boolean;
+    }[]>;
+    constructor();
+    onWindowResize(): void;
+    toggleMore(): void;
+    onEscape(): void;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsPriorityNavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsPriorityNavComponent, "bs-priority-nav", never, { "moreLabel": { "alias": "moreLabel"; "required": false; "isSignal": true; }; "moreLabelTemplate": { "alias": "moreLabelTemplate"; "required": false; "isSignal": true; }; "collapseAt": { "alias": "collapseAt"; "required": false; "isSignal": true; }; "overflowFrom": { "alias": "overflowFrom"; "required": false; "isSignal": true; }; "hideEmptyMore": { "alias": "hideEmptyMore"; "required": false; "isSignal": true; }; }, { "overflowChange": "overflowChange"; }, ["items"], never, true, never>;
+}
+
+export { BsPriorityNavComponent, BsPriorityNavItemDirective };

package/types/mintplayer-ng-bootstrap-resizable.d.ts

@@ -33,6 +33,10 @@ declare class BsResizableComponent {
     element: ElementRef<any>;
     resizeAction?: ResizeAction;
     positioning: _angular_core.InputSignal<ResizablePositioning>;
+    horizontal: _angular_core.InputSignal<boolean>;
+    vertical: _angular_core.InputSignal<boolean>;
+    corners: _angular_core.InputSignal<boolean>;
+    showCorners: _angular_core.Signal<boolean>;
     hostPosition: _angular_core.Signal<"position-absolute" | "position-relative">;
     wrapperPosition: _angular_core.Signal<string[]>;
     readonly presetPosition: _angular_core.InputSignal<PresetPosition | undefined>;
@@ -46,7 +50,7 @@ declare class BsResizableComponent {
     left: _angular_core.WritableSignal<number | undefined>;
     top: _angular_core.WritableSignal<number | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsResizableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsResizableComponent, "bs-resizable", never, { "positioning": { "alias": "positioning"; "required": false; "isSignal": true; }; "presetPosition": { "alias": "presetPosition"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsResizableComponent, "bs-resizable", never, { "positioning": { "alias": "positioning"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "corners": { "alias": "corners"; "required": false; "isSignal": true; }; "presetPosition": { "alias": "presetPosition"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 interface PointerData {