@elderbyte/ngx-starter 19.1.0-beta.2 → 19.1.0-beta.3

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -19881,45 +19881,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 class ElderBasicPaneLayoutComponent {
     constructor() {
         this.class = '';
-        this.hasChild = false;
-    }
-    ngAfterContentInit() {
-        this.hasChild = this.children.length > 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ElderBasicPaneLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: ElderBasicPaneLayoutComponent, isStandalone: true, selector: "elder-basic-pane-layout", host: { properties: { "class": "this.class" }, classAttribute: "elder-basic-pane-layout" }, queries: [{ propertyName: "children", predicate: ElderPaneComponent }], ngImport: i0, template: ` <!-- inline-html -->
-    <!-- Project content matching the child component selector -->
-    <ng-content select="elder-pane"></ng-content>
-
-    <!-- Wrap any other content in a child component -->
-    <ng-container *ngIf="!hasChild">
-      <elder-pane>
-        <ng-content></ng-content>
-        <!-- All other content -->
-      </elder-pane>
-    </ng-container>`, isInline: true, styles: [":host{display:flex;flex-flow:row nowrap;justify-content:space-around;padding:var(--elder-pane-padding);gap:var(--elder-pane-gap);align-items:stretch}\n"], dependencies: [{ kind: "component", type: ElderPaneComponent, selector: "elder-pane" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: ElderBasicPaneLayoutComponent, isStandalone: true, selector: "elder-basic-pane-layout", host: { properties: { "class": "this.class" }, classAttribute: "elder-basic-pane-layout" }, ngImport: i0, template: `
+    <!-- inline-html -->
+    <ng-content></ng-content>
+  `, isInline: true, styles: [":host{display:flex;flex-flow:row nowrap;justify-content:flex-start;padding:var(--elder-pane-padding);gap:var(--elder-pane-gap);align-items:stretch}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ElderBasicPaneLayoutComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElderPaneComponent, CommonModule], selector: 'elder-basic-pane-layout', host: {
                         class: 'elder-basic-pane-layout',
-                    }, template: ` <!-- inline-html -->
-    <!-- Project content matching the child component selector -->
-    <ng-content select="elder-pane"></ng-content>
-
-    <!-- Wrap any other content in a child component -->
-    <ng-container *ngIf="!hasChild">
-      <elder-pane>
-        <ng-content></ng-content>
-        <!-- All other content -->
-      </elder-pane>
-    </ng-container>`, styles: [":host{display:flex;flex-flow:row nowrap;justify-content:space-around;padding:var(--elder-pane-padding);gap:var(--elder-pane-gap);align-items:stretch}\n"] }]
+                    }, template: `
+    <!-- inline-html -->
+    <ng-content></ng-content>
+  `, styles: [":host{display:flex;flex-flow:row nowrap;justify-content:flex-start;padding:var(--elder-pane-padding);gap:var(--elder-pane-gap);align-items:stretch}\n"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
-            }], children: [{
-                type: ContentChildren,
-                args: [ElderPaneComponent]
             }] } });
 
 class ElderMasterDetailComponent {
@@ -20014,11 +19993,11 @@ class ElderMasterDetailComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ElderMasterDetailComponent, deps: [{ token: ElderMasterDetailService }, { token: i1$7.MatDialog }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: ElderMasterDetailComponent, isStandalone: true, selector: "elder-master-detail", inputs: { mode: "mode" }, providers: [ElderMasterDetailProvider.ExistingOrNewMasterDetailService], queries: [{ propertyName: "master", first: true, predicate: ElderMasterDirective, descendants: true, read: TemplateRef }, { propertyName: "detail", first: true, predicate: ElderDetailDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"layout-col full\" *ngIf=\"mode$ | async as mode\">\n  <elder-basic-pane-layout class=\"flex p-0\">\n    <elder-pane>\n      <ng-container *ngTemplateOutlet=\"master\"></ng-container>\n    </elder-pane>\n\n    @if (mode === 'EMBEDDED') {\n      <elder-pane *ngIf=\"currentActive$ | async as currentActive\">\n        <ng-container\n          *ngTemplateOutlet=\"detail; context: { $implicit: currentActive }\"\n        ></ng-container>\n      </elder-pane>\n    }\n  </elder-basic-pane-layout>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ElderBasicPaneLayoutComponent, selector: "elder-basic-pane-layout" }, { kind: "component", type: ElderPaneComponent, selector: "elder-pane" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: ElderMasterDetailComponent, isStandalone: true, selector: "elder-master-detail", inputs: { mode: "mode" }, providers: [ElderMasterDetailProvider.ExistingOrNewMasterDetailService], queries: [{ propertyName: "master", first: true, predicate: ElderMasterDirective, descendants: true, read: TemplateRef }, { propertyName: "detail", first: true, predicate: ElderDetailDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"layout-col full\">\n  <elder-basic-pane-layout class=\"flex p-0\" *ngIf=\"mode$ | async as mode\">\n    <ng-container *ngTemplateOutlet=\"master\"></ng-container>\n\n    @if (mode === 'EMBEDDED') {\n      <ng-container *ngIf=\"currentActive$ | async as currentActive\">\n        <ng-container\n          *ngTemplateOutlet=\"detail; context: { $implicit: currentActive }\"\n        ></ng-container>\n      </ng-container>\n    }\n  </elder-basic-pane-layout>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ElderBasicPaneLayoutComponent, selector: "elder-basic-pane-layout" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ElderMasterDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-master-detail', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ElderMasterDetailProvider.ExistingOrNewMasterDetailService], imports: [NgIf, NgTemplateOutlet, AsyncPipe, ElderBasicPaneLayoutComponent, ElderPaneComponent], template: "<div class=\"layout-col full\" *ngIf=\"mode$ | async as mode\">\n  <elder-basic-pane-layout class=\"flex p-0\">\n    <elder-pane>\n      <ng-container *ngTemplateOutlet=\"master\"></ng-container>\n    </elder-pane>\n\n    @if (mode === 'EMBEDDED') {\n      <elder-pane *ngIf=\"currentActive$ | async as currentActive\">\n        <ng-container\n          *ngTemplateOutlet=\"detail; context: { $implicit: currentActive }\"\n        ></ng-container>\n      </elder-pane>\n    }\n  </elder-basic-pane-layout>\n</div>\n" }]
+            args: [{ selector: 'elder-master-detail', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ElderMasterDetailProvider.ExistingOrNewMasterDetailService], imports: [NgIf, NgTemplateOutlet, AsyncPipe, ElderBasicPaneLayoutComponent, ElderPaneComponent], template: "<div class=\"layout-col full\">\n  <elder-basic-pane-layout class=\"flex p-0\" *ngIf=\"mode$ | async as mode\">\n    <ng-container *ngTemplateOutlet=\"master\"></ng-container>\n\n    @if (mode === 'EMBEDDED') {\n      <ng-container *ngIf=\"currentActive$ | async as currentActive\">\n        <ng-container\n          *ngTemplateOutlet=\"detail; context: { $implicit: currentActive }\"\n        ></ng-container>\n      </ng-container>\n    }\n  </elder-basic-pane-layout>\n</div>\n" }]
         }], ctorParameters: () => [{ type: ElderMasterDetailService }, { type: i1$7.MatDialog }, { type: i0.ViewContainerRef }], propDecorators: { master: [{
                 type: ContentChild,
                 args: [ElderMasterDirective, { read: TemplateRef, static: false }]