@ng-nest/ui 12.0.11 → 13.0.3

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

@@ -0,0 +1,300 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, Optional, Host, HostBinding, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i1 from '@ng-nest/ui/core';
+import { XProperty, XWithConfig } from '@ng-nest/ui/core';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Container
+ * @selector x-container
+ * @decorator component
+ */
+const XContainerPrefix = 'x-container';
+const X_CONFIG_NAME = 'container';
+/**
+ * Container Property
+ */
+class XContainerProperty extends XProperty {
+}
+/** @nocollapse */ /** @nocollapse */ XContainerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XContainerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XContainerProperty, selector: "ng-component", inputs: { direction: "direction" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XWithConfig(X_CONFIG_NAME)
+], XContainerProperty.prototype, "direction", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { direction: [{
+                type: Input
+            }] } });
+/**
+ * Header
+ * @selector x-header
+ * @decorator component
+ */
+const XHeaderPrefix = 'x-header';
+const X_CONFIG_NAME_HEADER = 'header';
+/**
+ * Header Property
+ */
+class XHeaderProperty extends XProperty {
+}
+/** @nocollapse */ /** @nocollapse */ XHeaderProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XHeaderProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XHeaderProperty, selector: "ng-component", inputs: { height: "height" }, 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: "13.0.2", ngImport: i0, type: XHeaderProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { height: [{
+                type: Input
+            }] } });
+/**
+ * Aside
+ * @selector x-aside
+ * @decorator component
+ */
+const XAsidePrefix = 'x-aside';
+const X_CONFIG_NAME_ASIDE = 'aside';
+/**
+ * Aside Property
+ */
+class XAsideProperty extends XProperty {
+}
+/** @nocollapse */ /** @nocollapse */ XAsideProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAsideProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAsideProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XAsideProperty, selector: "ng-component", inputs: { width: "width" }, 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: "13.0.2", ngImport: i0, type: XAsideProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { width: [{
+                type: Input
+            }] } });
+/**
+ * main
+ * @selector x-main
+ * @decorator component
+ */
+const XMainPrefix = 'x-main';
+/**
+ * Footer
+ * @selector x-footer
+ * @decorator component
+ */
+const XFooterPrefix = 'x-footer';
+const X_CONFIG_NAME_FOOTER = 'footer';
+/**
+ * Footer Property
+ */
+class XFooterProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 高度，rem
+         * @en_US Height, rem
+         */
+        this.height = 3;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XFooterProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFooterProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XFooterProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XFooterProperty, selector: "ng-component", inputs: { height: "height" }, 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: "13.0.2", ngImport: i0, type: XFooterProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { height: [{
+                type: Input
+            }] } });
+
+class XContainerComponent extends XContainerProperty {
+    constructor(renderer, elementRef, configService) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.renderer.addClass(this.elementRef.nativeElement, XContainerPrefix);
+    }
+    ngOnInit() {
+        this.setDirection();
+    }
+    ngOnChanges(changes) {
+        const { direction } = changes;
+        if (direction && direction.currentValue != direction.previousValue) {
+            this.setDirection();
+        }
+    }
+    setDirection() {
+        if (this.direction) {
+            this.renderer.addClass(this.elementRef.nativeElement, `x-direction-${this.direction}`);
+        }
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XContainerComponent, 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XContainerPrefix}`, 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"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
+
+class XHeaderComponent extends XHeaderProperty {
+    constructor(container, renderer, elementRef, configService) {
+        super();
+        this.container = container;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.renderer.addClass(this.elementRef.nativeElement, XHeaderPrefix);
+    }
+    get getHeight() {
+        return this.height;
+    }
+    ngOnInit() {
+        this.setDirection();
+    }
+    setDirection() {
+        if (!this.container || this.container.direction)
+            return;
+        this.container.direction = 'column';
+        this.container.setDirection();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHeaderComponent, deps: [{ token: XContainerComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XHeaderComponent, 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;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XHeaderPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-header{margin:0;flex-shrink:0;padding:0 1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: XContainerComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { getHeight: [{
+                type: HostBinding,
+                args: [`style.height.rem`]
+            }] } });
+
+class XAsideComponent extends XAsideProperty {
+    constructor(renderer, elementRef, configService) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);
+    }
+    get getWidth() {
+        return this.width;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAsideComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XAsideComponent, 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XAsideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAsidePrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-aside{margin:0;padding:0;overflow:auto;flex-shrink:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { getWidth: [{
+                type: HostBinding,
+                args: [`style.width.rem`]
+            }] } });
+
+class XMainComponent {
+    constructor(renderer, elementRef, configService) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMainComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XMainComponent, selector: "x-main", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".x-main{margin: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: "13.0.2", ngImport: i0, type: XMainComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XMainPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-main{margin:0;display:block;flex:1;flex-basis:auto;padding:1rem;overflow:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
+
+class XFooterComponent extends XFooterProperty {
+    constructor(container, renderer, elementRef, configService) {
+        super();
+        this.container = container;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.renderer.addClass(this.elementRef.nativeElement, XFooterPrefix);
+    }
+    get getHeight() {
+        return this.height;
+    }
+    ngOnInit() {
+        this.setDirection();
+    }
+    setDirection() {
+        if (!this.container || this.container.direction)
+            return;
+        this.container.direction = 'column';
+        this.container.setDirection();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFooterComponent, deps: [{ token: XContainerComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XFooterComponent, 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;flex-shrink:0;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XFooterPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-footer{margin:0;flex-shrink:0;padding:0 1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: XContainerComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { getHeight: [{
+                type: HostBinding,
+                args: [`style.height.rem`]
+            }] } });
+
+const components = [
+    XContainerComponent,
+    XHeaderComponent,
+    XAsideComponent,
+    XMainComponent,
+    XFooterComponent,
+    XContainerProperty,
+    XHeaderProperty,
+    XAsideProperty,
+    XFooterProperty
+];
+class XContainerModule {
+}
+/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, declarations: [XContainerComponent,
+        XHeaderComponent,
+        XAsideComponent,
+        XMainComponent,
+        XFooterComponent,
+        XContainerProperty,
+        XHeaderProperty,
+        XAsideProperty,
+        XFooterProperty], imports: [CommonModule], exports: [XContainerComponent,
+        XHeaderComponent,
+        XAsideComponent,
+        XMainComponent,
+        XFooterComponent,
+        XContainerProperty,
+        XHeaderProperty,
+        XAsideProperty,
+        XFooterProperty] });
+/** @nocollapse */ /** @nocollapse */ XContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...components],
+                    exports: [...components],
+                    imports: [CommonModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XAsideComponent, XAsidePrefix, XAsideProperty, XContainerComponent, XContainerModule, XContainerPrefix, XContainerProperty, XFooterComponent, XFooterPrefix, XFooterProperty, XHeaderComponent, XHeaderPrefix, XHeaderProperty, XMainComponent, XMainPrefix };
+//# sourceMappingURL=ng-nest-ui-container.mjs.map

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

@@ -0,0 +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({ 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({ 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({ 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({ 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 { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, SimpleChanges } 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  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  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XContainerPrefix);\r\n  }\r\n\r\n  ngOnInit() {\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  Optional,\r\n  Host,\r\n  HostBinding\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  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\r\n  constructor(\r\n    @Optional() @Host() public container: XContainerComponent,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XHeaderPrefix);\r\n  }\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.direction = 'column';\r\n    this.container.setDirection()\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, HostBinding } 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  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(`style.width.rem`) get getWidth() {\r\n    return this.width;\r\n  }\r\n\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);\r\n  }\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } 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  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  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {\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  Optional,\r\n  Host,\r\n  HostBinding\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  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  constructor(\r\n    @Optional() @Host() public container: XContainerComponent,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XFooterPrefix);\r\n  }\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.direction = 'column';\r\n    this.container.setDirection();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\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\nimport { XContainerProperty, XHeaderProperty, XAsideProperty, XFooterProperty } from './container.property';\r\n\r\nconst components = [\r\n  XContainerComponent,\r\n  XHeaderComponent,\r\n  XAsideComponent,\r\n  XMainComponent,\r\n  XFooterComponent,\r\n  XContainerProperty,\r\n  XHeaderProperty,\r\n  XAsideProperty,\r\n  XFooterProperty\r\n];\r\n\r\n@NgModule({\r\n  declarations: [...components],\r\n  exports: [...components],\r\n  imports: [CommonModule]\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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"}