@ng-nest/ui 12.0.8 → 13.0.2

package/fesm2015/ng-nest-ui-loading.js

@@ -1,168 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ViewChild, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i2 from '@ng-nest/ui/core';
-import { XProperty, XInputBoolean, XWithConfig, XIsChange, XIsEmpty } from '@ng-nest/ui/core';
-import * as i1 from '@ng-nest/ui/portal';
-import { XPortalModule } from '@ng-nest/ui/portal';
-import * as i3 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i5 from '@ng-nest/ui/outlet';
-import { XOutletModule } from '@ng-nest/ui/outlet';
-
-/**
- * Loading
- * @selector x-loading
- * @decorator component
- */
-const XLoadingPrefix = 'x-loading';
-const X_CONFIG_NAME = 'loading';
-/**
- * Loading Property
- */
-class XLoadingProperty extends XProperty {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 显示 loading
-         * @en_US Show loading
-         */
-        this.loading = false;
-    }
-}
-/** @nocollapse */ XLoadingProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XLoadingProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XLoadingProperty, selector: "ng-component", inputs: { loading: ["x-loading", "loading"], size: "size", text: "text", icon: "icon", color: "color", fullScreen: "fullScreen", background: "background" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XInputBoolean()
-], XLoadingProperty.prototype, "loading", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
-], XLoadingProperty.prototype, "size", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "text", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "icon", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "color", void 0);
-__decorate([
-    XInputBoolean()
-], XLoadingProperty.prototype, "fullScreen", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME)
-], XLoadingProperty.prototype, "background", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { loading: [{
-                type: Input,
-                args: ['x-loading']
-            }], size: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], fullScreen: [{
-                type: Input
-            }], background: [{
-                type: Input
-            }] } });
-
-class XLoadingComponent extends XLoadingProperty {
-    constructor(renderer, elementRef, cdr, portal, viewContainerRef, configService) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.portal = portal;
-        this.viewContainerRef = viewContainerRef;
-        this.configService = configService;
-    }
-    get getLoading() {
-        return this.loading;
-    }
-    ngOnInit() {
-        this.setClassMap();
-    }
-    ngOnChanges(changes) {
-        XIsChange(changes.loading) && this.setLoading();
-    }
-    setClassMap() {
-        this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);
-        this.cdr.markForCheck();
-    }
-    setLoading() {
-        if (this.fullScreen) {
-            if (this.loading) {
-                this.createFullScreen();
-            }
-            else {
-                this.closeFullScreen();
-            }
-        }
-        this.cdr.detectChanges();
-    }
-    createFullScreen() {
-        this.portalRef = this.portal.attach({
-            content: this.loadingTpl,
-            viewContainerRef: this.viewContainerRef,
-            overlayConfig: {
-                width: '100%',
-                height: '100%',
-                positionStrategy: this.portal.setPlacement()
-            }
-        });
-    }
-    closeFullScreen() {
-        var _a, _b;
-        if ((_b = (_a = this.portalRef) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.hasAttached()) {
-            this.portalRef.overlayRef.detach();
-        }
-    }
-}
-/** @nocollapse */ XLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XLoadingComponent, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n  <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n    <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n      <ng-container *ngIf=\"icon; else circularTpl\">\r\n        <div class=\"x-loading-icon\">\r\n          <x-icon [type]=\"icon\"></x-icon>\r\n        </div>\r\n      </ng-container>\r\n      <div class=\"x-loading-text\">\r\n        <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n  <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n    <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n  </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], components: [{ type: i3.XIconComponent, selector: "x-icon" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`,
-                    templateUrl: './loading.component.html',
-                    styleUrls: ['./loading.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2.XConfigService }]; }, propDecorators: { getLoading: [{
-                type: HostBinding,
-                args: ['class.x-loading-parent']
-            }], loadingTpl: [{
-                type: ViewChild,
-                args: ['loadingTpl', { static: false }]
-            }] } });
-
-class XLoadingModule {
-}
-/** @nocollapse */ XLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, declarations: [XLoadingComponent, XLoadingProperty], imports: [CommonModule, XIconModule, XOutletModule, XPortalModule], exports: [XLoadingComponent] });
-/** @nocollapse */ XLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, imports: [[CommonModule, XIconModule, XOutletModule, XPortalModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XLoadingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XLoadingComponent, XLoadingProperty],
-                    exports: [XLoadingComponent],
-                    imports: [CommonModule, XIconModule, XOutletModule, XPortalModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XLoadingComponent, XLoadingModule, XLoadingPrefix, XLoadingProperty };
-//# sourceMappingURL=ng-nest-ui-loading.js.map

package/fesm2015/ng-nest-ui-loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-loading.js","sources":["../../../../lib/ng-nest/ui/loading/loading.property.ts","../../../../lib/ng-nest/ui/loading/loading.component.ts","../../../../lib/ng-nest/ui/loading/loading.component.html","../../../../lib/ng-nest/ui/loading/loading.module.ts","../../../../lib/ng-nest/ui/loading/ng-nest-ui-loading.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XSize, XTemplate, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Loading\r\n * @selector x-loading\r\n * @decorator component\r\n */\r\nexport const XLoadingPrefix = 'x-loading';\r\nconst X_CONFIG_NAME = 'loading';\r\n\r\n/**\r\n * Loading Property\r\n */\r\n@Component({ template: '' })\r\nexport class XLoadingProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 显示 loading\r\n   * @en_US Show loading\r\n   */\r\n  @Input('x-loading') @XInputBoolean() loading: XBoolean = false;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 显示文字，支持自定义模板\r\n   * @en_US Display text, support custom template\r\n   */\r\n  @Input() @XWithConfig<XTemplate>(X_CONFIG_NAME) text?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示的图标\r\n   * @en_US Icon displayed\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) icon?: string;\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) color?: string;\r\n  /**\r\n   * @zh_CN 全屏显示\r\n   * @en_US Full-screen display\r\n   */\r\n  @Input() @XInputBoolean() fullScreen?: XBoolean;\r\n  /**\r\n   * @zh_CN 背景样式\r\n   * @en_US Background style\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) background?: string;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  HostBinding,\r\n  ViewChild,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XLoadingPrefix, XLoadingProperty } from './loading.property';\r\nimport { XIsChange, XIsEmpty, XConfigService } from '@ng-nest/ui/core';\r\nimport { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';\r\n\r\n@Component({\r\n  selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`,\r\n  templateUrl: './loading.component.html',\r\n  styleUrls: ['./loading.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XLoadingComponent extends XLoadingProperty implements OnInit, OnChanges {\r\n  @HostBinding('class.x-loading-parent') get getLoading() {\r\n    return this.loading;\r\n  }\r\n  @ViewChild('loadingTpl', { static: false }) loadingTpl!: TemplateRef<void>;\r\n  portalRef!: XPortalOverlayRef<any>;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public portal: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    XIsChange(changes.loading) && this.setLoading();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n  setLoading() {\r\n    if (this.fullScreen) {\r\n      if (this.loading) {\r\n        this.createFullScreen();\r\n      } else {\r\n        this.closeFullScreen();\r\n      }\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  createFullScreen() {\r\n    this.portalRef = this.portal.attach({\r\n      content: this.loadingTpl,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        width: '100%',\r\n        height: '100%',\r\n        positionStrategy: this.portal.setPlacement()\r\n      }\r\n    });\r\n  }\r\n\r\n  closeFullScreen() {\r\n    if (this.portalRef?.overlayRef?.hasAttached()) {\r\n      this.portalRef.overlayRef.detach();\r\n    }\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n  <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n    <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n      <ng-container *ngIf=\"icon; else circularTpl\">\r\n        <div class=\"x-loading-icon\">\r\n          <x-icon [type]=\"icon\"></x-icon>\r\n        </div>\r\n      </ng-container>\r\n      <div class=\"x-loading-text\">\r\n        <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n  <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n    <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n  </svg>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XLoadingComponent } from './loading.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XLoadingProperty } from './loading.property';\r\n\r\n@NgModule({\r\n  declarations: [XLoadingComponent, XLoadingProperty],\r\n  exports: [XLoadingComponent],\r\n  imports: [CommonModule, XIconModule, XOutletModule, XPortalModule]\r\n})\r\nexport class XLoadingModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-menu.js

@@ -1,377 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Inject, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XProperty, XDataConvert, XWithConfig, XInputBoolean, XInputNumber, XIsChange, XSetData, XIsEmpty, groupBy } from '@ng-nest/ui/core';
-import { Subject } from 'rxjs';
-import * as i5 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import * as i2$1 from '@ng-nest/ui/slider';
-import { XSliderModule } from '@ng-nest/ui/slider';
-import * as i3 from '@ng-nest/ui/dropdown';
-import { XDropdownModule } from '@ng-nest/ui/dropdown';
-import * as i2 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i4 from '@angular/router';
-import { RouterModule } from '@angular/router';
-
-/**
- * Menu
- * @selector x-menu
- * @decorator component
- */
-const XMenuPrefix = 'x-menu';
-const X_CONFIG_NAME = 'menu';
-/**
- * Menu Property
- */
-class XMenuProperty extends XProperty {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 节点数据
-         * @en_US Node data
-         */
-        this.data = [];
-        /**
-         * @zh_CN 布局方向
-         * @en_US Layout direction
-         */
-        this.layout = 'row';
-        /**
-         * @zh_CN 缩起菜单
-         * @en_US Shrink menu
-         */
-        this.collapsed = false;
-        /**
-         * @zh_CN 默认展开的层级，只对 layout 布局为 'column' 的生效
-         * @en_US The level expanded by default is only valid for the layout of'column'
-         */
-        this.expandedLevel = -1;
-        /**
-         * @zh_CN 节点点击的事件
-         * @en_US Node click event
-         */
-        this.nodeClick = new EventEmitter();
-        /**
-         * @zh_CN 节点点击的事件
-         * @en_US Node click event
-         */
-        this.activatedIdChange = new EventEmitter();
-    }
-}
-/** @nocollapse */ XMenuProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XMenuProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XMenuProperty, selector: "ng-component", inputs: { data: "data", layout: "layout", size: "size", collapsed: "collapsed", trigger: "trigger", nodeTpl: "nodeTpl", expandedAll: "expandedAll", expandedLevel: "expandedLevel", activatedId: "activatedId", target: "target", portalMinWidth: "portalMinWidth" }, outputs: { nodeClick: "nodeClick", activatedIdChange: "activatedIdChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XDataConvert()
-], XMenuProperty.prototype, "data", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
-], XMenuProperty.prototype, "size", void 0);
-__decorate([
-    XInputBoolean()
-], XMenuProperty.prototype, "collapsed", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'hover')
-], XMenuProperty.prototype, "trigger", void 0);
-__decorate([
-    XInputBoolean()
-], XMenuProperty.prototype, "expandedAll", void 0);
-__decorate([
-    XInputNumber()
-], XMenuProperty.prototype, "expandedLevel", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], layout: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], collapsed: [{
-                type: Input
-            }], trigger: [{
-                type: Input
-            }], nodeTpl: [{
-                type: Input
-            }], expandedAll: [{
-                type: Input
-            }], expandedLevel: [{
-                type: Input
-            }], activatedId: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], portalMinWidth: [{
-                type: Input
-            }], nodeClick: [{
-                type: Output
-            }], activatedIdChange: [{
-                type: Output
-            }] } });
-/**
- * Menu Node
- * @selector x-menu-node
- * @decorator component
- */
-const XMenuNodePrefix = 'x-menu-node';
-/**
- * Menu Node Property
- */
-class XMenuNodeProperty extends XProperty {
-}
-/** @nocollapse */ XMenuNodeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuNodeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XMenuNodeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XMenuNodeProperty, selector: "ng-component", inputs: { node: "node" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuNodeProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { node: [{
-                type: Input
-            }] } });
-
-class XMenuNodeComponent extends XMenuNodeProperty {
-    constructor(
-    // @Host() @Optional() public menu: XMenuComponent,
-    cdr, elementRef, configService) {
-        super();
-        this.cdr = cdr;
-        this.elementRef = elementRef;
-        this.configService = configService;
-    }
-    ngOnInit() {
-        var _a;
-        if (((_a = this.menu) === null || _a === void 0 ? void 0 : _a.activatedId) == this.node.id) {
-            this.menu.activatedElementRef = this.elementRef;
-        }
-        this.node.change = () => {
-            this.cdr.detectChanges();
-        };
-    }
-}
-/** @nocollapse */ XMenuNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XMenuNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XMenuNodeComponent, selector: "x-menu-node", inputs: { menu: "menu" }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n  <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n  <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n  <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n", components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuNodeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XMenuNodePrefix}`,
-                    templateUrl: './menu-node.component.html',
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { menu: [{
-                type: Input
-            }] } });
-
-class XMenuComponent extends XMenuProperty {
-    constructor(renderer, elementRef, cdr, doc, configService) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.doc = doc;
-        this.configService = configService;
-        this.showCategory = false;
-        this.nodeClassMap = {};
-        this.datas = [];
-        this.nodes = [];
-        this.rootIndex = 0;
-        this.expanded = [];
-        this._unSubject = new Subject();
-    }
-    get scroll() {
-        return this._target;
-    }
-    ngOnInit() {
-        this.setClassMap();
-    }
-    ngOnChanges(changes) {
-        XIsChange(changes.data) && this.setData();
-        XIsChange(changes.activatedId) && this.setActivatedNode(this.nodes);
-        XIsChange(changes.collapsed) && this.setClassMap();
-        if (XIsChange(changes.target)) {
-            this._target = typeof this.target === 'string' ? this.doc.querySelector(this.target) : this.target;
-        }
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    ngAfterViewInit() {
-        if (this.activatedElementRef && this.scroll) {
-            const nodeRect = this.activatedElementRef.nativeElement.getBoundingClientRect();
-            const scrollRect = this.scroll.getBoundingClientRect();
-            let scrollTop = nodeRect.top - scrollRect.top - scrollRect.height;
-            if (scrollTop > 0) {
-                let offset = 0;
-                while (offset < scrollRect.height / 2) {
-                    offset = offset + nodeRect.height;
-                }
-                this.scroll.scrollTop = scrollTop + offset;
-            }
-        }
-    }
-    onNodeClick(node) {
-        if (!this.collapsed) {
-            this.rootIndex = this.nodes.indexOf(this.getRoot(node));
-            this.activatedId = node.id;
-            this.activated = node;
-            this.nodeClick.emit(node);
-            this.activatedIdChange.emit(node.id);
-            this.cdr.detectChanges();
-        }
-        else {
-            this.onToggle(null, node, true);
-        }
-    }
-    rootIndexChange(index) {
-        this.rootIndex = index;
-        let node = this.nodes[index];
-        this.activatedId = node.id;
-        this.activated = node;
-        this.nodeClick.emit(node);
-        this.activatedIdChange.emit(node.id);
-        this.cdr.detectChanges();
-    }
-    onToggle(event, node, isDropdown = false) {
-        if ((this.collapsed && !isDropdown) || node.categoryNode)
-            return;
-        if (!node.leaf) {
-            this.activated = node;
-        }
-        else {
-            event === null || event === void 0 ? void 0 : event.stopPropagation();
-            node.open = !node.open;
-            if (node.open && !node.childrenLoaded) {
-                node.childrenLoaded = true;
-            }
-        }
-        this.nodeClick.emit(node);
-        node.change && node.change();
-        this.cdr.detectChanges();
-    }
-    setClassMap() {
-        this.classMap[`${XMenuPrefix}-${this.layout}`] = this.layout ? true : false;
-        this.classMap[`${XMenuPrefix}-collapsed`] = Boolean(this.collapsed);
-        this.nodeClassMap[`x-size-${this.size}`] = this.size ? true : false;
-        this.cdr.detectChanges();
-    }
-    setData() {
-        XSetData(this.data, this._unSubject).subscribe((x) => {
-            this.setDataChange(x);
-        });
-    }
-    setDataChange(value) {
-        !XIsEmpty(this.activatedId) && this.setActivatedNode(value);
-        let handlerDatas = [];
-        const getChildren = (node, level) => {
-            var _a;
-            node.level = level;
-            node.children = value.filter((y) => y.pid === node.id);
-            node.leaf = ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) > 0;
-            if (node.leaf) {
-                node.open = Boolean(this.expandedAll) || level <= this.expandedLevel || this.expanded.indexOf(node.id) >= 0;
-                node.childrenLoaded = node.open;
-                node.children.map((y) => getChildren(y, level + 1));
-                node.children = this.setCategory(node.children);
-            }
-            handlerDatas = [...handlerDatas, node];
-            return node;
-        };
-        this.nodes = this.setCategory(value.filter((x) => XIsEmpty(x.pid))).map((x) => getChildren(x, 0));
-        this.datas = handlerDatas;
-        this.cdr.detectChanges();
-    }
-    getRoot(value) {
-        let root = value;
-        const getParent = (node) => {
-            const parent = this.datas.find((x) => node.pid === x.id);
-            if (XIsEmpty(parent === null || parent === void 0 ? void 0 : parent.pid))
-                root = parent;
-            else
-                getParent(parent);
-        };
-        if (!XIsEmpty(value.pid))
-            getParent(value);
-        return root;
-    }
-    setCategory(nodes) {
-        const group = groupBy(nodes, 'category');
-        for (let list of group) {
-            const first = list[0];
-            if (first.category) {
-                list.unshift({
-                    id: `${first.pid}__${first.category}`,
-                    pid: first.pid,
-                    label: first.category,
-                    level: first.level,
-                    categoryNode: true
-                });
-            }
-        }
-        let con = [];
-        group.map((x) => {
-            con = con.concat(x);
-        });
-        return con;
-    }
-    setActivatedNode(nodes) {
-        this.activated = nodes.find((x) => x.id == this.activatedId);
-        // console.log(this.nodes)
-        this.rootIndex = nodes.findIndex((x) => x.id == this.activatedId && !x.pid);
-        if (this.activated) {
-            this.setParentOpen(nodes, this.activated);
-        }
-    }
-    setParentOpen(nodes, node) {
-        const getParent = (child) => {
-            if (XIsEmpty(child.pid))
-                return;
-            const parent = nodes.find((x) => x.id === child.pid);
-            if (!XIsEmpty(parent)) {
-                this.expanded = [...this.expanded, parent.id];
-                getParent(parent);
-            }
-        };
-        getParent(node);
-    }
-    trackByNode(index, item) {
-        return item.id;
-    }
-}
-/** @nocollapse */ XMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XMenuComponent, selector: "x-menu", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n  <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n    <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <x-slider\r\n    *ngIf=\"layout === 'row'\"\r\n    [data]=\"nodes\"\r\n    [size]=\"size\"\r\n    [nodeTpl]=\"nodeRowTpl\"\r\n    [nodeJustify]=\"'center'\"\r\n    [activatedIndex]=\"rootIndex\"\r\n    (indexChange)=\"rootIndexChange($event)\"\r\n  ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    *ngIf=\"node.level === 0 && collapsed\"\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    placement=\"right-start\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n  </x-dropdown>\r\n  <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </div>\r\n  </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n  <div\r\n    class=\"x-menu-node\"\r\n    [class.x-activated]=\"activated?.id === node.id\"\r\n    [class.x-menu-category]=\"node.categoryNode\"\r\n    [ngClass]=\"nodeClassMap\"\r\n    (click)=\"onToggle($event, node)\"\r\n    [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n  </div>\r\n  <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n    <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n", styles: ["x-menu{display:block}.x-menu{margin:0;padding:0}.x-menu-icon.x-icon{font-size:1rem;transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon{transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon.is-open{transform:rotate(180deg)}.x-menu-node.x-size-big{padding:0 calc(var(--x-padding-big) + .25rem);height:calc(var(--x-height-big) + .75rem);line-height:calc(var(--x-height-big) + .75rem)}.x-menu-node.x-size-big.x-menu-category{height:calc(calc(var(--x-height-big) + .75rem) * 1.5)}.x-menu-node.x-size-large{padding:0 calc(var(--x-padding-large) + .25rem);height:calc(var(--x-height-large) + .75rem);line-height:calc(var(--x-height-large) + .75rem)}.x-menu-node.x-size-large.x-menu-category{height:calc(calc(var(--x-height-large) + .75rem) * 1.5)}.x-menu-node.x-size-medium{padding:0 calc(var(--x-padding-medium) + .25rem);height:calc(var(--x-height-medium) + .75rem);line-height:calc(var(--x-height-medium) + .75rem)}.x-menu-node.x-size-medium.x-menu-category{height:calc(calc(var(--x-height-medium) + .75rem) * 1.5)}.x-menu-node.x-size-small{padding:0 var(--x-padding-small);height:calc(var(--x-height-small) + .5rem);line-height:calc(var(--x-height-small) + .5rem)}.x-menu-node.x-size-small.x-menu-category{height:calc(calc(var(--x-height-small) + .5rem) * 1.5)}.x-menu-node.x-size-mini{padding:0 var(--x-padding-mini);height:calc(var(--x-height-mini) + .5rem);line-height:calc(var(--x-height-mini) + .5rem)}.x-menu-node.x-size-mini.x-menu-category{height:calc(calc(var(--x-height-mini) + .5rem) * 1.5)}.x-menu x-slider .x-slider-scroll>ul>li.x-slider-highlight{background-color:inherit;border-radius:0;border:none;border-bottom:.125rem solid var(--x-primary)}.x-menu x-slider .x-slider-scroll>ul>li>x-link{padding:0!important;height:inherit!important;line-height:inherit!important}.x-menu-column{width:12rem;transition:var(--x-animation-duration-base)}.x-menu-row .x-menu-text{margin-left:.25rem}.x-menu-nodes .x-menu-node{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:width var(--x-animation-duration-base),background-color var(--x-animation-duration-base);border-right:.125rem solid var(--x-border);position:relative;-webkit-user-select:none;user-select:none;padding-right:.875rem}.x-menu-nodes .x-menu-node .x-menu-text{flex:1;margin:0 .25rem;transition:background-color var(--x-animation-duration-base),opacity var(--x-animation-duration-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-nodes .x-menu-node:hover{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node x-menu-node{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.x-menu-nodes .x-menu-node x-menu-node>a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.x-menu-nodes .x-menu-node.x-activated{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node.x-activated:after{content:\"\";position:absolute;height:100%;right:-.125rem;top:0;border-right:.125rem solid var(--x-primary)}.x-menu-nodes .x-menu-node.x-menu-category{cursor:inherit;color:var(--x-text-400)}.x-menu-nodes .x-menu-node.x-menu-category:hover{background-color:transparent}.x-menu-nodes .x-menu-node.x-menu-category>x-menu-node{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border-300)}.x-menu-collapsed.x-menu-column{width:3rem}.x-menu-collapsed .x-menu-nodes x-dropdown,.x-menu-collapsed .x-menu-nodes .x-dropdown{display:flex;flex:1}.x-menu-collapsed .x-menu-nodes .x-menu-node{padding-left:0!important;padding-right:0}.x-menu-collapsed .x-menu-nodes .x-menu-node x-menu-node{padding-left:.875rem}.x-menu-collapsed .x-menu-nodes .x-menu-node .x-menu-text{opacity:0;width:0}.x-menu-collapsed .x-menu-nodes .x-menu-nodes{display:none}.x-menu-collapsed .x-menu-arrow.x-icon{opacity:0;width:0}\n"], components: [{ type: i2$1.XSliderComponent, selector: "x-slider" }, { type: i3.XDropdownComponent, selector: "x-dropdown" }, { type: XMenuNodeComponent, selector: "x-menu-node", inputs: ["menu"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `${XMenuPrefix}`,
-                    templateUrl: './menu.component.html',
-                    styleUrls: ['./menu.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i1.XConfigService }]; } });
-
-class XMenuModule {
-}
-/** @nocollapse */ XMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuModule, declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty], imports: [CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule], exports: [XMenuComponent, XMenuNodeComponent] });
-/** @nocollapse */ XMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuModule, imports: [[CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty],
-                    exports: [XMenuComponent, XMenuNodeComponent],
-                    imports: [CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XMenuComponent, XMenuModule, XMenuNodeComponent, XMenuNodePrefix, XMenuNodeProperty, XMenuPrefix, XMenuProperty };
-//# sourceMappingURL=ng-nest-ui-menu.js.map

package/fesm2015/ng-nest-ui-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-nest-ui-menu.js","sources":["../../../../lib/ng-nest/ui/menu/menu.property.ts","../../../../lib/ng-nest/ui/menu/menu-node.component.ts","../../../../lib/ng-nest/ui/menu/menu-node.component.html","../../../../lib/ng-nest/ui/menu/menu.component.ts","../../../../lib/ng-nest/ui/menu/menu.component.html","../../../../lib/ng-nest/ui/menu/menu.module.ts","../../../../lib/ng-nest/ui/menu/ng-nest-ui-menu.ts"],"sourcesContent":["import {\r\n  XParentIdentityProperty,\r\n  XData,\r\n  XSize,\r\n  XProperty,\r\n  XDataConvert,\r\n  XInputNumber,\r\n  XNumber,\r\n  XInputBoolean,\r\n  XBoolean,\r\n  XWithConfig,\r\n  XTrigger\r\n} from '@ng-nest/ui/core';\r\nimport { TemplateRef, Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Menu\r\n * @selector x-menu\r\n * @decorator component\r\n */\r\nexport const XMenuPrefix = 'x-menu';\r\nconst X_CONFIG_NAME = 'menu';\r\n\r\n/**\r\n * Menu Property\r\n */\r\n@Component({ template: '' })\r\nexport class XMenuProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XMenuNode> = [];\r\n  /**\r\n   * @zh_CN 布局方向\r\n   * @en_US Layout direction\r\n   */\r\n  @Input() layout: XMenuLayout = 'row';\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 缩起菜单\r\n   * @en_US Shrink menu\r\n   */\r\n  @Input() @XInputBoolean() collapsed: XBoolean = false;\r\n  /**\r\n   * @zh_CN 触发方式，只针对横向布局\r\n   * @en_US Trigger mode, only for horizontal layout\r\n   */\r\n  @Input() @XWithConfig<XMenuTrigger>(X_CONFIG_NAME, 'hover') trigger?: XMenuTrigger;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 展开的所有层级，只对 layout 布局为 'column' 的生效\r\n   * @en_US All expanded levels are only effective for the layout of'column'\r\n   */\r\n  @Input() @XInputBoolean() expandedAll?: XBoolean;\r\n  /**\r\n   * @zh_CN 默认展开的层级，只对 layout 布局为 'column' 的生效\r\n   * @en_US The level expanded by default is only valid for the layout of'column'\r\n   */\r\n  @Input() @XInputNumber() expandedLevel: XNumber = -1;\r\n  /**\r\n   * @zh_CN 当前激活的节点 id\r\n   * @en_US Currently active node id\r\n   */\r\n  @Input() activatedId: any;\r\n  /**\r\n   * @zh_CN 滚动容器\r\n   * @en_US Rolling container\r\n   */\r\n  @Input() target?: string | HTMLElement;\r\n  /**\r\n   * @zh_CN 弹框的最小宽度\r\n   * @en_US Portal min-width\r\n   */\r\n  @Input() portalMinWidth?: string | number;\r\n  /**\r\n   * @zh_CN 节点点击的事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XMenuNode>();\r\n  /**\r\n   * @zh_CN 节点点击的事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() activatedIdChange = new EventEmitter<any>();\r\n}\r\n\r\n/**\r\n * @zh_CN MenuNode 节点数据\r\n * @en_US MenuNode node data\r\n */\r\nexport interface XMenuNode extends XParentIdentityProperty<XMenuNode> {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 展开\r\n   * @en_US Unfold\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * @zh_CN 子节点已加载过\r\n   * @en_US Child node has been loaded\r\n   */\r\n  childrenLoaded?: boolean;\r\n  /**\r\n   * @zh_CN 分类显示，设置值后节点显示成分类样式\r\n   * @en_US Category display, after setting the value, the node is displayed in a category style\r\n   */\r\n  category?: string;\r\n  /**\r\n   * @zh_CN 分类节点，通过内部计算\r\n   * @en_US Classification node, through internal calculation\r\n   */\r\n  categoryNode?: boolean;\r\n  /**\r\n   * @zh_CN 检查更新\r\n   * @en_US Check for updates\r\n   */\r\n  change?: Function;\r\n  /**\r\n   * @zh_CN 路由\r\n   * @en_US Router\r\n   */\r\n  routerLink?: string | any[];\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XMenuLayout = 'row' | 'column';\r\n\r\n/**\r\n * @zh_CN 触发方式\r\n * @en_US Trigger method\r\n */\r\nexport type XMenuTrigger = XTrigger;\r\n\r\n/**\r\n * Menu Node\r\n * @selector x-menu-node\r\n * @decorator component\r\n */\r\nexport const XMenuNodePrefix = 'x-menu-node';\r\n\r\n/**\r\n * Menu Node Property\r\n */\r\n@Component({ template: '' })\r\nexport class XMenuNodeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() node!: XMenuNode;\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, Host, Optional, ElementRef, Input } from '@angular/core';\r\nimport { XMenuNodeProperty, XMenuNodePrefix } from './menu.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XMenuNodePrefix}`,\r\n  templateUrl: './menu-node.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMenuNodeComponent extends XMenuNodeProperty {\r\n  @Input() menu: any;\r\n  constructor(\r\n    // @Host() @Optional() public menu: XMenuComponent,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n  ngOnInit() {\r\n    if (this.menu?.activatedId == this.node.id) {\r\n      this.menu.activatedElementRef = this.elementRef;\r\n    }\r\n    this.node.change = () => {\r\n      this.cdr.detectChanges();\r\n    };\r\n  }\r\n}\r\n","<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n  <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n  <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n  <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  Input,\r\n  Inject\r\n} from '@angular/core';\r\nimport { XMenuPrefix, XMenuNode, XMenuProperty } from './menu.property';\r\nimport { XClassMap, XIsChange, XIsEmpty, XSetData, groupBy, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XMenuPrefix}`,\r\n  templateUrl: './menu.component.html',\r\n  styleUrls: ['./menu.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMenuComponent extends XMenuProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {\r\n  showCategory = false;\r\n  get scroll(): HTMLElement {\r\n    return this._target;\r\n  }\r\n  nodeClassMap: XClassMap = {};\r\n  datas: XMenuNode[] = [];\r\n  nodes: XMenuNode[] = [];\r\n  rootIndex: number = 0;\r\n  activated!: XMenuNode;\r\n  activatedElementRef!: ElementRef;\r\n  expanded: any[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  private _target!: HTMLElement;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    @Inject(DOCUMENT) public doc: any,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    XIsChange(changes.data) && this.setData();\r\n    XIsChange(changes.activatedId) && this.setActivatedNode(this.nodes);\r\n    XIsChange(changes.collapsed) && this.setClassMap();\r\n    if (XIsChange(changes.target)) {\r\n      this._target = typeof this.target === 'string' ? this.doc.querySelector(this.target) : this.target;\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    if (this.activatedElementRef && this.scroll) {\r\n      const nodeRect: DOMRect = this.activatedElementRef.nativeElement.getBoundingClientRect();\r\n      const scrollRect: DOMRect = this.scroll.getBoundingClientRect();\r\n      let scrollTop = nodeRect.top - scrollRect.top - scrollRect.height;\r\n      if (scrollTop > 0) {\r\n        let offset = 0;\r\n        while (offset < scrollRect.height / 2) {\r\n          offset = offset + nodeRect.height;\r\n        }\r\n        this.scroll.scrollTop = scrollTop + offset;\r\n      }\r\n    }\r\n  }\r\n\r\n  onNodeClick(node: XMenuNode) {\r\n    if (!this.collapsed) {\r\n      this.rootIndex = this.nodes.indexOf(this.getRoot(node));\r\n      this.activatedId = node.id;\r\n      this.activated = node;\r\n      this.nodeClick.emit(node);\r\n      this.activatedIdChange.emit(node.id);\r\n      this.cdr.detectChanges();\r\n    } else {\r\n      this.onToggle(null, node, true);\r\n    }\r\n  }\r\n\r\n  rootIndexChange(index: number) {\r\n    this.rootIndex = index;\r\n    let node = this.nodes[index];\r\n    this.activatedId = node.id;\r\n    this.activated = node;\r\n    this.nodeClick.emit(node);\r\n    this.activatedIdChange.emit(node.id);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onToggle(event: Event | null, node: XMenuNode, isDropdown = false) {\r\n    if ((this.collapsed && !isDropdown) || node.categoryNode) return;\r\n    if (!node.leaf) {\r\n      this.activated = node;\r\n    } else {\r\n      event?.stopPropagation();\r\n      node.open = !node.open;\r\n      if (node.open && !node.childrenLoaded) {\r\n        node.childrenLoaded = true;\r\n      }\r\n    }\r\n    this.nodeClick.emit(node);\r\n    node.change && node.change();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XMenuPrefix}-${this.layout}`] = this.layout ? true : false;\r\n    this.classMap[`${XMenuPrefix}-collapsed`] = Boolean(this.collapsed);\r\n    this.nodeClassMap[`x-size-${this.size}`] = this.size ? true : false;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XMenuNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.setDataChange(x);\r\n    });\r\n  }\r\n\r\n  private setDataChange(value: XMenuNode[]) {\r\n    !XIsEmpty(this.activatedId) && this.setActivatedNode(value);\r\n    let handlerDatas: XMenuNode[] = [];\r\n    const getChildren = (node: XMenuNode, level: number) => {\r\n      node.level = level;\r\n      node.children = value.filter((y) => y.pid === node.id);\r\n      node.leaf = node.children?.length > 0;\r\n      if (node.leaf) {\r\n        node.open = Boolean(this.expandedAll) || level <= this.expandedLevel || this.expanded.indexOf(node.id) >= 0;\r\n        node.childrenLoaded = node.open;\r\n        node.children.map((y) => getChildren(y, level + 1));\r\n        node.children = this.setCategory(node.children);\r\n      }\r\n      handlerDatas = [...handlerDatas, node];\r\n      return node;\r\n    };\r\n\r\n    this.nodes = this.setCategory(value.filter((x) => XIsEmpty(x.pid))).map((x) => getChildren(x, 0));\r\n    this.datas = handlerDatas;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private getRoot(value: XMenuNode) {\r\n    let root = value;\r\n    const getParent = (node: XMenuNode) => {\r\n      const parent = this.datas.find((x) => node.pid === x.id) as XMenuNode;\r\n      if (XIsEmpty(parent?.pid)) root = parent;\r\n      else getParent(parent);\r\n    };\r\n    if (!XIsEmpty(value.pid)) getParent(value);\r\n    return root;\r\n  }\r\n\r\n  setCategory(nodes: XMenuNode[]) {\r\n    const group = groupBy(nodes as XMenuNode[], 'category');\r\n    for (let list of group) {\r\n      const first = list[0];\r\n      if (first.category) {\r\n        list.unshift({\r\n          id: `${first.pid}__${first.category}`,\r\n          pid: first.pid,\r\n          label: first.category,\r\n          level: first.level,\r\n          categoryNode: true\r\n        });\r\n      }\r\n    }\r\n    let con: XMenuNode[] = [];\r\n    group.map((x) => {\r\n      con = con.concat(x);\r\n    });\r\n    return con;\r\n  }\r\n\r\n  setActivatedNode(nodes: XMenuNode[]) {\r\n    this.activated = nodes.find((x) => x.id == this.activatedId) as XMenuNode;\r\n    // console.log(this.nodes)\r\n    this.rootIndex = nodes.findIndex((x) => x.id == this.activatedId && !x.pid);\r\n    if (this.activated) {\r\n      this.setParentOpen(nodes, this.activated);\r\n    }\r\n  }\r\n\r\n  setParentOpen(nodes: XMenuNode[], node: XMenuNode) {\r\n    const getParent = (child: XMenuNode) => {\r\n      if (XIsEmpty(child.pid)) return;\r\n      const parent = nodes.find((x) => x.id === child.pid) as XMenuNode;\r\n      if (!XIsEmpty(parent)) {\r\n        this.expanded = [...this.expanded, parent.id];\r\n        getParent(parent);\r\n      }\r\n    };\r\n    getParent(node);\r\n  }\r\n\r\n  trackByNode(index: number, item: XMenuNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n  <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n    <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <x-slider\r\n    *ngIf=\"layout === 'row'\"\r\n    [data]=\"nodes\"\r\n    [size]=\"size\"\r\n    [nodeTpl]=\"nodeRowTpl\"\r\n    [nodeJustify]=\"'center'\"\r\n    [activatedIndex]=\"rootIndex\"\r\n    (indexChange)=\"rootIndexChange($event)\"\r\n  ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    *ngIf=\"node.level === 0 && collapsed\"\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    placement=\"right-start\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n  </x-dropdown>\r\n  <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </div>\r\n  </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n  <div\r\n    class=\"x-menu-node\"\r\n    [class.x-activated]=\"activated?.id === node.id\"\r\n    [class.x-menu-category]=\"node.categoryNode\"\r\n    [ngClass]=\"nodeClassMap\"\r\n    (click)=\"onToggle($event, node)\"\r\n    [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n  </div>\r\n  <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n    <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XMenuComponent } from './menu.component';\r\nimport { XMenuNodeComponent } from './menu-node.component';\r\nimport { XDropdownModule } from '@ng-nest/ui/dropdown';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XMenuProperty, XMenuNodeProperty } from './menu.property';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@NgModule({\r\n  declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty],\r\n  exports: [XMenuComponent, XMenuNodeComponent],\r\n  imports: [CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]\r\n})\r\nexport class XMenuModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}