@ngutil/layout 0.0.102 → 0.0.104

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@ngutil/layout",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "peerDependencies": {
-    "@angular/animations": "19.2.8",
-    "@angular/common": "19.2.8",
-    "@angular/core": "19.2.8",
+    "@angular/animations": "20.3.13",
+    "@angular/common": "20.3.13",
+    "@angular/core": "20.3.13",
     "es-toolkit": "^1.35.0",
     "rxjs": "^7.8.1",
-    "@ngutil/common": "0.0.102",
-    "@ngutil/style": "0.0.102"
+    "@ngutil/common": "0.0.104",
+    "@ngutil/style": "0.0.104"
   },
   "publishConfig": {
     "access": "public",

package/docking/docking-backdrop.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class DockingBackdropComponent {
-    readonly visible: import("@angular/core").InputSignal<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DockingBackdropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DockingBackdropComponent, "nu-docking-backdrop", never, { "visible": { "alias": "visible"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/docking/docking-content.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class DockingContentComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DockingContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DockingContentComponent, "nu-docking-content", ["nuDockingContent"], {}, {}, never, ["*"], true, never>;
-}

package/docking/docking-layout.component.d.ts

@@ -1,18 +0,0 @@
-import { DockingPanelComponent } from "./docking-panel.component";
-import * as i0 from "@angular/core";
-type DockingVerticalPosition = "top" | "middle" | "bottom";
-type DockingHorizontalPositon = "left" | "center" | "right";
-type DockingPosition = `${DockingVerticalPosition}:${DockingHorizontalPositon}`;
-export type DockingRange = DockingVerticalPosition | DockingHorizontalPositon | DockingPosition | `${DockingPosition}-${DockingPosition}`;
-export declare class DockingLayoutComponent {
-    /**
-     * True if u want to animate panel open/close with `mode="side"`
-     */
-    readonly panels: import("@angular/core").Signal<readonly DockingPanelComponent[]>;
-    readonly activeOverPanel: import("@angular/core").Signal<DockingPanelComponent | undefined>;
-    readonly backdropVisible: import("@angular/core").Signal<boolean>;
-    doCloseActiveOverPanel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DockingLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DockingLayoutComponent, "nu-docking", ["nuDocking"], {}, {}, ["panels"], ["*"], true, never>;
-}
-export {};

package/docking/docking-panel.component.d.ts

@@ -1,27 +0,0 @@
-import { ElementRef } from "@angular/core";
-import { L9Range } from "../l9/range";
-import * as i0 from "@angular/core";
-export type DockingPanelState = "full" | "mini" | "hidden";
-export type DockingPanelMode = "over" | "push" | "rigid";
-export type BackdropMode = boolean | "full" | "panel-size";
-export declare class DockingPanelComponent {
-    #private;
-    readonly el: ElementRef<any>;
-    readonly position: import("@angular/core").InputSignalWithTransform<L9Range, import("../l9/range").L9RangeName | L9Range>;
-    readonly opened: import("@angular/core").ModelSignal<boolean>;
-    readonly _opened: import("@angular/core").Signal<boolean>;
-    readonly mode: import("@angular/core").InputSignal<DockingPanelMode>;
-    readonly maxSize: import("@angular/core").InputSignal<number | null | undefined>;
-    readonly backdrop: import("@angular/core").InputSignal<BackdropMode>;
-    readonly gridArea: import("@angular/core").Signal<string>;
-    readonly orient: import("@angular/core").Signal<import("../l9/range").L9Orient>;
-    readonly side: import("@angular/core").Signal<"top" | "middle" | "bottom" | "left" | "center" | "right">;
-    readonly content: import("@angular/core").Signal<ElementRef<any>>;
-    readonly dimension$: import("rxjs").Observable<import("@ngutil/style").Dimension>;
-    readonly dimension: import("@angular/core").Signal<import("@ngutil/style").Dimension | undefined>;
-    readonly contentSize: import("@angular/core").Signal<number>;
-    open(): void;
-    close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DockingPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DockingPanelComponent, "nu-docking-panel", ["nuDockingPanel"], { "position": { "alias": "position"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; }, never, ["*"], true, never>;
-}

package/docking/index.d.ts

@@ -1,13 +0,0 @@
-import { DockingContentComponent } from "./docking-content.component";
-import { DockingLayoutComponent } from "./docking-layout.component";
-import { DockingPanelComponent } from "./docking-panel.component";
-import * as i0 from "@angular/core";
-import * as i1 from "./docking-layout.component";
-import * as i2 from "./docking-panel.component";
-import * as i3 from "./docking-content.component";
-export { DockingLayoutComponent, DockingPanelComponent, DockingContentComponent };
-export declare class NuDockingLayout {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NuDockingLayout, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NuDockingLayout, never, [typeof i1.DockingLayoutComponent, typeof i2.DockingPanelComponent, typeof i3.DockingContentComponent], [typeof i1.DockingLayoutComponent, typeof i2.DockingPanelComponent, typeof i3.DockingContentComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NuDockingLayout>;
-}

package/l9/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./range";
-export * from "./state";

package/l9/range.d.ts

@@ -1,40 +0,0 @@
-/**
- * -----------------------------------------------
- * | TOP:LEFT     |  TOP:CENTER   | TOP:RIGHT    |
- * ----------------------------------------------
- * | MIDDLE:LEFT  | MIDDLE:CENTER | MIDDLE:RIGHT |
- * ----------------------------------------------
- * | BOTTOMN:LEFT | BOTTOM:CENTER | BOTTOM:RIGHT |
- * -----------------------------------------------
- */
-import { Rect } from "@ngutil/style";
-declare const vertical: readonly ["top", "middle", "bottom"];
-declare const horizontal: readonly ["left", "center", "right"];
-export type L9Vertical = (typeof vertical)[number];
-export type L9Horizontal = (typeof horizontal)[number];
-export type L9CellName = `${L9Vertical}:${L9Horizontal}` | `${L9Horizontal}:${L9Vertical}`;
-export type L9RangeName = L9Vertical | L9Horizontal | L9CellName | `${L9CellName}-${L9CellName}`;
-export type L9Orient = "horizontal" | "vertical";
-export declare const L9GridTopLeft: {
-    row: number;
-    col: number;
-};
-export declare class L9Cell {
-    readonly v: L9Vertical;
-    readonly h: L9Horizontal;
-    static coerce(value: L9CellName): L9Cell;
-    constructor(v: L9Vertical, h: L9Horizontal);
-    intoGridArea(gridTopLeft?: typeof L9GridTopLeft): string;
-    isEq(other: L9Cell): boolean;
-}
-export declare class L9Range {
-    #private;
-    static coerce(value: L9Range | L9RangeName): L9Range;
-    readonly cells: Array<L9Cell>;
-    readonly orient: L9Orient;
-    constructor(range: L9RangeName);
-    isEq(other: L9Range): boolean;
-    intoGridArea(gridTopLeft?: typeof L9GridTopLeft): string;
-    intoRect(): Rect;
-}
-export {};

package/l9/state.d.ts

@@ -1,12 +0,0 @@
-import { Observable } from "rxjs";
-import { L9Horizontal, L9Vertical } from "./range";
-export type L9StateVar<T extends string> = `--${T}-${L9Vertical}-${L9Horizontal}-${"w" | "h"}`;
-export type L9StyleVars<T extends string> = {
-    [key in L9StateVar<T>]?: string;
-};
-export declare class L9State<T extends string> {
-    #private;
-    readonly prefix: T;
-    readonly style: Observable<L9StyleVars<T>>;
-    constructor(prefix: T);
-}

package/services/slots.service.d.ts

@@ -1,69 +0,0 @@
-import { EmbeddedViewRef, Injector, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
-import { Observable } from "rxjs";
-import { Destructible, IDisposable } from "@ngutil/common";
-import * as i0 from "@angular/core";
-type SlotOrder = `:${number}`;
-type SlotId = ` as ${string}`;
-export type Slot<T extends string> = `${T}${SlotOrder | ""}${SlotId | ""}`;
-export type SlotTpl = TemplateRef<any>;
-export type SlotViewRef = EmbeddedViewRef<any>;
-export declare class SlotDef<T extends string> implements IDisposable {
-    readonly tpl: SlotTpl;
-    readonly slot: T;
-    readonly order: number;
-    readonly id?: string;
-    readonly viewRef?: SlotViewRef;
-    constructor(slot: Slot<T>, tpl: SlotTpl);
-    dispose(): void;
-}
-export interface SlotEvent<T extends string> {
-    type: "add" | "del";
-    def: SlotDef<T>;
-}
-/**
- * @Directive({selector: "ng-template[xyzSlot]", inputs: [{name: "slot", alias: "xyzSlot"}]})
- * class XYZSlotDirective extends SlotDirective<XYZComponentSlots> { }
- *
- * @Directive({selector: "ng-template[xyzSlotOutlet]", inputs: [{name: "slot", alias: "xyzSlotOutlet"}]})
- * class XYZSlotOutletDirective extends SlotOutletDirective<XYZComponentSlots> { }
- *
- *
- * @Component({provides: [SlotsService]})
- * class XYZComponent {
- *      slots: inject(SlotsService<XYZComponentSlots>)
- * }
- *
- *
- */
-export declare class SlotsService<T extends string = any> extends Destructible {
-    #private;
-    constructor();
-    addTpl(def: SlotDef<T>): void;
-    delTpl(def: SlotDef<T>): void;
-    watch(slot: T): Observable<SlotDef<T>[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SlotsService<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SlotsService<any>>;
-}
-export declare abstract class SlotDirective<T extends string, C = any> implements OnDestroy {
-    #private;
-    protected abstract readonly slotSvc: SlotsService<T>;
-    protected readonly tpl: TemplateRef<any>;
-    set slot(slot: Slot<T>);
-    get slot(): Slot<T>;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SlotDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SlotDirective<any, any>, never, never, {}, {}, never, never, true, never>;
-}
-export declare abstract class SlotOutletDirective<T extends string> extends Destructible implements OnInit {
-    #private;
-    protected abstract readonly slotSvc: SlotsService<T>;
-    protected readonly vcr: ViewContainerRef;
-    protected readonly injector: Injector;
-    set slot(slot: T | null);
-    get slot(): T | null;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SlotOutletDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SlotOutletDirective<any>, never, never, {}, {}, never, never, true, never>;
-}
-export {};

package/sliding/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./infinite-slide.directive";
-export * from "./infinite-sliding.component";
-export * from "./slide.directive";
-export * from "./sliding.component";

package/sliding/infinite-slide.directive.d.ts

@@ -1,7 +0,0 @@
-import { TemplateRef } from "@angular/core";
-import * as i0 from "@angular/core";
-export declare class InfiniteSlideDirective {
-    readonly tpl: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InfiniteSlideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InfiniteSlideDirective, "ng-template[nuInfiniteSlide]", ["nuInfiniteSlide"], {}, {}, never, never, true, never>;
-}

package/sliding/infinite-sliding.component.d.ts

@@ -1,48 +0,0 @@
-import { InfiniteSlideDirective } from "./infinite-slide.directive";
-import { SlideState } from "./slide.directive";
-import * as i0 from "@angular/core";
-export type InfiniteSlideContext<T> = {
-    $implicit: T;
-};
-export interface InfiniteSlideData<T> {
-    position: -1 | 0 | 1;
-    data: T;
-}
-declare class Item<T> {
-    data: T;
-    readonly id: string;
-    readonly state: import("@angular/core").WritableSignal<SlideState>;
-    constructor(data: T);
-    setState(state: SlideState): void;
-}
-/**
- * @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" })
- *      }
- * }
- * ```
- */
-export declare class InfiniteSlidingComponent<T = any> {
-    #private;
-    readonly slide: import("@angular/core").Signal<InfiniteSlideDirective>;
-    readonly data: import("@angular/core").ModelSignal<InfiniteSlideData<T> | undefined>;
-    readonly items: import("@angular/core").Signal<Item<T>[]>;
-    readonly preferredIndex: import("@angular/core").WritableSignal<number>;
-    push(data: T): void;
-    unshift(data: T): void;
-    update(data: T): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InfiniteSlidingComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InfiniteSlidingComponent<any>, "nu-infinite-sliding", ["nuInfiniteSliding"], { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "data": "dataChange"; }, ["slide"], never, true, never>;
-}
-export {};

package/sliding/slide.directive.d.ts

@@ -1,28 +0,0 @@
-import { TemplateRef } from "@angular/core";
-import * as i0 from "@angular/core";
-export declare const enum SlideAnimationState {
-    LeftIn = "left-in",
-    LeftOut = "left-out",
-    RightIn = "right-in",
-    RightOut = "right-out",
-    FastOut = "fast-out",
-    FastIn = "fast-in"
-}
-export declare const enum SlideState {
-    Pending = 0,
-    Showing = 1,
-    Shown = 2,
-    Hiding = 3,
-    Hidden = 4
-}
-export declare class SlideDirective {
-    readonly tpl: TemplateRef<any>;
-    readonly rendered: import("@angular/core").WritableSignal<boolean>;
-    readonly active: import("@angular/core").WritableSignal<boolean>;
-    readonly animation: import("@angular/core").WritableSignal<SlideAnimationState | null>;
-    readonly activated: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly state: import("@angular/core").OutputEmitterRef<SlideState>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SlideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SlideDirective, "ng-template[nuSlide]", ["nuSlide"], {}, { "activated": "activated"; "state": "state"; }, never, never, true, never>;
-}

package/sliding/sliding.component.d.ts

@@ -1,29 +0,0 @@
-import { AnimationEvent } from "@angular/animations";
-import { SlideDirective } from "./slide.directive";
-import * as i0 from "@angular/core";
-export declare class SlidingComponent {
-    /**
-     * List of items
-     */
-    readonly items: import("@angular/core").Signal<readonly SlideDirective[]>;
-    /**
-     * Lazily rendering items
-     */
-    readonly lazy: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Index of the preferred item
-     */
-    readonly preferred: import("@angular/core").ModelSignal<number>;
-    /**
-     * Index of the active item
-     */
-    readonly active: import("@angular/core").Signal<number>;
-    /**
-     * Changes of the active item
-     */
-    readonly changes: import("@angular/core").OutputEmitterRef<SlidingComponent>;
-    constructor();
-    onAnimationEvent(event: AnimationEvent, item: SlideDirective): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SlidingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlidingComponent, "nu-sliding", never, { "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "preferred": { "alias": "preferred"; "required": false; "isSignal": true; }; }, { "preferred": "preferredChange"; "changes": "changes"; }, ["items"], never, true, never>;
-}