@ngutil/layout 0.0.80 → 0.0.82

package/fesm2022/ngutil-layout.mjs

@@ -1,13 +1,13 @@
 import { BehaviorSubject, map, shareReplay, switchMap, Subject, scan, tap, distinctUntilChanged, finalize, of } from 'rxjs';
 import * as i0 from '@angular/core';
-import { Component, input, inject, ElementRef, model, computed, viewChild, contentChildren, NgModule, Injectable, TemplateRef, Directive, ViewContainerRef, Injector, signal, output, effect } from '@angular/core';
+import { Component, input, inject, ElementRef, model, computed, viewChild, contentChildren, NgModule, Injectable, TemplateRef, Directive, ViewContainerRef, Injector, signal, output, effect, contentChild, linkedSignal, ChangeDetectionStrategy } from '@angular/core';
 import { toObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { coerceBoolAttr, Destructible } from '@ngutil/common';
 import { DimensionWatcher, Duration, Ease } from '@ngutil/style';
-import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { clamp } from 'lodash-es';
+import { CommonModule, NgTemplateOutlet } from '@angular/common';
+import { trigger, state, transition, style, animate } from '@angular/animations';
+import { clamp } from 'es-toolkit';
 
 const vertical = ["top", "middle", "bottom"];
 const horizontal = ["left", "center", "right"];
@@ -161,24 +161,24 @@ class L9State {
 }
 
 class DockingContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: DockingContentComponent, isStandalone: true, selector: "nu-docking-content", exportAs: ["nuDockingContent"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:stretch;justify-items:stretch;overflow:hidden;position:relative;z-index:10}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: DockingContentComponent, isStandalone: true, selector: "nu-docking-content", exportAs: ["nuDockingContent"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:stretch;justify-items:stretch;overflow:hidden;position:relative;z-index:10}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nu-docking-content", exportAs: "nuDockingContent", standalone: true, template: `<ng-content></ng-content>`, styles: [":host{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:stretch;justify-items:stretch;overflow:hidden;position:relative;z-index:10}\n"] }]
+            args: [{ selector: "nu-docking-content", exportAs: "nuDockingContent", template: `<ng-content></ng-content>`, styles: [":host{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:stretch;justify-items:stretch;overflow:hidden;position:relative;z-index:10}\n"] }]
         }] });
 
 class DockingBackdropComponent {
     constructor() {
         this.visible = input.required();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.6", type: DockingBackdropComponent, isStandalone: true, selector: "nu-docking-backdrop", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.state": "visible() ? 'visible' : 'hidden'" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:flex;flex-direction:column;align-items:stretch;position:absolute;inset:0;transition:opacity .2s cubic-bezier(0,0,.2,1);z-index:200;background-color:#000}:host[state=hidden]{animation:.2s cubic-bezier(0,0,.2,1) hide;animation-fill-mode:forwards;pointer-events:none;touch-action:none;opacity:0}:host[state=visible]{visibility:visible;opacity:.7}@keyframes hide{99%{visibility:visible}to{visibility:hidden}}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: DockingBackdropComponent, isStandalone: true, selector: "nu-docking-backdrop", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.state": "visible() ? 'visible' : 'hidden'" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:flex;flex-direction:column;align-items:stretch;position:absolute;inset:0;transition:opacity .2s cubic-bezier(0,0,.2,1);z-index:200;background-color:#000}:host[state=hidden]{animation:.2s cubic-bezier(0,0,.2,1) hide;animation-fill-mode:forwards;pointer-events:none;touch-action:none;opacity:0}:host[state=visible]{visibility:visible;opacity:.7}@keyframes hide{99%{visibility:visible}to{visibility:hidden}}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingBackdropComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingBackdropComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: "nu-docking-backdrop", host: {
+            args: [{ selector: "nu-docking-backdrop", host: {
                         "[attr.state]": "visible() ? 'visible' : 'hidden'"
                     }, template: ``, styles: [":host{display:flex;flex-direction:column;align-items:stretch;position:absolute;inset:0;transition:opacity .2s cubic-bezier(0,0,.2,1);z-index:200;background-color:#000}:host[state=hidden]{animation:.2s cubic-bezier(0,0,.2,1) hide;animation-fill-mode:forwards;pointer-events:none;touch-action:none;opacity:0}:host[state=visible]{visibility:visible;opacity:.7}@keyframes hide{99%{visibility:visible}to{visibility:hidden}}\n"] }]
         }] });
@@ -231,12 +231,12 @@ class DockingPanelComponent {
     close() {
         this.opened.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.6", type: DockingPanelComponent, isStandalone: true, selector: "nu-docking-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "style.grid-area": "gridArea()", "style.--nudp-content-size.px": "contentSize()", "attr.state": "_opened() ? 'opened' : 'closed'", "attr.orient": "orient()", "attr.side": "side()", "attr.mode": "mode()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], exportAs: ["nuDockingPanel"], ngImport: i0, template: `<div class="wrapper" #content><ng-content /></div>`, isInline: true, styles: [":host{--nudp-tx: 0;--nudp-ty: 0;--nudp-t: auto;--nudp-r: auto;--nudp-b: auto;--nudp-l: auto;display:block;position:relative;z-index:100}:host .wrapper{all:inherit;display:grid;grid-template-columns:auto;grid-template-rows:auto;align-items:stretch;justify-items:stretch;position:absolute;top:var(--nudp-t);right:var(--nudp-r);bottom:var(--nudp-b);left:var(--nudp-l);width:auto;height:auto;transition:transform .2s cubic-bezier(0,0,.2,1);transform:translate(var(--nudp-tx),var(--nudp-ty))}:host[mode=rigid]{overflow:clip}:host[mode=rigid][orient=horizontal]{transition:height .2s cubic-bezier(0,0,.2,1);height:var(--nudp-content-size)}:host[mode=rigid][orient=horizontal][state=closed]{height:0px}:host[mode=rigid][orient=vertical]{transition:width .2s cubic-bezier(0,0,.2,1);width:var(--nudp-content-size)}:host[mode=rigid][orient=vertical][state=closed]{width:0}:host[mode=over]{z-index:300}:host[orient=horizontal]{--nudp-l: 0px;--nudp-r: 0px}:host[orient=horizontal][side=top]{--nudp-t: 0px}:host[orient=horizontal][side=top][state=closed]{--nudp-ty: -100%}:host[orient=horizontal][side=bottom]{--nudp-b: 0px}:host[orient=horizontal][side=bottom][state=closed]{--nudp-ty: 100%}:host[orient=horizontal]:not([mode=rigid]){height:0px}:host[orient=vertical]{--nudp-t: 0px;--nudp-b: 0px}:host[orient=vertical][side=left]{--nudp-l: 0px}:host[orient=vertical][side=left][state=closed]{--nudp-tx: -100%}:host[orient=vertical][side=right]{--nudp-r: 0px}:host[orient=vertical][side=right][state=closed]{--nudp-tx: 100%}:host[orient=vertical]:not([mode=rigid]){width:0px}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.8", type: DockingPanelComponent, isStandalone: true, selector: "nu-docking-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "style.grid-area": "gridArea()", "style.--nudp-content-size.px": "contentSize()", "attr.state": "_opened() ? 'opened' : 'closed'", "attr.orient": "orient()", "attr.side": "side()", "attr.mode": "mode()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], exportAs: ["nuDockingPanel"], ngImport: i0, template: `<div class="wrapper" #content><ng-content /></div>`, isInline: true, styles: [":host{--nudp-tx: 0;--nudp-ty: 0;--nudp-t: auto;--nudp-r: auto;--nudp-b: auto;--nudp-l: auto;display:block;position:relative;z-index:100}:host .wrapper{all:inherit;display:grid;grid-template-columns:auto;grid-template-rows:auto;align-items:stretch;justify-items:stretch;position:absolute;top:var(--nudp-t);right:var(--nudp-r);bottom:var(--nudp-b);left:var(--nudp-l);width:auto;height:auto;transition:transform .2s cubic-bezier(0,0,.2,1);transform:translate(var(--nudp-tx),var(--nudp-ty))}:host[mode=rigid]{overflow:clip}:host[mode=rigid][orient=horizontal]{transition:height .2s cubic-bezier(0,0,.2,1);height:var(--nudp-content-size)}:host[mode=rigid][orient=horizontal][state=closed]{height:0px}:host[mode=rigid][orient=vertical]{transition:width .2s cubic-bezier(0,0,.2,1);width:var(--nudp-content-size)}:host[mode=rigid][orient=vertical][state=closed]{width:0}:host[mode=over]{z-index:300}:host[orient=horizontal]{--nudp-l: 0px;--nudp-r: 0px}:host[orient=horizontal][side=top]{--nudp-t: 0px}:host[orient=horizontal][side=top][state=closed]{--nudp-ty: -100%}:host[orient=horizontal][side=bottom]{--nudp-b: 0px}:host[orient=horizontal][side=bottom][state=closed]{--nudp-ty: 100%}:host[orient=horizontal]:not([mode=rigid]){height:0px}:host[orient=vertical]{--nudp-t: 0px;--nudp-b: 0px}:host[orient=vertical][side=left]{--nudp-l: 0px}:host[orient=vertical][side=left][state=closed]{--nudp-tx: -100%}:host[orient=vertical][side=right]{--nudp-r: 0px}:host[orient=vertical][side=right][state=closed]{--nudp-tx: 100%}:host[orient=vertical]:not([mode=rigid]){width:0px}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nu-docking-panel", exportAs: "nuDockingPanel", standalone: true, host: {
+            args: [{ selector: "nu-docking-panel", exportAs: "nuDockingPanel", host: {
                         "[style.grid-area]": "gridArea()",
                         "[style.--nudp-content-size.px]": "contentSize()",
                         "[attr.state]": "_opened() ? 'opened' : 'closed'",
@@ -268,31 +268,31 @@ class DockingLayoutComponent {
             activePanel.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.6", type: DockingLayoutComponent, isStandalone: true, selector: "nu-docking", queries: [{ propertyName: "panels", predicate: DockingPanelComponent, isSignal: true }], exportAs: ["nuDocking"], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.8", type: DockingLayoutComponent, isStandalone: true, selector: "nu-docking", queries: [{ propertyName: "panels", predicate: DockingPanelComponent, isSignal: true }], exportAs: ["nuDocking"], ngImport: i0, template: `
         <ng-content />
         <nu-docking-backdrop [visible]="backdropVisible()" (click)="doCloseActiveOverPanel()"></nu-docking-backdrop>
     `, isInline: true, styles: [":host{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;position:relative;align-items:stretch;justify-items:stretch;overflow:clip}\n"], dependencies: [{ kind: "component", type: DockingBackdropComponent, selector: "nu-docking-backdrop", inputs: ["visible"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DockingLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: DockingLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nu-docking", exportAs: "nuDocking", standalone: true, imports: [DockingBackdropComponent], template: `
+            args: [{ selector: "nu-docking", exportAs: "nuDocking", imports: [DockingBackdropComponent], template: `
         <ng-content />
         <nu-docking-backdrop [visible]="backdropVisible()" (click)="doCloseActiveOverPanel()"></nu-docking-backdrop>
     `, styles: [":host{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;position:relative;align-items:stretch;justify-items:stretch;overflow:clip}\n"] }]
         }] });
 
-const members$1 = [DockingLayoutComponent, DockingPanelComponent, DockingContentComponent];
+const members = [DockingLayoutComponent, DockingPanelComponent, DockingContentComponent];
 class NuDockingLayout {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NuDockingLayout, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: NuDockingLayout, imports: [DockingLayoutComponent, DockingPanelComponent, DockingContentComponent], exports: [DockingLayoutComponent, DockingPanelComponent, DockingContentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NuDockingLayout }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NuDockingLayout, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: NuDockingLayout, imports: [DockingLayoutComponent, DockingPanelComponent, DockingContentComponent], exports: [DockingLayoutComponent, DockingPanelComponent, DockingContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NuDockingLayout }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NuDockingLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NuDockingLayout, decorators: [{
             type: NgModule,
             args: [{
-                    imports: members$1,
-                    exports: members$1
+                    imports: members,
+                    exports: members
                 }]
         }] });
 
@@ -397,10 +397,10 @@ class SlotsService extends Destructible {
             delete this.#watchers[slot];
         }), shareReplay(1));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlotsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlotsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlotsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlotsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlotsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlotsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 class SlotDirective {
@@ -427,10 +427,10 @@ class SlotDirective {
             this.slotSvc.delTpl(this.#slotDef);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: SlotDirective, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: SlotDirective, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlotDirective, decorators: [{
             type: Directive
         }] });
 class SlotOutletDirective extends Destructible {
@@ -525,44 +525,52 @@ class SlotOutletDirective extends Destructible {
         this.vcr.clear();
         this.#views = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlotOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: SlotOutletDirective, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlotOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: SlotOutletDirective, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlotOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlotOutletDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
-class SlidingItemDirective {
+// TODO: remove old variant: nuInfiniteSlidingItem
+class InfiniteSlideDirective {
+    constructor() {
+        this.tpl = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InfiniteSlideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: InfiniteSlideDirective, isStandalone: true, selector: "ng-template[nuInfiniteSlide]", exportAs: ["nuInfiniteSlide"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InfiniteSlideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "ng-template[nuInfiniteSlide]",
+                    exportAs: "nuInfiniteSlide"
+                }]
+        }] });
+
+class SlideDirective {
     constructor() {
         this.tpl = inject(TemplateRef);
         this.rendered = signal(false);
         this.active = signal(false);
         this.animation = signal(null);
         this.activated = output();
+        this.state = output();
         effect(() => {
             this.activated.emit(this.active());
-        }, { allowSignalWrites: true });
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlidingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: SlidingItemDirective, isStandalone: true, selector: "ng-template[nuSlidingItem]", outputs: { activated: "activated" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: SlideDirective, isStandalone: true, selector: "ng-template[nuSlide]", outputs: { activated: "activated", state: "state" }, exportAs: ["nuSlide"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlidingItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlideDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "ng-template[nuSlidingItem]",
-                    standalone: true
+                    selector: "ng-template[nuSlide]",
+                    exportAs: "nuSlide"
                 }]
         }], ctorParameters: () => [] });
 
-class SlidingItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SlidingItemComponent, isStandalone: true, selector: "nu-sliding-item", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlidingItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "nu-sliding-item", standalone: true, template: `<ng-content />`, styles: [":host{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden}\n"] }]
-        }] });
-
 const absolute = { position: "absolute", top: "0px", left: "0px" };
 const anim = `${Duration.Fast} ${Ease.Acceleration}`;
 class SlidingComponent {
@@ -570,7 +578,7 @@ class SlidingComponent {
         /**
          * List of items
          */
-        this.items = contentChildren(SlidingItemDirective);
+        this.items = contentChildren(SlideDirective);
         /**
          * Lazily rendering items
          */
@@ -578,7 +586,7 @@ class SlidingComponent {
         /**
          * Index of the preferred item
          */
-        this.preferred = signal(0);
+        this.preferred = model(0);
         /**
          * Index of the active item
          */
@@ -622,16 +630,16 @@ class SlidingComponent {
                     if (item.animation() || item.rendered()) {
                         if (currentlyActive) {
                             if (activeIndex < currentActiveIndex) {
-                                item.animation.set("right-out" /* ItemAnimationState.RightOut */);
-                                inAnimation = "left-in" /* ItemAnimationState.LeftIn */;
+                                item.animation.set("right-out" /* SlideAnimationState.RightOut */);
+                                inAnimation = "left-in" /* SlideAnimationState.LeftIn */;
                             }
                             else {
-                                item.animation.set("left-out" /* ItemAnimationState.LeftOut */);
-                                inAnimation = "right-in" /* ItemAnimationState.RightIn */;
+                                item.animation.set("left-out" /* SlideAnimationState.LeftOut */);
+                                inAnimation = "right-in" /* SlideAnimationState.RightIn */;
                             }
                         }
                         else {
-                            item.animation.set("fast-out" /* ItemAnimationState.FastOut */);
+                            item.animation.set("fast-out" /* SlideAnimationState.FastOut */);
                         }
                     }
                 }
@@ -641,13 +649,13 @@ class SlidingComponent {
                     activeItem.animation.set(inAnimation);
                 }
                 else if (items.length === 1) {
-                    activeItem.animation.set("fast-in" /* ItemAnimationState.FastIn */);
+                    activeItem.animation.set("fast-in" /* SlideAnimationState.FastIn */);
                 }
                 else if (activeIndex < currentActiveIndex) {
-                    activeItem.animation.set("left-in" /* ItemAnimationState.LeftIn */);
+                    activeItem.animation.set("left-in" /* SlideAnimationState.LeftIn */);
                 }
                 else {
-                    activeItem.animation.set("right-in" /* ItemAnimationState.RightIn */);
+                    activeItem.animation.set("right-in" /* SlideAnimationState.RightIn */);
                 }
                 activeItem.active.set(true);
                 activeItem.rendered.set(true);
@@ -657,69 +665,84 @@ class SlidingComponent {
                 this.preferred.set(preferredClamp);
             }
             this.changes.emit(this);
-        }, { allowSignalWrites: true });
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlidingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: SlidingComponent, isStandalone: true, selector: "nu-sliding", inputs: { lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changes: "changes" }, queries: [{ propertyName: "items", predicate: SlidingItemDirective, isSignal: true }], ngImport: i0, template: `
+    onAnimationEvent(event, item) {
+        const isHiding = event.toState.endsWith("-out");
+        const isBegin = event.phaseName === "start";
+        if (isBegin) {
+            item.state.emit(isHiding ? 3 /* SlideState.Hiding */ : 1 /* SlideState.Showing */);
+        }
+        else {
+            item.state.emit(isHiding ? 4 /* SlideState.Hidden */ : 2 /* SlideState.Shown */);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlidingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: SlidingComponent, isStandalone: true, selector: "nu-sliding", inputs: { lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, preferred: { classPropertyName: "preferred", publicName: "preferred", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { preferred: "preferredChange", changes: "changes" }, queries: [{ propertyName: "items", predicate: SlideDirective, isSignal: true }], ngImport: i0, template: `
         @if (items(); as _items) {
             @for (item of _items; track item; let index = $index) {
                 @if (item.rendered()) {
-                    <nu-sliding-item [@animate]="item.animation()">
+                    <div
+                        class="nu-slide"
+                        [@animate]="item.animation()"
+                        (@animate.start)="onAnimationEvent($event, item)"
+                        (@animate.done)="onAnimationEvent($event, item)"
+                    >
                         <ng-template [ngTemplateOutlet]="item.tpl" />
-                    </nu-sliding-item>
+                    </div>
                 }
             }
         }
-    `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlidingItemComponent, selector: "nu-sliding-item" }], animations: [
+    `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;position:relative}:host .nu-slide{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger("animate", [
-                state("fast-out" /* ItemAnimationState.FastOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
-                state("left-out" /* ItemAnimationState.LeftOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
-                state("right-out" /* ItemAnimationState.RightOut */, style({ display: "none", ...absolute, transform: "translateX(100%)" })),
-                state("fast-in" /* ItemAnimationState.FastIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
-                state("left-in" /* ItemAnimationState.LeftIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
-                state("right-in" /* ItemAnimationState.RightIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
-                transition(`* => ${"left-out" /* ItemAnimationState.LeftOut */}`, [
+                state("fast-out" /* SlideAnimationState.FastOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
+                state("left-out" /* SlideAnimationState.LeftOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
+                state("right-out" /* SlideAnimationState.RightOut */, style({ display: "none", ...absolute, transform: "translateX(100%)" })),
+                state("fast-in" /* SlideAnimationState.FastIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
+                state("left-in" /* SlideAnimationState.LeftIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
+                state("right-in" /* SlideAnimationState.RightIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
+                transition(`* => ${"left-out" /* SlideAnimationState.LeftOut */}`, [
                     style({ width: "*", ...absolute, transform: "translateX(0)" }),
                     animate(anim, style({ transform: "translateX(-100%)" }))
                 ]),
-                transition(`* => ${"right-out" /* ItemAnimationState.RightOut */}`, [
+                transition(`* => ${"right-out" /* SlideAnimationState.RightOut */}`, [
                     style({ width: "*", ...absolute, transform: "translateX(0)" }),
                     animate(anim, style({ transform: "translateX(100%)" }))
                 ]),
-                transition(`* => ${"left-in" /* ItemAnimationState.LeftIn */}`, [
+                transition(`* => ${"left-in" /* SlideAnimationState.LeftIn */}`, [
                     style({ display: "", position: "relative", transform: "translateX(-100%)" }),
                     animate(anim, style({ transform: "translateX(0)" }))
                 ]),
-                transition(`* => ${"right-in" /* ItemAnimationState.RightIn */}`, [
+                transition(`* => ${"right-in" /* SlideAnimationState.RightIn */}`, [
                     style({ display: "", position: "relative", transform: "translateX(100%)" }),
                     animate(anim, style({ transform: "translateX(0%)" }))
                 ])
             ])
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SlidingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: SlidingComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nu-sliding", standalone: true, imports: [CommonModule, SlidingItemComponent], animations: [
+            args: [{ selector: "nu-sliding", imports: [CommonModule], animations: [
                         trigger("animate", [
-                            state("fast-out" /* ItemAnimationState.FastOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
-                            state("left-out" /* ItemAnimationState.LeftOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
-                            state("right-out" /* ItemAnimationState.RightOut */, style({ display: "none", ...absolute, transform: "translateX(100%)" })),
-                            state("fast-in" /* ItemAnimationState.FastIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
-                            state("left-in" /* ItemAnimationState.LeftIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
-                            state("right-in" /* ItemAnimationState.RightIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
-                            transition(`* => ${"left-out" /* ItemAnimationState.LeftOut */}`, [
+                            state("fast-out" /* SlideAnimationState.FastOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
+                            state("left-out" /* SlideAnimationState.LeftOut */, style({ display: "none", ...absolute, transform: "translateX(-100%)" })),
+                            state("right-out" /* SlideAnimationState.RightOut */, style({ display: "none", ...absolute, transform: "translateX(100%)" })),
+                            state("fast-in" /* SlideAnimationState.FastIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
+                            state("left-in" /* SlideAnimationState.LeftIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
+                            state("right-in" /* SlideAnimationState.RightIn */, style({ display: "", position: "relative", transform: "translateX(0)" })),
+                            transition(`* => ${"left-out" /* SlideAnimationState.LeftOut */}`, [
                                 style({ width: "*", ...absolute, transform: "translateX(0)" }),
                                 animate(anim, style({ transform: "translateX(-100%)" }))
                             ]),
-                            transition(`* => ${"right-out" /* ItemAnimationState.RightOut */}`, [
+                            transition(`* => ${"right-out" /* SlideAnimationState.RightOut */}`, [
                                 style({ width: "*", ...absolute, transform: "translateX(0)" }),
                                 animate(anim, style({ transform: "translateX(100%)" }))
                             ]),
-                            transition(`* => ${"left-in" /* ItemAnimationState.LeftIn */}`, [
+                            transition(`* => ${"left-in" /* SlideAnimationState.LeftIn */}`, [
                                 style({ display: "", position: "relative", transform: "translateX(-100%)" }),
                                 animate(anim, style({ transform: "translateX(0)" }))
                             ]),
-                            transition(`* => ${"right-in" /* ItemAnimationState.RightIn */}`, [
+                            transition(`* => ${"right-in" /* SlideAnimationState.RightIn */}`, [
                                 style({ display: "", position: "relative", transform: "translateX(100%)" }),
                                 animate(anim, style({ transform: "translateX(0%)" }))
                             ])
@@ -728,32 +751,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
         @if (items(); as _items) {
             @for (item of _items; track item; let index = $index) {
                 @if (item.rendered()) {
-                    <nu-sliding-item [@animate]="item.animation()">
+                    <div
+                        class="nu-slide"
+                        [@animate]="item.animation()"
+                        (@animate.start)="onAnimationEvent($event, item)"
+                        (@animate.done)="onAnimationEvent($event, item)"
+                    >
                         <ng-template [ngTemplateOutlet]="item.tpl" />
-                    </nu-sliding-item>
+                    </div>
                 }
             }
         }
-    `, styles: [":host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;position:relative}\n"] }]
+    `, styles: [":host{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;position:relative}:host .nu-slide{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden}\n"] }]
         }], ctorParameters: () => [] });
 
-const members = [SlidingItemDirective, SlidingComponent];
-class NuSlidingLayout {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NuSlidingLayout, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: NuSlidingLayout, imports: [SlidingItemDirective, SlidingComponent], exports: [SlidingItemDirective, SlidingComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NuSlidingLayout, imports: [SlidingComponent] }); }
+class Item {
+    constructor(data) {
+        this.data = data;
+        this.state = signal(0 /* SlideState.Pending */);
+        this.currentState = 0 /* SlideState.Pending */;
+        this.id = `${++uid}`;
+    }
+    setState(state) {
+        if (this.currentState !== state) {
+            this.currentState = state;
+            this.state.set(state);
+        }
+    }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NuSlidingLayout, decorators: [{
-            type: NgModule,
+let uid = 0;
+/**
+ * @example
+ * ```html
+ * <nu-infinite-sliding [data]="newSlide">
+ *     <ng-template nuInfiniteSlide let-data>{{ data }}</ng-template>
+ * </nu-infinite-sliding>
+ * ```
+ *
+ * ```typescript
+ * export class MyComponent {
+ *      readonly newSlide = signal<SlideData<string>>({ position: 1, data: "Hello" })
+ *
+ *      addNewSlide() {
+ *          this.newSlide.set({ position: 1, data: "World" })
+ *      }
+ * }
+ * ```
+ */
+class InfiniteSlidingComponent {
+    constructor() {
+        this.slide = contentChild.required(InfiniteSlideDirective);
+        this.data = model();
+        this.#items = linkedSignal({
+            source: this.data,
+            computation: (data, prev) => insertData(prev?.value ?? [], data)
+        });
+        this.items = computed(() => this.#items().filter(item => item.state() !== 4 /* SlideState.Hidden */));
+        this.preferredIndex = linkedSignal({
+            source: computed(() => this.items().findIndex(item => item.state() === 0 /* SlideState.Pending */)),
+            computation: (index, prev) => (index > -1 ? index : prev?.value ?? 0)
+        });
+    }
+    #items;
+    push(data) {
+        this.data.set({ position: 1, data });
+    }
+    unshift(data) {
+        this.data.set({ position: -1, data });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InfiniteSlidingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: InfiniteSlidingComponent, isStandalone: true, selector: "nu-infinite-sliding", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange" }, queries: [{ propertyName: "slide", first: true, predicate: InfiniteSlideDirective, descendants: true, isSignal: true }], exportAs: ["nuInfiniteSliding"], ngImport: i0, template: `
+        <nu-sliding [lazy]="true" [preferred]="preferredIndex()">
+            @for (item of items(); track item.id) {
+                <ng-template nuSlide (state)="item.setState($event)">
+                    <ng-template
+                        [ngTemplateOutlet]="slide().tpl"
+                        [ngTemplateOutletContext]="{ $implicit: item.data }"
+                    />
+                </ng-template>
+            }
+        </nu-sliding>
+    `, isInline: true, dependencies: [{ kind: "component", type: SlidingComponent, selector: "nu-sliding", inputs: ["lazy", "preferred"], outputs: ["preferredChange", "changes"] }, { kind: "directive", type: SlideDirective, selector: "ng-template[nuSlide]", outputs: ["activated", "state"], exportAs: ["nuSlide"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InfiniteSlidingComponent, decorators: [{
+            type: Component,
             args: [{
-                    imports: members,
-                    exports: members
+                    selector: "nu-infinite-sliding",
+                    exportAs: "nuInfiniteSliding",
+                    imports: [SlidingComponent, SlideDirective, NgTemplateOutlet],
+                    template: `
+        <nu-sliding [lazy]="true" [preferred]="preferredIndex()">
+            @for (item of items(); track item.id) {
+                <ng-template nuSlide (state)="item.setState($event)">
+                    <ng-template
+                        [ngTemplateOutlet]="slide().tpl"
+                        [ngTemplateOutletContext]="{ $implicit: item.data }"
+                    />
+                </ng-template>
+            }
+        </nu-sliding>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }] });
+function insertData(list, slideData) {
+    if (slideData == null) {
+        return list;
+    }
+    const { position, data } = slideData;
+    if (position === -1) {
+        return [new Item(data), ...list];
+    }
+    else {
+        return [...list, new Item(data)];
+    }
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DockingContentComponent, DockingLayoutComponent, DockingPanelComponent, L9Cell, L9GridTopLeft, L9Range, L9State, NuDockingLayout, NuSlidingLayout, SlidingComponent, SlidingItemDirective, SlotDef, SlotDirective, SlotOutletDirective, SlotsService };
+export { DockingContentComponent, DockingLayoutComponent, DockingPanelComponent, InfiniteSlideDirective, InfiniteSlidingComponent, L9Cell, L9GridTopLeft, L9Range, L9State, NuDockingLayout, SlideDirective, SlidingComponent, SlotDef, SlotDirective, SlotOutletDirective, SlotsService };
 //# sourceMappingURL=ngutil-layout.mjs.map