@ng-nest/ui 17.0.1 → 17.0.3

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

@@ -1,15 +1,11 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { EventEmitter, Component, Input, Output, ChangeDetectorRef, inject, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XProperty, XDataConvert, XWithConfig, XIsChange, XSetData } from '@ng-nest/ui/core';
+import { XProperty, XDataConvert, XWithConfig, XConfigService, XIsChange, XSetData } from '@ng-nest/ui/core';
 import { Subject } from 'rxjs';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@ng-nest/ui/link';
-import { XLinkModule } from '@ng-nest/ui/link';
-import * as i4 from '@ng-nest/ui/outlet';
-import { XOutletModule } from '@ng-nest/ui/outlet';
+import { XLinkComponent } from '@ng-nest/ui/link';
+import { XOutletDirective } from '@ng-nest/ui/outlet';
+import { NgTemplateOutlet } from '@angular/common';
 
 /**
  * Crumb
@@ -35,8 +31,8 @@ class XCrumbProperty extends XProperty {
          */
         this.nodeClick = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCrumbProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XCrumbProperty, selector: "x-crumb-property", inputs: { data: "data", nodeTpl: "nodeTpl", separator: "separator" }, outputs: { nodeClick: "nodeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XCrumbProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: XCrumbProperty, selector: "x-crumb-property", inputs: { data: "data", nodeTpl: "nodeTpl", separator: "separator" }, outputs: { nodeClick: "nodeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XDataConvert()
@@ -44,7 +40,7 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, '/')
 ], XCrumbProperty.prototype, "separator", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCrumbProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XCrumbProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XCrumbPrefix}-property`, template: '' }]
         }], propDecorators: { data: [{
@@ -58,12 +54,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }] } });
 
 class XCrumbComponent extends XCrumbProperty {
-    constructor(cdr, configService) {
-        super();
-        this.cdr = cdr;
-        this.configService = configService;
+    constructor() {
+        super(...arguments);
         this.nodes = [];
         this._unSubject = new Subject();
+        this.cdr = inject(ChangeDetectorRef);
+        this.configService = inject(XConfigService);
     }
     ngOnChanges(changes) {
         const { data } = changes;
@@ -83,34 +79,30 @@ class XCrumbComponent extends XCrumbProperty {
                 break;
         }
     }
-    trackByNode(_index, item) {
-        return item.id;
-    }
     setData() {
         XSetData(this.data, this._unSubject).subscribe((x) => {
             this.nodes = x;
             this.cdr.detectChanges();
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCrumbComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: XCrumbComponent, selector: "x-crumb", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ul #crumbs class=\"x-crumb\">\r\n  <li *ngFor=\"let node of nodes; index as i; trackBy: trackByNode\">\r\n    <x-link\r\n      [title]=\"nodeTpl ? node.label : ''\"\r\n      [icon]=\"node.icon\"\r\n      [disabled]=\"node.disabled || i === nodes.length - 1\"\r\n      (click)=\"action('click', node, $event)\"\r\n    >\r\n      <ng-container *ngIf=\"!nodeTpl\">{{ node.label }}</ng-container>\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </x-link>\r\n    <span class=\"x-crumb-separator\" *ngIf=\"i !== nodes.length - 1\">\r\n      <ng-container *xOutlet=\"separator\">{{ separator }}</ng-container>\r\n    </span>\r\n  </li>\r\n</ul>\r\n", styles: [".x-crumb{margin:0;padding:0;list-style:none;display:flex}.x-crumb>li{padding:0;margin:0;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center}.x-crumb>li .x-link.x-link-disabled{color:var(--x-text-400);cursor:text}.x-crumb-separator{margin:0 .5rem;font-weight:600;color:var(--x-text-400)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.XLinkComponent, selector: "x-link" }, { kind: "directive", type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XCrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: XCrumbComponent, isStandalone: true, selector: "x-crumb", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ul #crumbs class=\"x-crumb\">\r\n  @for (node of nodes; track node.id; let i = $index) {\r\n    <li>\r\n      <x-link\r\n        [title]=\"nodeTpl ? node.label : ''\"\r\n        [icon]=\"node.icon\"\r\n        [disabled]=\"node.disabled || i === nodes.length - 1\"\r\n        (click)=\"action('click', node, $event)\"\r\n      >\r\n        @if (!nodeTpl) {\r\n          {{ node.label }}\r\n        }\r\n        <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n      </x-link>\r\n      @if (i !== nodes.length - 1) {\r\n        <span class=\"x-crumb-separator\">\r\n          <ng-container *xOutlet=\"separator\">{{ separator }}</ng-container>\r\n        </span>\r\n      }\r\n    </li>\r\n  }\r\n</ul>\r\n", styles: [".x-crumb{margin:0;padding:0;list-style:none;display:flex}.x-crumb>li{padding:0;margin:0;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center}.x-crumb>li .x-link.x-link-disabled{color:var(--x-text-400);cursor:text}.x-crumb-separator{margin:0 .5rem;font-weight:600;color:var(--x-text-400)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XLinkComponent, selector: "x-link" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XCrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XCrumbPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul #crumbs class=\"x-crumb\">\r\n  <li *ngFor=\"let node of nodes; index as i; trackBy: trackByNode\">\r\n    <x-link\r\n      [title]=\"nodeTpl ? node.label : ''\"\r\n      [icon]=\"node.icon\"\r\n      [disabled]=\"node.disabled || i === nodes.length - 1\"\r\n      (click)=\"action('click', node, $event)\"\r\n    >\r\n      <ng-container *ngIf=\"!nodeTpl\">{{ node.label }}</ng-container>\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </x-link>\r\n    <span class=\"x-crumb-separator\" *ngIf=\"i !== nodes.length - 1\">\r\n      <ng-container *xOutlet=\"separator\">{{ separator }}</ng-container>\r\n    </span>\r\n  </li>\r\n</ul>\r\n", styles: [".x-crumb{margin:0;padding:0;list-style:none;display:flex}.x-crumb>li{padding:0;margin:0;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center}.x-crumb>li .x-link.x-link-disabled{color:var(--x-text-400);cursor:text}.x-crumb-separator{margin:0 .5rem;font-weight:600;color:var(--x-text-400)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }] });
+            args: [{ selector: `${XCrumbPrefix}`, standalone: true, imports: [NgTemplateOutlet, XLinkComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul #crumbs class=\"x-crumb\">\r\n  @for (node of nodes; track node.id; let i = $index) {\r\n    <li>\r\n      <x-link\r\n        [title]=\"nodeTpl ? node.label : ''\"\r\n        [icon]=\"node.icon\"\r\n        [disabled]=\"node.disabled || i === nodes.length - 1\"\r\n        (click)=\"action('click', node, $event)\"\r\n      >\r\n        @if (!nodeTpl) {\r\n          {{ node.label }}\r\n        }\r\n        <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n      </x-link>\r\n      @if (i !== nodes.length - 1) {\r\n        <span class=\"x-crumb-separator\">\r\n          <ng-container *xOutlet=\"separator\">{{ separator }}</ng-container>\r\n        </span>\r\n      }\r\n    </li>\r\n  }\r\n</ul>\r\n", styles: [".x-crumb{margin:0;padding:0;list-style:none;display:flex}.x-crumb>li{padding:0;margin:0;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center}.x-crumb>li .x-link.x-link-disabled{color:var(--x-text-400);cursor:text}.x-crumb-separator{margin:0 .5rem;font-weight:600;color:var(--x-text-400)}\n"] }]
+        }] });
 
 class XCrumbModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: XCrumbModule, declarations: [XCrumbComponent, XCrumbProperty], imports: [CommonModule, XLinkModule, XOutletModule], exports: [XCrumbComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCrumbModule, imports: [CommonModule, XLinkModule, XOutletModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: XCrumbModule, imports: [XCrumbComponent], exports: [XCrumbComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XCrumbModule, imports: [XCrumbComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: XCrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: XCrumbModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [XCrumbComponent, XCrumbProperty],
                     exports: [XCrumbComponent],
-                    imports: [CommonModule, XLinkModule, XOutletModule]
+                    imports: [XCrumbComponent]
                 }]
         }] });
 

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-crumb.mjs","sources":["../../../../lib/ng-nest/ui/crumb/crumb.property.ts","../../../../lib/ng-nest/ui/crumb/crumb.component.ts","../../../../lib/ng-nest/ui/crumb/crumb.component.html","../../../../lib/ng-nest/ui/crumb/crumb.module.ts","../../../../lib/ng-nest/ui/crumb/ng-nest-ui-crumb.ts"],"sourcesContent":["import { XData, XProperty, XDataConvert, XIdentityProperty, XTemplate, XWithConfig } from '@ng-nest/ui/core';\r\nimport { TemplateRef, Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Crumb\r\n * @selector x-crumb\r\n * @decorator component\r\n */\r\nexport const XCrumbPrefix = 'x-crumb';\r\nconst X_CONFIG_NAME = 'crumb';\r\n\r\n/**\r\n * Crumb Property\r\n */\r\n@Component({ selector: `${XCrumbPrefix}-property`, template: '' })\r\nexport class XCrumbProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XCrumbNode> = [];\r\n  /**\r\n   * @zh_CN 节点自定义模板\r\n   * @en_US Node custom template\r\n   */\r\n  @Input() nodeTpl!: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 分隔符\r\n   * @en_US Separator\r\n   */\r\n  @Input() @XWithConfig<XTemplate>(X_CONFIG_NAME, '/') separator?: XTemplate;\r\n  /**\r\n   * @zh_CN 节点点击事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XCrumbNodeClick>();\r\n}\r\n\r\n/**\r\n * @zh_CN Crumb 数据对象\r\n * @en_US Crumb data object\r\n */\r\nexport interface XCrumbNode extends XIdentityProperty {\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 Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 自定义数据属性\r\n   * @en_US Custom data attributes\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN Crumb 点击返回的对象\r\n * @en_US Crumb Click to return the object\r\n */\r\nexport interface XCrumbNodeClick {\r\n  /**\r\n   * @zh_CN 事件\r\n   * @en_US event\r\n   */\r\n  event: Event;\r\n  /**\r\n   * @zh_CN 点击的节点数据\r\n   * @en_US Clicked node data\r\n   */\r\n  node: XCrumbNode;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ChangeDetectorRef,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport { XCrumbPrefix, XCrumbNode, XCrumbProperty } from './crumb.property';\r\nimport { XIsChange, XSetData, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XCrumbPrefix}`,\r\n  templateUrl: './crumb.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCrumbComponent extends XCrumbProperty implements OnChanges, OnDestroy {\r\n  nodes: XCrumbNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(private cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  action(type: string, option: XCrumbNode, event: Event) {\r\n    switch (type) {\r\n      case 'click':\r\n        this.nodeClick.emit({\r\n          event: event,\r\n          node: option\r\n        });\r\n        break;\r\n    }\r\n  }\r\n\r\n  trackByNode(_index: number, item: XCrumbNode) {\r\n    return item.id;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XCrumbNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n}\r\n","<ul #crumbs class=\"x-crumb\">\r\n  <li *ngFor=\"let node of nodes; index as i; trackBy: trackByNode\">\r\n    <x-link\r\n      [title]=\"nodeTpl ? node.label : ''\"\r\n      [icon]=\"node.icon\"\r\n      [disabled]=\"node.disabled || i === nodes.length - 1\"\r\n      (click)=\"action('click', node, $event)\"\r\n    >\r\n      <ng-container *ngIf=\"!nodeTpl\">{{ node.label }}</ng-container>\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </x-link>\r\n    <span class=\"x-crumb-separator\" *ngIf=\"i !== nodes.length - 1\">\r\n      <ng-container *xOutlet=\"separator\">{{ separator }}</ng-container>\r\n    </span>\r\n  </li>\r\n</ul>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCrumbComponent } from './crumb.component';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XCrumbProperty } from './crumb.property';\r\n\r\n@NgModule({\r\n  declarations: [XCrumbComponent, XCrumbProperty],\r\n  exports: [XCrumbComponent],\r\n  imports: [CommonModule, XLinkModule, XOutletModule]\r\n})\r\nexport class XCrumbModule {}\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-crumb.mjs","sources":["../../../../lib/ng-nest/ui/crumb/crumb.property.ts","../../../../lib/ng-nest/ui/crumb/crumb.component.ts","../../../../lib/ng-nest/ui/crumb/crumb.component.html","../../../../lib/ng-nest/ui/crumb/crumb.module.ts","../../../../lib/ng-nest/ui/crumb/ng-nest-ui-crumb.ts"],"sourcesContent":["import { XData, XProperty, XDataConvert, XIdentityProperty, XTemplate, XWithConfig } from '@ng-nest/ui/core';\r\nimport { TemplateRef, Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Crumb\r\n * @selector x-crumb\r\n * @decorator component\r\n */\r\nexport const XCrumbPrefix = 'x-crumb';\r\nconst X_CONFIG_NAME = 'crumb';\r\n\r\n/**\r\n * Crumb Property\r\n */\r\n@Component({ selector: `${XCrumbPrefix}-property`, template: '' })\r\nexport class XCrumbProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XCrumbNode> = [];\r\n  /**\r\n   * @zh_CN 节点自定义模板\r\n   * @en_US Node custom template\r\n   */\r\n  @Input() nodeTpl!: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 分隔符\r\n   * @en_US Separator\r\n   */\r\n  @Input() @XWithConfig<XTemplate>(X_CONFIG_NAME, '/') separator?: XTemplate;\r\n  /**\r\n   * @zh_CN 节点点击事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XCrumbNodeClick>();\r\n}\r\n\r\n/**\r\n * @zh_CN Crumb 数据对象\r\n * @en_US Crumb data object\r\n */\r\nexport interface XCrumbNode extends XIdentityProperty {\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 Disabled\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN 自定义数据属性\r\n   * @en_US Custom data attributes\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN Crumb 点击返回的对象\r\n * @en_US Crumb Click to return the object\r\n */\r\nexport interface XCrumbNodeClick {\r\n  /**\r\n   * @zh_CN 事件\r\n   * @en_US event\r\n   */\r\n  event: Event;\r\n  /**\r\n   * @zh_CN 点击的节点数据\r\n   * @en_US Clicked node data\r\n   */\r\n  node: XCrumbNode;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ChangeDetectorRef,\r\n  OnDestroy,\r\n  inject\r\n} from '@angular/core';\r\nimport { XCrumbPrefix, XCrumbNode, XCrumbProperty } from './crumb.property';\r\nimport { XIsChange, XSetData, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XLinkComponent } from '@ng-nest/ui/link';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XCrumbPrefix}`,\r\n  standalone: true,\r\n  imports: [NgTemplateOutlet, XLinkComponent, XOutletDirective],\r\n  templateUrl: './crumb.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCrumbComponent extends XCrumbProperty implements OnChanges, OnDestroy {\r\n  nodes: XCrumbNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  private cdr = inject(ChangeDetectorRef);\r\n  configService = inject(XConfigService);\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  action(type: string, option: XCrumbNode, event: Event) {\r\n    switch (type) {\r\n      case 'click':\r\n        this.nodeClick.emit({\r\n          event: event,\r\n          node: option\r\n        });\r\n        break;\r\n    }\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XCrumbNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n}\r\n","<ul #crumbs class=\"x-crumb\">\r\n  @for (node of nodes; track node.id; let i = $index) {\r\n    <li>\r\n      <x-link\r\n        [title]=\"nodeTpl ? node.label : ''\"\r\n        [icon]=\"node.icon\"\r\n        [disabled]=\"node.disabled || i === nodes.length - 1\"\r\n        (click)=\"action('click', node, $event)\"\r\n      >\r\n        @if (!nodeTpl) {\r\n          {{ node.label }}\r\n        }\r\n        <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n      </x-link>\r\n      @if (i !== nodes.length - 1) {\r\n        <span class=\"x-crumb-separator\">\r\n          <ng-container *xOutlet=\"separator\">{{ separator }}</ng-container>\r\n        </span>\r\n      }\r\n    </li>\r\n  }\r\n</ul>\r\n","import { NgModule } from '@angular/core';\r\nimport { XCrumbComponent } from './crumb.component';\r\n\r\n@NgModule({\r\n  exports: [XCrumbComponent],\r\n  imports: [XCrumbComponent]\r\n})\r\nexport class XCrumbModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}