@ngutil/layout 0.0.3-dev.8 → 0.0.3-dev.9

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./util";
 export * from "./l9";
 export * from "./docking";
+export * from "./services/slots.service";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngutil/layout",
-  "version": "0.0.3-dev.8",
+  "version": "0.0.3-dev.9",
   "publishConfig": {
     "access": "public",
     "directory": "../../dist/packages/layout/"
@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@angular/common": "^17.1.0",
     "@angular/core": "^17.1.0",
-    "@ngutil/common": "0.0.3-dev.8"
+    "@ngutil/common": "0.0.3-dev.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/services/slots.service.d.ts

@@ -0,0 +1,69 @@
+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, false, 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, false, never>;
+}
+export {};