@delon/theme 12.4.2 → 13.1.0

package/fesm2015/layout-default.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-default.mjs","sources":["../../../../packages/theme/layout-default/layout-header-item.component.ts","../../../../packages/theme/layout-default/layout-header.component.ts","../../../../packages/theme/layout-default/layout-nav.component.ts","../../../../packages/theme/layout-default/layout-nav.component.html","../../../../packages/theme/layout-default/layout.component.ts","../../../../packages/theme/layout-default/layout-header-item-trigger.directive.ts","../../../../packages/theme/layout-default/layout.module.ts","../../../../packages/theme/layout-default/layout-default.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\nimport { LayoutDefaultHeaderItemDirection, LayoutDefaultHeaderItemHidden } from './types';\n\n@Component({\n  selector: 'layout-default-header-item',\n  template: `\n    <ng-template #host>\n      <ng-content></ng-content>\n    </ng-template>\n  `\n})\nexport class LayoutDefaultHeaderItemComponent {\n  @ViewChild('host', { static: true }) host!: TemplateRef<void>;\n\n  @Input() hidden: LayoutDefaultHeaderItemHidden = 'none';\n  @Input() direction: LayoutDefaultHeaderItemDirection = 'right';\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnDestroy,\n  QueryList,\n  TemplateRef\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { App, SettingsService } from '@delon/theme';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nimport { LayoutDefaultHeaderItemComponent } from './layout-header-item.component';\nimport { LayoutDefaultHeaderItemDirection, LayoutDefaultHeaderItemHidden, LayoutDefaultOptions } from './types';\n\ninterface LayoutDefaultHeaderItem {\n  host: TemplateRef<NzSafeAny>;\n  hidden?: LayoutDefaultHeaderItemHidden;\n  direction?: LayoutDefaultHeaderItemDirection;\n}\n\n@Component({\n  selector: 'layout-default-header',\n  template: `\n    <ng-template #render let-ls>\n      <li *ngFor=\"let i of ls\" [class.hidden-mobile]=\"i.hidden === 'mobile'\" [class.hidden-pc]=\"i.hidden === 'pc'\">\n        <ng-container *ngTemplateOutlet=\"i.host\"></ng-container>\n      </li>\n    </ng-template>\n    <div class=\"alain-default__header-logo\" [style.width.px]=\"options.logoFixWidth\">\n      <a [routerLink]=\"options.logoLink\" class=\"alain-default__header-logo-link\">\n        <img class=\"alain-default__header-logo-expanded\" [attr.src]=\"options.logoExpanded\" [attr.alt]=\"app.name\" />\n        <img class=\"alain-default__header-logo-collapsed\" [attr.src]=\"options.logoCollapsed\" [attr.alt]=\"app.name\" />\n      </a>\n    </div>\n    <div class=\"alain-default__nav-wrap\">\n      <ul class=\"alain-default__nav\">\n        <li *ngIf=\"!options.hideAside\">\n          <div class=\"alain-default__nav-item alain-default__nav-item--collapse\" (click)=\"toggleCollapsed()\">\n            <i nz-icon [nzType]=\"collapsedIcon\"></i>\n          </div>\n        </li>\n        <ng-template [ngTemplateOutlet]=\"render\" [ngTemplateOutletContext]=\"{ $implicit: left }\"></ng-template>\n      </ul>\n      <div *ngIf=\"middle.length > 0\" class=\"alain-default__nav alain-default__nav-middle\">\n        <ng-container *ngTemplateOutlet=\"middle[0].host\"></ng-container>\n      </div>\n      <ul class=\"alain-default__nav\">\n        <ng-template [ngTemplateOutlet]=\"render\" [ngTemplateOutletContext]=\"{ $implicit: right }\"></ng-template>\n      </ul>\n    </div>\n  `,\n  host: {\n    '[class.alain-default__header]': `true`\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutDefaultHeaderComponent implements AfterViewInit, OnDestroy {\n  private destroy$ = new Subject<void>();\n\n  @Input() items!: QueryList<LayoutDefaultHeaderItemComponent>;\n  @Input() options!: LayoutDefaultOptions;\n\n  left: LayoutDefaultHeaderItem[] = [];\n  middle: LayoutDefaultHeaderItem[] = [];\n  right: LayoutDefaultHeaderItem[] = [];\n\n  get app(): App {\n    return this.settings.app;\n  }\n\n  get collapsed(): boolean {\n    return this.settings.layout.collapsed;\n  }\n\n  get collapsedIcon(): string {\n    let type = this.collapsed ? 'unfold' : 'fold';\n    if (this.settings.layout.direction === 'rtl') {\n      type = this.collapsed ? 'fold' : 'unfold';\n    }\n    return `menu-${type}`;\n  }\n\n  constructor(private settings: SettingsService, private cdr: ChangeDetectorRef) {}\n\n  private refresh(): void {\n    const arr = this.items.toArray();\n    this.left = arr.filter(i => i.direction === 'left');\n    this.middle = arr.filter(i => i.direction === 'middle');\n    this.right = arr.filter(i => i.direction === 'right');\n    this.cdr.detectChanges();\n  }\n\n  ngAfterViewInit(): void {\n    this.items.changes.pipe(takeUntil(this.destroy$)).subscribe(() => this.refresh());\n    this.refresh();\n  }\n\n  toggleCollapsed(): void {\n    this.settings.setLayout('collapsed', !this.settings.layout.collapsed);\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","import { Direction, Directionality } from '@angular/cdk/bidi';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  Renderer2,\n  ViewEncapsulation\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { Menu, MenuIcon, MenuInner, MenuService, SettingsService } from '@delon/theme';\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput, ZoneOutside } from '@delon/util/decorator';\nimport { WINDOW } from '@delon/util/token';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nexport interface Nav extends MenuInner {\n  _needIcon?: boolean;\n  _text?: SafeHtml;\n}\n\nconst SHOWCLS = 'sidebar-nav__floating-show';\nconst FLOATINGCLS = 'sidebar-nav__floating';\n\n@Component({\n  selector: 'layout-default-nav',\n  templateUrl: './layout-nav.component.html',\n  host: {\n    '(click)': '_click()',\n    '(document:click)': 'closeSubMenu()'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class LayoutDefaultNavComponent implements OnInit, OnDestroy {\n  static ngAcceptInputType_disabledAcl: BooleanInput;\n  static ngAcceptInputType_autoCloseUnderPad: BooleanInput;\n  static ngAcceptInputType_recursivePath: BooleanInput;\n  static ngAcceptInputType_openStrictly: BooleanInput;\n  static ngAcceptInputType_maxLevelIcon: NumberInput;\n\n  private bodyEl!: HTMLBodyElement;\n  private destroy$ = new Subject<void>();\n  private floatingEl!: HTMLDivElement;\n  dir: Direction = 'ltr';\n  list: Nav[] = [];\n\n  @Input() @InputBoolean() disabledAcl = false;\n  @Input() @InputBoolean() autoCloseUnderPad = true;\n  @Input() @InputBoolean() recursivePath = true;\n  @Input() @InputBoolean() openStrictly = false;\n  @Input() @InputNumber() maxLevelIcon = 3;\n  @Output() readonly select = new EventEmitter<Menu>();\n\n  get collapsed(): boolean {\n    return this.settings.layout.collapsed;\n  }\n\n  constructor(\n    private menuSrv: MenuService,\n    private settings: SettingsService,\n    private router: Router,\n    private render: Renderer2,\n    private cdr: ChangeDetectorRef,\n    private ngZone: NgZone,\n    private sanitizer: DomSanitizer,\n    @Inject(DOCUMENT) private doc: NzSafeAny,\n    @Inject(WINDOW) private win: NzSafeAny,\n    @Optional() private directionality: Directionality\n  ) {}\n\n  private getLinkNode(node: HTMLElement): HTMLElement | null {\n    node = node.nodeName === 'A' ? node : (node.parentNode as HTMLElement);\n    return node.nodeName !== 'A' ? null : node;\n  }\n\n  private floatingClickHandle(e: MouseEvent): boolean {\n    e.stopPropagation();\n    const linkNode = this.getLinkNode(e.target as HTMLElement);\n    if (linkNode == null) {\n      return false;\n    }\n    const id = +linkNode.dataset!.id!;\n    // Should be ingore children title trigger event\n    if (isNaN(id)) {\n      return false;\n    }\n\n    let item: Nav;\n    this.menuSrv.visit(this.list, (i: Nav) => {\n      if (!item && i._id === id) {\n        item = i;\n      }\n    });\n    this.to(item!);\n    this.hideAll();\n    e.preventDefault();\n    return false;\n  }\n\n  private clearFloating(): void {\n    if (!this.floatingEl) return;\n    this.floatingEl.removeEventListener('click', this.floatingClickHandle.bind(this));\n    // fix ie: https://github.com/ng-alain/delon/issues/52\n    if (this.floatingEl.hasOwnProperty('remove')) {\n      this.floatingEl.remove();\n    } else if (this.floatingEl.parentNode) {\n      this.floatingEl.parentNode.removeChild(this.floatingEl);\n    }\n  }\n\n  private genFloating(): void {\n    this.clearFloating();\n    this.floatingEl = this.render.createElement('div');\n    this.floatingEl.classList.add(`${FLOATINGCLS}-container`);\n    this.floatingEl.addEventListener('click', this.floatingClickHandle.bind(this), false);\n    this.bodyEl.appendChild(this.floatingEl);\n  }\n\n  private genSubNode(linkNode: HTMLLinkElement, item: Nav): HTMLUListElement {\n    const id = `_sidebar-nav-${item._id}`;\n    const childNode = item.badge ? linkNode.nextElementSibling!.nextElementSibling! : linkNode.nextElementSibling!;\n    const node = childNode.cloneNode(true) as HTMLUListElement;\n    node.id = id;\n    node.classList.add(FLOATINGCLS);\n    node.addEventListener(\n      'mouseleave',\n      () => {\n        node.classList.remove(SHOWCLS);\n      },\n      false\n    );\n    this.floatingEl.appendChild(node);\n    return node;\n  }\n\n  private hideAll(): void {\n    const allNode = this.floatingEl.querySelectorAll(`.${FLOATINGCLS}`);\n    for (let i = 0; i < allNode.length; i++) {\n      allNode[i].classList.remove(SHOWCLS);\n    }\n  }\n\n  // calculate the node position values.\n  private calPos(linkNode: HTMLLinkElement, node: HTMLUListElement): void {\n    const rect = linkNode.getBoundingClientRect();\n    // bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14721015/\n    const scrollTop = Math.max(this.doc.documentElement.scrollTop, this.bodyEl.scrollTop);\n    const docHeight = Math.max(this.doc.documentElement.clientHeight, this.bodyEl.clientHeight);\n    const spacing = 5;\n    let offsetHeight = -spacing;\n    if (docHeight < rect.top + node.clientHeight) {\n      offsetHeight = rect.top + node.clientHeight - docHeight + spacing;\n    }\n    node.style.top = `${rect.top + scrollTop - offsetHeight}px`;\n    if (this.dir === 'rtl') {\n      node.style.right = `${rect.width + spacing}px`;\n    } else {\n      node.style.left = `${rect.right + spacing}px`;\n    }\n  }\n\n  @ZoneOutside()\n  showSubMenu(e: MouseEvent, item: Nav): void {\n    if (this.collapsed !== true) {\n      return;\n    }\n    e.preventDefault();\n    const linkNode = e.target as Element;\n    this.genFloating();\n    const subNode = this.genSubNode(linkNode as HTMLLinkElement, item);\n    this.hideAll();\n    subNode.classList.add(SHOWCLS);\n    this.calPos(linkNode as HTMLLinkElement, subNode);\n  }\n\n  to(item: Menu): void {\n    this.select.emit(item);\n    if (item.disabled) return;\n\n    if (item.externalLink) {\n      if (item.target === '_blank') {\n        this.win.open(item.externalLink);\n      } else {\n        this.win.location.href = item.externalLink;\n      }\n      return;\n    }\n    this.ngZone.run(() => this.router.navigateByUrl(item.link!));\n  }\n\n  toggleOpen(item: Nav): void {\n    if (!this.openStrictly) {\n      this.menuSrv.visit(this.list, (i: Nav) => {\n        if (i !== item) i._open = false;\n      });\n      let pItem = item._parent as Nav;\n      while (pItem) {\n        pItem._open = true;\n        pItem = pItem._parent!;\n      }\n    }\n    item._open = !item._open;\n    this.cdr.markForCheck();\n  }\n\n  _click(): void {\n    if (this.isPad && this.collapsed) {\n      this.openAside(false);\n      this.hideAll();\n    }\n  }\n\n  closeSubMenu(): void {\n    if (this.collapsed) {\n      this.hideAll();\n    }\n  }\n\n  private openedByUrl(url: string | null): void {\n    const { menuSrv, recursivePath, openStrictly } = this;\n    let findItem: Nav | null = menuSrv.getHit(this.menuSrv.menus, url!, recursivePath, (i: Nav) => {\n      i._selected = false;\n      if (!openStrictly) {\n        i._open = false;\n      }\n    });\n    if (findItem == null) return;\n\n    do {\n      findItem._selected = true;\n      if (!openStrictly) {\n        findItem._open = true;\n      }\n      findItem = findItem._parent!;\n    } while (findItem);\n  }\n\n  ngOnInit(): void {\n    const { doc, router, destroy$, menuSrv, settings, cdr } = this;\n    this.bodyEl = doc.querySelector('body');\n    this.openedByUrl(router.url);\n    this.ngZone.runOutsideAngular(() => this.genFloating());\n    menuSrv.change.pipe(takeUntil(destroy$)).subscribe(data => {\n      menuSrv.visit(data, (i: Nav, _p, depth) => {\n        i._text = this.sanitizer.bypassSecurityTrustHtml(i.text!);\n        i._needIcon = depth! <= this.maxLevelIcon && !!i.icon;\n        if (!i._aclResult) {\n          if (this.disabledAcl) {\n            i.disabled = true;\n          } else {\n            i._hidden = true;\n          }\n        }\n        if (this.openStrictly) {\n          i._open = i.open != null ? i.open : false;\n        }\n        const icon = i.icon as MenuIcon;\n        if (icon && icon.type === 'svg' && typeof icon.value === 'string') {\n          icon.value = this.sanitizer.bypassSecurityTrustHtml(icon.value!!);\n        }\n      });\n      this.list = menuSrv.menus.filter((w: Nav) => w._hidden !== true);\n      cdr.detectChanges();\n    });\n    router.events.pipe(takeUntil(destroy$)).subscribe(e => {\n      if (e instanceof NavigationEnd) {\n        this.openedByUrl(e.urlAfterRedirects);\n        this.underPad();\n        this.cdr.detectChanges();\n      }\n    });\n    settings.notify\n      .pipe(\n        takeUntil(destroy$),\n        filter(t => t.type === 'layout' && t.name === 'collapsed')\n      )\n      .subscribe(() => this.clearFloating());\n    this.underPad();\n\n    this.dir = this.directionality.value;\n    this.directionality.change?.pipe(takeUntil(destroy$)).subscribe((direction: Direction) => {\n      this.dir = direction;\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n    this.clearFloating();\n  }\n\n  // #region Under pad\n\n  private get isPad(): boolean {\n    return this.doc.defaultView!.innerWidth < 768;\n  }\n\n  private underPad(): void {\n    if (this.autoCloseUnderPad && this.isPad && !this.collapsed) {\n      setTimeout(() => this.openAside(true));\n    }\n  }\n\n  private openAside(status: boolean): void {\n    this.settings.setLayout('collapsed', status);\n  }\n\n  // #endregion\n}\n","<ng-template #icon let-i>\n  <ng-container *ngIf=\"i\" [ngSwitch]=\"i.type\">\n    <i\n      *ngSwitchCase=\"'icon'\"\n      class=\"sidebar-nav__item-icon\"\n      nz-icon\n      [nzType]=\"i.value\"\n      [nzTheme]=\"i.theme\"\n      [nzSpin]=\"i.spin\"\n      [nzTwotoneColor]=\"i.twoToneColor\"\n      [nzIconfont]=\"i.iconfont\"\n      [nzRotate]=\"i.rotate\"\n    ></i>\n    <i *ngSwitchCase=\"'iconfont'\" class=\"sidebar-nav__item-icon\" nz-icon [nzIconfont]=\"i.iconfont\"></i>\n    <img *ngSwitchCase=\"'img'\" [src]=\"i.value\" class=\"sidebar-nav__item-icon sidebar-nav__item-img\" />\n    <span *ngSwitchCase=\"'svg'\" class=\"sidebar-nav__item-icon sidebar-nav__item-svg\" [innerHTML]=\"i.value\"></span>\n    <i *ngSwitchDefault class=\"sidebar-nav__item-icon {{ i.value }}\"></i>\n  </ng-container>\n</ng-template>\n<ng-template #tree let-ls>\n  <ng-container *ngFor=\"let i of ls\">\n    <li\n      *ngIf=\"i._hidden !== true\"\n      class=\"sidebar-nav__item\"\n      [class.sidebar-nav__selected]=\"i._selected\"\n      [class.sidebar-nav__open]=\"i._open\"\n    >\n      <!-- link -->\n      <a\n        *ngIf=\"i.children.length === 0\"\n        (click)=\"to(i)\"\n        [attr.data-id]=\"i._id\"\n        class=\"sidebar-nav__item-link\"\n        [ngClass]=\"{ 'sidebar-nav__item-disabled': i.disabled }\"\n        (mouseenter)=\"closeSubMenu()\"\n      >\n        <ng-container *ngIf=\"i._needIcon\">\n          <ng-container *ngIf=\"!collapsed\">\n            <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{ $implicit: i.icon }\"></ng-template>\n          </ng-container>\n          <span *ngIf=\"collapsed\" nz-tooltip nzTooltipPlacement=\"right\" [nzTooltipTitle]=\"i.text\">\n            <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{ $implicit: i.icon }\"></ng-template>\n          </span>\n        </ng-container>\n        <span class=\"sidebar-nav__item-text\" [innerHTML]=\"i._text\" [attr.title]=\"i.text\"></span>\n      </a>\n      <!-- has children link -->\n      <a\n        *ngIf=\"i.children.length > 0\"\n        (click)=\"toggleOpen(i)\"\n        (mouseenter)=\"showSubMenu($event, i)\"\n        class=\"sidebar-nav__item-link\"\n      >\n        <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{ $implicit: i.icon }\"></ng-template>\n        <span class=\"sidebar-nav__item-text\" [innerHTML]=\"i._text\" [attr.title]=\"i.text\"></span>\n        <i class=\"sidebar-nav__sub-arrow\"></i>\n      </a>\n      <!-- badge -->\n      <nz-badge *ngIf=\"i.badge\" [nzCount]=\"i.badge\" [nzDot]=\"i.badgeDot\" nzStandalone [nzOverflowCount]=\"9\"></nz-badge>\n      <ul *ngIf=\"i.children.length > 0\" class=\"sidebar-nav sidebar-nav__sub sidebar-nav__depth{{ i._depth }}\">\n        <ng-template [ngTemplateOutlet]=\"tree\" [ngTemplateOutletContext]=\"{ $implicit: i.children }\"></ng-template>\n      </ul>\n    </li>\n  </ng-container>\n</ng-template>\n<ul class=\"sidebar-nav\">\n  <ng-container *ngFor=\"let group of list\">\n    <li class=\"sidebar-nav__item sidebar-nav__group-title\" *ngIf=\"group.group\">\n      <span [innerHTML]=\"group._text\"></span>\n    </li>\n    <ng-template [ngTemplateOutlet]=\"tree\" [ngTemplateOutletContext]=\"{ $implicit: group.children }\"></ng-template>\n  </ng-container>\n</ul>\n","import { DOCUMENT } from '@angular/common';\nimport {\n  Component,\n  ContentChildren,\n  ElementRef,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  Renderer2,\n  TemplateRef\n} from '@angular/core';\nimport {\n  NavigationCancel,\n  NavigationEnd,\n  NavigationError,\n  RouteConfigLoadEnd,\n  RouteConfigLoadStart,\n  Router,\n  Event\n} from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SettingsService } from '@delon/theme';\nimport { updateHostClass } from '@delon/util/browser';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\nimport { NzMessageService } from 'ng-zorro-antd/message';\n\nimport { LayoutDefaultHeaderItemComponent } from './layout-header-item.component';\nimport { LayoutDefaultOptions } from './types';\n\n@Component({\n  selector: 'layout-default',\n  exportAs: 'layoutDefault',\n  template: `\n    <div class=\"alain-default__progress-bar\" *ngIf=\"isFetching\"></div>\n    <layout-default-header [options]=\"options\" [items]=\"headerItems\"></layout-default-header>\n    <div *ngIf=\"!options.hideAside\" class=\"alain-default__aside\">\n      <div class=\"alain-default__aside-inner\">\n        <ng-container *ngTemplateOutlet=\"asideUser\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"nav\"></ng-container>\n        <layout-default-nav *ngIf=\"!nav\" class=\"d-block py-lg\"></layout-default-nav>\n      </div>\n    </div>\n    <section class=\"alain-default__content\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <ng-content></ng-content>\n    </section>\n  `\n})\nexport class LayoutDefaultComponent implements OnInit, OnDestroy {\n  @ContentChildren(LayoutDefaultHeaderItemComponent, { descendants: false })\n  headerItems!: QueryList<LayoutDefaultHeaderItemComponent>;\n\n  @Input() options!: LayoutDefaultOptions;\n  @Input() asideUser: TemplateRef<void> | null = null;\n  @Input() nav: TemplateRef<void> | null = null;\n  @Input() content: TemplateRef<void> | null = null;\n  @Input() customError?: string | null;\n\n  private destroy$ = new Subject<void>();\n  isFetching = false;\n\n  constructor(\n    router: Router,\n    private msgSrv: NzMessageService,\n    private settings: SettingsService,\n    private el: ElementRef,\n    private renderer: Renderer2,\n    @Inject(DOCUMENT) private doc: NzSafeAny\n  ) {\n    router.events.pipe(takeUntil(this.destroy$)).subscribe(ev => this.processEv(ev));\n  }\n\n  processEv(ev: Event): void {\n    if (!this.isFetching && ev instanceof RouteConfigLoadStart) {\n      this.isFetching = true;\n    }\n    if (ev instanceof NavigationError || ev instanceof NavigationCancel) {\n      this.isFetching = false;\n      const err = this.customError === null ? null : this.customError ?? `Could not load ${ev.url} route`;\n      if (err && ev instanceof NavigationError) {\n        this.msgSrv.error(err, { nzDuration: 1000 * 3 });\n      }\n      return;\n    }\n    if (!(ev instanceof NavigationEnd || ev instanceof RouteConfigLoadEnd)) {\n      return;\n    }\n    if (this.isFetching) {\n      setTimeout(() => {\n        this.isFetching = false;\n      }, 100);\n    }\n  }\n\n  private setClass(): void {\n    const { el, doc, renderer, settings } = this;\n    const layout = settings.layout;\n    updateHostClass(el.nativeElement, renderer, {\n      ['alain-default']: true,\n      [`alain-default__fixed`]: layout.fixed,\n      [`alain-default__collapsed`]: layout.collapsed,\n      [`alain-default__hide-aside`]: this.options!.hideAside\n    });\n\n    doc.body.classList[layout.colorWeak ? 'add' : 'remove']('color-weak');\n  }\n\n  ngOnInit(): void {\n    this.options = {\n      logoExpanded: `./assets/logo-full.svg`,\n      logoCollapsed: `./assets/logo.svg`,\n      logoLink: `/`,\n      hideAside: false,\n      ...this.options\n    };\n    const { settings, destroy$ } = this;\n    settings.notify.pipe(takeUntil(destroy$)).subscribe(() => this.setClass());\n    this.setClass();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[layout-default-header-item-trigger]',\n  host: {\n    '[class.alain-default__nav-item]': `true`\n  }\n})\nexport class LayoutDefaultHeaderItemTriggerDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { NzAvatarModule } from 'ng-zorro-antd/avatar';\nimport { NzBadgeModule } from 'ng-zorro-antd/badge';\nimport { NzDropDownModule } from 'ng-zorro-antd/dropdown';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\nimport { NzMessageModule } from 'ng-zorro-antd/message';\nimport { NzToolTipModule } from 'ng-zorro-antd/tooltip';\n\nimport { LayoutDefaultHeaderItemTriggerDirective } from './layout-header-item-trigger.directive';\nimport { LayoutDefaultHeaderItemComponent } from './layout-header-item.component';\nimport { LayoutDefaultHeaderComponent } from './layout-header.component';\nimport { LayoutDefaultNavComponent } from './layout-nav.component';\nimport { LayoutDefaultComponent } from './layout.component';\n\nconst COMPONENTS = [\n  LayoutDefaultComponent,\n  LayoutDefaultNavComponent,\n  LayoutDefaultHeaderComponent,\n  LayoutDefaultHeaderItemComponent,\n  LayoutDefaultHeaderItemTriggerDirective\n];\n\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    NzToolTipModule,\n    NzIconModule,\n    NzAvatarModule,\n    NzDropDownModule,\n    NzMessageModule,\n    NzBadgeModule\n  ],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class LayoutDefaultModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/setting-drawer.mjs

@@ -0,0 +1,487 @@
+import * as i0 from '@angular/core';
+import { Component, Input, isDevMode, ChangeDetectionStrategy, Inject, Optional, NgModule } from '@angular/core';
+import * as i1 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import * as i2 from 'ng-zorro-antd/switch';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i3 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i4 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i5 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i5$1 from 'ng-zorro-antd/drawer';
+import { NzDrawerModule } from 'ng-zorro-antd/drawer';
+import { __awaiter, __decorate } from 'tslib';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { copy } from '@delon/util/browser';
+import { InputBoolean, ZoneOutside } from '@delon/util/decorator';
+import * as i3$1 from '@delon/util/other';
+import { deepCopy } from '@delon/util/other';
+import * as i1$1 from 'ng-zorro-antd/message';
+import * as i2$1 from '@delon/theme';
+import * as i4$1 from '@angular/cdk/bidi';
+import * as i6 from 'ng-zorro-antd/divider';
+import { NzDividerModule } from 'ng-zorro-antd/divider';
+import * as i7 from 'ng-zorro-antd/tabs';
+import { NzTabsModule } from 'ng-zorro-antd/tabs';
+import * as i10 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i11 from 'ng-zorro-antd/alert';
+import { NzAlertModule } from 'ng-zorro-antd/alert';
+import * as i13 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import * as i14 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i15 from 'ng-zorro-antd/core/transition-patch';
+import * as i17 from 'ng-zorro-antd/core/wave';
+
+class SettingDrawerItemComponent {
+    constructor() {
+        this.i = {};
+        this.pxVal = 0;
+        this.format = (value) => `${value} px`;
+    }
+    set data(val) {
+        this.i = val;
+        if (val.type === 'px') {
+            this.pxVal = +val.value.replace('px', '');
+        }
+    }
+    pxChange(val) {
+        this.i.value = `${val}px`;
+    }
+}
+SettingDrawerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SettingDrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDrawerItemComponent, selector: "setting-drawer-item", inputs: { data: "data" }, host: { properties: { "class.setting-drawer__body-item": "true" } }, ngImport: i0, template: "<span>\n  {{ i.label }}\n  <span class=\"pl-sm text-grey\">{{ i.tip }}</span>\n</span>\n<div [ngSwitch]=\"i.type\">\n  <ng-container *ngSwitchCase=\"'color'\">\n    <input\n      nz-input\n      type=\"color\"\n      style=\"min-width: 88px\"\n      [(ngModel)]=\"i.value\"\n      [ngModelOptions]=\"{ standalone: true }\"\n    />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'input'\">\n    <input nz-input style=\"min-width: 88px\" [(ngModel)]=\"i.value\" [ngModelOptions]=\"{ standalone: true }\" />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'px'\">\n    <nz-input-number\n      [(ngModel)]=\"pxVal\"\n      (ngModelChange)=\"pxChange($event)\"\n      [nzMin]=\"i.min\"\n      [nzMax]=\"i.max\"\n      [nzStep]=\"i.step || 2\"\n      [nzFormatter]=\"format\"\n    ></nz-input-number>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'switch'\">\n    <nz-switch nzSize=\"small\" [(ngModel)]=\"i.value\" [ngModelOptions]=\"{ standalone: true }\"></nz-switch>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <ng-template nzDrawerContent></ng-template>\n  </ng-container>\n</div>\n", components: [{ type: i1.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzAutoFocus", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { type: i2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize"], exportAs: ["nzSwitch"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "disabled"], exportAs: ["nzInput"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5$1.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'setting-drawer-item', host: {
+                        '[class.setting-drawer__body-item]': 'true'
+                    }, template: "<span>\n  {{ i.label }}\n  <span class=\"pl-sm text-grey\">{{ i.tip }}</span>\n</span>\n<div [ngSwitch]=\"i.type\">\n  <ng-container *ngSwitchCase=\"'color'\">\n    <input\n      nz-input\n      type=\"color\"\n      style=\"min-width: 88px\"\n      [(ngModel)]=\"i.value\"\n      [ngModelOptions]=\"{ standalone: true }\"\n    />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'input'\">\n    <input nz-input style=\"min-width: 88px\" [(ngModel)]=\"i.value\" [ngModelOptions]=\"{ standalone: true }\" />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'px'\">\n    <nz-input-number\n      [(ngModel)]=\"pxVal\"\n      (ngModelChange)=\"pxChange($event)\"\n      [nzMin]=\"i.min\"\n      [nzMax]=\"i.max\"\n      [nzStep]=\"i.step || 2\"\n      [nzFormatter]=\"format\"\n    ></nz-input-number>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'switch'\">\n    <nz-switch nzSize=\"small\" [(ngModel)]=\"i.value\" [ngModelOptions]=\"{ standalone: true }\"></nz-switch>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <ng-template nzDrawerContent></ng-template>\n  </ng-container>\n</div>\n" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }] } });
+
+const ALAINDEFAULTVAR = 'alain-default-vars';
+const DEFAULT_COLORS = [
+    {
+        key: 'dust',
+        color: '#F5222D'
+    },
+    {
+        key: 'volcano',
+        color: '#FA541C'
+    },
+    {
+        key: 'sunset',
+        color: '#FAAD14'
+    },
+    {
+        key: 'cyan',
+        color: '#13C2C2'
+    },
+    {
+        key: 'green',
+        color: '#52C41A'
+    },
+    {
+        key: 'daybreak',
+        color: '#1890ff'
+    },
+    {
+        key: 'geekblue',
+        color: '#2F54EB'
+    },
+    {
+        key: 'purple',
+        color: '#722ED1'
+    },
+    {
+        key: 'black',
+        color: '#001529'
+    }
+];
+const DEFAULT_VARS = {
+    'primary-color': { label: '主颜色', type: 'color', default: '#1890ff' },
+    'alain-default-header-hg': {
+        label: '高',
+        type: 'px',
+        default: '64px',
+        max: 300,
+        min: 24
+    },
+    'alain-default-header-bg': {
+        label: '背景色',
+        type: 'color',
+        default: '@primary-color',
+        tip: '默认同主色系'
+    },
+    'alain-default-header-padding': {
+        label: '顶部左右内边距',
+        type: 'px',
+        default: '16px'
+    },
+    // 侧边栏
+    'alain-default-aside-wd': { label: '宽度', type: 'px', default: '200px' },
+    'alain-default-aside-bg': {
+        label: '背景',
+        type: 'color',
+        default: '#ffffff'
+    },
+    'alain-default-aside-collapsed-wd': {
+        label: '收缩宽度',
+        type: 'px',
+        default: '64px'
+    },
+    'alain-default-aside-nav-padding-top-bottom': {
+        label: '项上下内边距',
+        type: 'px',
+        default: '8px',
+        step: 8
+    },
+    // 主菜单
+    'alain-default-aside-nav-fs': {
+        label: '菜单字号',
+        type: 'px',
+        default: '14px',
+        min: 14,
+        max: 30
+    },
+    'alain-default-aside-collapsed-nav-fs': {
+        label: '收缩菜单字号',
+        type: 'px',
+        default: '24px',
+        min: 24,
+        max: 32
+    },
+    'alain-default-aside-nav-item-height': {
+        label: '菜单项高度',
+        type: 'px',
+        default: '38px',
+        min: 24,
+        max: 64
+    },
+    'alain-default-aside-nav-text-color': {
+        label: '菜单文本颜色',
+        type: 'color',
+        default: 'rgba(0, 0, 0, 0.65)',
+        rgba: true
+    },
+    'alain-default-aside-nav-text-hover-color': {
+        label: '菜单文本悬停颜色',
+        type: 'color',
+        default: '@primary-color',
+        tip: '默认同主色系'
+    },
+    'alain-default-aside-nav-group-text-color': {
+        label: '菜单分组文本颜色',
+        type: 'color',
+        default: 'rgba(0, 0, 0, 0.43)',
+        rgba: true
+    },
+    'alain-default-aside-nav-selected-text-color': {
+        label: '菜单激活时文本颜色',
+        type: 'color',
+        default: '@primary-color',
+        tip: '默认同主色系'
+    },
+    'alain-default-aside-nav-selected-bg': {
+        label: '菜单激活时背景颜色',
+        type: 'color',
+        default: '#fcfcfc'
+    },
+    // 内容
+    'alain-default-content-bg': {
+        label: '背景色',
+        type: 'color',
+        default: '#f5f7fa'
+    },
+    'alain-default-content-heading-bg': {
+        label: '标题背景色',
+        type: 'color',
+        default: '#fafbfc'
+    },
+    'alain-default-content-heading-border': {
+        label: '标题底部边框色',
+        type: 'color',
+        default: '#efe3e5'
+    },
+    'alain-default-content-padding': {
+        label: '内边距',
+        type: 'px',
+        default: '24px',
+        min: 0,
+        max: 128,
+        step: 8
+    },
+    // zorro组件修正
+    'form-state-visual-feedback-enabled': {
+        label: '开启表单元素的视觉反馈',
+        type: 'switch',
+        default: true
+    },
+    'preserve-white-spaces-enabled': {
+        label: '开启 preserveWhitespaces',
+        type: 'switch',
+        default: true
+    },
+    'nz-table-img-radius': {
+        label: '表格中：图片圆角',
+        type: 'px',
+        default: '4px',
+        min: 0,
+        max: 128
+    },
+    'nz-table-img-margin-right': {
+        label: '表格中：图片右外边距',
+        type: 'px',
+        default: '4px',
+        min: 0,
+        max: 128
+    },
+    'nz-table-img-max-width': {
+        label: '表格中：图片最大宽度',
+        type: 'px',
+        default: '32px',
+        min: 8,
+        max: 128
+    },
+    'nz-table-img-max-height': {
+        label: '表格中：图片最大高度',
+        type: 'px',
+        default: '32px',
+        min: 8,
+        max: 128
+    }
+};
+
+class SettingDrawerComponent {
+    constructor(cdr, msg, settingSrv, lazy, ngZone, doc, directionality) {
+        this.cdr = cdr;
+        this.msg = msg;
+        this.settingSrv = settingSrv;
+        this.lazy = lazy;
+        this.ngZone = ngZone;
+        this.doc = doc;
+        this.directionality = directionality;
+        this.autoApplyColor = true;
+        this.compilingText = 'Compiling...';
+        this.devTips = `When the color can't be switched, you need to run it once: npm run color-less`;
+        this.loadedLess = false;
+        this.destroy$ = new Subject();
+        this.dir = 'ltr';
+        this.isDev = isDevMode();
+        this.collapse = false;
+        this.data = {};
+        this.colors = DEFAULT_COLORS;
+        this.color = this.cachedData['@primary-color'] || this.DEFAULT_PRIMARY;
+        this.resetData(this.cachedData, false);
+    }
+    get layout() {
+        return this.settingSrv.layout;
+    }
+    get cachedData() {
+        return this.settingSrv.layout[ALAINDEFAULTVAR] || {};
+    }
+    get DEFAULT_PRIMARY() {
+        return DEFAULT_VARS['primary-color'].default;
+    }
+    ngOnInit() {
+        var _a;
+        this.dir = this.directionality.value;
+        (_a = this.directionality.change) === null || _a === void 0 ? void 0 : _a.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
+            this.dir = direction;
+        });
+        if (this.autoApplyColor && this.color !== this.DEFAULT_PRIMARY) {
+            this.changeColor(this.color);
+            this.runLess();
+        }
+    }
+    loadLess() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.loadedLess) {
+                return Promise.resolve();
+            }
+            return this.lazy
+                .loadStyle('./assets/color.less', 'stylesheet/less')
+                .then(() => {
+                const lessConfigNode = this.doc.createElement('script');
+                lessConfigNode.innerHTML = `
+          window.less = {
+            async: true,
+            env: 'production',
+            javascriptEnabled: true
+          };
+        `;
+                this.doc.body.appendChild(lessConfigNode);
+            })
+                .then(() => this.lazy.loadScript('https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js'))
+                .then(() => {
+                this.loadedLess = true;
+            });
+        });
+    }
+    genVars() {
+        const { data, color, validKeys } = this;
+        const vars = {
+            [`@primary-color`]: color
+        };
+        validKeys.filter(key => key !== 'primary-color').forEach(key => (vars[`@${key}`] = data[key].value));
+        this.setLayout(ALAINDEFAULTVAR, vars);
+        return vars;
+    }
+    runLess() {
+        const { ngZone, msg, cdr } = this;
+        const msgId = msg.loading(this.compilingText, { nzDuration: 0 }).messageId;
+        setTimeout(() => {
+            this.loadLess().then(() => {
+                window.less.modifyVars(this.genVars()).then(() => {
+                    msg.success('成功');
+                    msg.remove(msgId);
+                    ngZone.run(() => cdr.detectChanges());
+                });
+            });
+        }, 200);
+    }
+    toggle() {
+        this.collapse = !this.collapse;
+    }
+    changeColor(color) {
+        this.color = color;
+        Object.keys(DEFAULT_VARS)
+            .filter(key => DEFAULT_VARS[key].default === '@primary-color')
+            .forEach(key => delete this.cachedData[`@${key}`]);
+        this.resetData(this.cachedData, false);
+    }
+    setLayout(name, value) {
+        this.settingSrv.setLayout(name, value);
+    }
+    resetData(nowData, run = true) {
+        nowData = nowData || {};
+        const data = deepCopy(DEFAULT_VARS);
+        Object.keys(data).forEach(key => {
+            const value = nowData[`@${key}`] || data[key].default || '';
+            data[key].value = value === `@primary-color` ? this.color : value;
+        });
+        this.data = data;
+        if (run) {
+            this.cdr.detectChanges();
+            this.runLess();
+        }
+    }
+    get validKeys() {
+        return Object.keys(this.data).filter(key => this.data[key].value !== this.data[key].default);
+    }
+    apply() {
+        this.runLess();
+    }
+    reset() {
+        this.color = this.DEFAULT_PRIMARY;
+        this.settingSrv.setLayout(ALAINDEFAULTVAR, {});
+        this.resetData({});
+    }
+    copyVar() {
+        const vars = this.genVars();
+        const copyContent = Object.keys(vars)
+            .map(key => `${key}: ${vars[key]};`)
+            .join('\n');
+        copy(copyContent);
+        this.msg.success('Copy success');
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+SettingDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.NzMessageService }, { token: i2$1.SettingsService }, { token: i3$1.LazyService }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i4$1.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SettingDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDrawerComponent, selector: "setting-drawer", inputs: { autoApplyColor: "autoApplyColor", compilingText: "compilingText", devTips: "devTips" }, host: { properties: { "class.setting-drawer": "true", "class.setting-drawer-rtl": "dir === 'rtl'" } }, ngImport: i0, template: "<nz-drawer\n  [nzVisible]=\"collapse\"\n  [nzPlacement]=\"dir === 'rtl' ? 'left' : 'right'\"\n  [nzWidth]=\"500\"\n  (nzOnClose)=\"toggle()\"\n>\n  <div *nzDrawerContent class=\"setting-drawer__content\">\n    <div class=\"setting-drawer__body setting-drawer__theme\">\n      <h3 class=\"setting-drawer__title\">\u4E3B\u9898\u8272</h3>\n      <span\n        *ngFor=\"let c of colors\"\n        [style]=\"{ 'background-color': c.color }\"\n        (click)=\"changeColor(c.color)\"\n        nz-tooltip\n        [nzTooltipTitle]=\"c.key\"\n        class=\"setting-drawer__theme-tag\"\n      >\n        <i *ngIf=\"color === c.color\" nz-icon nzType=\"check\"></i>\n      </span>\n    </div>\n    <nz-divider></nz-divider>\n    <div class=\"setting-drawer__body\">\n      <h3 class=\"setting-drawer__title\">\u8BBE\u7F6E</h3>\n      <nz-tabset>\n        <nz-tab nzTitle=\"\u9876\u90E8\">\n          <div class=\"setting-drawer__body\">\n            <setting-drawer-item [data]=\"data['alain-default-header-hg']\"></setting-drawer-item>\n            <setting-drawer-item [data]=\"data['alain-default-header-bg']\"></setting-drawer-item>\n            <setting-drawer-item [data]=\"data['alain-default-header-padding']\"></setting-drawer-item>\n          </div>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u4FA7\u8FB9\u680F\">\n          <setting-drawer-item [data]=\"data['alain-default-aside-wd']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-collapsed-wd']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-nav-padding-top-bottom']\"></setting-drawer-item>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u5185\u5BB9\">\n          <setting-drawer-item [data]=\"data['alain-default-content-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-heading-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-heading-border']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-padding']\"></setting-drawer-item>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u5176\u5B83\">\n          <setting-drawer-item [data]=\"data['form-state-visual-feedback-enabled']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['preserve-white-spaces-enabled']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-radius']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-margin-right']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-max-width']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-max-height']\"></setting-drawer-item>\n        </nz-tab>\n      </nz-tabset>\n    </div>\n    <nz-divider></nz-divider>\n    <div class=\"setting-drawer__body\">\n      <div class=\"setting-drawer__body-item\">\n        \u56FA\u5B9A\u5934\u548C\u4FA7\u8FB9\u680F\n        <nz-switch\n          nzSize=\"small\"\n          [(ngModel)]=\"layout.fixed\"\n          (ngModelChange)=\"setLayout('fixed', layout.fixed)\"\n        ></nz-switch>\n      </div>\n      <div class=\"setting-drawer__body-item\">\n        \u8272\u5F31\u6A21\u5F0F\n        <nz-switch\n          nzSize=\"small\"\n          [(ngModel)]=\"layout.colorWeak\"\n          (ngModelChange)=\"setLayout('colorWeak', layout.colorWeak)\"\n        ></nz-switch>\n      </div>\n    </div>\n    <nz-divider></nz-divider>\n    <button (click)=\"apply()\" type=\"button\" nz-button nzType=\"primary\">\u9884\u89C8</button>\n    <button (click)=\"reset()\" type=\"button\" nz-button>\u91CD\u7F6E</button>\n    <button (click)=\"copyVar()\" type=\"button\" nz-button>\u62F7\u8D1D</button>\n    <nz-alert\n      class=\"mt-md\"\n      nzType=\"warning\"\n      nzMessage=\"\u914D\u7F6E\u680F\u53EA\u5728\u5F00\u53D1\u73AF\u5883\u7528\u4E8E\u9884\u89C8\uFF0C\u751F\u4EA7\u73AF\u5883\u4E0D\u4F1A\u5C55\u73B0\uFF0C\u8BF7\u62F7\u8D1D\u540E\u624B\u52A8\u4FEE\u6539\u53C2\u6570\u914D\u7F6E\u6587\u4EF6 src/styles/theme.less\"\n    ></nz-alert>\n  </div>\n</nz-drawer>\n<div\n  class=\"setting-drawer__handle\"\n  [ngClass]=\"{ 'setting-drawer__handle-opened': collapse }\"\n  (click)=\"toggle()\"\n  nz-tooltip\n  [nzTooltipTitle]=\"isDev ? devTips : null\"\n>\n  <i nz-icon [nzType]=\"!collapse ? 'setting' : 'close'\" class=\"setting-drawer__handle-icon\"></i>\n</div>\n", components: [{ type: i5$1.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzFooter", "nzPlacement", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { type: i6.NzDividerComponent, selector: "nz-divider", inputs: ["nzText", "nzType", "nzOrientation", "nzDashed", "nzPlain"], exportAs: ["nzDivider"] }, { type: i7.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { type: i7.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { type: SettingDrawerItemComponent, selector: "setting-drawer-item", inputs: ["data"] }, { type: i2.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize"], exportAs: ["nzSwitch"] }, { type: i10.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { type: i11.NzAlertComponent, selector: "nz-alert", inputs: ["nzCloseText", "nzIconType", "nzMessage", "nzDescription", "nzType", "nzCloseable", "nzShowIcon", "nzBanner", "nzNoAnimation"], outputs: ["nzOnClose"], exportAs: ["nzAlert"] }], directives: [{ type: i5$1.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i15.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i17.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    InputBoolean()
+], SettingDrawerComponent.prototype, "autoApplyColor", void 0);
+__decorate([
+    ZoneOutside()
+], SettingDrawerComponent.prototype, "loadLess", null);
+__decorate([
+    ZoneOutside()
+], SettingDrawerComponent.prototype, "runLess", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'setting-drawer', host: {
+                        '[class.setting-drawer]': 'true',
+                        '[class.setting-drawer-rtl]': `dir === 'rtl'`
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<nz-drawer\n  [nzVisible]=\"collapse\"\n  [nzPlacement]=\"dir === 'rtl' ? 'left' : 'right'\"\n  [nzWidth]=\"500\"\n  (nzOnClose)=\"toggle()\"\n>\n  <div *nzDrawerContent class=\"setting-drawer__content\">\n    <div class=\"setting-drawer__body setting-drawer__theme\">\n      <h3 class=\"setting-drawer__title\">\u4E3B\u9898\u8272</h3>\n      <span\n        *ngFor=\"let c of colors\"\n        [style]=\"{ 'background-color': c.color }\"\n        (click)=\"changeColor(c.color)\"\n        nz-tooltip\n        [nzTooltipTitle]=\"c.key\"\n        class=\"setting-drawer__theme-tag\"\n      >\n        <i *ngIf=\"color === c.color\" nz-icon nzType=\"check\"></i>\n      </span>\n    </div>\n    <nz-divider></nz-divider>\n    <div class=\"setting-drawer__body\">\n      <h3 class=\"setting-drawer__title\">\u8BBE\u7F6E</h3>\n      <nz-tabset>\n        <nz-tab nzTitle=\"\u9876\u90E8\">\n          <div class=\"setting-drawer__body\">\n            <setting-drawer-item [data]=\"data['alain-default-header-hg']\"></setting-drawer-item>\n            <setting-drawer-item [data]=\"data['alain-default-header-bg']\"></setting-drawer-item>\n            <setting-drawer-item [data]=\"data['alain-default-header-padding']\"></setting-drawer-item>\n          </div>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u4FA7\u8FB9\u680F\">\n          <setting-drawer-item [data]=\"data['alain-default-aside-wd']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-collapsed-wd']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-nav-padding-top-bottom']\"></setting-drawer-item>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u5185\u5BB9\">\n          <setting-drawer-item [data]=\"data['alain-default-content-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-heading-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-heading-border']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-padding']\"></setting-drawer-item>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u5176\u5B83\">\n          <setting-drawer-item [data]=\"data['form-state-visual-feedback-enabled']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['preserve-white-spaces-enabled']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-radius']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-margin-right']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-max-width']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-max-height']\"></setting-drawer-item>\n        </nz-tab>\n      </nz-tabset>\n    </div>\n    <nz-divider></nz-divider>\n    <div class=\"setting-drawer__body\">\n      <div class=\"setting-drawer__body-item\">\n        \u56FA\u5B9A\u5934\u548C\u4FA7\u8FB9\u680F\n        <nz-switch\n          nzSize=\"small\"\n          [(ngModel)]=\"layout.fixed\"\n          (ngModelChange)=\"setLayout('fixed', layout.fixed)\"\n        ></nz-switch>\n      </div>\n      <div class=\"setting-drawer__body-item\">\n        \u8272\u5F31\u6A21\u5F0F\n        <nz-switch\n          nzSize=\"small\"\n          [(ngModel)]=\"layout.colorWeak\"\n          (ngModelChange)=\"setLayout('colorWeak', layout.colorWeak)\"\n        ></nz-switch>\n      </div>\n    </div>\n    <nz-divider></nz-divider>\n    <button (click)=\"apply()\" type=\"button\" nz-button nzType=\"primary\">\u9884\u89C8</button>\n    <button (click)=\"reset()\" type=\"button\" nz-button>\u91CD\u7F6E</button>\n    <button (click)=\"copyVar()\" type=\"button\" nz-button>\u62F7\u8D1D</button>\n    <nz-alert\n      class=\"mt-md\"\n      nzType=\"warning\"\n      nzMessage=\"\u914D\u7F6E\u680F\u53EA\u5728\u5F00\u53D1\u73AF\u5883\u7528\u4E8E\u9884\u89C8\uFF0C\u751F\u4EA7\u73AF\u5883\u4E0D\u4F1A\u5C55\u73B0\uFF0C\u8BF7\u62F7\u8D1D\u540E\u624B\u52A8\u4FEE\u6539\u53C2\u6570\u914D\u7F6E\u6587\u4EF6 src/styles/theme.less\"\n    ></nz-alert>\n  </div>\n</nz-drawer>\n<div\n  class=\"setting-drawer__handle\"\n  [ngClass]=\"{ 'setting-drawer__handle-opened': collapse }\"\n  (click)=\"toggle()\"\n  nz-tooltip\n  [nzTooltipTitle]=\"isDev ? devTips : null\"\n>\n  <i nz-icon [nzType]=\"!collapse ? 'setting' : 'close'\" class=\"setting-drawer__handle-icon\"></i>\n</div>\n" }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ChangeDetectorRef }, { type: i1$1.NzMessageService }, { type: i2$1.SettingsService }, { type: i3$1.LazyService }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i4$1.Directionality, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { autoApplyColor: [{
+                type: Input
+            }], compilingText: [{
+                type: Input
+            }], devTips: [{
+                type: Input
+            }], loadLess: [], runLess: [] } });
+
+const COMPONENTS = [SettingDrawerItemComponent, SettingDrawerComponent];
+class SettingDrawerModule {
+}
+SettingDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SettingDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerModule, declarations: [SettingDrawerItemComponent, SettingDrawerComponent], imports: [CommonModule,
+        FormsModule,
+        NzDrawerModule,
+        NzToolTipModule,
+        NzDividerModule,
+        NzTabsModule,
+        NzSwitchModule,
+        NzAlertModule,
+        NzIconModule,
+        NzInputModule,
+        NzInputNumberModule,
+        NzButtonModule], exports: [SettingDrawerItemComponent, SettingDrawerComponent] });
+SettingDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerModule, imports: [[
+            CommonModule,
+            FormsModule,
+            NzDrawerModule,
+            NzToolTipModule,
+            NzDividerModule,
+            NzTabsModule,
+            NzSwitchModule,
+            NzAlertModule,
+            NzIconModule,
+            NzInputModule,
+            NzInputNumberModule,
+            NzButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDrawerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        NzDrawerModule,
+                        NzToolTipModule,
+                        NzDividerModule,
+                        NzTabsModule,
+                        NzSwitchModule,
+                        NzAlertModule,
+                        NzIconModule,
+                        NzInputModule,
+                        NzInputNumberModule,
+                        NzButtonModule
+                    ],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SettingDrawerComponent, SettingDrawerItemComponent, SettingDrawerModule };
+//# sourceMappingURL=setting-drawer.mjs.map