@yinuo-ngm/server 1.0.15 → 1.0.16

package/www/browser/chunk-ZBZHXS46.js

@@ -1,1674 +0,0 @@
-import {
-  CdkConnectedOverlay,
-  CdkOverlayOrigin,
-  ConnectionPositionPair,
-  Directionality,
-  ESCAPE,
-  NzConfigService,
-  NzIconDirective,
-  NzIconModule,
-  NzNoAnimationDirective,
-  NzOutletModule,
-  NzStringTemplateOutletDirective,
-  OverlayModule,
-  POSITION_MAP,
-  Platform,
-  TOOLTIP_OFFSET_MAP,
-  TemplatePortal,
-  WithConfig,
-  collapseMotion,
-  createCloseScrollStrategy,
-  createFlexibleConnectedPositionStrategy,
-  createOverlayRef,
-  createRepositionScrollStrategy,
-  fromEventOutsideAngular,
-  getPlacementName,
-  hasModifierKey,
-  numberAttributeWithZeroFallback,
-  setConnectedPositionOffset,
-  slideMotion,
-  takeUntilDestroyed,
-  zoomBigMotion
-} from "./chunk-RUXJCM3V.js";
-import {
-  NavigationEnd,
-  Router,
-  RouterLink
-} from "./chunk-665WC4RU.js";
-import {
-  NgTemplateOutlet
-} from "./chunk-3MCIETCQ.js";
-import {
-  BehaviorSubject,
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ContentChildren,
-  DestroyRef,
-  Directive,
-  EMPTY,
-  ElementRef,
-  EventEmitter,
-  FactoryTarget,
-  Injectable,
-  InjectionToken,
-  Injector,
-  Input,
-  NgModule,
-  NgZone,
-  Output,
-  Renderer2,
-  Subject,
-  Subscription,
-  TemplateRef,
-  ViewChild,
-  ViewContainerRef,
-  ViewEncapsulation,
-  __esDecorate,
-  __publicField,
-  __runInitializers,
-  auditTime,
-  booleanAttribute,
-  combineLatest,
-  core_exports,
-  distinctUntilChanged,
-  filter,
-  first,
-  forwardRef,
-  fromEvent,
-  inject,
-  map,
-  merge,
-  mergeMap,
-  startWith,
-  switchMap,
-  ɵɵngDeclareClassMetadata,
-  ɵɵngDeclareComponent,
-  ɵɵngDeclareDirective,
-  ɵɵngDeclareFactory,
-  ɵɵngDeclareInjectable,
-  ɵɵngDeclareInjector,
-  ɵɵngDeclareNgModule
-} from "./chunk-XQY5SPGI.js";
-
-// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-menu.mjs
-var MenuService = class _MenuService {
-  /** all descendant menu click **/
-  descendantMenuItemClick$ = new Subject();
-  /** child menu item click **/
-  childMenuItemClick$ = new Subject();
-  theme$ = new BehaviorSubject("light");
-  mode$ = new BehaviorSubject("vertical");
-  inlineIndent$ = new BehaviorSubject(24);
-  isChildSubMenuOpen$ = new BehaviorSubject(false);
-  onDescendantMenuItemClick(menu) {
-    this.descendantMenuItemClick$.next(menu);
-  }
-  onChildMenuItemClick(menu) {
-    this.childMenuItemClick$.next(menu);
-  }
-  setMode(mode) {
-    this.mode$.next(mode);
-  }
-  setTheme(theme) {
-    this.theme$.next(theme);
-  }
-  setInlineIndent(indent) {
-    this.inlineIndent$.next(indent);
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _MenuService, deps: [], target: FactoryTarget.Injectable });
-  static \u0275prov = \u0275\u0275ngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _MenuService });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: MenuService, decorators: [{
-  type: Injectable
-}] });
-var NzIsMenuInsideDropDownToken = new InjectionToken(typeof ngDevMode !== "undefined" && ngDevMode ? "nz-is-in-dropdown-menu" : "");
-var NzMenuServiceLocalToken = new InjectionToken(typeof ngDevMode !== "undefined" && ngDevMode ? "nz-menu-service-local" : "");
-var NzSubmenuService = class _NzSubmenuService {
-  nzMenuService = inject(MenuService);
-  nzHostSubmenuService = inject(_NzSubmenuService, { optional: true, skipSelf: true });
-  mode$ = this.nzMenuService.mode$.pipe(map((mode) => {
-    if (mode === "inline") {
-      return "inline";
-    } else if (mode === "vertical" || this.nzHostSubmenuService) {
-      return "vertical";
-    } else {
-      return "horizontal";
-    }
-  }));
-  level = 1;
-  isMenuInsideDropDown = inject(NzIsMenuInsideDropDownToken);
-  isCurrentSubMenuOpen$ = new BehaviorSubject(false);
-  isChildSubMenuOpen$ = new BehaviorSubject(false);
-  /** submenu title & overlay mouse enter status **/
-  isMouseEnterTitleOrOverlay$ = new Subject();
-  childMenuItemClick$ = new Subject();
-  /**
-   * menu item inside submenu clicked
-   */
-  onChildMenuItemClick(menu) {
-    this.childMenuItemClick$.next(menu);
-  }
-  setOpenStateWithoutDebounce(value) {
-    this.isCurrentSubMenuOpen$.next(value);
-  }
-  setMouseEnterTitleOrOverlayState(value) {
-    this.isMouseEnterTitleOrOverlay$.next(value);
-  }
-  constructor() {
-    if (this.nzHostSubmenuService) {
-      this.level = this.nzHostSubmenuService.level + 1;
-    }
-    const isClosedByMenuItemClick = this.childMenuItemClick$.pipe(mergeMap(() => this.mode$), filter((mode) => mode !== "inline" || this.isMenuInsideDropDown), map(() => false));
-    const isCurrentSubmenuOpen$ = merge(this.isMouseEnterTitleOrOverlay$, isClosedByMenuItemClick);
-    const isSubMenuOpenWithDebounce$ = combineLatest([this.isChildSubMenuOpen$, isCurrentSubmenuOpen$]).pipe(map(([isChildSubMenuOpen, isCurrentSubmenuOpen]) => isChildSubMenuOpen || isCurrentSubmenuOpen), auditTime(150));
-    isSubMenuOpenWithDebounce$.pipe(distinctUntilChanged(), takeUntilDestroyed()).subscribe((data) => {
-      this.setOpenStateWithoutDebounce(data);
-      if (this.nzHostSubmenuService) {
-        this.nzHostSubmenuService.isChildSubMenuOpen$.next(data);
-      } else {
-        this.nzMenuService.isChildSubMenuOpen$.next(data);
-      }
-    });
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzSubmenuService, deps: [], target: FactoryTarget.Injectable });
-  static \u0275prov = \u0275\u0275ngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzSubmenuService });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzSubmenuService, decorators: [{
-  type: Injectable
-}], ctorParameters: () => [] });
-var NzMenuItemComponent = class _NzMenuItemComponent {
-  nzMenuService = inject(MenuService);
-  destroyRef = inject(DestroyRef);
-  cdr = inject(ChangeDetectorRef);
-  nzSubmenuService = inject(NzSubmenuService, { optional: true });
-  directionality = inject(Directionality);
-  routerLink = inject(RouterLink, { optional: true });
-  router = inject(Router, { optional: true });
-  isMenuInsideDropDown = inject(NzIsMenuInsideDropDownToken);
-  level = this.nzSubmenuService ? this.nzSubmenuService.level + 1 : 1;
-  selected$ = new Subject();
-  inlinePaddingLeft = null;
-  dir = "ltr";
-  nzPaddingLeft;
-  nzDisabled = false;
-  nzSelected = false;
-  nzDanger = false;
-  nzMatchRouterExact = false;
-  nzMatchRouter = false;
-  listOfRouterLink;
-  /** clear all item selected status except this */
-  clickMenuItem(e) {
-    if (this.nzDisabled) {
-      e.preventDefault();
-      e.stopPropagation();
-      return;
-    }
-    this.nzMenuService.onDescendantMenuItemClick(this);
-    if (this.nzSubmenuService) {
-      this.nzSubmenuService.onChildMenuItemClick(this);
-    } else {
-      this.nzMenuService.onChildMenuItemClick(this);
-    }
-  }
-  setSelectedState(value) {
-    this.nzSelected = value;
-    this.selected$.next(value);
-  }
-  updateRouterActive() {
-    if (!this.listOfRouterLink || !this.router || !this.router.navigated || !this.nzMatchRouter) {
-      return;
-    }
-    Promise.resolve().then(() => {
-      const hasActiveLinks = this.hasActiveLinks();
-      if (this.nzSelected !== hasActiveLinks) {
-        this.nzSelected = hasActiveLinks;
-        this.setSelectedState(this.nzSelected);
-        this.cdr.markForCheck();
-      }
-    });
-  }
-  hasActiveLinks() {
-    const isActiveCheckFn = this.isLinkActive(this.router);
-    return this.routerLink && isActiveCheckFn(this.routerLink) || this.listOfRouterLink.some(isActiveCheckFn);
-  }
-  isLinkActive(router) {
-    return (link) => router.isActive(link.urlTree || "", {
-      paths: this.nzMatchRouterExact ? "exact" : "subset",
-      queryParams: this.nzMatchRouterExact ? "exact" : "subset",
-      fragment: "ignored",
-      matrixParams: "ignored"
-    });
-  }
-  constructor() {
-    this.router?.events.pipe(takeUntilDestroyed(), filter((e) => e instanceof NavigationEnd)).subscribe(() => this.updateRouterActive());
-  }
-  ngOnInit() {
-    combineLatest([this.nzMenuService.mode$, this.nzMenuService.inlineIndent$]).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(([mode, inlineIndent]) => {
-      this.inlinePaddingLeft = mode === "inline" ? this.level * inlineIndent : null;
-    });
-    this.dir = this.directionality.value;
-    this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-      this.dir = direction;
-    });
-  }
-  ngAfterContentInit() {
-    this.listOfRouterLink.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.updateRouterActive());
-    this.updateRouterActive();
-  }
-  ngOnChanges(changes) {
-    const { nzSelected } = changes;
-    if (nzSelected) {
-      this.setSelectedState(this.nzSelected);
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzMenuItemComponent, deps: [], target: FactoryTarget.Component });
-  static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "16.1.0", version: "20.3.0", type: _NzMenuItemComponent, isStandalone: true, selector: "[nz-menu-item]", inputs: { nzPaddingLeft: ["nzPaddingLeft", "nzPaddingLeft", numberAttributeWithZeroFallback], nzDisabled: ["nzDisabled", "nzDisabled", booleanAttribute], nzSelected: ["nzSelected", "nzSelected", booleanAttribute], nzDanger: ["nzDanger", "nzDanger", booleanAttribute], nzMatchRouterExact: ["nzMatchRouterExact", "nzMatchRouterExact", booleanAttribute], nzMatchRouter: ["nzMatchRouter", "nzMatchRouter", booleanAttribute] }, host: { listeners: { "click": "clickMenuItem($event)" }, properties: { "class.ant-dropdown-menu-item": "isMenuInsideDropDown", "class.ant-dropdown-menu-item-selected": "isMenuInsideDropDown && nzSelected", "class.ant-dropdown-menu-item-danger": "isMenuInsideDropDown && nzDanger", "class.ant-dropdown-menu-item-disabled": "isMenuInsideDropDown && nzDisabled", "class.ant-menu-item": "!isMenuInsideDropDown", "class.ant-menu-item-selected": "!isMenuInsideDropDown && nzSelected", "class.ant-menu-item-danger": "!isMenuInsideDropDown && nzDanger", "class.ant-menu-item-disabled": "!isMenuInsideDropDown && nzDisabled", "style.paddingLeft.px": "dir === 'rtl' ? null : nzPaddingLeft || inlinePaddingLeft", "style.paddingRight.px": "dir === 'rtl' ? nzPaddingLeft || inlinePaddingLeft : null" } }, queries: [{ propertyName: "listOfRouterLink", predicate: RouterLink, descendants: true }], exportAs: ["nzMenuItem"], usesOnChanges: true, ngImport: core_exports, template: `
-    <span class="ant-menu-title-content">
-      <ng-content></ng-content>
-    </span>
-  `, isInline: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzMenuItemComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: "[nz-menu-item]",
-    exportAs: "nzMenuItem",
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    template: `
-    <span class="ant-menu-title-content">
-      <ng-content></ng-content>
-    </span>
-  `,
-    host: {
-      "[class.ant-dropdown-menu-item]": `isMenuInsideDropDown`,
-      "[class.ant-dropdown-menu-item-selected]": `isMenuInsideDropDown && nzSelected`,
-      "[class.ant-dropdown-menu-item-danger]": `isMenuInsideDropDown && nzDanger`,
-      "[class.ant-dropdown-menu-item-disabled]": `isMenuInsideDropDown && nzDisabled`,
-      "[class.ant-menu-item]": `!isMenuInsideDropDown`,
-      "[class.ant-menu-item-selected]": `!isMenuInsideDropDown && nzSelected`,
-      "[class.ant-menu-item-danger]": `!isMenuInsideDropDown && nzDanger`,
-      "[class.ant-menu-item-disabled]": `!isMenuInsideDropDown && nzDisabled`,
-      "[style.paddingLeft.px]": `dir === 'rtl' ? null : nzPaddingLeft || inlinePaddingLeft`,
-      "[style.paddingRight.px]": `dir === 'rtl' ? nzPaddingLeft || inlinePaddingLeft : null`,
-      "(click)": "clickMenuItem($event)"
-    }
-  }]
-}], ctorParameters: () => [], propDecorators: { nzPaddingLeft: [{
-  type: Input,
-  args: [{ transform: numberAttributeWithZeroFallback }]
-}], nzDisabled: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzSelected: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzDanger: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzMatchRouterExact: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzMatchRouter: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], listOfRouterLink: [{
-  type: ContentChildren,
-  args: [RouterLink, { descendants: true }]
-}] } });
-var NzSubmenuInlineChildComponent = class _NzSubmenuInlineChildComponent {
-  elementRef = inject(ElementRef);
-  renderer = inject(Renderer2);
-  directionality = inject(Directionality);
-  destroyRef = inject(DestroyRef);
-  templateOutlet = null;
-  menuClass = "";
-  mode = "vertical";
-  nzOpen = false;
-  listOfCacheClassName = [];
-  expandState = "collapsed";
-  dir = "ltr";
-  calcMotionState() {
-    this.expandState = this.nzOpen ? "expanded" : "collapsed";
-  }
-  ngOnInit() {
-    this.calcMotionState();
-    this.dir = this.directionality.value;
-    this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-      this.dir = direction;
-    });
-  }
-  ngOnChanges(changes) {
-    const { mode, nzOpen, menuClass } = changes;
-    if (mode || nzOpen) {
-      this.calcMotionState();
-    }
-    if (menuClass) {
-      if (this.listOfCacheClassName.length) {
-        this.listOfCacheClassName.forEach((className) => {
-          if (className) {
-            this.renderer.removeClass(this.elementRef.nativeElement, className);
-          }
-        });
-      }
-      if (this.menuClass) {
-        this.listOfCacheClassName = this.menuClass.split(" ");
-        this.listOfCacheClassName.forEach((className) => {
-          if (className) {
-            this.renderer.addClass(this.elementRef.nativeElement, className);
-          }
-        });
-      }
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzSubmenuInlineChildComponent, deps: [], target: FactoryTarget.Component });
-  static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: _NzSubmenuInlineChildComponent, isStandalone: true, selector: "[nz-submenu-inline-child]", inputs: { templateOutlet: "templateOutlet", menuClass: "menuClass", mode: "mode", nzOpen: "nzOpen" }, host: { properties: { "class.ant-menu-rtl": "dir === 'rtl'", "@collapseMotion": "expandState" }, classAttribute: "ant-menu ant-menu-inline ant-menu-sub" }, exportAs: ["nzSubmenuInlineChild"], usesOnChanges: true, ngImport: core_exports, template: `<ng-template [ngTemplateOutlet]="templateOutlet"></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [collapseMotion], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzSubmenuInlineChildComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: "[nz-submenu-inline-child]",
-    animations: [collapseMotion],
-    exportAs: "nzSubmenuInlineChild",
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    template: `<ng-template [ngTemplateOutlet]="templateOutlet"></ng-template>`,
-    host: {
-      class: "ant-menu ant-menu-inline ant-menu-sub",
-      "[class.ant-menu-rtl]": `dir === 'rtl'`,
-      "[@collapseMotion]": "expandState"
-    },
-    imports: [NgTemplateOutlet]
-  }]
-}], propDecorators: { templateOutlet: [{
-  type: Input
-}], menuClass: [{
-  type: Input
-}], mode: [{
-  type: Input
-}], nzOpen: [{
-  type: Input
-}] } });
-var NzSubmenuNoneInlineChildComponent = class _NzSubmenuNoneInlineChildComponent {
-  directionality = inject(Directionality);
-  destroyRef = inject(DestroyRef);
-  menuClass = "";
-  theme = "light";
-  templateOutlet = null;
-  isMenuInsideDropDown = false;
-  mode = "vertical";
-  nzTriggerSubMenuAction = "hover";
-  position = "right";
-  nzDisabled = false;
-  nzOpen = false;
-  subMenuMouseState = new EventEmitter();
-  expandState = "collapsed";
-  dir = "ltr";
-  setMouseState(state) {
-    if (!this.nzDisabled && this.nzTriggerSubMenuAction === "hover") {
-      this.subMenuMouseState.next(state);
-    }
-  }
-  calcMotionState() {
-    if (this.nzOpen) {
-      if (this.mode === "horizontal") {
-        this.expandState = "bottom";
-      } else if (this.mode === "vertical") {
-        this.expandState = "active";
-      }
-    } else {
-      this.expandState = "collapsed";
-    }
-  }
-  ngOnInit() {
-    this.calcMotionState();
-    this.dir = this.directionality.value;
-    this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-      this.dir = direction;
-    });
-  }
-  ngOnChanges(changes) {
-    const { mode, nzOpen } = changes;
-    if (mode || nzOpen) {
-      this.calcMotionState();
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzSubmenuNoneInlineChildComponent, deps: [], target: FactoryTarget.Component });
-  static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: _NzSubmenuNoneInlineChildComponent, isStandalone: true, selector: "[nz-submenu-none-inline-child]", inputs: { menuClass: "menuClass", theme: "theme", templateOutlet: "templateOutlet", isMenuInsideDropDown: "isMenuInsideDropDown", mode: "mode", nzTriggerSubMenuAction: "nzTriggerSubMenuAction", position: "position", nzDisabled: "nzDisabled", nzOpen: "nzOpen" }, outputs: { subMenuMouseState: "subMenuMouseState" }, host: { listeners: { "mouseenter": "setMouseState(true)", "mouseleave": "setMouseState(false)" }, properties: { "class.ant-menu-light": "theme === 'light'", "class.ant-menu-dark": "theme === 'dark'", "class.ant-menu-submenu-placement-bottom": "mode === 'horizontal'", "class.ant-menu-submenu-placement-right": "mode === 'vertical' && position === 'right'", "class.ant-menu-submenu-placement-left": "mode === 'vertical' && position === 'left'", "class.ant-menu-submenu-rtl": 'dir ==="rtl"', "@slideMotion": "expandState", "@zoomBigMotion": "expandState" }, classAttribute: "ant-menu-submenu ant-menu-submenu-popup" }, exportAs: ["nzSubmenuNoneInlineChild"], usesOnChanges: true, ngImport: core_exports, template: `
-    <div
-      [class.ant-dropdown-menu]="isMenuInsideDropDown"
-      [class.ant-menu]="!isMenuInsideDropDown"
-      [class.ant-dropdown-menu-vertical]="isMenuInsideDropDown"
-      [class.ant-menu-vertical]="!isMenuInsideDropDown"
-      [class.ant-dropdown-menu-sub]="isMenuInsideDropDown"
-      [class.ant-menu-sub]="!isMenuInsideDropDown"
-      [class.ant-menu-rtl]="dir === 'rtl'"
-      [class]="menuClass"
-    >
-      <ng-template [ngTemplateOutlet]="templateOutlet"></ng-template>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [zoomBigMotion, slideMotion], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzSubmenuNoneInlineChildComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: "[nz-submenu-none-inline-child]",
-    exportAs: "nzSubmenuNoneInlineChild",
-    encapsulation: ViewEncapsulation.None,
-    animations: [zoomBigMotion, slideMotion],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    template: `
-    <div
-      [class.ant-dropdown-menu]="isMenuInsideDropDown"
-      [class.ant-menu]="!isMenuInsideDropDown"
-      [class.ant-dropdown-menu-vertical]="isMenuInsideDropDown"
-      [class.ant-menu-vertical]="!isMenuInsideDropDown"
-      [class.ant-dropdown-menu-sub]="isMenuInsideDropDown"
-      [class.ant-menu-sub]="!isMenuInsideDropDown"
-      [class.ant-menu-rtl]="dir === 'rtl'"
-      [class]="menuClass"
-    >
-      <ng-template [ngTemplateOutlet]="templateOutlet"></ng-template>
-    </div>
-  `,
-    host: {
-      class: "ant-menu-submenu ant-menu-submenu-popup",
-      "[class.ant-menu-light]": "theme === 'light'",
-      "[class.ant-menu-dark]": "theme === 'dark'",
-      "[class.ant-menu-submenu-placement-bottom]": "mode === 'horizontal'",
-      "[class.ant-menu-submenu-placement-right]": "mode === 'vertical' && position === 'right'",
-      "[class.ant-menu-submenu-placement-left]": "mode === 'vertical' && position === 'left'",
-      "[class.ant-menu-submenu-rtl]": 'dir ==="rtl"',
-      "[@slideMotion]": "expandState",
-      "[@zoomBigMotion]": "expandState",
-      "(mouseenter)": "setMouseState(true)",
-      "(mouseleave)": "setMouseState(false)"
-    },
-    imports: [NgTemplateOutlet]
-  }]
-}], propDecorators: { menuClass: [{
-  type: Input
-}], theme: [{
-  type: Input
-}], templateOutlet: [{
-  type: Input
-}], isMenuInsideDropDown: [{
-  type: Input
-}], mode: [{
-  type: Input
-}], nzTriggerSubMenuAction: [{
-  type: Input
-}], position: [{
-  type: Input
-}], nzDisabled: [{
-  type: Input
-}], nzOpen: [{
-  type: Input
-}], subMenuMouseState: [{
-  type: Output
-}] } });
-var NzSubMenuTitleComponent = class _NzSubMenuTitleComponent {
-  destroyRef = inject(DestroyRef);
-  cdr = inject(ChangeDetectorRef);
-  directionality = inject(Directionality);
-  nzIcon = null;
-  nzTitle = null;
-  isMenuInsideDropDown = false;
-  nzDisabled = false;
-  paddingLeft = null;
-  mode = "vertical";
-  nzTriggerSubMenuAction = "hover";
-  toggleSubMenu = new EventEmitter();
-  subMenuMouseState = new EventEmitter();
-  dir = "ltr";
-  ngOnInit() {
-    this.dir = this.directionality.value;
-    this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-      this.dir = direction;
-      this.cdr.detectChanges();
-    });
-  }
-  setMouseState(state) {
-    if (!this.nzDisabled && this.nzTriggerSubMenuAction === "hover") {
-      this.subMenuMouseState.next(state);
-    }
-  }
-  clickTitle() {
-    if ((this.mode === "inline" || this.nzTriggerSubMenuAction === "click") && !this.nzDisabled) {
-      this.subMenuMouseState.next(true);
-      this.toggleSubMenu.emit();
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzSubMenuTitleComponent, deps: [], target: FactoryTarget.Component });
-  static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: _NzSubMenuTitleComponent, isStandalone: true, selector: "[nz-submenu-title]", inputs: { nzIcon: "nzIcon", nzTitle: "nzTitle", isMenuInsideDropDown: "isMenuInsideDropDown", nzDisabled: "nzDisabled", paddingLeft: "paddingLeft", mode: "mode", nzTriggerSubMenuAction: "nzTriggerSubMenuAction" }, outputs: { toggleSubMenu: "toggleSubMenu", subMenuMouseState: "subMenuMouseState" }, host: { listeners: { "click": "clickTitle()", "mouseenter": "setMouseState(true)", "mouseleave": "setMouseState(false)" }, properties: { "class.ant-dropdown-menu-submenu-title": "isMenuInsideDropDown", "class.ant-menu-submenu-title": "!isMenuInsideDropDown", "style.paddingLeft.px": "dir === 'rtl' ? null : paddingLeft ", "style.paddingRight.px": "dir === 'rtl' ? paddingLeft : null" } }, exportAs: ["nzSubmenuTitle"], ngImport: core_exports, template: `
-    @if (nzIcon) {
-      <nz-icon [nzType]="nzIcon" />
-    }
-    <ng-container *nzStringTemplateOutlet="nzTitle">
-      <span class="ant-menu-title-content">{{ nzTitle }}</span>
-    </ng-container>
-    <ng-content />
-    @if (isMenuInsideDropDown) {
-      <span class="ant-dropdown-menu-submenu-expand-icon">
-        @switch (dir) {
-          @case ('rtl') {
-            <nz-icon nzType="left" class="ant-dropdown-menu-submenu-arrow-icon" />
-          }
-          @default {
-            <nz-icon nzType="right" class="ant-dropdown-menu-submenu-arrow-icon" />
-          }
-        }
-      </span>
-    } @else {
-      <span class="ant-menu-submenu-arrow"></span>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzOutletModule }, { kind: "directive", type: NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzSubMenuTitleComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: "[nz-submenu-title]",
-    exportAs: "nzSubmenuTitle",
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    template: `
-    @if (nzIcon) {
-      <nz-icon [nzType]="nzIcon" />
-    }
-    <ng-container *nzStringTemplateOutlet="nzTitle">
-      <span class="ant-menu-title-content">{{ nzTitle }}</span>
-    </ng-container>
-    <ng-content />
-    @if (isMenuInsideDropDown) {
-      <span class="ant-dropdown-menu-submenu-expand-icon">
-        @switch (dir) {
-          @case ('rtl') {
-            <nz-icon nzType="left" class="ant-dropdown-menu-submenu-arrow-icon" />
-          }
-          @default {
-            <nz-icon nzType="right" class="ant-dropdown-menu-submenu-arrow-icon" />
-          }
-        }
-      </span>
-    } @else {
-      <span class="ant-menu-submenu-arrow"></span>
-    }
-  `,
-    host: {
-      "[class.ant-dropdown-menu-submenu-title]": "isMenuInsideDropDown",
-      "[class.ant-menu-submenu-title]": "!isMenuInsideDropDown",
-      "[style.paddingLeft.px]": `dir === 'rtl' ? null : paddingLeft `,
-      "[style.paddingRight.px]": `dir === 'rtl' ? paddingLeft : null`,
-      "(click)": "clickTitle()",
-      "(mouseenter)": "setMouseState(true)",
-      "(mouseleave)": "setMouseState(false)"
-    },
-    imports: [NzIconModule, NzOutletModule]
-  }]
-}], propDecorators: { nzIcon: [{
-  type: Input
-}], nzTitle: [{
-  type: Input
-}], isMenuInsideDropDown: [{
-  type: Input
-}], nzDisabled: [{
-  type: Input
-}], paddingLeft: [{
-  type: Input
-}], mode: [{
-  type: Input
-}], nzTriggerSubMenuAction: [{
-  type: Input
-}], toggleSubMenu: [{
-  type: Output
-}], subMenuMouseState: [{
-  type: Output
-}] } });
-var listOfVerticalPositions = [
-  POSITION_MAP.rightTop,
-  POSITION_MAP.right,
-  POSITION_MAP.rightBottom,
-  POSITION_MAP.leftTop,
-  POSITION_MAP.left,
-  POSITION_MAP.leftBottom
-];
-var listOfHorizontalPositions = [
-  POSITION_MAP.bottomLeft,
-  POSITION_MAP.bottomRight,
-  POSITION_MAP.topRight,
-  POSITION_MAP.topLeft
-];
-var NzSubMenuComponent = class _NzSubMenuComponent {
-  nzSubmenuService = inject(NzSubmenuService);
-  isMenuInsideDropDown = inject(NzIsMenuInsideDropDownToken);
-  noAnimation = inject(NzNoAnimationDirective, { optional: true, host: true });
-  directionality = inject(Directionality);
-  destroyRef = inject(DestroyRef);
-  nzMenuService = inject(MenuService);
-  cdr = inject(ChangeDetectorRef);
-  platform = inject(Platform);
-  nzMenuClassName = "";
-  nzPaddingLeft = null;
-  nzTitle = null;
-  nzIcon = null;
-  nzTriggerSubMenuAction = "hover";
-  nzOpen = false;
-  nzDisabled = false;
-  nzPlacement = "bottomLeft";
-  nzOpenChange = new EventEmitter();
-  cdkOverlayOrigin = null;
-  // fix errors about circular dependency
-  // Can't construct a query for the property ... since the query selector wasn't defined
-  listOfNzSubMenuComponent = null;
-  listOfNzMenuItemDirective = null;
-  level = this.nzSubmenuService.level;
-  position = "right";
-  triggerWidth = null;
-  theme = "light";
-  mode = "vertical";
-  inlinePaddingLeft = null;
-  overlayPositions = listOfVerticalPositions;
-  isSelected = false;
-  isActive = false;
-  dir = "ltr";
-  /** set the submenu host open status directly **/
-  setOpenStateWithoutDebounce(open) {
-    this.nzSubmenuService.setOpenStateWithoutDebounce(open);
-  }
-  toggleSubMenu() {
-    this.setOpenStateWithoutDebounce(!this.nzOpen);
-  }
-  setMouseEnterState(value) {
-    this.isActive = value;
-    if (this.mode !== "inline") {
-      this.nzSubmenuService.setMouseEnterTitleOrOverlayState(value);
-    }
-  }
-  setTriggerWidth() {
-    if (this.mode === "horizontal" && this.platform.isBrowser && this.cdkOverlayOrigin && this.nzPlacement === "bottomLeft") {
-      this.triggerWidth = this.cdkOverlayOrigin.nativeElement.getBoundingClientRect().width;
-    }
-  }
-  onPositionChange(position) {
-    const placement = getPlacementName(position);
-    if (placement === "rightTop" || placement === "rightBottom" || placement === "right") {
-      this.position = "right";
-    } else if (placement === "leftTop" || placement === "leftBottom" || placement === "left") {
-      this.position = "left";
-    }
-  }
-  ngOnInit() {
-    this.nzMenuService.theme$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((theme) => {
-      this.theme = theme;
-      this.cdr.markForCheck();
-    });
-    this.nzSubmenuService.mode$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((mode) => {
-      this.mode = mode;
-      if (mode === "horizontal") {
-        this.overlayPositions = [POSITION_MAP[this.nzPlacement], ...listOfHorizontalPositions];
-      } else if (mode === "vertical") {
-        this.overlayPositions = listOfVerticalPositions;
-      }
-      this.cdr.markForCheck();
-    });
-    combineLatest([this.nzSubmenuService.mode$, this.nzMenuService.inlineIndent$]).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(([mode, inlineIndent]) => {
-      this.inlinePaddingLeft = mode === "inline" ? this.level * inlineIndent : null;
-      this.cdr.markForCheck();
-    });
-    this.nzSubmenuService.isCurrentSubMenuOpen$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((open) => {
-      this.isActive = open;
-      if (open !== this.nzOpen) {
-        this.setTriggerWidth();
-        this.nzOpen = open;
-        this.nzOpenChange.emit(this.nzOpen);
-        this.cdr.markForCheck();
-      }
-    });
-    this.dir = this.directionality.value;
-    this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-      this.dir = direction;
-      this.cdr.markForCheck();
-    });
-  }
-  ngAfterContentInit() {
-    this.setTriggerWidth();
-    const listOfNzMenuItemDirective = this.listOfNzMenuItemDirective;
-    const changes = listOfNzMenuItemDirective.changes;
-    const mergedObservable = merge(changes, ...listOfNzMenuItemDirective.map((menu) => menu.selected$));
-    changes.pipe(startWith(listOfNzMenuItemDirective), switchMap(() => mergedObservable), startWith(true), map(() => listOfNzMenuItemDirective.some((e) => e.nzSelected)), takeUntilDestroyed(this.destroyRef)).subscribe((selected) => {
-      this.isSelected = selected;
-      this.cdr.markForCheck();
-    });
-  }
-  ngOnChanges(changes) {
-    const { nzOpen } = changes;
-    if (nzOpen) {
-      this.nzSubmenuService.setOpenStateWithoutDebounce(this.nzOpen);
-      this.setTriggerWidth();
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzSubMenuComponent, deps: [], target: FactoryTarget.Component });
-  static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: _NzSubMenuComponent, isStandalone: true, selector: "[nz-submenu]", inputs: { nzMenuClassName: "nzMenuClassName", nzPaddingLeft: "nzPaddingLeft", nzTitle: "nzTitle", nzIcon: "nzIcon", nzTriggerSubMenuAction: "nzTriggerSubMenuAction", nzOpen: ["nzOpen", "nzOpen", booleanAttribute], nzDisabled: ["nzDisabled", "nzDisabled", booleanAttribute], nzPlacement: "nzPlacement" }, outputs: { nzOpenChange: "nzOpenChange" }, host: { properties: { "class.ant-dropdown-menu-submenu": "isMenuInsideDropDown", "class.ant-dropdown-menu-submenu-disabled": "isMenuInsideDropDown && nzDisabled", "class.ant-dropdown-menu-submenu-open": "isMenuInsideDropDown && nzOpen", "class.ant-dropdown-menu-submenu-selected": "isMenuInsideDropDown && isSelected", "class.ant-dropdown-menu-submenu-vertical": "isMenuInsideDropDown && mode === 'vertical'", "class.ant-dropdown-menu-submenu-horizontal": "isMenuInsideDropDown && mode === 'horizontal'", "class.ant-dropdown-menu-submenu-inline": "isMenuInsideDropDown && mode === 'inline'", "class.ant-dropdown-menu-submenu-active": "isMenuInsideDropDown && isActive", "class.ant-menu-submenu": "!isMenuInsideDropDown", "class.ant-menu-submenu-disabled": "!isMenuInsideDropDown && nzDisabled", "class.ant-menu-submenu-open": "!isMenuInsideDropDown && nzOpen", "class.ant-menu-submenu-selected": "!isMenuInsideDropDown && isSelected", "class.ant-menu-submenu-vertical": "!isMenuInsideDropDown && mode === 'vertical'", "class.ant-menu-submenu-horizontal": "!isMenuInsideDropDown && mode === 'horizontal'", "class.ant-menu-submenu-inline": "!isMenuInsideDropDown && mode === 'inline'", "class.ant-menu-submenu-active": "!isMenuInsideDropDown && isActive", "class.ant-menu-submenu-rtl": "dir === 'rtl'" } }, providers: [NzSubmenuService], queries: [{ propertyName: "listOfNzSubMenuComponent", predicate: forwardRef(() => _NzSubMenuComponent), descendants: true }, { propertyName: "listOfNzMenuItemDirective", predicate: NzMenuItemComponent, descendants: true }], viewQueries: [{ propertyName: "cdkOverlayOrigin", first: true, predicate: CdkOverlayOrigin, descendants: true, read: ElementRef, static: true }], exportAs: ["nzSubmenu"], usesOnChanges: true, ngImport: core_exports, template: `
-    <div
-      nz-submenu-title
-      cdkOverlayOrigin
-      #origin="cdkOverlayOrigin"
-      [nzIcon]="nzIcon"
-      [nzTitle]="nzTitle"
-      [mode]="mode"
-      [nzDisabled]="nzDisabled"
-      [isMenuInsideDropDown]="isMenuInsideDropDown"
-      [paddingLeft]="nzPaddingLeft || inlinePaddingLeft"
-      [nzTriggerSubMenuAction]="nzTriggerSubMenuAction"
-      (subMenuMouseState)="setMouseEnterState($event)"
-      (toggleSubMenu)="toggleSubMenu()"
-    >
-      @if (!nzTitle) {
-        <ng-content select="[title]" />
-      }
-    </div>
-    @if (mode === 'inline') {
-      <div
-        nz-submenu-inline-child
-        [mode]="mode"
-        [nzOpen]="nzOpen"
-        [@.disabled]="!!noAnimation?.nzNoAnimation"
-        [nzNoAnimation]="noAnimation?.nzNoAnimation"
-        [menuClass]="nzMenuClassName"
-        [templateOutlet]="subMenuTemplate"
-      ></div>
-    } @else {
-      <ng-template
-        cdkConnectedOverlay
-        (positionChange)="onPositionChange($event)"
-        [cdkConnectedOverlayPositions]="overlayPositions"
-        [cdkConnectedOverlayOrigin]="origin"
-        [cdkConnectedOverlayWidth]="triggerWidth!"
-        [cdkConnectedOverlayOpen]="nzOpen"
-        [cdkConnectedOverlayTransformOriginOn]="'.ant-menu-submenu'"
-        (overlayOutsideClick)="setMouseEnterState(false)"
-      >
-        <div
-          nz-submenu-none-inline-child
-          [theme]="theme"
-          [mode]="mode"
-          [nzOpen]="nzOpen"
-          [position]="position"
-          [nzDisabled]="nzDisabled"
-          [isMenuInsideDropDown]="isMenuInsideDropDown"
-          [nzTriggerSubMenuAction]="nzTriggerSubMenuAction"
-          [templateOutlet]="subMenuTemplate"
-          [menuClass]="nzMenuClassName"
-          [@.disabled]="!!noAnimation?.nzNoAnimation"
-          [nzNoAnimation]="noAnimation?.nzNoAnimation"
-          (subMenuMouseState)="setMouseEnterState($event)"
-        ></div>
-      </ng-template>
-    }
-
-    <ng-template #subMenuTemplate>
-      <ng-content />
-    </ng-template>
-  `, isInline: true, dependencies: [{ kind: "component", type: NzSubMenuTitleComponent, selector: "[nz-submenu-title]", inputs: ["nzIcon", "nzTitle", "isMenuInsideDropDown", "nzDisabled", "paddingLeft", "mode", "nzTriggerSubMenuAction"], outputs: ["toggleSubMenu", "subMenuMouseState"], exportAs: ["nzSubmenuTitle"] }, { kind: "component", type: NzSubmenuInlineChildComponent, selector: "[nz-submenu-inline-child]", inputs: ["templateOutlet", "menuClass", "mode", "nzOpen"], exportAs: ["nzSubmenuInlineChild"] }, { kind: "directive", type: NzNoAnimationDirective, selector: "[nzNoAnimation]", inputs: ["nzNoAnimation"], exportAs: ["nzNoAnimation"] }, { kind: "component", type: NzSubmenuNoneInlineChildComponent, selector: "[nz-submenu-none-inline-child]", inputs: ["menuClass", "theme", "templateOutlet", "isMenuInsideDropDown", "mode", "nzTriggerSubMenuAction", "position", "nzDisabled", "nzOpen"], outputs: ["subMenuMouseState"], exportAs: ["nzSubmenuNoneInlineChild"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzSubMenuComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: "[nz-submenu]",
-    exportAs: "nzSubmenu",
-    providers: [NzSubmenuService],
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    template: `
-    <div
-      nz-submenu-title
-      cdkOverlayOrigin
-      #origin="cdkOverlayOrigin"
-      [nzIcon]="nzIcon"
-      [nzTitle]="nzTitle"
-      [mode]="mode"
-      [nzDisabled]="nzDisabled"
-      [isMenuInsideDropDown]="isMenuInsideDropDown"
-      [paddingLeft]="nzPaddingLeft || inlinePaddingLeft"
-      [nzTriggerSubMenuAction]="nzTriggerSubMenuAction"
-      (subMenuMouseState)="setMouseEnterState($event)"
-      (toggleSubMenu)="toggleSubMenu()"
-    >
-      @if (!nzTitle) {
-        <ng-content select="[title]" />
-      }
-    </div>
-    @if (mode === 'inline') {
-      <div
-        nz-submenu-inline-child
-        [mode]="mode"
-        [nzOpen]="nzOpen"
-        [@.disabled]="!!noAnimation?.nzNoAnimation"
-        [nzNoAnimation]="noAnimation?.nzNoAnimation"
-        [menuClass]="nzMenuClassName"
-        [templateOutlet]="subMenuTemplate"
-      ></div>
-    } @else {
-      <ng-template
-        cdkConnectedOverlay
-        (positionChange)="onPositionChange($event)"
-        [cdkConnectedOverlayPositions]="overlayPositions"
-        [cdkConnectedOverlayOrigin]="origin"
-        [cdkConnectedOverlayWidth]="triggerWidth!"
-        [cdkConnectedOverlayOpen]="nzOpen"
-        [cdkConnectedOverlayTransformOriginOn]="'.ant-menu-submenu'"
-        (overlayOutsideClick)="setMouseEnterState(false)"
-      >
-        <div
-          nz-submenu-none-inline-child
-          [theme]="theme"
-          [mode]="mode"
-          [nzOpen]="nzOpen"
-          [position]="position"
-          [nzDisabled]="nzDisabled"
-          [isMenuInsideDropDown]="isMenuInsideDropDown"
-          [nzTriggerSubMenuAction]="nzTriggerSubMenuAction"
-          [templateOutlet]="subMenuTemplate"
-          [menuClass]="nzMenuClassName"
-          [@.disabled]="!!noAnimation?.nzNoAnimation"
-          [nzNoAnimation]="noAnimation?.nzNoAnimation"
-          (subMenuMouseState)="setMouseEnterState($event)"
-        ></div>
-      </ng-template>
-    }
-
-    <ng-template #subMenuTemplate>
-      <ng-content />
-    </ng-template>
-  `,
-    host: {
-      "[class.ant-dropdown-menu-submenu]": `isMenuInsideDropDown`,
-      "[class.ant-dropdown-menu-submenu-disabled]": `isMenuInsideDropDown && nzDisabled`,
-      "[class.ant-dropdown-menu-submenu-open]": `isMenuInsideDropDown && nzOpen`,
-      "[class.ant-dropdown-menu-submenu-selected]": `isMenuInsideDropDown && isSelected`,
-      "[class.ant-dropdown-menu-submenu-vertical]": `isMenuInsideDropDown && mode === 'vertical'`,
-      "[class.ant-dropdown-menu-submenu-horizontal]": `isMenuInsideDropDown && mode === 'horizontal'`,
-      "[class.ant-dropdown-menu-submenu-inline]": `isMenuInsideDropDown && mode === 'inline'`,
-      "[class.ant-dropdown-menu-submenu-active]": `isMenuInsideDropDown && isActive`,
-      "[class.ant-menu-submenu]": `!isMenuInsideDropDown`,
-      "[class.ant-menu-submenu-disabled]": `!isMenuInsideDropDown && nzDisabled`,
-      "[class.ant-menu-submenu-open]": `!isMenuInsideDropDown && nzOpen`,
-      "[class.ant-menu-submenu-selected]": `!isMenuInsideDropDown && isSelected`,
-      "[class.ant-menu-submenu-vertical]": `!isMenuInsideDropDown && mode === 'vertical'`,
-      "[class.ant-menu-submenu-horizontal]": `!isMenuInsideDropDown && mode === 'horizontal'`,
-      "[class.ant-menu-submenu-inline]": `!isMenuInsideDropDown && mode === 'inline'`,
-      "[class.ant-menu-submenu-active]": `!isMenuInsideDropDown && isActive`,
-      "[class.ant-menu-submenu-rtl]": `dir === 'rtl'`
-    },
-    imports: [
-      NzSubMenuTitleComponent,
-      NzSubmenuInlineChildComponent,
-      NzNoAnimationDirective,
-      NzSubmenuNoneInlineChildComponent,
-      OverlayModule
-    ]
-  }]
-}], propDecorators: { nzMenuClassName: [{
-  type: Input
-}], nzPaddingLeft: [{
-  type: Input
-}], nzTitle: [{
-  type: Input
-}], nzIcon: [{
-  type: Input
-}], nzTriggerSubMenuAction: [{
-  type: Input
-}], nzOpen: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzDisabled: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzPlacement: [{
-  type: Input
-}], nzOpenChange: [{
-  type: Output
-}], cdkOverlayOrigin: [{
-  type: ViewChild,
-  args: [CdkOverlayOrigin, { static: true, read: ElementRef }]
-}], listOfNzSubMenuComponent: [{
-  type: ContentChildren,
-  args: [forwardRef(() => NzSubMenuComponent), { descendants: true }]
-}], listOfNzMenuItemDirective: [{
-  type: ContentChildren,
-  args: [NzMenuItemComponent, { descendants: true }]
-}] } });
-function MenuServiceFactory() {
-  const serviceInsideDropDown = inject(MenuService, { skipSelf: true, optional: true });
-  const serviceOutsideDropDown = inject(NzMenuServiceLocalToken);
-  return serviceInsideDropDown ?? serviceOutsideDropDown;
-}
-function MenuDropDownTokenFactory() {
-  const isMenuInsideDropDownToken = inject(NzIsMenuInsideDropDownToken, { skipSelf: true, optional: true });
-  return isMenuInsideDropDownToken ?? false;
-}
-var NzMenuDirective = class _NzMenuDirective {
-  nzMenuService = inject(MenuService);
-  destroyRef = inject(DestroyRef);
-  cdr = inject(ChangeDetectorRef);
-  directionality = inject(Directionality);
-  listOfNzMenuItemDirective;
-  isMenuInsideDropDown = inject(NzIsMenuInsideDropDownToken);
-  listOfNzSubMenuComponent;
-  nzInlineIndent = 24;
-  nzTheme = "light";
-  nzMode = "vertical";
-  nzInlineCollapsed = false;
-  nzSelectable = !this.isMenuInsideDropDown;
-  nzClick = new EventEmitter();
-  actualMode = "vertical";
-  dir = "ltr";
-  inlineCollapsed$ = new BehaviorSubject(this.nzInlineCollapsed);
-  mode$ = new BehaviorSubject(this.nzMode);
-  listOfOpenedNzSubMenuComponent = [];
-  setInlineCollapsed(inlineCollapsed) {
-    this.nzInlineCollapsed = inlineCollapsed;
-    this.inlineCollapsed$.next(inlineCollapsed);
-  }
-  updateInlineCollapse() {
-    if (this.listOfNzMenuItemDirective) {
-      if (this.nzInlineCollapsed) {
-        this.listOfOpenedNzSubMenuComponent = this.listOfNzSubMenuComponent.filter((submenu) => submenu.nzOpen);
-        this.listOfNzSubMenuComponent.forEach((submenu) => submenu.setOpenStateWithoutDebounce(false));
-      } else {
-        this.listOfOpenedNzSubMenuComponent.forEach((submenu) => submenu.setOpenStateWithoutDebounce(true));
-        this.listOfOpenedNzSubMenuComponent = [];
-      }
-    }
-  }
-  ngOnInit() {
-    combineLatest([this.inlineCollapsed$, this.mode$]).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(([inlineCollapsed, mode]) => {
-      this.actualMode = inlineCollapsed ? "vertical" : mode;
-      this.nzMenuService.setMode(this.actualMode);
-      this.cdr.markForCheck();
-    });
-    this.nzMenuService.descendantMenuItemClick$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((menu) => {
-      this.nzClick.emit(menu);
-      if (this.nzSelectable && !menu.nzMatchRouter) {
-        this.listOfNzMenuItemDirective.forEach((item) => item.setSelectedState(item === menu));
-      }
-    });
-    this.dir = this.directionality.value;
-    this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-      this.dir = direction;
-      this.nzMenuService.setMode(this.actualMode);
-      this.cdr.markForCheck();
-    });
-  }
-  ngAfterContentInit() {
-    this.inlineCollapsed$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-      this.updateInlineCollapse();
-      this.cdr.markForCheck();
-    });
-  }
-  ngOnChanges(changes) {
-    const { nzInlineCollapsed, nzInlineIndent, nzTheme, nzMode } = changes;
-    if (nzInlineCollapsed) {
-      this.inlineCollapsed$.next(this.nzInlineCollapsed);
-    }
-    if (nzInlineIndent) {
-      this.nzMenuService.setInlineIndent(this.nzInlineIndent);
-    }
-    if (nzTheme) {
-      this.nzMenuService.setTheme(this.nzTheme);
-    }
-    if (nzMode) {
-      this.mode$.next(this.nzMode);
-      if (!nzMode.isFirstChange() && this.listOfNzSubMenuComponent) {
-        this.listOfNzSubMenuComponent.forEach((submenu) => submenu.setOpenStateWithoutDebounce(false));
-      }
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzMenuDirective, deps: [], target: FactoryTarget.Directive });
-  static \u0275dir = \u0275\u0275ngDeclareDirective({ minVersion: "16.1.0", version: "20.3.0", type: _NzMenuDirective, isStandalone: true, selector: "[nz-menu]", inputs: { nzInlineIndent: "nzInlineIndent", nzTheme: "nzTheme", nzMode: "nzMode", nzInlineCollapsed: ["nzInlineCollapsed", "nzInlineCollapsed", booleanAttribute], nzSelectable: ["nzSelectable", "nzSelectable", booleanAttribute] }, outputs: { nzClick: "nzClick" }, host: { properties: { "class.ant-dropdown-menu": "isMenuInsideDropDown", "class.ant-dropdown-menu-root": "isMenuInsideDropDown", "class.ant-dropdown-menu-light": "isMenuInsideDropDown && nzTheme === 'light'", "class.ant-dropdown-menu-dark": "isMenuInsideDropDown && nzTheme === 'dark'", "class.ant-dropdown-menu-vertical": "isMenuInsideDropDown && actualMode === 'vertical'", "class.ant-dropdown-menu-horizontal": "isMenuInsideDropDown && actualMode === 'horizontal'", "class.ant-dropdown-menu-inline": "isMenuInsideDropDown && actualMode === 'inline'", "class.ant-dropdown-menu-inline-collapsed": "isMenuInsideDropDown && nzInlineCollapsed", "class.ant-menu": "!isMenuInsideDropDown", "class.ant-menu-root": "!isMenuInsideDropDown", "class.ant-menu-light": "!isMenuInsideDropDown && nzTheme === 'light'", "class.ant-menu-dark": "!isMenuInsideDropDown && nzTheme === 'dark'", "class.ant-menu-vertical": "!isMenuInsideDropDown && actualMode === 'vertical'", "class.ant-menu-horizontal": "!isMenuInsideDropDown && actualMode === 'horizontal'", "class.ant-menu-inline": "!isMenuInsideDropDown && actualMode === 'inline'", "class.ant-menu-inline-collapsed": "!isMenuInsideDropDown && nzInlineCollapsed", "class.ant-menu-rtl": "dir === 'rtl'" } }, providers: [
-    {
-      provide: NzMenuServiceLocalToken,
-      useClass: MenuService
-    },
-    /** use the top level service **/
-    {
-      provide: MenuService,
-      useFactory: MenuServiceFactory
-    },
-    /** check if menu inside dropdown-menu component **/
-    {
-      provide: NzIsMenuInsideDropDownToken,
-      useFactory: MenuDropDownTokenFactory
-    }
-  ], queries: [{ propertyName: "listOfNzMenuItemDirective", predicate: NzMenuItemComponent, descendants: true }, { propertyName: "listOfNzSubMenuComponent", predicate: NzSubMenuComponent, descendants: true }], exportAs: ["nzMenu"], usesOnChanges: true, ngImport: core_exports });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzMenuDirective, decorators: [{
-  type: Directive,
-  args: [{
-    selector: "[nz-menu]",
-    exportAs: "nzMenu",
-    providers: [
-      {
-        provide: NzMenuServiceLocalToken,
-        useClass: MenuService
-      },
-      /** use the top level service **/
-      {
-        provide: MenuService,
-        useFactory: MenuServiceFactory
-      },
-      /** check if menu inside dropdown-menu component **/
-      {
-        provide: NzIsMenuInsideDropDownToken,
-        useFactory: MenuDropDownTokenFactory
-      }
-    ],
-    host: {
-      "[class.ant-dropdown-menu]": `isMenuInsideDropDown`,
-      "[class.ant-dropdown-menu-root]": `isMenuInsideDropDown`,
-      "[class.ant-dropdown-menu-light]": `isMenuInsideDropDown && nzTheme === 'light'`,
-      "[class.ant-dropdown-menu-dark]": `isMenuInsideDropDown && nzTheme === 'dark'`,
-      "[class.ant-dropdown-menu-vertical]": `isMenuInsideDropDown && actualMode === 'vertical'`,
-      "[class.ant-dropdown-menu-horizontal]": `isMenuInsideDropDown && actualMode === 'horizontal'`,
-      "[class.ant-dropdown-menu-inline]": `isMenuInsideDropDown && actualMode === 'inline'`,
-      "[class.ant-dropdown-menu-inline-collapsed]": `isMenuInsideDropDown && nzInlineCollapsed`,
-      "[class.ant-menu]": `!isMenuInsideDropDown`,
-      "[class.ant-menu-root]": `!isMenuInsideDropDown`,
-      "[class.ant-menu-light]": `!isMenuInsideDropDown && nzTheme === 'light'`,
-      "[class.ant-menu-dark]": `!isMenuInsideDropDown && nzTheme === 'dark'`,
-      "[class.ant-menu-vertical]": `!isMenuInsideDropDown && actualMode === 'vertical'`,
-      "[class.ant-menu-horizontal]": `!isMenuInsideDropDown && actualMode === 'horizontal'`,
-      "[class.ant-menu-inline]": `!isMenuInsideDropDown && actualMode === 'inline'`,
-      "[class.ant-menu-inline-collapsed]": `!isMenuInsideDropDown && nzInlineCollapsed`,
-      "[class.ant-menu-rtl]": `dir === 'rtl'`
-    }
-  }]
-}], propDecorators: { listOfNzMenuItemDirective: [{
-  type: ContentChildren,
-  args: [NzMenuItemComponent, { descendants: true }]
-}], listOfNzSubMenuComponent: [{
-  type: ContentChildren,
-  args: [NzSubMenuComponent, { descendants: true }]
-}], nzInlineIndent: [{
-  type: Input
-}], nzTheme: [{
-  type: Input
-}], nzMode: [{
-  type: Input
-}], nzInlineCollapsed: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzSelectable: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzClick: [{
-  type: Output
-}] } });
-function MenuGroupFactory() {
-  const isMenuInsideDropDownToken = inject(NzIsMenuInsideDropDownToken, { optional: true, skipSelf: true });
-  return isMenuInsideDropDownToken ?? false;
-}
-var NzMenuGroupComponent = class _NzMenuGroupComponent {
-  renderer = inject(Renderer2);
-  isMenuInsideDropDown = inject(NzIsMenuInsideDropDownToken);
-  nzTitle;
-  titleElement;
-  ngAfterViewInit() {
-    const ulElement = this.titleElement.nativeElement.nextElementSibling;
-    if (ulElement) {
-      const className = this.isMenuInsideDropDown ? "ant-dropdown-menu-item-group-list" : "ant-menu-item-group-list";
-      this.renderer.addClass(ulElement, className);
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzMenuGroupComponent, deps: [], target: FactoryTarget.Component });
-  static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: _NzMenuGroupComponent, isStandalone: true, selector: "[nz-menu-group]", inputs: { nzTitle: "nzTitle" }, host: { properties: { "class.ant-menu-item-group": "!isMenuInsideDropDown", "class.ant-dropdown-menu-item-group": "isMenuInsideDropDown" } }, providers: [
-    /** check if menu inside dropdown-menu component **/
-    {
-      provide: NzIsMenuInsideDropDownToken,
-      useFactory: MenuGroupFactory
-    }
-  ], viewQueries: [{ propertyName: "titleElement", first: true, predicate: ["titleElement"], descendants: true }], exportAs: ["nzMenuGroup"], ngImport: core_exports, template: `
-    <div
-      [class.ant-menu-item-group-title]="!isMenuInsideDropDown"
-      [class.ant-dropdown-menu-item-group-title]="isMenuInsideDropDown"
-      #titleElement
-    >
-      <ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>
-      @if (!nzTitle) {
-        <ng-content select="[title]" />
-      }
-    </div>
-    <ng-content></ng-content>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzOutletModule }, { kind: "directive", type: NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzMenuGroupComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: "[nz-menu-group]",
-    exportAs: "nzMenuGroup",
-    providers: [
-      /** check if menu inside dropdown-menu component **/
-      {
-        provide: NzIsMenuInsideDropDownToken,
-        useFactory: MenuGroupFactory
-      }
-    ],
-    template: `
-    <div
-      [class.ant-menu-item-group-title]="!isMenuInsideDropDown"
-      [class.ant-dropdown-menu-item-group-title]="isMenuInsideDropDown"
-      #titleElement
-    >
-      <ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>
-      @if (!nzTitle) {
-        <ng-content select="[title]" />
-      }
-    </div>
-    <ng-content></ng-content>
-  `,
-    imports: [NzOutletModule],
-    host: {
-      "[class.ant-menu-item-group]": "!isMenuInsideDropDown",
-      "[class.ant-dropdown-menu-item-group]": "isMenuInsideDropDown"
-    },
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-  }]
-}], propDecorators: { nzTitle: [{
-  type: Input
-}], titleElement: [{
-  type: ViewChild,
-  args: ["titleElement"]
-}] } });
-var NzMenuDividerDirective = class _NzMenuDividerDirective {
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzMenuDividerDirective, deps: [], target: FactoryTarget.Directive });
-  static \u0275dir = \u0275\u0275ngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: _NzMenuDividerDirective, isStandalone: true, selector: "[nz-menu-divider]", host: { classAttribute: "ant-dropdown-menu-item-divider" }, exportAs: ["nzMenuDivider"], ngImport: core_exports });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzMenuDividerDirective, decorators: [{
-  type: Directive,
-  args: [{
-    selector: "[nz-menu-divider]",
-    exportAs: "nzMenuDivider",
-    host: {
-      class: "ant-dropdown-menu-item-divider"
-    }
-  }]
-}] });
-var NzMenuModule = class _NzMenuModule {
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzMenuModule, deps: [], target: FactoryTarget.NgModule });
-  static \u0275mod = \u0275\u0275ngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: core_exports, type: _NzMenuModule, imports: [
-    NzMenuDirective,
-    NzMenuItemComponent,
-    NzSubMenuComponent,
-    NzMenuDividerDirective,
-    NzMenuGroupComponent,
-    NzSubMenuTitleComponent,
-    NzSubmenuInlineChildComponent,
-    NzSubmenuNoneInlineChildComponent
-  ], exports: [NzMenuDirective, NzMenuItemComponent, NzSubMenuComponent, NzMenuDividerDirective, NzMenuGroupComponent] });
-  static \u0275inj = \u0275\u0275ngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzMenuModule, imports: [
-    NzSubMenuComponent,
-    NzMenuGroupComponent,
-    NzSubMenuTitleComponent
-  ] });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzMenuModule, decorators: [{
-  type: NgModule,
-  args: [{
-    imports: [
-      NzMenuDirective,
-      NzMenuItemComponent,
-      NzSubMenuComponent,
-      NzMenuDividerDirective,
-      NzMenuGroupComponent,
-      NzSubMenuTitleComponent,
-      NzSubmenuInlineChildComponent,
-      NzSubmenuNoneInlineChildComponent
-    ],
-    exports: [NzMenuDirective, NzMenuItemComponent, NzSubMenuComponent, NzMenuDividerDirective, NzMenuGroupComponent]
-  }]
-}] });
-
-// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-dropdown.mjs
-var NZ_CONFIG_MODULE_NAME = "dropDown";
-var listOfPositions = ["bottomLeft", "bottomRight", "topRight", "topLeft"];
-var normalizePlacementForClass = (p) => {
-  if (p === "topCenter") {
-    return "top";
-  }
-  if (p === "bottomCenter") {
-    return "bottom";
-  }
-  return p;
-};
-var NzDropDownDirective = (() => {
-  var _a;
-  let _nzBackdrop_decorators;
-  let _nzBackdrop_initializers = [];
-  let _nzBackdrop_extraInitializers = [];
-  return _a = class {
-    nzConfigService = inject(NzConfigService);
-    renderer = inject(Renderer2);
-    viewContainerRef = inject(ViewContainerRef);
-    platform = inject(Platform);
-    destroyRef = inject(DestroyRef);
-    _nzModuleName = NZ_CONFIG_MODULE_NAME;
-    elementRef = inject(ElementRef);
-    injector = inject(Injector);
-    portal;
-    overlayRef = null;
-    inputVisible$ = new BehaviorSubject(false);
-    nzTrigger$ = new BehaviorSubject("hover");
-    overlayClose$ = new Subject();
-    nzDropdownMenu = null;
-    nzTrigger = "hover";
-    nzMatchWidthElement = null;
-    nzBackdrop = __runInitializers(this, _nzBackdrop_initializers, false);
-    nzClickHide = (__runInitializers(this, _nzBackdrop_extraInitializers), true);
-    nzDisabled = false;
-    nzVisible = false;
-    nzArrow = false;
-    nzOverlayClassName = "";
-    nzOverlayStyle = {};
-    nzPlacement = "bottomLeft";
-    nzVisibleChange = new EventEmitter();
-    constructor() {
-      this.destroyRef.onDestroy(() => {
-        this.overlayRef?.dispose();
-        this.overlayRef = null;
-      });
-    }
-    setDropdownMenuValue(key, value) {
-      this.nzDropdownMenu?.setValue(key, value);
-    }
-    ngAfterViewInit() {
-      if (this.nzDropdownMenu) {
-        const nativeElement = this.elementRef.nativeElement;
-        const hostMouseState$ = merge(fromEvent(nativeElement, "mouseenter").pipe(map(() => true)), fromEvent(nativeElement, "mouseleave").pipe(map(() => false)));
-        const menuMouseState$ = this.nzDropdownMenu.mouseState$;
-        const mergedMouseState$ = merge(menuMouseState$, hostMouseState$);
-        const hostClickState$ = fromEvent(nativeElement, "click").pipe(map(() => !this.nzVisible));
-        const visibleStateByTrigger$ = this.nzTrigger$.pipe(switchMap((trigger) => {
-          if (trigger === "hover") {
-            return mergedMouseState$;
-          } else if (trigger === "click") {
-            return hostClickState$;
-          } else {
-            return EMPTY;
-          }
-        }));
-        const descendantMenuItemClick$ = this.nzDropdownMenu.descendantMenuItemClick$.pipe(filter(() => this.nzClickHide), map(() => false));
-        const domTriggerVisible$ = merge(visibleStateByTrigger$, descendantMenuItemClick$, this.overlayClose$).pipe(filter(() => !this.nzDisabled));
-        const visible$ = merge(this.inputVisible$, domTriggerVisible$);
-        combineLatest([visible$, this.nzDropdownMenu.isChildSubMenuOpen$]).pipe(map(([visible, sub]) => visible || sub), auditTime(150), distinctUntilChanged(), filter(() => this.platform.isBrowser), takeUntilDestroyed(this.destroyRef)).subscribe((visible) => {
-          const element = this.nzMatchWidthElement ? this.nzMatchWidthElement.nativeElement : nativeElement;
-          const triggerWidth = element.getBoundingClientRect().width;
-          if (this.nzVisible !== visible) {
-            this.nzVisibleChange.emit(visible);
-          }
-          this.nzVisible = visible;
-          if (visible) {
-            const positionStrategy = createFlexibleConnectedPositionStrategy(this.injector, this.elementRef.nativeElement).withLockedPosition().withTransformOriginOn(".ant-dropdown");
-            positionStrategy.positionChanges.pipe(filter(() => Boolean(this.overlayRef)), map((change) => getPlacementName(change)), takeUntilDestroyed(this.destroyRef)).subscribe((placement) => {
-              if (placement) {
-                this.setDropdownMenuValue("placement", normalizePlacementForClass(placement));
-              }
-            });
-            if (!this.overlayRef) {
-              this.overlayRef = createOverlayRef(this.injector, {
-                positionStrategy,
-                minWidth: triggerWidth,
-                disposeOnNavigation: true,
-                hasBackdrop: this.nzBackdrop && this.nzTrigger === "click",
-                scrollStrategy: createRepositionScrollStrategy(this.injector)
-              });
-              merge(this.overlayRef.backdropClick(), this.overlayRef.detachments(), this.overlayRef.outsidePointerEvents().pipe(filter((e) => !this.elementRef.nativeElement.contains(e.target))), this.overlayRef.keydownEvents().pipe(filter((e) => e.keyCode === ESCAPE && !hasModifierKey(e)))).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-                this.overlayClose$.next(false);
-              });
-            } else {
-              const overlayConfig = this.overlayRef.getConfig();
-              overlayConfig.minWidth = triggerWidth;
-            }
-            const positions = [this.nzPlacement, ...listOfPositions].map((position) => {
-              return this.nzArrow ? setConnectedPositionOffset(POSITION_MAP[position], TOOLTIP_OFFSET_MAP[position]) : POSITION_MAP[position];
-            });
-            positionStrategy.withPositions(positions);
-            if (!this.portal || this.portal.templateRef !== this.nzDropdownMenu.templateRef) {
-              this.portal = new TemplatePortal(this.nzDropdownMenu.templateRef, this.viewContainerRef);
-            }
-            this.setDropdownMenuValue("nzArrow", this.nzArrow);
-            this.setDropdownMenuValue("placement", normalizePlacementForClass(this.nzPlacement));
-            this.overlayRef.attach(this.portal);
-          } else {
-            this.overlayRef?.detach();
-          }
-        });
-        this.nzDropdownMenu.animationStateChange$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
-          if (event.toState === "void") {
-            this.overlayRef?.dispose();
-            this.overlayRef = null;
-          }
-        });
-      }
-    }
-    ngOnChanges(changes) {
-      const { nzVisible, nzDisabled, nzOverlayClassName, nzOverlayStyle, nzTrigger, nzArrow, nzPlacement } = changes;
-      if (nzTrigger) {
-        this.nzTrigger$.next(this.nzTrigger);
-      }
-      if (nzVisible) {
-        this.inputVisible$.next(this.nzVisible);
-      }
-      if (nzDisabled) {
-        const nativeElement = this.elementRef.nativeElement;
-        if (this.nzDisabled) {
-          this.renderer.setAttribute(nativeElement, "disabled", "");
-          this.inputVisible$.next(false);
-        } else {
-          this.renderer.removeAttribute(nativeElement, "disabled");
-        }
-      }
-      if (nzOverlayClassName) {
-        this.setDropdownMenuValue("nzOverlayClassName", this.nzOverlayClassName);
-      }
-      if (nzOverlayStyle) {
-        this.setDropdownMenuValue("nzOverlayStyle", this.nzOverlayStyle);
-      }
-      if (nzArrow) {
-        this.setDropdownMenuValue("nzArrow", this.nzArrow);
-      }
-      if (nzPlacement) {
-        this.setDropdownMenuValue("placement", normalizePlacementForClass(this.nzPlacement));
-      }
-    }
-  }, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? /* @__PURE__ */ Object.create(null) : void 0;
-    _nzBackdrop_decorators = [WithConfig()];
-    __esDecorate(null, null, _nzBackdrop_decorators, { kind: "field", name: "nzBackdrop", static: false, private: false, access: { has: (obj) => "nzBackdrop" in obj, get: (obj) => obj.nzBackdrop, set: (obj, value) => {
-      obj.nzBackdrop = value;
-    } }, metadata: _metadata }, _nzBackdrop_initializers, _nzBackdrop_extraInitializers);
-    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), __publicField(_a, "\u0275fac", \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _a, deps: [], target: FactoryTarget.Directive })), __publicField(_a, "\u0275dir", \u0275\u0275ngDeclareDirective({ minVersion: "16.1.0", version: "20.3.0", type: _a, isStandalone: true, selector: "[nz-dropdown]", inputs: { nzDropdownMenu: "nzDropdownMenu", nzTrigger: "nzTrigger", nzMatchWidthElement: "nzMatchWidthElement", nzBackdrop: ["nzBackdrop", "nzBackdrop", booleanAttribute], nzClickHide: ["nzClickHide", "nzClickHide", booleanAttribute], nzDisabled: ["nzDisabled", "nzDisabled", booleanAttribute], nzVisible: ["nzVisible", "nzVisible", booleanAttribute], nzArrow: ["nzArrow", "nzArrow", booleanAttribute], nzOverlayClassName: "nzOverlayClassName", nzOverlayStyle: "nzOverlayStyle", nzPlacement: "nzPlacement" }, outputs: { nzVisibleChange: "nzVisibleChange" }, host: { classAttribute: "ant-dropdown-trigger" }, exportAs: ["nzDropdown"], usesOnChanges: true, ngImport: core_exports })), _a;
-})();
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzDropDownDirective, decorators: [{
-  type: Directive,
-  args: [{
-    selector: "[nz-dropdown]",
-    exportAs: "nzDropdown",
-    host: {
-      class: "ant-dropdown-trigger"
-    }
-  }]
-}], ctorParameters: () => [], propDecorators: { nzDropdownMenu: [{
-  type: Input
-}], nzTrigger: [{
-  type: Input
-}], nzMatchWidthElement: [{
-  type: Input
-}], nzBackdrop: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzClickHide: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzDisabled: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzVisible: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzArrow: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzOverlayClassName: [{
-  type: Input
-}], nzOverlayStyle: [{
-  type: Input
-}], nzPlacement: [{
-  type: Input
-}], nzVisibleChange: [{
-  type: Output
-}] } });
-var NzContextMenuServiceModule = class _NzContextMenuServiceModule {
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzContextMenuServiceModule, deps: [], target: FactoryTarget.NgModule });
-  static \u0275mod = \u0275\u0275ngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: core_exports, type: _NzContextMenuServiceModule });
-  static \u0275inj = \u0275\u0275ngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzContextMenuServiceModule });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzContextMenuServiceModule, decorators: [{
-  type: NgModule
-}] });
-var NzDropDownADirective = class _NzDropDownADirective {
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzDropDownADirective, deps: [], target: FactoryTarget.Directive });
-  static \u0275dir = \u0275\u0275ngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: _NzDropDownADirective, isStandalone: true, selector: "a[nz-dropdown]", host: { classAttribute: "ant-dropdown-link" }, ngImport: core_exports });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzDropDownADirective, decorators: [{
-  type: Directive,
-  args: [{
-    selector: "a[nz-dropdown]",
-    host: {
-      class: "ant-dropdown-link"
-    }
-  }]
-}] });
-var NzDropdownButtonDirective = class _NzDropdownButtonDirective {
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzDropdownButtonDirective, deps: [], target: FactoryTarget.Directive });
-  static \u0275dir = \u0275\u0275ngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: _NzDropdownButtonDirective, isStandalone: true, selector: "[nz-button][nz-dropdown]", ngImport: core_exports });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzDropdownButtonDirective, decorators: [{
-  type: Directive,
-  args: [{
-    selector: "[nz-button][nz-dropdown]"
-  }]
-}] });
-var NzDropdownMenuComponent = class _NzDropdownMenuComponent {
-  cdr = inject(ChangeDetectorRef);
-  elementRef = inject(ElementRef);
-  renderer = inject(Renderer2);
-  viewContainerRef = inject(ViewContainerRef);
-  directionality = inject(Directionality);
-  destroyRef = inject(DestroyRef);
-  noAnimation = inject(NzNoAnimationDirective, { host: true, optional: true });
-  nzMenuService = inject(MenuService);
-  isChildSubMenuOpen$ = this.nzMenuService.isChildSubMenuOpen$;
-  descendantMenuItemClick$ = this.nzMenuService.descendantMenuItemClick$;
-  mouseState$ = new BehaviorSubject(false);
-  animationStateChange$ = new EventEmitter();
-  templateRef;
-  nzOverlayClassName = "";
-  nzOverlayStyle = {};
-  nzArrow = false;
-  placement = "bottomLeft";
-  dir = "ltr";
-  onAnimationEvent(event) {
-    this.animationStateChange$.emit(event);
-  }
-  setMouseState(visible) {
-    this.mouseState$.next(visible);
-  }
-  setValue(key, value) {
-    this[key] = value;
-    this.cdr.markForCheck();
-  }
-  ngOnInit() {
-    this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-      this.dir = direction;
-      this.cdr.detectChanges();
-    });
-    this.dir = this.directionality.value;
-  }
-  ngAfterContentInit() {
-    this.renderer.removeChild(this.renderer.parentNode(this.elementRef.nativeElement), this.elementRef.nativeElement);
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzDropdownMenuComponent, deps: [], target: FactoryTarget.Component });
-  static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: _NzDropdownMenuComponent, isStandalone: true, selector: "nz-dropdown-menu", providers: [
-    MenuService,
-    /** menu is inside dropdown-menu component **/
-    {
-      provide: NzIsMenuInsideDropDownToken,
-      useValue: true
-    }
-  ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["nzDropdownMenu"], ngImport: core_exports, template: `
-    <ng-template>
-      <div
-        class="ant-dropdown"
-        [class.ant-dropdown-rtl]="dir === 'rtl'"
-        [class.ant-dropdown-show-arrow]="nzArrow"
-        [class.ant-dropdown-placement-bottomLeft]="placement === 'bottomLeft'"
-        [class.ant-dropdown-placement-bottomRight]="placement === 'bottomRight'"
-        [class.ant-dropdown-placement-bottom]="placement === 'bottom'"
-        [class.ant-dropdown-placement-topLeft]="placement === 'topLeft'"
-        [class.ant-dropdown-placement-topRight]="placement === 'topRight'"
-        [class.ant-dropdown-placement-top]="placement === 'top'"
-        [class]="nzOverlayClassName"
-        [style]="nzOverlayStyle"
-        @slideMotion
-        (@slideMotion.done)="onAnimationEvent($event)"
-        [@.disabled]="!!noAnimation?.nzNoAnimation"
-        [nzNoAnimation]="noAnimation?.nzNoAnimation"
-        (mouseenter)="setMouseState(true)"
-        (mouseleave)="setMouseState(false)"
-      >
-        @if (nzArrow) {
-          <div class="ant-dropdown-arrow"></div>
-        }
-        <ng-content></ng-content>
-      </div>
-    </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NzNoAnimationDirective, selector: "[nzNoAnimation]", inputs: ["nzNoAnimation"], exportAs: ["nzNoAnimation"] }], animations: [slideMotion], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzDropdownMenuComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: `nz-dropdown-menu`,
-    exportAs: `nzDropdownMenu`,
-    animations: [slideMotion],
-    providers: [
-      MenuService,
-      /** menu is inside dropdown-menu component **/
-      {
-        provide: NzIsMenuInsideDropDownToken,
-        useValue: true
-      }
-    ],
-    template: `
-    <ng-template>
-      <div
-        class="ant-dropdown"
-        [class.ant-dropdown-rtl]="dir === 'rtl'"
-        [class.ant-dropdown-show-arrow]="nzArrow"
-        [class.ant-dropdown-placement-bottomLeft]="placement === 'bottomLeft'"
-        [class.ant-dropdown-placement-bottomRight]="placement === 'bottomRight'"
-        [class.ant-dropdown-placement-bottom]="placement === 'bottom'"
-        [class.ant-dropdown-placement-topLeft]="placement === 'topLeft'"
-        [class.ant-dropdown-placement-topRight]="placement === 'topRight'"
-        [class.ant-dropdown-placement-top]="placement === 'top'"
-        [class]="nzOverlayClassName"
-        [style]="nzOverlayStyle"
-        @slideMotion
-        (@slideMotion.done)="onAnimationEvent($event)"
-        [@.disabled]="!!noAnimation?.nzNoAnimation"
-        [nzNoAnimation]="noAnimation?.nzNoAnimation"
-        (mouseenter)="setMouseState(true)"
-        (mouseleave)="setMouseState(false)"
-      >
-        @if (nzArrow) {
-          <div class="ant-dropdown-arrow"></div>
-        }
-        <ng-content></ng-content>
-      </div>
-    </ng-template>
-  `,
-    encapsulation: ViewEncapsulation.None,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NzNoAnimationDirective]
-  }]
-}], propDecorators: { templateRef: [{
-  type: ViewChild,
-  args: [TemplateRef, { static: true }]
-}] } });
-var NzDropDownModule = class _NzDropDownModule {
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzDropDownModule, deps: [], target: FactoryTarget.NgModule });
-  static \u0275mod = \u0275\u0275ngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: core_exports, type: _NzDropDownModule, imports: [
-    NzDropDownDirective,
-    NzDropDownADirective,
-    NzDropdownMenuComponent,
-    NzDropdownButtonDirective,
-    NzContextMenuServiceModule
-  ], exports: [NzMenuModule, NzDropDownDirective, NzDropDownADirective, NzDropdownMenuComponent, NzDropdownButtonDirective] });
-  static \u0275inj = \u0275\u0275ngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzDropDownModule, imports: [NzContextMenuServiceModule, NzMenuModule] });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzDropDownModule, decorators: [{
-  type: NgModule,
-  args: [{
-    imports: [
-      NzDropDownDirective,
-      NzDropDownADirective,
-      NzDropdownMenuComponent,
-      NzDropdownButtonDirective,
-      NzContextMenuServiceModule
-    ],
-    exports: [NzMenuModule, NzDropDownDirective, NzDropDownADirective, NzDropdownMenuComponent, NzDropdownButtonDirective]
-  }]
-}] });
-var LIST_OF_POSITIONS = [
-  new ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "start", overlayY: "top" }),
-  new ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "start", overlayY: "bottom" }),
-  new ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "end", overlayY: "bottom" }),
-  new ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "end", overlayY: "top" })
-];
-var NzContextMenuService = class _NzContextMenuService {
-  ngZone = inject(NgZone);
-  injector = inject(Injector);
-  overlayRef = null;
-  closeSubscription = Subscription.EMPTY;
-  create($event, nzDropdownMenuComponent) {
-    this.close(true);
-    const { x, y } = $event;
-    if ($event instanceof MouseEvent) {
-      $event.preventDefault();
-    }
-    this.overlayRef = createOverlayRef(this.injector, {
-      positionStrategy: createFlexibleConnectedPositionStrategy(this.injector, { x, y }).withPositions(LIST_OF_POSITIONS).withTransformOriginOn(".ant-dropdown"),
-      disposeOnNavigation: true,
-      scrollStrategy: createCloseScrollStrategy(this.injector)
-    });
-    this.closeSubscription = new Subscription();
-    this.closeSubscription.add(nzDropdownMenuComponent.descendantMenuItemClick$.subscribe(() => this.close()));
-    this.closeSubscription.add(merge(fromEventOutsideAngular(document, "click").pipe(
-      filter((event) => !!this.overlayRef && !this.overlayRef.overlayElement.contains(event.target)),
-      /** handle firefox contextmenu event **/
-      filter((event) => event.button !== 2)
-    ), fromEventOutsideAngular(document, "keydown").pipe(filter((event) => event.key === "Escape"))).pipe(first()).subscribe(() => this.ngZone.run(() => this.close())));
-    return this.overlayRef.attach(new TemplatePortal(nzDropdownMenuComponent.templateRef, nzDropdownMenuComponent.viewContainerRef));
-  }
-  close(clear = false) {
-    if (this.overlayRef) {
-      this.overlayRef.detach();
-      if (clear) {
-        this.overlayRef.dispose();
-      }
-      this.overlayRef = null;
-      this.closeSubscription.unsubscribe();
-    }
-  }
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzContextMenuService, deps: [], target: FactoryTarget.Injectable });
-  static \u0275prov = \u0275\u0275ngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzContextMenuService, providedIn: NzContextMenuServiceModule });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzContextMenuService, decorators: [{
-  type: Injectable,
-  args: [{
-    providedIn: NzContextMenuServiceModule
-  }]
-}] });
-
-export {
-  NzMenuItemComponent,
-  NzMenuDirective,
-  NzMenuModule,
-  NzDropDownDirective,
-  NzDropdownMenuComponent,
-  NzDropDownModule,
-  NzContextMenuService
-};
-//# sourceMappingURL=chunk-ZBZHXS46.js.map