@acorex/platform 19.3.6 → 19.4.1

package/fesm2022/acorex-platform-themes-shared.mjs

@@ -1,17 +1,14 @@
-import { AXBadgeComponent } from '@acorex/components/badge';
-import * as i2$2 from '@acorex/platform/common';
-import { AXPTaskBadgeService, AXPSettingService, AXPComponentSlotModule, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
-import * as i0 from '@angular/core';
-import { inject, input, computed, effect, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component, viewChild, contentChild, ElementRef, InjectionToken, signal, Injector, NgModule } from '@angular/core';
-import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, inject, Component, InjectionToken, signal, effect, ChangeDetectionStrategy, Injector, NgModule } from '@angular/core';
+import { AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { timer, firstValueFrom, fromEvent, Subscription, filter } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
@@ -25,412 +22,8 @@ import { AXPValueWidgetComponent, AXP_WIDGETS_LAYOUT_CATEGORY, AXPLayoutBuilderM
 import { FormsModule } from '@angular/forms';
 import { AXSelectionModule } from '@acorex/cdk/selection';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex/platform/widgets';
-
-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,\n    axp-page-header,\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-container,\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,
-    axp-page-header,
-    axp-page-toolbar,
-
-    axp-layout-content, 
-    axp-layout-page-content, 
-
-    axp-layout-sections,
-    axp-layout-body,
-    axp-layout-container,
-    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
-                }]
-        }] });
+import * as i2$2 from '@acorex/platform/layout/components';
+import { AXPComponentSlotModule } from '@acorex/platform/layout/components';
 
 var AXPThemeLayoutSetting;
 (function (AXPThemeLayoutSetting) {
@@ -1378,5 +971,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AXPDeviceType, AXPLayoutThemeService, AXPMenuOrientation, AXPScreenSize, AXPSideMenuState, AXPTaskBadgeDirective, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutSetting, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
+export { AXPDeviceType, AXPLayoutThemeService, AXPMenuOrientation, AXPScreenSize, AXPSideMenuState, AXPThemeLayoutSetting, AXPThemeMode, AXPThemePaletteProviderDefault, AXPThemeSlotComponent, AXPThemesSharedModule, AXP_THEME_PALETTE_PROVIDER };
 //# sourceMappingURL=acorex-platform-themes-shared.mjs.map