@kaskad/angular 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# angular
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test angular` to execute the unit tests.

package/fesm2022/kaskad-angular-boolean-input-group.component-OTuIH22A.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class BooleanInputGroupComponent {
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BooleanInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: BooleanInputGroupComponent, isStandalone: true, selector: "kk-boolean-input-group", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: ` <ng-container [kkComponentOutlet]="content()" /> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BooleanInputGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-boolean-input-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: ` <ng-container [kkComponentOutlet]="content()" /> `,
+                    imports: [ComponentOutletDirective],
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+export { BooleanInputGroupComponent };
+//# sourceMappingURL=kaskad-angular-boolean-input-group.component-OTuIH22A.mjs.map

package/fesm2022/kaskad-angular-boolean-input-group.component-OTuIH22A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-boolean-input-group.component-OTuIH22A.mjs","sources":["../../../../libs/angular/src/lib/components/forms/boolean-input-group.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/types';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-boolean-input-group',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: ` <ng-container [kkComponentOutlet]=\"content()\" /> `,\n  imports: [ComponentOutletDirective],\n})\nexport class BooleanInputGroupComponent {\n  content = input<ComponentId | null>(null);\n}\n"],"names":[],"mappings":";;;;MAca,0BAA0B,CAAA;AACrC,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC;uGAD9B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAH3B,CAAA,kDAAA,CAAoD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpD,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEvB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;oBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,kDAAA,CAAoD;oBAC9D,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;;;"}

package/fesm2022/kaskad-angular-box.component-DT8snyrR.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class BoxComponent {
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: BoxComponent, isStandalone: true, selector: "kk-sys-box", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: ` <ng-container [kkComponentOutlet]="content()" /> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-sys-box',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: ` <ng-container [kkComponentOutlet]="content()" /> `,
+                    imports: [ComponentOutletDirective],
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+export { BoxComponent };
+//# sourceMappingURL=kaskad-angular-box.component-DT8snyrR.mjs.map

package/fesm2022/kaskad-angular-box.component-DT8snyrR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-box.component-DT8snyrR.mjs","sources":["../../../../libs/angular/src/lib/components/sys/box.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/core';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-sys-box',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: ` <ng-container [kkComponentOutlet]=\"content()\" /> `,\n  imports: [ComponentOutletDirective],\n})\nexport class BoxComponent {\n  content = input<ComponentId | null>(null);\n}\n"],"names":[],"mappings":";;;;MAca,YAAY,CAAA;AACvB,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC;uGAD9B,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHb,CAAA,kDAAA,CAAoD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpD,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEvB,YAAY,EAAA,UAAA,EAAA,CAAA;kBATxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;oBACtB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,kDAAA,CAAoD;oBAC9D,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;;;"}

package/fesm2022/kaskad-angular-custom-input.component-BAFEfDxO.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class CustomInputComponent {
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CustomInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: CustomInputComponent, isStandalone: true, selector: "kk-custom-input", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: ` <ng-container [kkComponentOutlet]="content()" /> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CustomInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-custom-input',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: ` <ng-container [kkComponentOutlet]="content()" /> `,
+                    imports: [ComponentOutletDirective],
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+export { CustomInputComponent };
+//# sourceMappingURL=kaskad-angular-custom-input.component-BAFEfDxO.mjs.map

package/fesm2022/kaskad-angular-custom-input.component-BAFEfDxO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-custom-input.component-BAFEfDxO.mjs","sources":["../../../../libs/angular/src/lib/components/forms/custom-input.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/core';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-custom-input',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: ` <ng-container [kkComponentOutlet]=\"content()\" /> `,\n  imports: [ComponentOutletDirective],\n})\nexport class CustomInputComponent {\n  content = input<ComponentId | null>(null);\n}\n"],"names":[],"mappings":";;;;MAca,oBAAoB,CAAA;AAC/B,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC;uGAD9B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHrB,CAAA,kDAAA,CAAoD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpD,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEvB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,kDAAA,CAAoD;oBAC9D,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;;;"}

package/fesm2022/kaskad-angular-default.component-C-67t747.mjs

@@ -0,0 +1,23 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class DefaultComponent {
+    id = input('', ...(ngDevMode ? [{ debugName: "id" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: DefaultComponent, isStandalone: true, selector: "kk-default", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="props">
+      <div>id: {{ id() }}</div>
+    </div>
+  `, isInline: true, styles: [".props{border:1px dashed black;padding:5px}.prop{display:flex;align-items:flex-start;gap:.5em}pre{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DefaultComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kk-default', imports: [], template: `
+    <div class="props">
+      <div>id: {{ id() }}</div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".props{border:1px dashed black;padding:5px}.prop{display:flex;align-items:flex-start;gap:.5em}pre{margin:0}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+export { DefaultComponent };
+//# sourceMappingURL=kaskad-angular-default.component-C-67t747.mjs.map

package/fesm2022/kaskad-angular-default.component-C-67t747.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-default.component-C-67t747.mjs","sources":["../../../../libs/angular/src/lib/components/default.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/types';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'kk-default',\n  imports: [],\n  template: `\n    <div class=\"props\">\n      <div>id: {{ id() }}</div>\n    </div>\n  `,\n  styles: `\n    .props {\n      border: 1px dashed black;\n      padding: 5px;\n    }\n\n    .prop {\n      display: flex;\n      align-items: flex-start;\n      gap: 0.5em;\n    }\n\n    pre {\n      margin: 0;\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DefaultComponent {\n  id = input<ComponentId>('');\n}\n"],"names":[],"mappings":";;;MA6Ba,gBAAgB,CAAA;AAC3B,IAAA,EAAE,GAAG,KAAK,CAAc,EAAE,8CAAC;uGADhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBjB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAmBU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBA1B5B,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,EAAE,EAAA,QAAA,EACD;;;;GAIT,EAAA,eAAA,EAiBgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA;;;;;"}

package/fesm2022/kaskad-angular-dialog.component-B_024_A6.mjs

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { input, viewChild, effect, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class DialogComponent {
+    styleClass = input(...(ngDevMode ? [undefined, { debugName: "styleClass" }] : []));
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    close = input(...(ngDevMode ? [undefined, { debugName: "close" }] : []));
+    dialog = viewChild('dialog', ...(ngDevMode ? [{ debugName: "dialog" }] : []));
+    constructor() {
+        effect(() => {
+            this.dialog()?.nativeElement.showModal();
+        });
+    }
+    onClick(event) {
+        // close dialog when clicking on the backdrop
+        if (event.target.tagName === 'DIALOG') {
+            this.close()?.execute(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.3", type: DialogComponent, isStandalone: true, selector: "kk-dialog", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, close: { classPropertyName: "close", publicName: "close", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "\"contents\"" } }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <dialog #dialog [class]="styleClass()" (close)="close()?.execute(false)">
+      <ng-container [kkComponentOutlet]="content()" />
+    </dialog>
+  `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-dialog',
+                    imports: [ComponentOutletDirective],
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: `
+    <dialog #dialog [class]="styleClass()" (close)="close()?.execute(false)">
+      <ng-container [kkComponentOutlet]="content()" />
+    </dialog>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], close: [{ type: i0.Input, args: [{ isSignal: true, alias: "close", required: false }] }], dialog: [{ type: i0.ViewChild, args: ['dialog', { isSignal: true }] }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+export { DialogComponent };
+//# sourceMappingURL=kaskad-angular-dialog.component-B_024_A6.mjs.map

package/fesm2022/kaskad-angular-dialog.component-B_024_A6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-dialog.component-B_024_A6.mjs","sources":["../../../../libs/angular/src/lib/components/browser/dialog.component.ts"],"sourcesContent":["import { CommandRef, ComponentId } from '@kaskad/core';\nimport { ChangeDetectionStrategy, Component, effect, ElementRef, HostListener, input, viewChild } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-dialog',\n  imports: [ComponentOutletDirective],\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: `\n    <dialog #dialog [class]=\"styleClass()\" (close)=\"close()?.execute(false)\">\n      <ng-container [kkComponentOutlet]=\"content()\" />\n    </dialog>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DialogComponent {\n  styleClass = input<string>();\n  content = input<ComponentId | null>(null);\n  close = input<CommandRef<{ returnValue: unknown }, void>>();\n\n  dialog = viewChild<ElementRef<HTMLDialogElement>>('dialog');\n\n  constructor() {\n    effect(() => {\n      this.dialog()?.nativeElement.showModal();\n    });\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(event: MouseEvent): void {\n    // close dialog when clicking on the backdrop\n    if ((event.target as HTMLElement).tagName === 'DIALOG') {\n      this.close()?.execute(false);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/kaskad-angular-element.component-3CvZ-N6y.mjs

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { input, inject, TemplateRef, ViewContainerRef, Renderer2, effect, SecurityContext, DestroyRef, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+import { DomSanitizer } from '@angular/platform-browser';
+
+class TagWrapDirective {
+    kkTagWrap = input.required(...(ngDevMode ? [{ debugName: "kkTagWrap" }] : []));
+    kkTagWrapClass = input(...(ngDevMode ? [undefined, { debugName: "kkTagWrapClass" }] : []));
+    kkTagWrapInnerHTML = input(...(ngDevMode ? [undefined, { debugName: "kkTagWrapInnerHTML" }] : []));
+    templateRef = inject(TemplateRef);
+    vcr = inject(ViewContainerRef);
+    renderer = inject(Renderer2);
+    sanitizer = inject(DomSanitizer);
+    wrapperEl = null;
+    constructor() {
+        effect(() => {
+            const tag = this.kkTagWrap();
+            if (!this.wrapperEl) {
+                this.createWrapper(tag);
+            }
+        });
+        effect(() => {
+            if (!this.wrapperEl)
+                return;
+            this.wrapperEl.className = this.kkTagWrapClass() ?? '';
+        });
+        effect(() => {
+            if (!this.wrapperEl)
+                return;
+            const html = this.kkTagWrapInnerHTML();
+            if (html) {
+                const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, html) ?? '';
+                this.renderer.setProperty(this.wrapperEl, 'innerHTML', sanitized);
+            }
+        });
+        inject(DestroyRef).onDestroy(() => this.wrapperEl?.remove());
+    }
+    createWrapper(tag) {
+        const anchor = this.vcr.element.nativeElement;
+        this.wrapperEl = document.createElement(tag);
+        anchor.parentNode?.insertBefore(this.wrapperEl, anchor);
+        this.wrapperEl.appendChild(anchor);
+        this.vcr.createEmbeddedView(this.templateRef);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TagWrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: TagWrapDirective, isStandalone: true, selector: "[kkTagWrap]", inputs: { kkTagWrap: { classPropertyName: "kkTagWrap", publicName: "kkTagWrap", isSignal: true, isRequired: true, transformFunction: null }, kkTagWrapClass: { classPropertyName: "kkTagWrapClass", publicName: "kkTagWrapClass", isSignal: true, isRequired: false, transformFunction: null }, kkTagWrapInnerHTML: { classPropertyName: "kkTagWrapInnerHTML", publicName: "kkTagWrapInnerHTML", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TagWrapDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kkTagWrap]' }]
+        }], ctorParameters: () => [], propDecorators: { kkTagWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "kkTagWrap", required: true }] }], kkTagWrapClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "kkTagWrapClass", required: false }] }], kkTagWrapInnerHTML: [{ type: i0.Input, args: [{ isSignal: true, alias: "kkTagWrapInnerHTML", required: false }] }] } });
+
+class ElementComponent {
+    tag = input(...(ngDevMode ? [undefined, { debugName: "tag" }] : []));
+    styleClass = input(...(ngDevMode ? [undefined, { debugName: "styleClass" }] : []));
+    innerHTML = input(...(ngDevMode ? [undefined, { debugName: "innerHTML" }] : []));
+    children = input(...(ngDevMode ? [undefined, { debugName: "children" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ElementComponent, isStandalone: true, selector: "kk-browser-element", inputs: { tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, innerHTML: { classPropertyName: "innerHTML", publicName: "innerHTML", isSignal: true, isRequired: false, transformFunction: null }, children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: `
+    <ng-container *kkTagWrap="tag() ?? 'div'; class: styleClass(); innerHTML: innerHTML()">
+      @for (child of children(); track child) {
+        <ng-container [kkComponentOutlet]="child" />
+      }
+    </ng-container>
+  `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }, { kind: "directive", type: TagWrapDirective, selector: "[kkTagWrap]", inputs: ["kkTagWrap", "kkTagWrapClass", "kkTagWrapInnerHTML"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ElementComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-browser-element',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [ComponentOutletDirective, TagWrapDirective],
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: `
+    <ng-container *kkTagWrap="tag() ?? 'div'; class: styleClass(); innerHTML: innerHTML()">
+      @for (child of children(); track child) {
+        <ng-container [kkComponentOutlet]="child" />
+      }
+    </ng-container>
+  `,
+                }]
+        }], propDecorators: { tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], innerHTML: [{ type: i0.Input, args: [{ isSignal: true, alias: "innerHTML", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: false }] }] } });
+
+export { ElementComponent };
+//# sourceMappingURL=kaskad-angular-element.component-3CvZ-N6y.mjs.map

package/fesm2022/kaskad-angular-element.component-3CvZ-N6y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-element.component-3CvZ-N6y.mjs","sources":["../../../../libs/angular/src/lib/directives/tag-wrap.directive.ts","../../../../libs/angular/src/lib/components/browser/element.component.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  effect,\n  inject,\n  input,\n  Renderer2,\n  SecurityContext,\n  TemplateRef,\n  ViewContainerRef,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Directive({ selector: '[kkTagWrap]' })\nexport class TagWrapDirective {\n  kkTagWrap = input.required<string>();\n  kkTagWrapClass = input<string>();\n  kkTagWrapInnerHTML = input<string>();\n\n  private templateRef = inject(TemplateRef);\n  private vcr = inject(ViewContainerRef);\n  private renderer = inject(Renderer2);\n  private sanitizer = inject(DomSanitizer);\n\n  private wrapperEl: HTMLElement | null = null;\n\n  constructor() {\n    effect(() => {\n      const tag = this.kkTagWrap();\n      if (!this.wrapperEl) {\n        this.createWrapper(tag);\n      }\n    });\n\n    effect(() => {\n      if (!this.wrapperEl) return;\n      this.wrapperEl.className = this.kkTagWrapClass() ?? '';\n    });\n\n    effect(() => {\n      if (!this.wrapperEl) return;\n      const html = this.kkTagWrapInnerHTML();\n      if (html) {\n        const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, html) ?? '';\n        this.renderer.setProperty(this.wrapperEl, 'innerHTML', sanitized);\n      }\n    });\n\n    inject(DestroyRef).onDestroy(() => this.wrapperEl?.remove());\n  }\n\n  private createWrapper(tag: string): void {\n    const anchor = this.vcr.element.nativeElement as Comment;\n    this.wrapperEl = document.createElement(tag);\n    anchor.parentNode?.insertBefore(this.wrapperEl, anchor);\n    this.wrapperEl.appendChild(anchor);\n    this.vcr.createEmbeddedView(this.templateRef);\n  }\n}\n","import { ComponentId } from '@kaskad/types';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\nimport { TagWrapDirective } from '../../directives/tag-wrap.directive';\n\n@Component({\n  selector: 'kk-browser-element',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [ComponentOutletDirective, TagWrapDirective],\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: `\n    <ng-container *kkTagWrap=\"tag() ?? 'div'; class: styleClass(); innerHTML: innerHTML()\">\n      @for (child of children(); track child) {\n        <ng-container [kkComponentOutlet]=\"child\" />\n      }\n    </ng-container>\n  `,\n})\nexport class ElementComponent {\n  tag = input<string>();\n  styleClass = input<string>();\n  innerHTML = input<string>();\n  children = input<ComponentId[]>();\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/kaskad-angular-facade.component-BAkH4L3V.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class FacadeComponent {
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FacadeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: FacadeComponent, isStandalone: true, selector: "kk-sys-template-facade", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: ` <ng-container [kkComponentOutlet]="content()" /> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FacadeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-sys-template-facade',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: ` <ng-container [kkComponentOutlet]="content()" /> `,
+                    imports: [ComponentOutletDirective],
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+export { FacadeComponent };
+//# sourceMappingURL=kaskad-angular-facade.component-BAkH4L3V.mjs.map

package/fesm2022/kaskad-angular-facade.component-BAkH4L3V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-facade.component-BAkH4L3V.mjs","sources":["../../../../libs/angular/src/lib/components/sys/facade.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/core';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-sys-template-facade',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: ` <ng-container [kkComponentOutlet]=\"content()\" /> `,\n  imports: [ComponentOutletDirective],\n})\nexport class FacadeComponent {\n  content = input<ComponentId | null>(null);\n}\n"],"names":[],"mappings":";;;;MAca,eAAe,CAAA;AAC1B,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC;uGAD9B,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHhB,CAAA,kDAAA,CAAoD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpD,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEvB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;oBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,kDAAA,CAAoD;oBAC9D,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;;;"}

package/fesm2022/kaskad-angular-group.component-Bh65Yk30.mjs

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class GroupComponent {
+    children = input([], ...(ngDevMode ? [{ debugName: "children" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GroupComponent, isStandalone: true, selector: "kk-sys-group", inputs: { children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: `
+    @for (child of children(); track child) {
+      <ng-container [kkComponentOutlet]="child" />
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-sys-group',
+                    imports: [ComponentOutletDirective],
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: `
+    @for (child of children(); track child) {
+      <ng-container [kkComponentOutlet]="child" />
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: false }] }] } });
+
+export { GroupComponent };
+//# sourceMappingURL=kaskad-angular-group.component-Bh65Yk30.mjs.map

package/fesm2022/kaskad-angular-group.component-Bh65Yk30.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-group.component-Bh65Yk30.mjs","sources":["../../../../libs/angular/src/lib/components/sys/group.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/core';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-sys-group',\n  imports: [ComponentOutletDirective],\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: `\n    @for (child of children(); track child) {\n      <ng-container [kkComponentOutlet]=\"child\" />\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GroupComponent {\n  children = input<ComponentId[]>([]);\n}\n"],"names":[],"mappings":";;;;MAkBa,cAAc,CAAA;AACzB,IAAA,QAAQ,GAAG,KAAK,CAAgB,EAAE,oDAAC;uGADxB,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPf;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EARS,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAWvB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;oBACxB,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACnC,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;;;"}

package/fesm2022/kaskad-angular-input-array.component-DWcLPned.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class InputArrayComponent {
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: InputArrayComponent, isStandalone: true, selector: "kk-input-array", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: ` <ng-container [kkComponentOutlet]="content()" /> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputArrayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-input-array',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: ` <ng-container [kkComponentOutlet]="content()" /> `,
+                    imports: [ComponentOutletDirective],
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+export { InputArrayComponent };
+//# sourceMappingURL=kaskad-angular-input-array.component-DWcLPned.mjs.map

package/fesm2022/kaskad-angular-input-array.component-DWcLPned.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-input-array.component-DWcLPned.mjs","sources":["../../../../libs/angular/src/lib/components/forms/input-array.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/types';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-input-array',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: ` <ng-container [kkComponentOutlet]=\"content()\" /> `,\n  imports: [ComponentOutletDirective],\n})\nexport class InputArrayComponent {\n  content = input<ComponentId | null>(null);\n}\n"],"names":[],"mappings":";;;;MAca,mBAAmB,CAAA;AAC9B,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC;uGAD9B,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHpB,CAAA,kDAAA,CAAoD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpD,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEvB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,kDAAA,CAAoD;oBAC9D,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;;;"}

package/fesm2022/kaskad-angular-input-group.component-DZPGF3Dg.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class InputGroupComponent {
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: InputGroupComponent, isStandalone: true, selector: "kk-input-group", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: ` <ng-container [kkComponentOutlet]="content()" /> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-input-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: ` <ng-container [kkComponentOutlet]="content()" /> `,
+                    imports: [ComponentOutletDirective],
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+export { InputGroupComponent };
+//# sourceMappingURL=kaskad-angular-input-group.component-DZPGF3Dg.mjs.map

package/fesm2022/kaskad-angular-input-group.component-DZPGF3Dg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-input-group.component-DZPGF3Dg.mjs","sources":["../../../../libs/angular/src/lib/components/forms/input-group.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/types';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-input-group',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: ` <ng-container [kkComponentOutlet]=\"content()\" /> `,\n  imports: [ComponentOutletDirective],\n})\nexport class InputGroupComponent {\n  content = input<ComponentId | null>(null);\n}\n"],"names":[],"mappings":";;;;MAca,mBAAmB,CAAA;AAC9B,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC;uGAD9B,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHpB,CAAA,kDAAA,CAAoD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpD,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEvB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,kDAAA,CAAoD;oBAC9D,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;;;"}

package/fesm2022/kaskad-angular-ref-space.component-DzwKtvwe.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ComponentOutletDirective } from './kaskad-angular.mjs';
+
+class RefSpaceComponent {
+    content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RefSpaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: RefSpaceComponent, isStandalone: true, selector: "kk-sys-ref-space", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"contents\"" } }, ngImport: i0, template: ` <ng-container [kkComponentOutlet]="content()" /> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentOutletDirective, selector: "[kkComponentOutlet]", inputs: ["kkComponentOutlet", "elementInjector"], outputs: ["kkComponentOutletChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RefSpaceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kk-sys-ref-space',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.display]': '"contents"',
+                    },
+                    template: ` <ng-container [kkComponentOutlet]="content()" /> `,
+                    imports: [ComponentOutletDirective],
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+export { RefSpaceComponent };
+//# sourceMappingURL=kaskad-angular-ref-space.component-DzwKtvwe.mjs.map

package/fesm2022/kaskad-angular-ref-space.component-DzwKtvwe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-ref-space.component-DzwKtvwe.mjs","sources":["../../../../libs/angular/src/lib/components/sys/ref-space.component.ts"],"sourcesContent":["import { ComponentId } from '@kaskad/core';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { ComponentOutletDirective } from '../../component-outlet.directive';\n\n@Component({\n  selector: 'kk-sys-ref-space',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.display]': '\"contents\"',\n  },\n  template: ` <ng-container [kkComponentOutlet]=\"content()\" /> `,\n  imports: [ComponentOutletDirective],\n})\nexport class RefSpaceComponent {\n  content = input<ComponentId | null>(null);\n}\n"],"names":[],"mappings":";;;;MAca,iBAAiB,CAAA;AAC5B,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC;uGAD9B,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHlB,CAAA,kDAAA,CAAoD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpD,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEvB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,YAAY;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,kDAAA,CAAoD;oBAC9D,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;;;"}

package/fesm2022/kaskad-angular.mjs

@@ -0,0 +1,447 @@
+import { ComponentStore, componentInstanceMap, unfoldNodeSchema as unfoldNodeSchema$1, createRootNode, activateNode, DefinitionStore } from '@kaskad/core';
+import { reaction, comparer } from 'mobx';
+import * as i0 from '@angular/core';
+import { input, Directive, Injectable, model, inject, ViewContainerRef, DestroyRef, NgZone, EnvironmentInjector, effect, Injector, createComponent, signal, inputBinding, isSignal, runInInjectionContext, computed, untracked, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
+import { log } from '@kaskad/config';
+import { templateRegistry, unfoldNodeSchema, loadTemplates } from '@kaskad/schema';
+import { ComponentTreeApi } from '@kaskad/component-tree';
+
+class ClickableDirective {
+    click = input.required(...(ngDevMode ? [{ debugName: "click" }] : []));
+    stopPropagation = input(false, ...(ngDevMode ? [{ debugName: "stopPropagation" }] : []));
+    handleClick(event) {
+        if (this.stopPropagation()) {
+            event.stopPropagation();
+        }
+        log.trace('Click handler executing');
+        this.click()
+            .execute()
+            .catch((error) => {
+            log.error('Click handler failed:', error);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClickableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: ClickableDirective, isStandalone: true, selector: "[kkClickable]", inputs: { click: { classPropertyName: "click", publicName: "click", isSignal: true, isRequired: true, transformFunction: null }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "stopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleClick($event)" }, styleAttribute: "cursor: pointer" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClickableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kkClickable]',
+                    host: {
+                        '(click)': 'handleClick($event)',
+                        style: 'cursor: pointer',
+                    },
+                }]
+        }], propDecorators: { click: [{ type: i0.Input, args: [{ isSignal: true, alias: "click", required: true }] }], stopPropagation: [{ type: i0.Input, args: [{ isSignal: true, alias: "stopPropagation", required: false }] }] } });
+
+class FocusableDirective {
+    tabIndex = input(0, ...(ngDevMode ? [{ debugName: "tabIndex" }] : []));
+    blur = input(...(ngDevMode ? [undefined, { debugName: "blur" }] : []));
+    onBlur() {
+        this.blur()?.execute();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FocusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: FocusableDirective, isStandalone: true, selector: "[kkFocusable]", inputs: { tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, blur: { classPropertyName: "blur", publicName: "blur", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur()" }, properties: { "tabIndex": "tabIndex()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FocusableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kkFocusable]',
+                    host: {
+                        '[tabIndex]': 'tabIndex()',
+                        '(blur)': 'onBlur()',
+                    },
+                }]
+        }], propDecorators: { tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], blur: [{ type: i0.Input, args: [{ isSignal: true, alias: "blur", required: false }] }] } });
+
+class ComponentRegistry {
+    components = {
+        default: () => import('./kaskad-angular-default.component-C-67t747.mjs').then((m) => m.DefaultComponent),
+        'sys.Box': () => import('./kaskad-angular-box.component-DT8snyrR.mjs').then((m) => m.BoxComponent),
+        'sys.Group': () => import('./kaskad-angular-group.component-Bh65Yk30.mjs').then((m) => m.GroupComponent),
+        'sys.RefSpace': () => import('./kaskad-angular-ref-space.component-DzwKtvwe.mjs').then((m) => m.RefSpaceComponent),
+        'sys.Facade': () => import('./kaskad-angular-facade.component-BAkH4L3V.mjs').then((m) => m.FacadeComponent),
+        'forms.InputGroup': () => import('./kaskad-angular-input-group.component-DZPGF3Dg.mjs').then((m) => m.InputGroupComponent),
+        'forms.InputArray': () => import('./kaskad-angular-input-array.component-DWcLPned.mjs').then((m) => m.InputArrayComponent),
+        'forms.BooleanInputGroup': () => import('./kaskad-angular-boolean-input-group.component-OTuIH22A.mjs').then((m) => m.BooleanInputGroupComponent),
+        'forms.CustomInput': () => import('./kaskad-angular-custom-input.component-BAFEfDxO.mjs').then((m) => m.CustomInputComponent),
+        'browser.Clickable': { directive: ClickableDirective },
+        'browser.Focusable': { directive: FocusableDirective },
+        'browser.Element': () => import('./kaskad-angular-element.component-3CvZ-N6y.mjs').then((m) => m.ElementComponent),
+        'browser.Dialog': () => import('./kaskad-angular-dialog.component-B_024_A6.mjs').then((m) => m.DialogComponent),
+    };
+    setAll(entries) {
+        for (const [componentType, component] of Object.entries(entries)) {
+            this.set(componentType, component);
+        }
+    }
+    set(type, component) {
+        this.components[type] = component;
+    }
+    get(type) {
+        return this.components[type] || this.components['default'];
+    }
+    getAll() {
+        return this.components;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ComponentRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ComponentRegistry, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ComponentRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function isLazyComponent(entry) {
+    return typeof entry === 'function' && !/^class\s/.test(Function.prototype.toString.call(entry));
+}
+
+function isDirective(entry) {
+    return typeof entry === 'object' && entry !== null && 'directive' in entry;
+}
+function prepareValueToRender(node) {
+    // Filter out empty component IDs
+    if (node.valueType.type === 'array' && node.valueType.item.type === 'component') {
+        return node.viewModel.filter(Boolean);
+    }
+    return node.viewModel;
+}
+
+class ComponentOutletDirective {
+    componentId = model(null, { ...(ngDevMode ? { debugName: "componentId" } : {}), alias: 'kkComponentOutlet' });
+    elementInjector = input(...(ngDevMode ? [undefined, { debugName: "elementInjector" }] : []));
+    store = inject(ComponentStore);
+    componentRegistry = inject(ComponentRegistry);
+    vcr = inject(ViewContainerRef);
+    destroyRef = inject(DestroyRef);
+    ngZone = inject(NgZone);
+    environmentInjector = inject(EnvironmentInjector);
+    disposers = [];
+    componentRef = null;
+    constructor() {
+        effect(() => {
+            const id = this.componentId();
+            if (!id) {
+                this.clear();
+                return;
+            }
+            this.ngZone.runOutsideAngular(() => {
+                const rootComponent = this.store.getComponent(id);
+                if (rootComponent) {
+                    this.renderComponent(rootComponent);
+                }
+            });
+        });
+        this.destroyRef.onDestroy(() => this.clear());
+    }
+    renderComponent(component) {
+        const { finalComponent, directives } = this.collectDirectives(component);
+        // Clear any existing component
+        if (this.componentRef) {
+            this.vcr.clear();
+            this.componentRef = null;
+        }
+        // Create new component
+        this.componentRef = this.createComponent(finalComponent, directives);
+    }
+    collectDirectives(component) {
+        const directives = [];
+        let current = component;
+        while (isDirective(this.componentRegistry.get(current.componentType))) {
+            directives.push(current);
+            const contentId = current.getNodeValue('content');
+            if (!contentId)
+                break;
+            const contentComponent = this.store.getComponent(contentId);
+            if (!contentComponent)
+                break;
+            current = contentComponent;
+        }
+        return { finalComponent: current, directives };
+    }
+    createComponent(model, directives = []) {
+        const entry = this.componentRegistry.get(model.componentType);
+        // All components should be preloaded at this point
+        if (isLazyComponent(entry)) {
+            throw new Error(`Component "${model.componentType}" is not preloaded. This is a bug in the preloading logic.`);
+        }
+        return this.mapComponentToAngular(entry, model, directives);
+    }
+    mapComponentToAngular(componentType, model, directives = []) {
+        const directivesWithBindings = directives.map((d) => {
+            const entry = this.componentRegistry.get(d.componentType);
+            const bindings = this.createDirectiveBindings(d);
+            return { type: entry.directive, bindings };
+        });
+        // Build reactive inputs
+        const bindings = this.createPropsBindings(model);
+        const elementInjector = this.elementInjector() ??
+            Injector.create({
+                providers: [{ provide: ComponentOutletDirective, useValue: this }],
+                parent: this.vcr.injector,
+            });
+        const compRef = createComponent(componentType, {
+            environmentInjector: this.environmentInjector,
+            elementInjector,
+            directives: directivesWithBindings,
+            bindings,
+        });
+        this.vcr.insert(compRef.hostView);
+        // Bookkeeping
+        componentInstanceMap.set(model.id, compRef.instance);
+        compRef.onDestroy(() => componentInstanceMap.delete(model.id));
+        // Input & metadata wiring
+        compRef.location.nativeElement.setAttribute('data-component-id', model.id);
+        compRef.location.nativeElement.setAttribute('data-component-scope-id', model.refSpaceId);
+        return compRef;
+    }
+    createPropsBindings(model) {
+        const bindings = [];
+        for (const [key, node] of model.props.entries()) {
+            const s = signal(prepareValueToRender(node), ...(ngDevMode ? [{ debugName: "s" }] : []));
+            bindings.push(inputBinding(key, s));
+            this.addReaction(() => node.extractedValue, () => s.set(prepareValueToRender(node)));
+        }
+        return bindings;
+    }
+    createDirectiveBindings(model) {
+        const bindings = [];
+        for (const [propName, node] of model.props.entries()) {
+            if (propName === 'content')
+                continue;
+            const directiveSignal = signal(prepareValueToRender(node), ...(ngDevMode ? [{ debugName: "directiveSignal" }] : []));
+            this.addReaction(() => node.extractedValue, () => directiveSignal.set(prepareValueToRender(node)));
+            bindings.push(inputBinding(propName, directiveSignal));
+        }
+        return bindings;
+    }
+    clear() {
+        this.vcr.clear();
+        this.componentRef = null;
+        this.disposeReactions();
+    }
+    addReaction(trackFn, effectFn, options) {
+        const disposer = reaction(trackFn, effectFn, options);
+        this.disposers.push(disposer);
+    }
+    disposeReactions() {
+        this.disposers.forEach((dispose) => dispose());
+        this.disposers = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ComponentOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: ComponentOutletDirective, isStandalone: true, selector: "[kkComponentOutlet]", inputs: { componentId: { classPropertyName: "componentId", publicName: "kkComponentOutlet", isSignal: true, isRequired: false, transformFunction: null }, elementInjector: { classPropertyName: "elementInjector", publicName: "elementInjector", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentId: "kkComponentOutletChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ComponentOutletDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kkComponentOutlet]' }]
+        }], ctorParameters: () => [], propDecorators: { componentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "kkComponentOutlet", required: false }] }, { type: i0.Output, args: ["kkComponentOutletChange"] }], elementInjector: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementInjector", required: false }] }] } });
+
+class SignalKaskadSync {
+    injector = inject(Injector);
+    destroyRef = inject(DestroyRef);
+    run(rootId, templateUrl, props) {
+        const writableSignals = Object.entries(props()).filter(([, v]) => isSignal(v));
+        if (!writableSignals.length) {
+            return; // nothing to bind
+        }
+        const template = templateRegistry.get(templateUrl);
+        if (!template) {
+            log.error('failed to setup two-way binding, unable to find template in registry', templateUrl);
+            return;
+        }
+        const component = ComponentTreeApi.findComponent(rootId, ':' + template.recipe.componentType);
+        if (!component) {
+            log.error('failed to setup two-way binding, unable to find root schema component:', template.recipe.componentType);
+            return;
+        }
+        const disposers = [];
+        for (const [key, signal] of writableSignals) {
+            const contract = template.recipe['contract'];
+            const entry = contract?.[key];
+            if (!entry) {
+                log.warn(`unable to find contract entry for signal "${key}" in template ${templateUrl}`);
+                continue;
+            }
+            const node = component.getNode(entry);
+            const schema = unfoldNodeSchema(signal(), node.valueType, node.position.path);
+            if (this.hasComponentOrComputation(schema)) {
+                log.warn(`skipping signal/kaskad sync for "${key}" as it contains component or computation schema`);
+                continue;
+            }
+            // mobx to signal
+            const disposer = this.addReaction(() => component.getNode(entry).extractedValue, (v) => signal.set(v), { equals: comparer.structural });
+            disposers.push(disposer);
+            // signal to mobx
+            runInInjectionContext(this.injector, () => {
+                let firstRun = true;
+                effect(() => {
+                    const signalValue = signal();
+                    // skip first run as it's already handled by mobx
+                    if (firstRun) {
+                        firstRun = false;
+                        return;
+                    }
+                    ComponentTreeApi.setNodeRawSchema(component.id, entry, signalValue);
+                });
+            });
+        }
+        this.destroyRef.onDestroy(() => {
+            disposers.forEach((dispose) => dispose());
+        });
+    }
+    addReaction(trackFn, effectFn, options) {
+        return reaction(trackFn, effectFn, options);
+    }
+    hasComponentOrComputation(schema) {
+        if (schema.valueType.type === 'component' || schema.computation !== null) {
+            return true;
+        }
+        if (!schema.value) {
+            return false;
+        }
+        if (schema.valueType.type === 'object') {
+            const objectValue = schema.value;
+            for (const childSchema of Object.values(objectValue || {})) {
+                if (this.hasComponentOrComputation(childSchema)) {
+                    return true;
+                }
+            }
+        }
+        if (schema.valueType.type === 'array') {
+            const arrayValue = schema.value;
+            for (const childSchema of arrayValue || []) {
+                if (this.hasComponentOrComputation(childSchema)) {
+                    return true;
+                }
+            }
+        }
+        if (schema.valueType.type === 'map') {
+            const mapValue = schema.value;
+            for (const childSchema of Object.values(mapValue || {})) {
+                if (this.hasComponentOrComputation(childSchema)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SignalKaskadSync, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SignalKaskadSync, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: SignalKaskadSync, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ViewOutletDirective {
+    static counter = 0;
+    src = input.required({ ...(ngDevMode ? { debugName: "src" } : {}), alias: 'kkViewOutlet' });
+    props = input({}, ...(ngDevMode ? [{ debugName: "props" }] : []));
+    refSpaceId = computed(() => this.src() + '-' + ViewOutletDirective.counter++, ...(ngDevMode ? [{ debugName: "refSpaceId" }] : []));
+    rawSchema = computed(() => {
+        const content = {
+            templateUrl: this.src(),
+        };
+        untracked(() => {
+            for (const [key, value] of Object.entries(this.props())) {
+                content[key] = isSignal(value) ? untracked(() => value()) : value;
+            }
+        });
+        return {
+            componentType: 'sys.Facade',
+            content,
+        };
+    }, ...(ngDevMode ? [{ debugName: "rawSchema" }] : []));
+    destroyRef = inject(DestroyRef);
+    store = inject(ComponentStore);
+    componentOutlet = inject(ComponentOutletDirective);
+    componentRegistry = inject(ComponentRegistry);
+    signalKaskadSync = inject(SignalKaskadSync);
+    currentComponentId = null;
+    constructor() {
+        effect(() => this.processRawSchema(this.rawSchema()));
+        this.destroyRef.onDestroy(() => {
+            if (this.currentComponentId) {
+                this.store.removeComponent(this.currentComponentId);
+            }
+        });
+    }
+    async processRawSchema(rawSchema) {
+        await this.preloadComponentTypes(new Set(['sys.Box', 'sys.Group', 'sys.RefSpace', 'sys.Facade']));
+        await loadTemplates(rawSchema);
+        const componentTypes = templateRegistry.getAggregatedComponentTypes(this.src());
+        await this.preloadComponentTypes(componentTypes);
+        const schema = unfoldNodeSchema$1(rawSchema, { type: 'component' });
+        const root = createRootNode(this.refSpaceId(), schema, null, null, this.src());
+        activateNode(root);
+        const rootId = root.extractedValue;
+        // Clean up previous component if schema changes
+        if (this.currentComponentId && this.currentComponentId !== rootId) {
+            this.store.removeComponent(this.currentComponentId);
+        }
+        this.currentComponentId = rootId;
+        this.signalKaskadSync.run(rootId, this.src(), this.props);
+        this.componentOutlet.componentId.set(rootId);
+    }
+    async preloadComponentTypes(componentTypes) {
+        const promises = [];
+        for (const componentType of componentTypes) {
+            const entry = this.componentRegistry.get(componentType);
+            // Skip directive (?)
+            if (isDirective(entry)) {
+                continue;
+            }
+            // Only preload if it's still lazy
+            if (isLazyComponent(entry)) {
+                promises.push(entry().then((component) => {
+                    // Replace lazy entry with loaded component in registry
+                    this.componentRegistry.set(componentType, component);
+                }));
+            }
+        }
+        if (promises.length > 0) {
+            await Promise.all(promises);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ViewOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: ViewOutletDirective, isStandalone: true, selector: "[kkViewOutlet]", inputs: { src: { classPropertyName: "src", publicName: "kkViewOutlet", isSignal: true, isRequired: true, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["outlet"], hostDirectives: [{ directive: ComponentOutletDirective, inputs: ["elementInjector", "elementInjector"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ViewOutletDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kkViewOutlet]',
+                    exportAs: 'outlet',
+                    hostDirectives: [
+                        {
+                            directive: ComponentOutletDirective,
+                            inputs: ['elementInjector'],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "kkViewOutlet", required: true }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
+
+function provideKaskad(config) {
+    return makeEnvironmentProviders([
+        { provide: ComponentStore, useValue: ComponentStore.getInstance() },
+        { provide: DefinitionStore, useValue: DefinitionStore.getInstance() },
+        provideEnvironmentInitializer(() => {
+            if (config?.logLevel) {
+                log.level = config.logLevel;
+            }
+            const store = inject(ComponentStore);
+            const defStore = inject(DefinitionStore);
+            // Expose stores globally for debugging
+            if (typeof window !== 'undefined') {
+                const global = window;
+                global.store = store;
+                global.defStore = defStore;
+            }
+        }),
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ComponentOutletDirective, ComponentRegistry, ViewOutletDirective, isLazyComponent, provideKaskad };
+//# sourceMappingURL=kaskad-angular.mjs.map

package/fesm2022/kaskad-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular.mjs","sources":["../../../../libs/angular/src/lib/directives/clickable.directive.ts","../../../../libs/angular/src/lib/directives/focusable.directive.ts","../../../../libs/angular/src/lib/component-registry.ts","../../../../libs/angular/src/lib/util.ts","../../../../libs/angular/src/lib/component-outlet.directive.ts","../../../../libs/angular/src/lib/signal-kaskad-sync.ts","../../../../libs/angular/src/lib/view-outlet.directive.ts","../../../../libs/angular/src/lib/provider.ts","../../../../libs/angular/src/kaskad-angular.ts"],"sourcesContent":["import { CommandNodeViewModel } from '@kaskad/component-tree';\nimport { log } from '@kaskad/config';\nimport { Directive, input } from '@angular/core';\n\n@Directive({\n  selector: '[kkClickable]',\n  host: {\n    '(click)': 'handleClick($event)',\n    style: 'cursor: pointer',\n  },\n})\nexport class ClickableDirective {\n  click = input.required<CommandNodeViewModel>();\n  stopPropagation = input<boolean>(false);\n\n  handleClick(event: Event) {\n    if (this.stopPropagation()) {\n      event.stopPropagation();\n    }\n    log.trace('Click handler executing');\n    this.click()\n      .execute()\n      .catch((error: unknown) => {\n        log.error('Click handler failed:', error);\n      });\n  }\n}\n","import { CommandNodeViewModel } from '@kaskad/component-tree';\nimport { Directive, input } from '@angular/core';\n\n@Directive({\n  selector: '[kkFocusable]',\n  host: {\n    '[tabIndex]': 'tabIndex()',\n    '(blur)': 'onBlur()',\n  },\n})\nexport class FocusableDirective {\n  tabIndex = input<number>(0);\n  blur = input<CommandNodeViewModel>();\n\n  onBlur() {\n    this.blur()?.execute();\n  }\n}\n","import { Injectable, Type } from '@angular/core';\n\nimport { ClickableDirective } from './directives/clickable.directive';\nimport { FocusableDirective } from './directives/focusable.directive';\n\ntype LazyComponent = () => Promise<Type<unknown>>;\n\nexport type ComponentEntry =\n  | Type<unknown> // eager Angular component\n  | LazyComponent // lazy Angular component\n  | { directive: Type<unknown> }; // Angular directive\n\n@Injectable({ providedIn: 'root' })\nexport class ComponentRegistry {\n  private components: Record<string, ComponentEntry> = {\n    default: () => import('./components/default.component').then((m) => m.DefaultComponent),\n\n    'sys.Box': () => import('./components/sys/box.component').then((m) => m.BoxComponent),\n    'sys.Group': () => import('./components/sys/group.component').then((m) => m.GroupComponent),\n    'sys.RefSpace': () => import('./components/sys/ref-space.component').then((m) => m.RefSpaceComponent),\n    'sys.Facade': () => import('./components/sys/facade.component').then((m) => m.FacadeComponent),\n\n    'forms.InputGroup': () => import('./components/forms/input-group.component').then((m) => m.InputGroupComponent),\n    'forms.InputArray': () => import('./components/forms/input-array.component').then((m) => m.InputArrayComponent),\n    'forms.BooleanInputGroup': () =>\n      import('./components/forms/boolean-input-group.component').then((m) => m.BooleanInputGroupComponent),\n    'forms.CustomInput': () => import('./components/forms/custom-input.component').then((m) => m.CustomInputComponent),\n\n    'browser.Clickable': { directive: ClickableDirective },\n    'browser.Focusable': { directive: FocusableDirective },\n    'browser.Element': () => import('./components/browser/element.component').then((m) => m.ElementComponent),\n    'browser.Dialog': () => import('./components/browser/dialog.component').then((m) => m.DialogComponent),\n  };\n\n  setAll(entries: Record<string, ComponentEntry>): void {\n    for (const [componentType, component] of Object.entries(entries)) {\n      this.set(componentType, component);\n    }\n  }\n\n  set(type: string, component: ComponentEntry): void {\n    this.components[type] = component;\n  }\n\n  get(type: string): ComponentEntry {\n    return this.components[type] || this.components['default'];\n  }\n\n  getAll(): Record<string, ComponentEntry> {\n    return this.components;\n  }\n}\n\nexport function isLazyComponent(entry: ComponentEntry): entry is LazyComponent {\n  return typeof entry === 'function' && !/^class\\s/.test(Function.prototype.toString.call(entry));\n}\n","import { AbstractNode } from '@kaskad/component-tree';\nimport { ComponentId } from '@kaskad/core';\nimport { ValueType } from '@kaskad/types';\nimport { Type } from '@angular/core';\n\nimport type { ComponentEntry } from './component-registry';\n\nexport function isDirective(entry: ComponentEntry): entry is { directive: Type<unknown> } {\n  return typeof entry === 'object' && entry !== null && 'directive' in entry;\n}\n\nexport function prepareValueToRender(node: AbstractNode<ValueType>) {\n  // Filter out empty component IDs\n  if (node.valueType.type === 'array' && node.valueType.item.type === 'component') {\n    return (node.viewModel as ComponentId[]).filter(Boolean);\n  }\n\n  return node.viewModel;\n}\n","import { ComponentId, componentInstanceMap, ComponentStore, TComponent } from '@kaskad/core';\nimport { IReactionOptions, IReactionPublic, reaction } from 'mobx';\nimport {\n  Binding,\n  ComponentRef,\n  createComponent,\n  DestroyRef,\n  Directive,\n  effect,\n  EnvironmentInjector,\n  inject,\n  Injector,\n  input,\n  inputBinding,\n  model,\n  NgZone,\n  signal,\n  Type,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { ComponentRegistry, isLazyComponent } from './component-registry';\nimport { KComponent } from './types';\nimport { isDirective, prepareValueToRender } from './util';\n\n@Directive({ selector: '[kkComponentOutlet]' })\nexport class ComponentOutletDirective {\n  componentId = model<ComponentId | null>(null, { alias: 'kkComponentOutlet' });\n  elementInjector = input<Injector>();\n\n  private readonly store = inject(ComponentStore);\n  private readonly componentRegistry = inject(ComponentRegistry);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly ngZone = inject(NgZone);\n  private readonly environmentInjector = inject(EnvironmentInjector);\n\n  private disposers: Array<() => void> = [];\n  private componentRef: ComponentRef<unknown> | null = null;\n\n  constructor() {\n    effect(() => {\n      const id = this.componentId();\n      if (!id) {\n        this.clear();\n        return;\n      }\n\n      this.ngZone.runOutsideAngular(() => {\n        const rootComponent = this.store.getComponent(id);\n        if (rootComponent) {\n          this.renderComponent(rootComponent);\n        }\n      });\n    });\n\n    this.destroyRef.onDestroy(() => this.clear());\n  }\n\n  private renderComponent(component: TComponent): void {\n    const { finalComponent, directives } = this.collectDirectives(component);\n\n    // Clear any existing component\n    if (this.componentRef) {\n      this.vcr.clear();\n      this.componentRef = null;\n    }\n\n    // Create new component\n    this.componentRef = this.createComponent(finalComponent, directives);\n  }\n\n  private collectDirectives(component: TComponent): { finalComponent: TComponent; directives: TComponent[] } {\n    const directives: TComponent[] = [];\n    let current = component;\n\n    while (isDirective(this.componentRegistry.get(current.componentType))) {\n      directives.push(current);\n      const contentId = current.getNodeValue<ComponentId>('content');\n      if (!contentId) break;\n\n      const contentComponent = this.store.getComponent(contentId);\n      if (!contentComponent) break;\n\n      current = contentComponent;\n    }\n\n    return { finalComponent: current, directives };\n  }\n\n  private createComponent(model: TComponent, directives: TComponent[] = []): ComponentRef<unknown> | null {\n    const entry = this.componentRegistry.get(model.componentType);\n\n    // All components should be preloaded at this point\n    if (isLazyComponent(entry)) {\n      throw new Error(`Component \"${model.componentType}\" is not preloaded. This is a bug in the preloading logic.`);\n    }\n\n    return this.mapComponentToAngular(entry as Type<KComponent>, model, directives);\n  }\n\n  private mapComponentToAngular(\n    componentType: Type<KComponent>,\n    model: TComponent,\n    directives: TComponent[] = [],\n  ): ComponentRef<unknown> {\n    const directivesWithBindings = directives.map((d) => {\n      const entry = this.componentRegistry.get(d.componentType) as { directive: Type<unknown> };\n      const bindings = this.createDirectiveBindings(d);\n      return { type: entry.directive, bindings };\n    });\n\n    // Build reactive inputs\n    const bindings = this.createPropsBindings(model);\n\n    const elementInjector =\n      this.elementInjector() ??\n      Injector.create({\n        providers: [{ provide: ComponentOutletDirective, useValue: this }],\n        parent: this.vcr.injector,\n      });\n\n    const compRef = createComponent(componentType, {\n      environmentInjector: this.environmentInjector,\n      elementInjector,\n      directives: directivesWithBindings,\n      bindings,\n    });\n\n    this.vcr.insert(compRef.hostView);\n\n    // Bookkeeping\n    componentInstanceMap.set(model.id, compRef.instance);\n    compRef.onDestroy(() => componentInstanceMap.delete(model.id));\n\n    // Input & metadata wiring\n    compRef.location.nativeElement.setAttribute('data-component-id', model.id);\n    compRef.location.nativeElement.setAttribute('data-component-scope-id', model.refSpaceId);\n\n    return compRef;\n  }\n\n  private createPropsBindings(model: TComponent): Binding[] {\n    const bindings: Binding[] = [];\n\n    for (const [key, node] of model.props.entries()) {\n      const s = signal(prepareValueToRender(node));\n      bindings.push(inputBinding(key, s));\n\n      this.addReaction(\n        () => node.extractedValue,\n        () => s.set(prepareValueToRender(node)),\n      );\n    }\n\n    return bindings;\n  }\n\n  private createDirectiveBindings(model: TComponent): Binding[] {\n    const bindings: Binding[] = [];\n\n    for (const [propName, node] of model.props.entries()) {\n      if (propName === 'content') continue;\n\n      const directiveSignal = signal(prepareValueToRender(node));\n\n      this.addReaction(\n        () => node.extractedValue,\n        () => directiveSignal.set(prepareValueToRender(node)),\n      );\n\n      bindings.push(inputBinding(propName, directiveSignal));\n    }\n    return bindings;\n  }\n\n  private clear(): void {\n    this.vcr.clear();\n    this.componentRef = null;\n    this.disposeReactions();\n  }\n\n  private addReaction<T>(\n    trackFn: (r: IReactionPublic) => T,\n    effectFn: (value: T, prevValue?: T) => void,\n    options?: IReactionOptions<T, true>,\n  ): void {\n    const disposer = reaction(trackFn, effectFn, options);\n    this.disposers.push(disposer);\n  }\n\n  private disposeReactions(): void {\n    this.disposers.forEach((dispose) => dispose());\n    this.disposers = [];\n  }\n}\n","import { ComponentTreeApi } from '@kaskad/component-tree';\nimport { log } from '@kaskad/config';\nimport { templateRegistry, unfoldNodeSchema } from '@kaskad/schema';\nimport { ComponentId, NodeSchema } from '@kaskad/types';\nimport { comparer, IReactionDisposer, IReactionOptions, IReactionPublic, reaction } from 'mobx';\nimport {\n  DestroyRef,\n  effect,\n  inject,\n  Injectable,\n  Injector,\n  isSignal,\n  runInInjectionContext,\n  Signal,\n  WritableSignal,\n} from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class SignalKaskadSync {\n  private injector = inject(Injector);\n  private destroyRef = inject(DestroyRef);\n\n  public run(rootId: ComponentId, templateUrl: string, props: Signal<Record<string, unknown>>) {\n    const writableSignals = Object.entries(props()).filter(([, v]) => isSignal(v)) as [\n      string,\n      WritableSignal<unknown>,\n    ][];\n    if (!writableSignals.length) {\n      return; // nothing to bind\n    }\n\n    const template = templateRegistry.get(templateUrl);\n    if (!template) {\n      log.error('failed to setup two-way binding, unable to find template in registry', templateUrl);\n      return;\n    }\n\n    const component = ComponentTreeApi.findComponent(rootId, ':' + template.recipe.componentType);\n    if (!component) {\n      log.error(\n        'failed to setup two-way binding, unable to find root schema component:',\n        template.recipe.componentType,\n      );\n      return;\n    }\n\n    const disposers: IReactionDisposer[] = [];\n    for (const [key, signal] of writableSignals) {\n      const contract = template.recipe['contract'] as Record<string, string> | undefined;\n      const entry = contract?.[key];\n      if (!entry) {\n        log.warn(`unable to find contract entry for signal \"${key}\" in template ${templateUrl}`);\n        continue;\n      }\n\n      const node = component.getNode(entry);\n      const schema = unfoldNodeSchema(signal(), node.valueType, node.position.path);\n      if (this.hasComponentOrComputation(schema)) {\n        log.warn(`skipping signal/kaskad sync for \"${key}\" as it contains component or computation schema`);\n        continue;\n      }\n\n      // mobx to signal\n      const disposer = this.addReaction(\n        () => component.getNode(entry).extractedValue,\n        (v) => signal.set(v),\n        { equals: comparer.structural },\n      );\n\n      disposers.push(disposer);\n\n      // signal to mobx\n      runInInjectionContext(this.injector, () => {\n        let firstRun = true;\n        effect(() => {\n          const signalValue = signal();\n\n          // skip first run as it's already handled by mobx\n          if (firstRun) {\n            firstRun = false;\n            return;\n          }\n\n          ComponentTreeApi.setNodeRawSchema(component.id, entry, signalValue);\n        });\n      });\n    }\n\n    this.destroyRef.onDestroy(() => {\n      disposers.forEach((dispose) => dispose());\n    });\n  }\n\n  private addReaction<T>(\n    trackFn: (r: IReactionPublic) => T,\n    effectFn: (value: T, prevValue?: T) => void,\n    options?: IReactionOptions<T, boolean>,\n  ): IReactionDisposer {\n    return reaction(trackFn, effectFn, options);\n  }\n\n  private hasComponentOrComputation(schema: NodeSchema): boolean {\n    if (schema.valueType.type === 'component' || schema.computation !== null) {\n      return true;\n    }\n\n    if (!schema.value) {\n      return false;\n    }\n\n    if (schema.valueType.type === 'object') {\n      const objectValue = schema.value as Record<string, NodeSchema>;\n      for (const childSchema of Object.values(objectValue || {})) {\n        if (this.hasComponentOrComputation(childSchema)) {\n          return true;\n        }\n      }\n    }\n    if (schema.valueType.type === 'array') {\n      const arrayValue = schema.value as NodeSchema[];\n      for (const childSchema of arrayValue || []) {\n        if (this.hasComponentOrComputation(childSchema)) {\n          return true;\n        }\n      }\n    }\n    if (schema.valueType.type === 'map') {\n      const mapValue = schema.value as Record<string, NodeSchema>;\n      for (const childSchema of Object.values(mapValue || {})) {\n        if (this.hasComponentOrComputation(childSchema)) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n}\n","import {\n  activateNode,\n  ComponentId,\n  ComponentRecipe,\n  ComponentStore,\n  createRootNode,\n  unfoldNodeSchema,\n} from '@kaskad/core';\nimport { loadTemplates, templateRegistry } from '@kaskad/schema';\nimport { computed, DestroyRef, Directive, effect, inject, input, isSignal, untracked } from '@angular/core';\n\nimport { ComponentOutletDirective } from './component-outlet.directive';\nimport { ComponentRegistry, isLazyComponent } from './component-registry';\nimport { SignalKaskadSync } from './signal-kaskad-sync';\nimport { isDirective } from './util';\n\n@Directive({\n  selector: '[kkViewOutlet]',\n  exportAs: 'outlet',\n  hostDirectives: [\n    {\n      directive: ComponentOutletDirective,\n      inputs: ['elementInjector'],\n    },\n  ],\n})\nexport class ViewOutletDirective {\n  static counter = 0;\n  src = input.required<string>({ alias: 'kkViewOutlet' });\n  props = input<Record<string, unknown>>({});\n  refSpaceId = computed(() => this.src() + '-' + ViewOutletDirective.counter++);\n  rawSchema = computed<ComponentRecipe>(() => {\n    const content: Record<string, unknown> = {\n      templateUrl: this.src(),\n    };\n\n    untracked(() => {\n      for (const [key, value] of Object.entries(this.props())) {\n        content[key] = isSignal(value) ? untracked(() => value()) : value;\n      }\n    });\n\n    return {\n      componentType: 'sys.Facade',\n      content,\n    };\n  });\n  private destroyRef = inject(DestroyRef);\n  private store = inject(ComponentStore);\n  private componentOutlet = inject(ComponentOutletDirective);\n  private componentRegistry = inject(ComponentRegistry);\n  private signalKaskadSync = inject(SignalKaskadSync);\n  private currentComponentId: ComponentId | null = null;\n\n  constructor() {\n    effect(() => this.processRawSchema(this.rawSchema()));\n\n    this.destroyRef.onDestroy(() => {\n      if (this.currentComponentId) {\n        this.store.removeComponent(this.currentComponentId);\n      }\n    });\n  }\n\n  private async processRawSchema(rawSchema: ComponentRecipe) {\n    await this.preloadComponentTypes(new Set<string>(['sys.Box', 'sys.Group', 'sys.RefSpace', 'sys.Facade']));\n\n    await loadTemplates(rawSchema);\n\n    const componentTypes = templateRegistry.getAggregatedComponentTypes(this.src());\n    await this.preloadComponentTypes(componentTypes);\n\n    const schema = unfoldNodeSchema(rawSchema, { type: 'component' });\n    const root = createRootNode(this.refSpaceId(), schema, null, null, this.src());\n\n    activateNode(root);\n\n    const rootId = root.extractedValue as ComponentId;\n\n    // Clean up previous component if schema changes\n    if (this.currentComponentId && this.currentComponentId !== rootId) {\n      this.store.removeComponent(this.currentComponentId);\n    }\n\n    this.currentComponentId = rootId;\n\n    this.signalKaskadSync.run(rootId, this.src(), this.props);\n    this.componentOutlet.componentId.set(rootId);\n  }\n\n  private async preloadComponentTypes(componentTypes: Set<string>): Promise<void> {\n    const promises: Promise<void>[] = [];\n\n    for (const componentType of componentTypes) {\n      const entry = this.componentRegistry.get(componentType);\n\n      // Skip directive (?)\n      if (isDirective(entry)) {\n        continue;\n      }\n\n      // Only preload if it's still lazy\n      if (isLazyComponent(entry)) {\n        promises.push(\n          entry().then((component) => {\n            // Replace lazy entry with loaded component in registry\n            this.componentRegistry.set(componentType, component);\n          }),\n        );\n      }\n    }\n\n    if (promises.length > 0) {\n      await Promise.all(promises);\n    }\n  }\n}\n","import { log, LogLevel } from '@kaskad/config';\nimport { ComponentStore, DefinitionStore } from '@kaskad/core';\nimport { EnvironmentProviders, inject, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';\n\nexport function provideKaskad(config?: { logLevel?: LogLevel }): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: ComponentStore, useValue: ComponentStore.getInstance() },\n    { provide: DefinitionStore, useValue: DefinitionStore.getInstance() },\n\n    provideEnvironmentInitializer(() => {\n      if (config?.logLevel) {\n        log.level = config.logLevel;\n      }\n\n      const store = inject(ComponentStore);\n      const defStore = inject(DefinitionStore);\n\n      // Expose stores globally for debugging\n      if (typeof window !== 'undefined') {\n        const global = window as Window & { store?: ComponentStore; defStore?: DefinitionStore };\n        global.store = store;\n        global.defStore = defStore;\n      }\n    }),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["unfoldNodeSchema","i1.ComponentOutletDirective"],"mappings":"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"}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@kaskad/angular",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/core": "21.1.3",
+    "@angular/platform-browser": "21.1.3",
+    "@kaskad/config": "0.0.1",
+    "@kaskad/core": "0.0.1",
+    "mobx": "^6.13.7",
+    "@kaskad/types": "0.0.1",
+    "@kaskad/component-tree": "0.0.1",
+    "@kaskad/schema": "0.0.1",
+    "@analogjs/vite-plugin-angular": "2.1.3"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/kaskad-angular.mjs",
+  "typings": "types/kaskad-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/kaskad-angular.d.ts",
+      "default": "./fesm2022/kaskad-angular.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/kaskad-angular.d.ts

@@ -0,0 +1,74 @@
+import * as _angular_core from '@angular/core';
+import { Injector, Type, Signal, EnvironmentProviders } from '@angular/core';
+import { ComponentRecipe } from '@kaskad/core';
+import { LogLevel } from '@kaskad/config';
+
+declare class ComponentOutletDirective {
+    componentId: _angular_core.ModelSignal<string | null>;
+    elementInjector: _angular_core.InputSignal<Injector | undefined>;
+    private readonly store;
+    private readonly componentRegistry;
+    private readonly vcr;
+    private readonly destroyRef;
+    private readonly ngZone;
+    private readonly environmentInjector;
+    private disposers;
+    private componentRef;
+    constructor();
+    private renderComponent;
+    private collectDirectives;
+    private createComponent;
+    private mapComponentToAngular;
+    private createPropsBindings;
+    private createDirectiveBindings;
+    private clear;
+    private addReaction;
+    private disposeReactions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComponentOutletDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ComponentOutletDirective, "[kkComponentOutlet]", never, { "componentId": { "alias": "kkComponentOutlet"; "required": false; "isSignal": true; }; "elementInjector": { "alias": "elementInjector"; "required": false; "isSignal": true; }; }, { "componentId": "kkComponentOutletChange"; }, never, never, true, never>;
+}
+
+declare class ViewOutletDirective {
+    static counter: number;
+    src: _angular_core.InputSignal<string>;
+    props: _angular_core.InputSignal<Record<string, unknown>>;
+    refSpaceId: _angular_core.Signal<string>;
+    rawSchema: _angular_core.Signal<ComponentRecipe>;
+    private destroyRef;
+    private store;
+    private componentOutlet;
+    private componentRegistry;
+    private signalKaskadSync;
+    private currentComponentId;
+    constructor();
+    private processRawSchema;
+    private preloadComponentTypes;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewOutletDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ViewOutletDirective, "[kkViewOutlet]", ["outlet"], { "src": { "alias": "kkViewOutlet"; "required": true; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ComponentOutletDirective; inputs: { "elementInjector": "elementInjector"; }; outputs: {}; }]>;
+}
+
+type LazyComponent = () => Promise<Type<unknown>>;
+type ComponentEntry = Type<unknown> | LazyComponent | {
+    directive: Type<unknown>;
+};
+declare class ComponentRegistry {
+    private components;
+    setAll(entries: Record<string, ComponentEntry>): void;
+    set(type: string, component: ComponentEntry): void;
+    get(type: string): ComponentEntry;
+    getAll(): Record<string, ComponentEntry>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComponentRegistry, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ComponentRegistry>;
+}
+declare function isLazyComponent(entry: ComponentEntry): entry is LazyComponent;
+
+interface KComponent {
+    [x: string]: Signal<unknown>;
+}
+
+declare function provideKaskad(config?: {
+    logLevel?: LogLevel;
+}): EnvironmentProviders;
+
+export { ComponentOutletDirective, ComponentRegistry, ViewOutletDirective, isLazyComponent, provideKaskad };
+export type { ComponentEntry, KComponent };