@ng-nest/ui 17.0.12 → 18.0.0

package/fesm2022/ng-nest-ui-container.mjs

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, Input, inject, Renderer2, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import { XProperty, XWithConfig, XConfigService } from '@ng-nest/ui/core';
+import { input, Component, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, inject, NgModule } from '@angular/core';
+import { XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';
 
 /**
  * Container
@@ -9,69 +8,79 @@ import { XProperty, XWithConfig, XConfigService } from '@ng-nest/ui/core';
  * @decorator component
  */
 const XContainerPrefix = 'x-container';
-const X_CONFIG_NAME = 'container';
+const X_CONTAINER_CONFIG_NAME = 'container';
 /**
  * Container Property
  */
-class XContainerProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XContainerProperty, selector: "x-container-property", inputs: { direction: "direction" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+class XContainerProperty extends XPropertyFunction(X_CONTAINER_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN flex 布局下的子元素排列方向，子元素中有 x-header 或 x-footer 时为 column
+         * @en_US The arrangement direction of the sub-elements under the flex layout. When the sub-elements have x-header or x-footer, it is column
+         * @default ''
+         */
+        this.direction = input(this.config?.direction);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XContainerProperty, selector: "x-container-property", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XContainerProperty.prototype, "direction", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XContainerProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XContainerProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XContainerPrefix}-property`, template: '' }]
-        }], propDecorators: { direction: [{
-                type: Input
-            }] } });
+        }] });
 /**
  * Header
  * @selector x-header
  * @decorator component
  */
 const XHeaderPrefix = 'x-header';
-const X_CONFIG_NAME_HEADER = 'header';
+const X_HEADER_CONFIG_NAME = 'header';
 /**
  * Header Property
  */
-class XHeaderProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XHeaderProperty, selector: "x-header-property", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+class XHeaderProperty extends XPropertyFunction(X_HEADER_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 高度
+         * @en_US Height
+         */
+        this.height = input(this.config?.height ?? '3rem', { transform: XToCssPixelValue });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XHeaderProperty, selector: "x-header-property", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XWithConfig(X_CONFIG_NAME_HEADER, 3)
-], XHeaderProperty.prototype, "height", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XHeaderProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XHeaderProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XHeaderPrefix}-property`, template: '' }]
-        }], propDecorators: { height: [{
-                type: Input
-            }] } });
+        }] });
 /**
  * Aside
  * @selector x-aside
  * @decorator component
  */
 const XAsidePrefix = 'x-aside';
-const X_CONFIG_NAME_ASIDE = 'aside';
+const X_ASIDE_CONFIG_NAME = 'aside';
 /**
  * Aside Property
  */
-class XAsideProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XAsideProperty, selector: "x-aside-property", inputs: { width: "width" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+class XAsideProperty extends XPropertyFunction(X_ASIDE_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 宽度
+         * @en_US Width
+         */
+        this.width = input(this.config?.width ?? '12rem', { transform: XToCssPixelValue });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XAsideProperty, selector: "x-aside-property", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XWithConfig(X_CONFIG_NAME_ASIDE, 12)
-], XAsideProperty.prototype, "width", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAsideProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAsideProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XAsidePrefix}-property`, template: '' }]
-        }], propDecorators: { width: [{
-                type: Input
-            }] } });
+        }] });
 /**
  * main
  * @selector x-main
@@ -84,173 +93,160 @@ const XMainPrefix = 'x-main';
  * @decorator component
  */
 const XFooterPrefix = 'x-footer';
-const X_CONFIG_NAME_FOOTER = 'footer';
+const X_FOOTER_CONFIG_NAME = 'footer';
 /**
  * Footer Property
  */
-class XFooterProperty extends XProperty {
+class XFooterProperty extends XPropertyFunction(X_FOOTER_CONFIG_NAME) {
     constructor() {
         super(...arguments);
         /**
-         * @zh_CN 高度，rem
-         * @en_US Height, rem
+         * @zh_CN 高度
+         * @en_US Height
          */
-        this.height = 3;
+        this.height = input(this.config?.height ?? '3rem', { transform: XToCssPixelValue });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XFooterProperty, selector: "x-footer-property", inputs: { height: "height" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XFooterProperty, selector: "x-footer-property", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XWithConfig(X_CONFIG_NAME_FOOTER, 3)
-], XFooterProperty.prototype, "height", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XFooterProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XFooterProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XFooterPrefix}-property`, template: '' }]
-        }], propDecorators: { height: [{
-                type: Input
-            }] } });
+        }] });
 
 class XContainerComponent extends XContainerProperty {
     constructor() {
         super(...arguments);
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject(ElementRef);
-        this.configService = inject(XConfigService);
-    }
-    ngOnInit() {
-        this.renderer.addClass(this.elementRef.nativeElement, XContainerPrefix);
-        this.setDirection();
+        this.directionSignal = signal(null);
+        this.directionClass = computed(() => {
+            const direction = this.directionSignal() || this.direction();
+            if (direction) {
+                return `x-direction-${direction}`;
+            }
+            else {
+                return ``;
+            }
+        });
     }
-    ngOnChanges(changes) {
-        const { direction } = changes;
-        if (direction && direction.currentValue != direction.previousValue) {
-            this.setDirection();
-        }
+    get className() {
+        return `${XContainerPrefix} ${this.directionClass()}`;
     }
-    setDirection() {
-        if (this.direction) {
-            this.renderer.addClass(this.elementRef.nativeElement, `x-direction-${this.direction}`);
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XContainerComponent, isStandalone: true, selector: "x-container", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-container{margin:0;padding:0;display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.x-container.x-direction-column{flex-direction:column}.x-container.x-direction-column-reverse{flex-direction:column-reverse}.x-container.x-direction-row{flex-direction:row}.x-container.x-direction-row-reverse{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XContainerComponent, isStandalone: true, selector: "x-container", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-container{margin:0;padding:0;display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.x-container.x-direction-column{flex-direction:column}.x-container.x-direction-column-reverse{flex-direction:column-reverse}.x-container.x-direction-row{flex-direction:row}.x-container.x-direction-row-reverse{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XContainerPrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-container{margin:0;padding:0;display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.x-container.x-direction-column{flex-direction:column}.x-container.x-direction-column-reverse{flex-direction:column-reverse}.x-container.x-direction-row{flex-direction:row}.x-container.x-direction-row-reverse{flex-direction:row-reverse}\n"] }]
-        }] });
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class XHeaderComponent extends XHeaderProperty {
     constructor() {
         super(...arguments);
+        this.className = XHeaderPrefix;
         this.container = inject(XContainerComponent, { optional: true, host: true });
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject(ElementRef);
-        this.configService = inject(XConfigService);
     }
     get getHeight() {
-        return this.height;
+        return this.height();
     }
     ngOnInit() {
-        this.renderer.addClass(this.elementRef.nativeElement, XHeaderPrefix);
         this.setDirection();
     }
     setDirection() {
-        if (!this.container || this.container.direction)
+        if (!this.container || this.container.direction())
             return;
-        this.container.direction = 'column';
-        this.container.setDirection();
+        this.container.directionSignal.set('column');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XHeaderComponent, isStandalone: true, selector: "x-header", host: { properties: { "style.height.rem": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-header{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XHeaderComponent, isStandalone: true, selector: "x-header", host: { properties: { "class": "this.className", "style.height": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-header{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XHeaderPrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-header{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"] }]
-        }], propDecorators: { getHeight: [{
+        }], propDecorators: { className: [{
                 type: HostBinding,
-                args: [`style.height.rem`]
+                args: ['class']
+            }], getHeight: [{
+                type: HostBinding,
+                args: [`style.height`]
             }] } });
 
 class XAsideComponent extends XAsideProperty {
     constructor() {
         super(...arguments);
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject(ElementRef);
-        this.configService = inject(XConfigService);
+        this.className = XAsidePrefix;
     }
     get getWidth() {
-        return this.width;
-    }
-    ngOnInit() {
-        this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);
+        return this.width();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAsideComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XAsideComponent, isStandalone: true, selector: "x-aside", host: { properties: { "style.width.rem": "this.getWidth" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-aside{margin:0;padding:0;overflow:auto;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAsideComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XAsideComponent, isStandalone: true, selector: "x-aside", host: { properties: { "class": "this.className", "style.width": "this.getWidth" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-aside{margin:0;padding:0;overflow:auto;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAsideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAsideComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAsidePrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-aside{margin:0;padding:0;overflow:auto;flex-shrink:0}\n"] }]
-        }], propDecorators: { getWidth: [{
+        }], propDecorators: { className: [{
                 type: HostBinding,
-                args: [`style.width.rem`]
+                args: ['class']
+            }], getWidth: [{
+                type: HostBinding,
+                args: [`style.width`]
             }] } });
 
 class XMainComponent {
     constructor() {
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject(ElementRef);
-        this.configService = inject(XConfigService);
-    }
-    ngOnInit() {
-        this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);
+        this.className = XMainPrefix;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XMainComponent, isStandalone: true, selector: "x-main", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-main{margin:0;padding:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XMainComponent, isStandalone: true, selector: "x-main", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-main{margin:0;padding:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XMainComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XMainComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XMainPrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-main{margin:0;padding:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"] }]
-        }] });
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class XFooterComponent extends XFooterProperty {
     constructor() {
         super(...arguments);
+        this.className = XFooterPrefix;
         this.container = inject(XContainerComponent, { optional: true, host: true });
-        this.renderer = inject(Renderer2);
-        this.elementRef = inject(ElementRef);
-        this.configService = inject(XConfigService);
     }
     get getHeight() {
-        return this.height;
+        return this.height();
     }
     ngOnInit() {
-        this.renderer.addClass(this.elementRef.nativeElement, XFooterPrefix);
         this.setDirection();
     }
     setDirection() {
-        if (!this.container || this.container.direction)
+        if (!this.container || this.container.direction())
             return;
-        this.container.direction = 'column';
-        this.container.setDirection();
+        this.container.directionSignal.set('column');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XFooterComponent, isStandalone: true, selector: "x-footer", host: { properties: { "style.height.rem": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-footer{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XFooterComponent, isStandalone: true, selector: "x-footer", host: { properties: { "class": "this.className", "style.height": "this.getHeight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-footer{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XFooterPrefix}`, standalone: true, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-footer{margin:0;padding:0;flex-shrink:0;padding:0 1rem}\n"] }]
-        }], propDecorators: { getHeight: [{
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }], getHeight: [{
                 type: HostBinding,
-                args: [`style.height.rem`]
+                args: [`style.height`]
             }] } });
 
 class XContainerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: XContainerModule, imports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent], exports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XContainerModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XContainerModule, imports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent], exports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XContainerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XContainerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent],

package/fesm2022/ng-nest-ui-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-container.mjs","sources":["../../../../lib/ng-nest/ui/container/container.property.ts","../../../../lib/ng-nest/ui/container/container.component.ts","../../../../lib/ng-nest/ui/container/header.component.ts","../../../../lib/ng-nest/ui/container/aside.component.ts","../../../../lib/ng-nest/ui/container/main.component.ts","../../../../lib/ng-nest/ui/container/footer.component.ts","../../../../lib/ng-nest/ui/container/container.module.ts","../../../../lib/ng-nest/ui/container/ng-nest-ui-container.ts"],"sourcesContent":["import { XDirection, XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Container\r\n * @selector x-container\r\n * @decorator component\r\n */\r\nexport const XContainerPrefix = 'x-container';\r\nconst X_CONFIG_NAME = 'container';\r\n\r\n/**\r\n * Container Property\r\n */\r\n@Component({ selector: `${XContainerPrefix}-property`, template: '' })\r\nexport class XContainerProperty extends XProperty {\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向，子元素中有 x-header 或 x-footer 时为 column\r\n   * @en_US The arrangement direction of the sub-elements under the flex layout. When the sub-elements have x-header or x-footer, it is column\r\n   */\r\n  @Input() @XWithConfig<XDirection>(X_CONFIG_NAME) direction?: XDirection;\r\n}\r\n\r\n/**\r\n * Header\r\n * @selector x-header\r\n * @decorator component\r\n */\r\nexport const XHeaderPrefix = 'x-header';\r\nconst X_CONFIG_NAME_HEADER = 'header';\r\n\r\n/**\r\n * Header Property\r\n */\r\n@Component({ selector: `${XHeaderPrefix}-property`, template: '' })\r\nexport class XHeaderProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 高度，rem\r\n   * @en_US Height, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_HEADER, 3) height?: number;\r\n}\r\n\r\n/**\r\n * Aside\r\n * @selector x-aside\r\n * @decorator component\r\n */\r\nexport const XAsidePrefix = 'x-aside';\r\nconst X_CONFIG_NAME_ASIDE = 'aside';\r\n\r\n/**\r\n * Aside Property\r\n */\r\n@Component({ selector: `${XAsidePrefix}-property`, template: '' })\r\nexport class XAsideProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 宽度，rem\r\n   * @en_US Width, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_ASIDE, 12) width?: number;\r\n}\r\n\r\n/**\r\n * main\r\n * @selector x-main\r\n * @decorator component\r\n */\r\nexport const XMainPrefix = 'x-main';\r\n\r\n/**\r\n * Footer\r\n * @selector x-footer\r\n * @decorator component\r\n */\r\nexport const XFooterPrefix = 'x-footer';\r\nconst X_CONFIG_NAME_FOOTER = 'footer';\r\n\r\n/**\r\n * Footer Property\r\n */\r\n@Component({ selector: `${XFooterPrefix}-property`, template: '' })\r\nexport class XFooterProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 高度，rem\r\n   * @en_US Height, rem\r\n   */\r\n  @Input() @XWithConfig<number>(X_CONFIG_NAME_FOOTER, 3) height: XNumber = 3;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  SimpleChanges,\r\n  inject\r\n} from '@angular/core';\r\nimport { XContainerPrefix, XContainerProperty } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XContainerPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./container.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XContainerComponent extends XContainerProperty implements OnInit {\r\n  private renderer = inject(Renderer2);\r\n  private elementRef = inject(ElementRef);\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnInit() {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XContainerPrefix);\r\n    this.setDirection();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { direction } = changes;\r\n    if (direction && direction.currentValue != direction.previousValue) {\r\n      this.setDirection();\r\n    }\r\n  }\r\n\r\n  setDirection() {\r\n    if (this.direction) {\r\n      this.renderer.addClass(this.elementRef.nativeElement, `x-direction-${this.direction}`);\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  HostBinding,\r\n  inject\r\n} from '@angular/core';\r\nimport { XHeaderPrefix, XHeaderProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XHeaderPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XHeaderComponent extends XHeaderProperty implements OnInit {\r\n  @HostBinding(`style.height.rem`) get getHeight() {\r\n    return this.height;\r\n  }\r\n  private container = inject(XContainerComponent, { optional: true, host: true });\r\n  private renderer = inject(Renderer2);\r\n  private elementRef = inject(ElementRef);\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnInit() {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XHeaderPrefix);\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction) return;\r\n    this.container.direction = 'column';\r\n    this.container.setDirection();\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  HostBinding,\r\n  OnInit,\r\n  inject\r\n} from '@angular/core';\r\nimport { XAsidePrefix, XAsideProperty } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XAsidePrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./aside.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAsideComponent extends XAsideProperty implements OnInit {\r\n  @HostBinding(`style.width.rem`) get getWidth() {\r\n    return this.width;\r\n  }\r\n\r\n  private renderer = inject(Renderer2);\r\n  private elementRef = inject(ElementRef);\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnInit(): void {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  inject,\r\n  OnInit\r\n} from '@angular/core';\r\nimport { XMainPrefix } from './container.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XMainPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./main.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMainComponent implements OnInit {\r\n  private renderer = inject(Renderer2);\r\n  private elementRef = inject(ElementRef);\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnInit(): void {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  HostBinding,\r\n  inject\r\n} from '@angular/core';\r\nimport { XFooterPrefix, XFooterProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XFooterPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./footer.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XFooterComponent extends XFooterProperty implements OnInit {\r\n  @HostBinding(`style.height.rem`) get getHeight() {\r\n    return this.height;\r\n  }\r\n  private container = inject(XContainerComponent, { optional: true, host: true });\r\n  private renderer = inject(Renderer2);\r\n  private elementRef = inject(ElementRef);\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnInit() {\r\n    this.renderer.addClass(this.elementRef.nativeElement, XFooterPrefix);\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction) return;\r\n    this.container.direction = 'column';\r\n    this.container.setDirection();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XFooterComponent } from './footer.component';\r\nimport { XMainComponent } from './main.component';\r\nimport { XAsideComponent } from './aside.component';\r\nimport { XHeaderComponent } from './header.component';\r\n\r\n@NgModule({\r\n  imports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent],\r\n  exports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent]\r\n})\r\nexport class XContainerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-container.mjs","sources":["../../../../lib/ng-nest/ui/container/container.property.ts","../../../../lib/ng-nest/ui/container/container.component.ts","../../../../lib/ng-nest/ui/container/header.component.ts","../../../../lib/ng-nest/ui/container/aside.component.ts","../../../../lib/ng-nest/ui/container/main.component.ts","../../../../lib/ng-nest/ui/container/footer.component.ts","../../../../lib/ng-nest/ui/container/container.module.ts","../../../../lib/ng-nest/ui/container/ng-nest-ui-container.ts"],"sourcesContent":["import { XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\nimport type { XDirection, XNumber } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Container\r\n * @selector x-container\r\n * @decorator component\r\n */\r\nexport const XContainerPrefix = 'x-container';\r\nconst X_CONTAINER_CONFIG_NAME = 'container';\r\n\r\n/**\r\n * Container Property\r\n */\r\n@Component({ selector: `${XContainerPrefix}-property`, template: '' })\r\nexport class XContainerProperty extends XPropertyFunction(X_CONTAINER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN flex 布局下的子元素排列方向，子元素中有 x-header 或 x-footer 时为 column\r\n   * @en_US The arrangement direction of the sub-elements under the flex layout. When the sub-elements have x-header or x-footer, it is column\r\n   * @default ''\r\n   */\r\n  readonly direction = input<XDirection>(this.config?.direction!);\r\n}\r\n\r\n/**\r\n * Header\r\n * @selector x-header\r\n * @decorator component\r\n */\r\nexport const XHeaderPrefix = 'x-header';\r\nconst X_HEADER_CONFIG_NAME = 'header';\r\n\r\n/**\r\n * Header Property\r\n */\r\n@Component({ selector: `${XHeaderPrefix}-property`, template: '' })\r\nexport class XHeaderProperty extends XPropertyFunction(X_HEADER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  readonly height = input<string, XNumber>(this.config?.height ?? '3rem', { transform: XToCssPixelValue });\r\n}\r\n\r\n/**\r\n * Aside\r\n * @selector x-aside\r\n * @decorator component\r\n */\r\nexport const XAsidePrefix = 'x-aside';\r\nconst X_ASIDE_CONFIG_NAME = 'aside';\r\n\r\n/**\r\n * Aside Property\r\n */\r\n@Component({ selector: `${XAsidePrefix}-property`, template: '' })\r\nexport class XAsideProperty extends XPropertyFunction(X_ASIDE_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  readonly width = input<string, XNumber>(this.config?.width ?? '12rem', { transform: XToCssPixelValue });\r\n}\r\n\r\n/**\r\n * main\r\n * @selector x-main\r\n * @decorator component\r\n */\r\nexport const XMainPrefix = 'x-main';\r\n\r\n/**\r\n * Footer\r\n * @selector x-footer\r\n * @decorator component\r\n */\r\nexport const XFooterPrefix = 'x-footer';\r\nconst X_FOOTER_CONFIG_NAME = 'footer';\r\n\r\n/**\r\n * Footer Property\r\n */\r\n@Component({ selector: `${XFooterPrefix}-property`, template: '' })\r\nexport class XFooterProperty extends XPropertyFunction(X_FOOTER_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  readonly height = input<string, XNumber>(this.config?.height ?? '3rem', { transform: XToCssPixelValue });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, computed, signal } from '@angular/core';\r\nimport { XContainerPrefix, XContainerProperty } from './container.property';\r\nimport type { XDirection } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XContainerPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./container.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XContainerComponent extends XContainerProperty {\r\n  @HostBinding('class') get className() {\r\n    return `${XContainerPrefix} ${this.directionClass()}`;\r\n  }\r\n\r\n  directionSignal = signal<XDirection | null>(null);\r\n\r\n  directionClass = computed(() => {\r\n    const direction = this.directionSignal() || this.direction();\r\n    if (direction) {\r\n      return `x-direction-${direction}`;\r\n    } else {\r\n      return ``;\r\n    }\r\n  });\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, inject } from '@angular/core';\r\nimport { XHeaderPrefix, XHeaderProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\n\r\n@Component({\r\n  selector: `${XHeaderPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./header.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XHeaderComponent extends XHeaderProperty implements OnInit {\r\n  @HostBinding('class') className = XHeaderPrefix;\r\n  @HostBinding(`style.height`) get getHeight() {\r\n    return this.height();\r\n  }\r\n  private container = inject(XContainerComponent, { optional: true, host: true });\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction()) return;\r\n    this.container.directionSignal.set('column');\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding } from '@angular/core';\r\nimport { XAsidePrefix, XAsideProperty } from './container.property';\r\n\r\n@Component({\r\n  selector: `${XAsidePrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./aside.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAsideComponent extends XAsideProperty {\r\n  @HostBinding('class') className = XAsidePrefix;\r\n  @HostBinding(`style.width`) get getWidth() {\r\n    return this.width();\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding } from '@angular/core';\r\nimport { XMainPrefix } from './container.property';\r\n\r\n@Component({\r\n  selector: `${XMainPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./main.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMainComponent {\r\n  @HostBinding('class') className = XMainPrefix;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, inject } from '@angular/core';\r\nimport { XFooterPrefix, XFooterProperty } from './container.property';\r\nimport { XContainerComponent } from './container.component';\r\n\r\n@Component({\r\n  selector: `${XFooterPrefix}`,\r\n  standalone: true,\r\n  template: '<ng-content></ng-content>',\r\n  styleUrls: ['./footer.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XFooterComponent extends XFooterProperty implements OnInit {\r\n  @HostBinding('class') className = XFooterPrefix;\r\n  @HostBinding(`style.height`) get getHeight() {\r\n    return this.height();\r\n  }\r\n  private container = inject(XContainerComponent, { optional: true, host: true });\r\n\r\n  ngOnInit() {\r\n    this.setDirection();\r\n  }\r\n\r\n  setDirection() {\r\n    if (!this.container || this.container.direction()) return;\r\n    this.container.directionSignal.set('column');\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XContainerComponent } from './container.component';\r\nimport { XFooterComponent } from './footer.component';\r\nimport { XMainComponent } from './main.component';\r\nimport { XAsideComponent } from './aside.component';\r\nimport { XHeaderComponent } from './header.component';\r\n\r\n@NgModule({\r\n  imports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent],\r\n  exports: [XContainerComponent, XHeaderComponent, XAsideComponent, XMainComponent, XFooterComponent]\r\n})\r\nexport class XContainerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIA;;;;AAIG;AACI,MAAM,gBAAgB,GAAG,cAAc;AAC9C,MAAM,uBAAuB,GAAG,WAAW,CAAC;AAE5C;;AAEG;MAEU,kBAAmB,SAAQ,iBAAiB,CAAC,uBAAuB,CAAC,CAAA;AADlF,IAAA,WAAA,GAAA;;AAEE;;;;AAIG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAa,IAAI,CAAC,MAAM,EAAE,SAAU,CAAC,CAAC;AACjE,KAAA;iIAPY,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,mOADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FACtD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,gBAAgB,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;AAUrE;;;;AAIG;AACI,MAAM,aAAa,GAAG,WAAW;AACxC,MAAM,oBAAoB,GAAG,QAAQ,CAAC;AAEtC;;AAEG;MAEU,eAAgB,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC,CAAA;AAD5E,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAC1G,KAAA;iIANY,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,uNADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FACnD,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,aAAa,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;AASlE;;;;AAIG;AACI,MAAM,YAAY,GAAG,UAAU;AACtC,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAEpC;;AAEG;MAEU,cAAe,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;AAD1E,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,OAAO,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACzG,KAAA;iIANY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,mNADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAClD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,YAAY,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;AASjE;;;;AAIG;AACI,MAAM,WAAW,GAAG,SAAS;AAEpC;;;;AAIG;AACI,MAAM,aAAa,GAAG,WAAW;AACxC,MAAM,oBAAoB,GAAG,QAAQ,CAAC;AAEtC;;AAEG;MAEU,eAAgB,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC,CAAA;AAD5E,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAC1G,KAAA;iIANY,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,uNADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FACnD,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,aAAa,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;;ACvE5D,MAAO,mBAAoB,SAAQ,kBAAkB,CAAA;AAR3D,IAAA,WAAA,GAAA;;AAaE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AAElD,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;YAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7D,IAAI,SAAS,EAAE;gBACb,OAAO,CAAA,YAAA,EAAe,SAAS,CAAA,CAAE,CAAC;aACnC;iBAAM;AACL,gBAAA,OAAO,EAAE,CAAC;aACX;AACH,SAAC,CAAC,CAAC;AACJ,KAAA;AAdC,IAAA,IAA0B,SAAS,GAAA;QACjC,OAAO,CAAA,EAAG,gBAAgB,CAAI,CAAA,EAAA,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;KACvD;iIAHU,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,mJALpB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yWAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,gBAAgB,CAAA,CAAE,EACnB,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,yWAAA,CAAA,EAAA,CAAA;8BAGrB,SAAS,EAAA,CAAA;sBAAlC,WAAW;uBAAC,OAAO,CAAA;;;ACDhB,MAAO,gBAAiB,SAAQ,eAAe,CAAA;AARrD,IAAA,WAAA,GAAA;;QASwB,IAAS,CAAA,SAAA,GAAG,aAAa,CAAC;AAIxC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAUjF,KAAA;AAbC,IAAA,IAAiC,SAAS,GAAA;AACxC,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;KACtB;IAGD,QAAQ,GAAA;QACN,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAED,YAAY,GAAA;QACV,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;YAAE,OAAO;QAC1D,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KAC9C;iIAdU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,kLALjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,aAAa,CAAA,CAAE,EAChB,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA,CAAA;8BAGzB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACa,SAAS,EAAA,CAAA;sBAAzC,WAAW;uBAAC,CAAc,YAAA,CAAA,CAAA;;;ACHvB,MAAO,eAAgB,SAAQ,cAAc,CAAA;AARnD,IAAA,WAAA,GAAA;;QASwB,IAAS,CAAA,SAAA,GAAG,YAAY,CAAC;AAIhD,KAAA;AAHC,IAAA,IAAgC,QAAQ,GAAA;AACtC,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;KACrB;iIAJU,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,+KALhB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,YAAY,CAAA,CAAE,EACf,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,4DAAA,CAAA,EAAA,CAAA;8BAGzB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACY,QAAQ,EAAA,CAAA;sBAAvC,WAAW;uBAAC,CAAa,WAAA,CAAA,CAAA;;;MCFf,cAAc,CAAA;AAR3B,IAAA,WAAA,GAAA;QASwB,IAAS,CAAA,SAAA,GAAG,WAAW,CAAC;AAC/C,KAAA;iIAFY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,uHALf,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+FAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,WAAW,CAAA,CAAE,EACd,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,+FAAA,CAAA,EAAA,CAAA;8BAGzB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;;;ACAhB,MAAO,gBAAiB,SAAQ,eAAe,CAAA;AARrD,IAAA,WAAA,GAAA;;QASwB,IAAS,CAAA,SAAA,GAAG,aAAa,CAAC;AAIxC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAUjF,KAAA;AAbC,IAAA,IAAiC,SAAS,GAAA;AACxC,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;KACtB;IAGD,QAAQ,GAAA;QACN,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAED,YAAY,GAAA;QACV,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;YAAE,OAAO;QAC1D,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KAC9C;iIAdU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,kLALjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,aAAa,CAAA,CAAE,EAChB,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,2BAA2B,EAEtB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA,CAAA;8BAGzB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACa,SAAS,EAAA,CAAA;sBAAzC,WAAW;uBAAC,CAAc,YAAA,CAAA,CAAA;;;MCHhB,gBAAgB,CAAA;iIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,CACxF,EAAA,OAAA,EAAA,CAAA,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA;kIAEvF,gBAAgB,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,CAAC;oBACnG,OAAO,EAAE,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,CAAC;AACpG,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}