@acorex/platform 19.3.8 → 19.4.1

package/fesm2022/acorex-platform-layout-components.mjs

@@ -1,15 +1,18 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, input, computed, ViewEncapsulation, Component } from '@angular/core';
+import { InjectionToken, inject, Injectable, signal, input, computed, ViewEncapsulation, Component, effect, Directive, ChangeDetectionStrategy, viewChild, contentChild, ElementRef, Injector, runInInjectionContext, ViewContainerRef, Optional, Inject, NgModule } from '@angular/core';
 import { BehaviorSubject, timer, Subject, takeUntil } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
-import { AXBadgeModule } from '@acorex/components/badge';
+import { AXBadgeModule, AXBadgeComponent } from '@acorex/components/badge';
 import * as i1 from '@acorex/components/avatar';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
+import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
+import { sortBy } from 'lodash-es';
+import { AXPExpressionEvaluatorService, AXPContextStore } from '@acorex/platform/core';
 
 const AXP_USER_AVATAR_PROVIDER = new InjectionToken('AXP_USER_AVATAR_PROVIDER', {
     providedIn: 'root',
@@ -260,9 +263,670 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                     ], encapsulation: ViewEncapsulation.None, providers: [], template: "<ax-avatar #avatar [size]=\"size()\" class=\"ax-cursor-pointer\">\n  @if(hasPicture()){\n  <ax-image (onError)=\"onImageError($event)\" (onLoad)=\"onImageLoad($event)\" [src]=\"src()\"></ax-image>\n  }@else{\n  <ax-text class=\"ax-{{ avatarColor() }}-lightest \">\n    <small class=\"ax-text-xs ax-font-semibold\">{{ avatarText() }}</small>\n  </ax-text>\n  }\n</ax-avatar>\n\n<!--\n\nax-primary-lightest\nax-warning-lightest\nax-success-lightest\nax-danger-lightest\nax-secondary-lightest\nax-accent1-lightest\nax-accent2-lightest\nax-accent3-lightest\n\n-->\n" }]
         }] });
 
+const AXP_TASK_BADGE_PROVIDERS = new InjectionToken('AXP_TASK_BADGE_PROVIDERS');
+class AXPTaskBadgeProvider {
+}
+
+class AXPTaskBadgeService {
+    constructor() {
+        this.badgeMap = new Map();
+        this.providers = inject(AXP_TASK_BADGE_PROVIDERS, { optional: true }) ?? [];
+        this.computedCache = new Map();
+        for (const provider of this.providers) {
+            if (!this.badgeMap.has(provider.key)) {
+                this.badgeMap.set(provider.key, []);
+            }
+            this.badgeMap.get(provider.key).push(provider.count);
+        }
+    }
+    getCount(key) {
+        if (this.computedCache.has(key)) {
+            return this.computedCache.get(key);
+        }
+        const signals = this.badgeMap.get(key) ?? [];
+        const total = signals.length > 0 ? computed(() => signals.reduce((sum, s) => sum + s(), 0)) : signal(0);
+        this.computedCache.set(key, total);
+        return total;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPTaskBadgeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPTaskBadgeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPTaskBadgeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class AXPTaskBadgeDirective {
+    constructor() {
+        this.badgeService = inject(AXPTaskBadgeService);
+        this.host = inject(AXBadgeComponent); // assumes it's applied on <ax-badge>
+        this.hostElement = this.host.getHostElement();
+        this.badgeKey = input(undefined);
+        this.count = input(0, { alias: 'axp-task-badge' });
+        this.displayCount = computed(() => {
+            const value = this.count() || (this.badgeKey() && this.badgeService.getCount(this.badgeKey())());
+            return value ? value.toString() : '';
+        });
+        this.#eff = effect(() => {
+            this.setValueOfInputSignal(this.host.text, this.displayCount());
+            if (!this.displayCount()) {
+                this.hostElement.style.display = 'none';
+            }
+            else {
+                this.hostElement.style.removeProperty('display');
+            }
+        });
+    }
+    #eff;
+    setValueOfInputSignal(signal, value) {
+        const node = signal[SIGNAL];
+        signalSetFn(node, value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPTaskBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.10", type: AXPTaskBadgeDirective, isStandalone: true, selector: "[axp-task-badge]", inputs: { badgeKey: { classPropertyName: "badgeKey", publicName: "badgeKey", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "axp-task-badge", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPTaskBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axp-task-badge]',
+                    standalone: true,
+                }]
+        }] });
+
+class AXPThemeLayoutPagePrimaryActionsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutPagePrimaryActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutPagePrimaryActionsComponent, isStandalone: true, selector: "axp-layout-actions-primary", ngImport: i0, template: `<ng-content select="ax-button,ax-dropdown-button"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutPagePrimaryActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'axp-layout-actions-primary',
+                    template: `<ng-content select="ax-button,ax-dropdown-button"></ng-content>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+class AXPThemeLayoutPageSecondaryActionsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutPageSecondaryActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutPageSecondaryActionsComponent, isStandalone: true, selector: "axp-layout-actions-secondary", ngImport: i0, template: `<ng-content select="ax-button-item,ax-divider,ng-container"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutPageSecondaryActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'axp-layout-actions-secondary',
+                    template: `<ng-content select="ax-button-item,ax-divider,ng-container"></ng-content>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+class AXPThemeLayoutActionsComponent {
+    constructor() {
+        this.primaryTemplate = viewChild('primary');
+        this.primaryContent = contentChild(AXPThemeLayoutPagePrimaryActionsComponent);
+        this.hasPrimary = computed(() => this.primaryContent() != null);
+        this.secondaryTemplate = viewChild('secondary');
+        this.secondaryContent = contentChild(AXPThemeLayoutPageSecondaryActionsComponent);
+        this.hasSecondary = computed(() => this.secondaryContent() != null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXPThemeLayoutActionsComponent, isStandalone: true, selector: "axp-layout-actions", queries: [{ propertyName: "primaryContent", first: true, predicate: AXPThemeLayoutPagePrimaryActionsComponent, descendants: true, isSignal: true }, { propertyName: "secondaryContent", first: true, predicate: AXPThemeLayoutPageSecondaryActionsComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "primaryTemplate", first: true, predicate: ["primary"], descendants: true, isSignal: true }, { propertyName: "secondaryTemplate", first: true, predicate: ["secondary"], descendants: true, isSignal: true }], ngImport: i0, template: `
+
+    <ng-template #primary>
+        <ng-content select="axp-layout-actions-primary"></ng-content>
+    </ng-template>
+
+    <ng-template #secondary>
+        <ng-content select="axp-layout-actions-secondary"></ng-content>
+    </ng-template>
+
+    <ng-content></ng-content>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-actions',
+                    template: `
+
+    <ng-template #primary>
+        <ng-content select="axp-layout-actions-primary"></ng-content>
+    </ng-template>
+
+    <ng-template #secondary>
+        <ng-content select="axp-layout-actions-secondary"></ng-content>
+    </ng-template>
+
+    <ng-content></ng-content>
+    `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+class AXPThemeLayoutBlockComponent {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.hostElement = this.elementRef.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutBlockComponent, isStandalone: true, selector: "\n\n    axp-page-content, \n    axp-page-footer-container,\n    axp-page-footer,\n    axp-page-header,\n    axp-page-header-container,\n    axp-page-toolbar,\n\n    axp-layout-content, \n    axp-layout-page-content, \n\n    axp-layout-sections,\n    axp-layout-body,\n    axp-layout-page-body,\n    axp-layout-prefix,\n    axp-layout-suffix,\n    axp-layout-title-bar,\n    axp-layout-title, \n    axp-layout-title-actions, \n    axp-layout-nav-button, \n    axp-layout-description, \n    axp-layout-breadcrumbs,\n    axp-layout-list-action,\n    ", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutBlockComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: `
+
+    axp-page-content, 
+    axp-page-footer-container,
+    axp-page-footer,
+    axp-page-header,
+    axp-page-header-container,
+    axp-page-toolbar,
+
+    axp-layout-content, 
+    axp-layout-page-content, 
+
+    axp-layout-sections,
+    axp-layout-body,
+    axp-layout-page-body,
+    axp-layout-prefix,
+    axp-layout-suffix,
+    axp-layout-title-bar,
+    axp-layout-title, 
+    axp-layout-title-actions, 
+    axp-layout-nav-button, 
+    axp-layout-description, 
+    axp-layout-breadcrumbs,
+    axp-layout-list-action,
+    `,
+                    template: '<ng-content></ng-content>',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class AXPThemeLayoutFooterComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutFooterComponent, isStandalone: true, selector: "axp-layout-footer, axp-layout-page-footer", ngImport: i0, template: `
+     <ng-content select="axp-layout-prefix"></ng-content>
+     <ng-content select="axp-layout-suffix"></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-footer, axp-layout-page-footer',
+                    template: `
+     <ng-content select="axp-layout-prefix"></ng-content>
+     <ng-content select="axp-layout-suffix"></ng-content>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class AXPThemeLayoutPageHeaderComponent {
+    constructor() {
+        this.title = viewChild('title');
+        this.description = viewChild('description');
+        this.actions = viewChild('actions');
+        this.navbar = viewChild('navbar');
+        this.breadcrumbs = viewChild('breadcrumbs');
+        this.navButton = viewChild('navButton');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXPThemeLayoutPageHeaderComponent, isStandalone: true, selector: "axp-layout-page-header", viewQueries: [{ propertyName: "title", first: true, predicate: ["title"], descendants: true, isSignal: true }, { propertyName: "description", first: true, predicate: ["description"], descendants: true, isSignal: true }, { propertyName: "actions", first: true, predicate: ["actions"], descendants: true, isSignal: true }, { propertyName: "navbar", first: true, predicate: ["navbar"], descendants: true, isSignal: true }, { propertyName: "breadcrumbs", first: true, predicate: ["breadcrumbs"], descendants: true, isSignal: true }, { propertyName: "navButton", first: true, predicate: ["navButton"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-template #breadcrumbs>
+      <ng-content select="axp-layout-breadcrumbs"></ng-content>
+    </ng-template>
+
+    <ng-template #navbar>
+      <ng-content select="axp-layout-toolbar"></ng-content>
+    </ng-template>
+
+    <ng-template #actions>
+      <ng-content select="axp-layout-actions"></ng-content>
+    </ng-template>
+
+    <ng-template #description>
+      <ng-content select="axp-layout-description"></ng-content>
+    </ng-template>
+
+    <ng-template #title>
+      <ng-content select="axp-layout-title"></ng-content>
+    </ng-template>
+    <ng-template #navButton>
+      <ng-content select="axp-layout-nav-button"></ng-content>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutPageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-page-header',
+                    template: `
+    <ng-template #breadcrumbs>
+      <ng-content select="axp-layout-breadcrumbs"></ng-content>
+    </ng-template>
+
+    <ng-template #navbar>
+      <ng-content select="axp-layout-toolbar"></ng-content>
+    </ng-template>
+
+    <ng-template #actions>
+      <ng-content select="axp-layout-actions"></ng-content>
+    </ng-template>
+
+    <ng-template #description>
+      <ng-content select="axp-layout-description"></ng-content>
+    </ng-template>
+
+    <ng-template #title>
+      <ng-content select="axp-layout-title"></ng-content>
+    </ng-template>
+    <ng-template #navButton>
+      <ng-content select="axp-layout-nav-button"></ng-content>
+    </ng-template>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+class AXPThemeLayoutHeaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutHeaderComponent, isStandalone: true, selector: "axp-layout-header", ngImport: i0, template: `
+    <ng-content select="axp-layout-prefix"></ng-content>
+    <ng-content></ng-content>
+    <ng-content select="axp-layout-suffix"></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-header',
+                    template: `
+    <ng-content select="axp-layout-prefix"></ng-content>
+    <ng-content></ng-content>
+    <ng-content select="axp-layout-suffix"></ng-content>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class AXPThemeLayoutListComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutListComponent, isStandalone: true, selector: "axp-layout-list", ngImport: i0, template: `<ng-content select="axp-layout-list-item,axp-layout-list-group,ng-container"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'axp-layout-list',
+                    template: `<ng-content select="axp-layout-list-item,axp-layout-list-group,ng-container"></ng-content>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+class AXPThemeLayoutListItemsGroupComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutListItemsGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutListItemsGroupComponent, isStandalone: true, selector: "axp-layout-list-group", ngImport: i0, template: `<ng-content select="axp-layout-list-item, axp-layout-title, axp-layout-header ,ng-container"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutListItemsGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'axp-layout-list-group',
+                    template: `<ng-content select="axp-layout-list-item, axp-layout-title, axp-layout-header ,ng-container"></ng-content>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+class AXPThemeLayoutListItemComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutListItemComponent, isStandalone: true, selector: "axp-layout-list-item", ngImport: i0, template: `<ng-content select="axp-layout-content,axp-layout-prefix,axp-layout-suffix,ng-container"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutListItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'axp-layout-list-item',
+                    template: `<ng-content select="axp-layout-content,axp-layout-prefix,axp-layout-suffix,ng-container"></ng-content>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+class AXPThemeLayoutSectionComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutSectionComponent, isStandalone: true, selector: "axp-layout-section", ngImport: i0, template: `
+      <ng-content select="axp-layout-header"></ng-content>
+      <ng-content select="axp-layout-content"></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-section',
+                    template: `
+      <ng-content select="axp-layout-header"></ng-content>
+      <ng-content select="axp-layout-content"></ng-content>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class AXPThemeLayoutStartSideComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutStartSideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutStartSideComponent, isStandalone: true, selector: "axp-layout-page-start-side, axp-layout-start-side", ngImport: i0, template: `
+    <ng-content select="axp-layout-header"></ng-content>
+    <ng-content select="axp-layout-content"></ng-content>
+    <ng-content select="axp-layout-footer"></ng-content>
+    <ng-content></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutStartSideComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-page-start-side, axp-layout-start-side',
+                    template: `
+    <ng-content select="axp-layout-header"></ng-content>
+    <ng-content select="axp-layout-content"></ng-content>
+    <ng-content select="axp-layout-footer"></ng-content>
+    <ng-content></ng-content>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+class AXPThemeLayoutEndSideComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutEndSideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutEndSideComponent, isStandalone: true, selector: "axp-layout-page-end-side, axp-layout-end-side", ngImport: i0, template: `
+    <ng-content select="axp-layout-header"></ng-content>
+    <ng-content select="axp-layout-content"></ng-content>
+    <ng-content select="axp-layout-footer"></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutEndSideComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-page-end-side, axp-layout-end-side',
+                    template: `
+    <ng-content select="axp-layout-header"></ng-content>
+    <ng-content select="axp-layout-content"></ng-content>
+    <ng-content select="axp-layout-footer"></ng-content>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class AXPThemeLayoutToolbarComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutToolbarComponent, isStandalone: true, selector: "axp-layout-toolbar", ngImport: i0, template: `
+    <ng-content select="axp-layout-prefix"></ng-content>
+    <ng-content select="axp-layout-suffix"></ng-content>
+    <ng-content></ng-content>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutToolbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule],
+                    standalone: true,
+                    selector: 'axp-layout-toolbar',
+                    template: `
+    <ng-content select="axp-layout-prefix"></ng-content>
+    <ng-content select="axp-layout-suffix"></ng-content>
+    <ng-content></ng-content>
+    `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+class AXPThemeLayoutContainerComponent {
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.hostElement = this.elementRef.nativeElement;
+        this._isEmptySignal = signal(this.hostElement.children.length === 0);
+        this.isEmpty = this._isEmptySignal.asReadonly();
+    }
+    ngOnInit() {
+        this.mutationObserver = new MutationObserver(() => {
+            this._isEmptySignal.set(this.hostElement.children.length === 0);
+        });
+        this.mutationObserver.observe(this.hostElement, {
+            childList: true,
+            subtree: true,
+        });
+    }
+    ngOnDestroy() {
+        this.mutationObserver?.disconnect();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: AXPThemeLayoutContainerComponent, isStandalone: true, selector: "axp-layout-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPThemeLayoutContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: `axp-layout-container`,
+                    template: '<ng-content></ng-content>',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class AXPComponentSlot {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: AXPComponentSlot, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlot, decorators: [{
+            type: Directive
+        }] });
+
+class AXPComponentSlotRegistryService {
+    constructor() {
+        this.registry = new Map();
+    }
+    register(slotName, config) {
+        let configs = this.registry.get(slotName) || [];
+        // Check if the component is already registered in this slot
+        const isDuplicate = configs.some(existingConfig => existingConfig.name === config.name);
+        if (!isDuplicate) {
+            configs = [...configs, config]; // Add the new configuration
+            this.registry.set(slotName, configs);
+        }
+    }
+    get(slotName) {
+        return this.registry.get(slotName) || [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotRegistryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotRegistryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class AXPComponentSlotLoaderService {
+    constructor() {
+        this.registryService = inject(AXPComponentSlotRegistryService);
+        this.injector = inject(Injector);
+        this.evaluator = inject(AXPExpressionEvaluatorService);
+        this.contextStore = inject(AXPContextStore);
+    }
+    async loadComponent(slotName, viewContainerRef) {
+        const configs = sortBy(this.registryService.get(slotName), (c) => c.priority ?? 0);
+        if (configs) {
+            const results = await Promise.all(configs.map(async (c) => ({
+                config: c,
+                show: c.condition ? await this.evaluateCondition(c.condition) : true
+            })));
+            const slots = results.filter(r => r.show).map(r => r.config);
+            viewContainerRef.clear();
+            await Promise.all(slots.map(async (config) => {
+                let component;
+                let options = {};
+                if (typeof config.loadComponent === 'function') {
+                    await runInInjectionContext(this.injector, async () => {
+                        component = await config.loadComponent?.();
+                    });
+                }
+                else if (config.component) {
+                    component = config.component;
+                }
+                if (typeof config.options === 'function') {
+                    runInInjectionContext(this.injector, () => {
+                        const fun = config.options;
+                        options = fun();
+                    });
+                }
+                else if (config.options) {
+                    options = config.options;
+                }
+                if (component != null) {
+                    const componentRef = viewContainerRef.createComponent(component);
+                    Object.assign(componentRef.instance, options);
+                }
+            }));
+        }
+    }
+    async evaluateCondition(condition) {
+        if (typeof condition === 'string') {
+            const result = await this.evaluator.evaluate(condition, {});
+            return result;
+        }
+        return condition(this.contextStore.data());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotLoaderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class AXPComponentSlotDirective {
+    constructor() {
+        this.name = input.required();
+        this.dynamicLoaderService = inject(AXPComponentSlotLoaderService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.isEmpty = computed(() => this._viewCount() === 0);
+        // Create a signal to store the count of children
+        this._viewCount = signal(0);
+    }
+    async ngOnInit() {
+        await this.dynamicLoaderService.loadComponent(this.name(), this.viewContainerRef);
+        // Update the signal after loading
+        this._viewCount.set(this.viewContainerRef.length);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.10", type: AXPComponentSlotDirective, isStandalone: false, selector: "axp-component-slot", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["slot"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'axp-component-slot',
+                    standalone: false,
+                    exportAs: 'slot'
+                }]
+        }] });
+
+class AXPComponentSlotModule {
+    static forRoot(configs) {
+        return {
+            ngModule: AXPComponentSlotModule,
+            providers: [
+                {
+                    provide: 'AXPComponentSlotModuleFactory',
+                    useFactory: (registry) => () => {
+                        if (configs) {
+                            for (const [key, value] of Object.entries(configs)) {
+                                value.forEach(v => {
+                                    registry.register(key, v);
+                                });
+                            }
+                        }
+                    },
+                    deps: [AXPComponentSlotRegistryService],
+                    multi: true
+                }
+            ]
+        };
+    }
+    static forChild(configs) {
+        return {
+            ngModule: AXPComponentSlotModule,
+            providers: [
+                {
+                    provide: 'AXPComponentSlotModuleFactory',
+                    useFactory: (registry) => () => {
+                        if (configs) {
+                            for (const [key, value] of Object.entries(configs)) {
+                                value.forEach(v => {
+                                    registry.register(key, v);
+                                });
+                            }
+                        }
+                    },
+                    deps: [AXPComponentSlotRegistryService],
+                    multi: true
+                }
+            ]
+        };
+    }
+    /**
+     * @ignore
+     */
+    constructor(instances) {
+        instances?.forEach(f => {
+            f();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotModule, deps: [{ token: 'AXPComponentSlotModuleFactory', optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotModule, declarations: [AXPComponentSlotDirective], exports: [AXPComponentSlotDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXPComponentSlotModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXPComponentSlotDirective],
+                    exports: [AXPComponentSlotDirective]
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['AXPComponentSlotModuleFactory']
+                }] }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXPUserAvatarComponent, AXPUserAvatarService, AXP_USER_AVATAR_PROVIDER };
+export { AXPComponentSlot, AXPComponentSlotDirective, AXPComponentSlotLoaderService, AXPComponentSlotModule, AXPComponentSlotRegistryService, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER };
 //# sourceMappingURL=acorex-platform-layout-components.mjs.map