@ng-nest/ui 17.0.11 → 18.0.0

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

@@ -1,8 +1,6 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, inject, ChangeDetectorRef, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import { XProperty, XDataConvert, XWithConfig, XConfigService, XIsChange, XSetData } from '@ng-nest/ui/core';
-import { Subject } from 'rxjs';
+import { input, output, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { XPropertyFunction, XToDataArray } from '@ng-nest/ui/core';
 import { XLinkComponent } from '@ng-nest/ui/link';
 import { XOutletDirective } from '@ng-nest/ui/outlet';
 import { NgTemplateOutlet } from '@angular/common';
@@ -13,62 +11,43 @@ import { NgTemplateOutlet } from '@angular/common';
  * @decorator component
  */
 const XCrumbPrefix = 'x-crumb';
-const X_CONFIG_NAME = 'crumb';
+const X_CRUMB_CONFIG_NAME = 'crumb';
 /**
  * Crumb Property
  */
-class XCrumbProperty extends XProperty {
+class XCrumbProperty extends XPropertyFunction(X_CRUMB_CONFIG_NAME) {
     constructor() {
         super(...arguments);
         /**
          * @zh_CN 节点数据
          * @en_US Node data
          */
-        this.data = [];
+        this.data = input([], { transform: XToDataArray });
+        /**
+         * @zh_CN 节点自定义模板
+         * @en_US Node custom template
+         */
+        this.nodeTpl = input();
+        /**
+         * @zh_CN 分隔符
+         * @en_US Separator
+         */
+        this.separator = input(this.config?.separator ?? '/');
         /**
          * @zh_CN 节点点击事件
          * @en_US Node click event
          */
-        this.nodeClick = new EventEmitter();
+        this.nodeClick = output();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XCrumbProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", 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: "18.0.1", ngImport: i0, type: XCrumbProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XCrumbProperty, selector: "x-crumb-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, nodeTpl: { classPropertyName: "nodeTpl", publicName: "nodeTpl", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClick: "nodeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XDataConvert()
-], XCrumbProperty.prototype, "data", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, '/')
-], XCrumbProperty.prototype, "separator", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XCrumbProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCrumbProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XCrumbPrefix}-property`, template: '' }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], nodeTpl: [{
-                type: Input
-            }], separator: [{
-                type: Input
-            }], nodeClick: [{
-                type: Output
-            }] } });
+        }] });
 
 class XCrumbComponent extends XCrumbProperty {
-    constructor() {
-        super(...arguments);
-        this.nodes = [];
-        this._unSubject = new Subject();
-        this.cdr = inject(ChangeDetectorRef);
-        this.configService = inject(XConfigService);
-    }
-    ngOnChanges(changes) {
-        const { data } = changes;
-        XIsChange(data) && this.setData();
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
     action(type, option, event) {
         switch (type) {
             case 'click':
@@ -79,26 +58,20 @@ class XCrumbComponent extends XCrumbProperty {
                 break;
         }
     }
-    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.3.0", ngImport: i0, type: XCrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XCrumbComponent, isStandalone: true, selector: "x-crumb", usesInheritance: true, ngImport: i0, template: "<ul #crumbs class=\"x-crumb\">\r\n  @for (node of data(); track node.id) {\r\n    <li>\r\n      <x-link\r\n        [title]=\"nodeTpl() ? node.label : ''\"\r\n        [icon]=\"node.icon\"\r\n        [disabled]=\"node.disabled || $index === data().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 ($index !== data().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.3.0", ngImport: i0, type: XCrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCrumbComponent, decorators: [{
             type: Component,
-            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"] }]
+            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 data(); track node.id) {\r\n    <li>\r\n      <x-link\r\n        [title]=\"nodeTpl() ? node.label : ''\"\r\n        [icon]=\"node.icon\"\r\n        [disabled]=\"node.disabled || $index === data().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 ($index !== data().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.3.0", ngImport: i0, type: XCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XCrumbModule, imports: [XCrumbComponent], exports: [XCrumbComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XCrumbModule, imports: [XCrumbComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XCrumbModule, imports: [XCrumbComponent], exports: [XCrumbComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCrumbModule, imports: [XCrumbComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XCrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [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  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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"}
+{"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 { XIdentityProperty, XTemplate, XPropertyFunction, XDataArray, XToDataArray } from '@ng-nest/ui/core';\r\nimport { TemplateRef, Component, input, output } 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_CRUMB_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 XPropertyFunction(X_CRUMB_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  readonly data = input<XCrumbNode[], XDataArray<XCrumbNode>>([], { transform: XToDataArray });\r\n  /**\r\n   * @zh_CN 节点自定义模板\r\n   * @en_US Node custom template\r\n   */\r\n  readonly nodeTpl = input<TemplateRef<any>>();\r\n  /**\r\n   * @zh_CN 分隔符\r\n   * @en_US Separator\r\n   */\r\n  readonly separator = input<XTemplate>(this.config?.separator ?? '/');\r\n  /**\r\n   * @zh_CN 节点点击事件\r\n   * @en_US Node click event\r\n   */\r\n  readonly nodeClick = output<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 { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCrumbPrefix, XCrumbNode, XCrumbProperty } from './crumb.property';\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 {\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","<ul #crumbs class=\"x-crumb\">\r\n  @for (node of data(); track node.id) {\r\n    <li>\r\n      <x-link\r\n        [title]=\"nodeTpl() ? node.label : ''\"\r\n        [icon]=\"node.icon\"\r\n        [disabled]=\"node.disabled || $index === data().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 ($index !== data().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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"}