@ng-nest/ui 21.0.13 → 22.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-watermark.mjs","sources":["../../../../lib/ng-nest/ui/watermark/watermark.property.ts","../../../../lib/ng-nest/ui/watermark/watermark.component.ts","../../../../lib/ng-nest/ui/watermark/watermark.component.html","../../../../lib/ng-nest/ui/watermark/watermark.module.ts","../../../../lib/ng-nest/ui/watermark/ng-nest-ui-watermark.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XToNumber, XToBoolean, XPropertyFunction } from '@ng-nest/ui/core';\r\nimport type { XNumber, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Watermark\r\n * @selector x-watermark\r\n * @decorator component\r\n */\r\nexport const XWatermarkPrefix = 'x-watermark';\r\nconst X_WATERMARK_CONFIG_NAME = 'watermark';\r\n\r\n/**\r\n * Watermark Property\r\n */\r\n@Component({ selector: `${XWatermarkPrefix}-property`, template: '' })\r\nexport class XWatermarkProperty extends XPropertyFunction(X_WATERMARK_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 水印内容\r\n   * @en_US Watermark content\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark content=\"NG-NEST\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly content = input<string>('');\r\n  /**\r\n   * @zh_CN 水印宽度\r\n   * @en_US Watermark width\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [width]=\"120\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly width = input<number, XNumber>(this.config?.width ?? 120, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 水印高度\r\n   * @en_US Watermark height\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [height]=\"60\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly height = input<number, XNumber>(this.config?.height ?? 60, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 旋转角度\r\n   * @en_US Rotation angle\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [rotate]=\"-22\"></x-watermark>\r\n   * <x-watermark [rotate]=\"0\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly rotate = input<number, XNumber>(this.config?.rotate ?? -22, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 字体大小\r\n   * @en_US Font size\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [fontSize]=\"14\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly fontSize = input<number, XNumber>(this.config?.fontSize ?? 14, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 字体\r\n   * @en_US Font family\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark fontFamily=\"Varela Round\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly fontFamily = input<string>(this.config?.fontFamily ?? 'Varela Round');\r\n  /**\r\n   * @zh_CN 字体颜色\r\n   * @en_US Font color\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark color=\"rgba(0, 0, 0, 0.12)\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly color = input<string>(this.config?.color ?? 'rgba(0, 0, 0, 0.12)');\r\n  /**\r\n   * @zh_CN 层级\r\n   * @en_US Z-index\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [zIndex]=\"9999\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly zIndex = input<number, XNumber>(this.config?.zIndex ?? 9999, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 透明度\r\n   * @en_US Opacity\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [alpha]=\"1\"></x-watermark>\r\n   * <x-watermark [alpha]=\"0.5\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly alpha = input<number, XNumber>(this.config?.alpha ?? 1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 水平间距\r\n   * @en_US Horizontal gap\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [gapX]=\"100\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly gapX = input<number, XNumber>(this.config?.gapX ?? 100, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 垂直间距\r\n   * @en_US Vertical gap\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [gapY]=\"100\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly gapY = input<number, XNumber>(this.config?.gapY ?? 100, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 水平偏移\r\n   * @en_US Horizontal offset\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [offsetLeft]=\"0\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly offsetLeft = input<number, XNumber>(this.config?.offsetLeft ?? 0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 垂直偏移\r\n   * @en_US Vertical offset\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [offsetTop]=\"0\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly offsetTop = input<number, XNumber>(this.config?.offsetTop ?? 0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 是否交错显示\r\n   * @en_US Whether to stagger display\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [striped]=\"true\"></x-watermark>\r\n   * <x-watermark [striped]=\"false\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly striped = input<boolean, XBoolean>(this.config?.striped ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 是否禁用\r\n   * @en_US Whether to disable\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [disabled]=\"true\"></x-watermark>\r\n   * <x-watermark [disabled]=\"false\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly disabled = input<boolean, XBoolean>(this.config?.disabled ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 图片/图标 URL\r\n   * @en_US Image/icon URL\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark imageSrc=\"/assets/logo.png\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imageSrc = input<string>('');\r\n  /**\r\n   * @zh_CN 图片宽度\r\n   * @en_US Image width\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [imageWidth]=\"40\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imageWidth = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 图片高度\r\n   * @en_US Image height\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [imageHeight]=\"40\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imageHeight = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 图片相对文本的位置\r\n   * @en_US Image position relative to text\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark imagePosition=\"top\"></x-watermark>\r\n   * <x-watermark imagePosition=\"center\"></x-watermark>\r\n   * <x-watermark imagePosition=\"bottom\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imagePosition = input<XWatermarkImagePosition>('center');\r\n}\r\n\r\n/**\r\n * @zh_CN 图片相对文本的位置\r\n * @en_US Image position relative to text\r\n */\r\nexport type XWatermarkImagePosition = 'top' | 'center' | 'bottom';\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  computed,\r\n  signal,\r\n  AfterViewInit,\r\n  OnDestroy\r\n} from '@angular/core';\r\nimport { XWatermarkProperty, XWatermarkPrefix } from './watermark.property';\r\n\r\n@Component({\r\n  selector: XWatermarkPrefix,\r\n  imports: [],\r\n  templateUrl: './watermark.component.html',\r\n  styleUrls: ['./watermark.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XWatermarkComponent extends XWatermarkProperty implements AfterViewInit, OnDestroy {\r\n  backgroundImage = signal<string>('');\r\n\r\n  private font = computed(() => {\r\n    return `${this.fontSize()}px ${this.fontFamily()}`;\r\n  });\r\n\r\n  private textWidth = computed(() => {\r\n    const canvas = document.createElement('canvas');\r\n    const ctx = canvas.getContext('2d');\r\n    if (ctx) {\r\n      ctx.font = this.font();\r\n      return ctx.measureText(this.content()).width;\r\n    }\r\n    return this.width();\r\n  });\r\n\r\n  watermarkWidth = computed(() => {\r\n    const imgW = this.imageSrc() && this.imageWidth() ? this.imageWidth() : this.textWidth();\r\n    return Math.max(imgW, this.textWidth()) + this.gapX();\r\n  });\r\n  \r\n  watermarkHeight = computed(() => {\r\n    const imgH = this.imageSrc() && this.imageHeight() ? this.imageHeight() : this.height();\r\n    return Math.max(imgH, this.height()) + this.gapY();\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.createWatermark();\r\n  }\r\n\r\n  ngOnDestroy() {}\r\n\r\n  private createWatermark() {\r\n    if (this.imageSrc()) {\r\n      this.drawWatermarkWithImage();\r\n    } else {\r\n      this.drawWatermarkText();\r\n    }\r\n  }\r\n\r\n  private loadImage(src: string): Promise<HTMLImageElement> {\r\n    return new Promise((resolve, reject) => {\r\n      const img = new Image();\r\n      img.crossOrigin = 'anonymous';\r\n      img.onload = () => resolve(img);\r\n      img.onerror = reject;\r\n      img.src = src;\r\n    });\r\n  }\r\n\r\n  private async drawWatermarkWithImage() {\r\n    const w = this.watermarkWidth();\r\n    const h = this.watermarkHeight();\r\n    const canvas = document.createElement('canvas');\r\n    canvas.width = w;\r\n    canvas.height = h;\r\n    const ctx = canvas.getContext('2d');\r\n    if (!ctx) return;\r\n\r\n    try {\r\n      const img = await this.loadImage(this.imageSrc());\r\n      const imgW = this.imageWidth() || this.width();\r\n      const imgH = this.imageHeight() || this.height();\r\n      \r\n      ctx.save();\r\n      ctx.rotate((this.rotate() * Math.PI) / 180);\r\n      ctx.globalAlpha = this.alpha();\r\n      \r\n      // 绘制图片\r\n      const imgX = (w - imgW) / 2;\r\n      const imgY = (h - imgH) / 2;\r\n      ctx.drawImage(img, imgX, imgY, imgW, imgH);\r\n      \r\n      // 绘制文本\r\n      if (this.content()) {\r\n        ctx.font = this.font();\r\n        ctx.fillStyle = this.color();\r\n        ctx.textAlign = 'center';\r\n        ctx.textBaseline = 'middle';\r\n        \r\n        let textY = h / 2;\r\n        if (this.imagePosition() === 'top') {\r\n          textY = imgY - 10;\r\n        } else if (this.imagePosition() === 'bottom') {\r\n          textY = imgY + imgH + 10;\r\n        }\r\n        \r\n        ctx.fillText(this.content(), w / 2, textY);\r\n      }\r\n      \r\n      ctx.restore();\r\n      this.backgroundImage.set(canvas.toDataURL());\r\n    } catch {\r\n      // 图片加载失败，降级为纯文本\r\n      this.drawWatermarkText();\r\n    }\r\n  }\r\n\r\n  private drawWatermarkText() {\r\n    const w = this.watermarkWidth();\r\n    const h = this.watermarkHeight();\r\n\r\n    const canvas = document.createElement('canvas');\r\n    canvas.width = w;\r\n    canvas.height = h;\r\n\r\n    const ctx = canvas.getContext('2d');\r\n    if (!ctx) return;\r\n\r\n    ctx.save();\r\n    ctx.rotate((this.rotate() * Math.PI) / 180);\r\n    ctx.font = this.font();\r\n    ctx.fillStyle = this.color();\r\n    ctx.globalAlpha = this.alpha();\r\n    ctx.textAlign = 'center';\r\n    ctx.textBaseline = 'middle';\r\n    ctx.fillText(this.content(), w / 2, h / 2);\r\n    ctx.restore();\r\n\r\n    const dataUrl = canvas.toDataURL();\r\n    this.backgroundImage.set(dataUrl);\r\n  }\r\n}\r\n","<div\r\n  class=\"x-watermark\"\r\n  [class.x-watermark-disabled]=\"disabled()\"\r\n  [style.z-index]=\"zIndex()\"\r\n  [style.background-image]=\"backgroundImage() ? 'url(' + backgroundImage() + ')' : 'none'\"\r\n  [style.background-repeat]=\"'repeat'\"\r\n  [style.background-size]=\"watermarkWidth() + 'px ' + watermarkHeight() + 'px'\"\r\n  [style.background-position]=\"offsetLeft() + 'px ' + offsetTop() + 'px'\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { XWatermarkComponent } from './watermark.component';\r\n\r\n@NgModule({\r\n  exports: [XWatermarkComponent],\r\n  imports: [XWatermarkComponent]\r\n})\r\nexport class XWatermarkModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIA;;;;AAIG;AACI,MAAM,gBAAgB,GAAG;AAChC,MAAM,uBAAuB,GAAG,WAAW;AAE3C;;AAEG;MAEU,kBAAmB,SAAQ,iBAAiB,CAAC,uBAAuB,CAAC,CAAA;AADlF,IAAA,WAAA,GAAA;;AAEE;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC;AACpC;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,GAAG,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,OAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAC5F;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,QAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAC7F;;;;;;;;;;AAUG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,QAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAC9F;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AACjG;;;;;;;;;AASG;QACM,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,EAAE,UAAU,IAAI,cAAc,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC9E;;;;;;;;;AASG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,qBAAqB,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC3E;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,QAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAC/F;;;;;;;;;;AAUG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,OAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAC1F;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,GAAG,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,MAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAC1F;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,GAAG,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,MAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAC1F;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,UAAU,IAAI,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,YAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AACpG;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,SAAS,IAAI,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,WAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,SAAS,GAAG;AAClG;;;;;;;;;;AAUG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAoB,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,UAAU,GAAG;AACrG;;;;;;;;;;AAUG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAoB,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,UAAU,GAAG;AACvG;;;;;;;;;AASG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC;AACrC;;;;;;;;;AASG;QACM,IAAA,CAAA,UAAU,GAAG,KAAK,CAAkB,CAAC,uDAAI,SAAS,EAAE,SAAS,EAAA,CAAG;AACzE;;;;;;;;;AASG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAkB,CAAC,wDAAI,SAAS,EAAE,SAAS,EAAA,CAAG;AAC1E;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA0B,QAAQ,yDAAC;AAClE,IAAA;iIAxNY,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,w+EADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FACtD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAA,EAAG,gBAAgB,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;;;ACI/D,MAAO,mBAAoB,SAAQ,kBAAkB,CAAA;AA2BzD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AA3BT,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAS,EAAE,2DAAC;AAE5B,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;YAC3B,OAAO,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAA,GAAA,EAAM,IAAI,CAAC,UAAU,EAAE,CAAA,CAAE;AACpD,QAAA,CAAC,gDAAC;AAEM,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;YAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;YAC/C,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;YACnC,IAAI,GAAG,EAAE;AACP,gBAAA,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;gBACtB,OAAO,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK;YAC9C;AACA,YAAA,OAAO,IAAI,CAAC,KAAK,EAAE;AACrB,QAAA,CAAC,qDAAC;AAEF,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;YAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE;AACxF,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;AACvD,QAAA,CAAC,0DAAC;AAEF,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE;AACvF,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;AACpD,QAAA,CAAC,2DAAC;IAIF;IAEA,eAAe,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA,IAAA,WAAW,KAAI;IAEP,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,IAAI,CAAC,sBAAsB,EAAE;QAC/B;aAAO;YACL,IAAI,CAAC,iBAAiB,EAAE;QAC1B;IACF;AAEQ,IAAA,SAAS,CAAC,GAAW,EAAA;QAC3B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,YAAA,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE;AACvB,YAAA,GAAG,CAAC,WAAW,GAAG,WAAW;YAC7B,GAAG,CAAC,MAAM,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;AAC/B,YAAA,GAAG,CAAC,OAAO,GAAG,MAAM;AACpB,YAAA,GAAG,CAAC,GAAG,GAAG,GAAG;AACf,QAAA,CAAC,CAAC;IACJ;AAEQ,IAAA,MAAM,sBAAsB,GAAA;AAClC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE;AAC/B,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE;QAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,QAAA,MAAM,CAAC,KAAK,GAAG,CAAC;AAChB,QAAA,MAAM,CAAC,MAAM,GAAG,CAAC;QACjB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,IAAI;AACF,YAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjD,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE;YAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE;YAEhD,GAAG,CAAC,IAAI,EAAE;AACV,YAAA,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC;AAC3C,YAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE;;YAG9B,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC;YAC3B,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC;AAC3B,YAAA,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;;AAG1C,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;AAClB,gBAAA,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,gBAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE;AAC5B,gBAAA,GAAG,CAAC,SAAS,GAAG,QAAQ;AACxB,gBAAA,GAAG,CAAC,YAAY,GAAG,QAAQ;AAE3B,gBAAA,IAAI,KAAK,GAAG,CAAC,GAAG,CAAC;AACjB,gBAAA,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,KAAK,EAAE;AAClC,oBAAA,KAAK,GAAG,IAAI,GAAG,EAAE;gBACnB;AAAO,qBAAA,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,QAAQ,EAAE;AAC5C,oBAAA,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;gBAC1B;AAEA,gBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;YAC5C;YAEA,GAAG,CAAC,OAAO,EAAE;YACb,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;QAC9C;AAAE,QAAA,MAAM;;YAEN,IAAI,CAAC,iBAAiB,EAAE;QAC1B;IACF;IAEQ,iBAAiB,GAAA;AACvB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE;AAC/B,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE;QAEhC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,QAAA,MAAM,CAAC,KAAK,GAAG,CAAC;AAChB,QAAA,MAAM,CAAC,MAAM,GAAG,CAAC;QAEjB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,GAAG,CAAC,IAAI,EAAE;AACV,QAAA,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC;AAC3C,QAAA,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE;AAC5B,QAAA,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE;AAC9B,QAAA,GAAG,CAAC,SAAS,GAAG,QAAQ;AACxB,QAAA,GAAG,CAAC,YAAY,GAAG,QAAQ;AAC3B,QAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QAC1C,GAAG,CAAC,OAAO,EAAE;AAEb,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,EAAE;AAClC,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC;IACnC;iIA9HW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,8FCnBhC,kdAUM,EAAA,MAAA,EAAA,CAAA,+NAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDSO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,aAAA,EAGI,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kdAAA,EAAA,MAAA,EAAA,CAAA,+NAAA,CAAA,EAAA;;;MEVpC,gBAAgB,CAAA;iIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAhB,gBAAgB,EAAA,OAAA,EAAA,CAFjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CADnB,mBAAmB,CAAA,EAAA,CAAA,CAAA;kIAGlB,gBAAgB,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE,CAAC,mBAAmB;AAC9B,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-watermark.mjs","sources":["../../../../lib/ng-nest/ui/watermark/watermark.property.ts","../../../../lib/ng-nest/ui/watermark/watermark.component.ts","../../../../lib/ng-nest/ui/watermark/watermark.component.html","../../../../lib/ng-nest/ui/watermark/watermark.module.ts","../../../../lib/ng-nest/ui/watermark/ng-nest-ui-watermark.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XToNumber, XToBoolean, XPropertyFunction } from '@ng-nest/ui/core';\r\nimport type { XNumber, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Watermark\r\n * @selector x-watermark\r\n * @decorator component\r\n */\r\nexport const XWatermarkPrefix = 'x-watermark';\r\nconst X_WATERMARK_CONFIG_NAME = 'watermark';\r\n\r\n/**\r\n * Watermark Property\r\n */\r\n@Component({ selector: `${XWatermarkPrefix}-property`, template: '' })\r\nexport class XWatermarkProperty extends XPropertyFunction(X_WATERMARK_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 水印内容\r\n   * @en_US Watermark content\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark content=\"NG-NEST\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly content = input<string>('');\r\n  /**\r\n   * @zh_CN 水印宽度\r\n   * @en_US Watermark width\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [width]=\"120\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly width = input<number, XNumber>(this.config?.width ?? 120, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 水印高度\r\n   * @en_US Watermark height\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [height]=\"60\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly height = input<number, XNumber>(this.config?.height ?? 60, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 旋转角度\r\n   * @en_US Rotation angle\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [rotate]=\"-22\"></x-watermark>\r\n   * <x-watermark [rotate]=\"0\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly rotate = input<number, XNumber>(this.config?.rotate ?? -22, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 字体大小\r\n   * @en_US Font size\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [fontSize]=\"14\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly fontSize = input<number, XNumber>(this.config?.fontSize ?? 14, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 字体\r\n   * @en_US Font family\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark fontFamily=\"Varela Round\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly fontFamily = input<string>(this.config?.fontFamily ?? 'Varela Round');\r\n  /**\r\n   * @zh_CN 字体颜色\r\n   * @en_US Font color\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark color=\"rgba(0, 0, 0, 0.12)\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly color = input<string>(this.config?.color ?? 'rgba(0, 0, 0, 0.12)');\r\n  /**\r\n   * @zh_CN 层级\r\n   * @en_US Z-index\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [zIndex]=\"9999\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly zIndex = input<number, XNumber>(this.config?.zIndex ?? 9999, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 透明度\r\n   * @en_US Opacity\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [alpha]=\"1\"></x-watermark>\r\n   * <x-watermark [alpha]=\"0.5\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly alpha = input<number, XNumber>(this.config?.alpha ?? 1, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 水平间距\r\n   * @en_US Horizontal gap\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [gapX]=\"100\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly gapX = input<number, XNumber>(this.config?.gapX ?? 100, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 垂直间距\r\n   * @en_US Vertical gap\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [gapY]=\"100\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly gapY = input<number, XNumber>(this.config?.gapY ?? 100, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 水平偏移\r\n   * @en_US Horizontal offset\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [offsetLeft]=\"0\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly offsetLeft = input<number, XNumber>(this.config?.offsetLeft ?? 0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 垂直偏移\r\n   * @en_US Vertical offset\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [offsetTop]=\"0\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly offsetTop = input<number, XNumber>(this.config?.offsetTop ?? 0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 是否交错显示\r\n   * @en_US Whether to stagger display\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [striped]=\"true\"></x-watermark>\r\n   * <x-watermark [striped]=\"false\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly striped = input<boolean, XBoolean>(this.config?.striped ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 是否禁用\r\n   * @en_US Whether to disable\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [disabled]=\"true\"></x-watermark>\r\n   * <x-watermark [disabled]=\"false\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly disabled = input<boolean, XBoolean>(this.config?.disabled ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 图片/图标 URL\r\n   * @en_US Image/icon URL\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark imageSrc=\"/assets/logo.png\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imageSrc = input<string>('');\r\n  /**\r\n   * @zh_CN 图片宽度\r\n   * @en_US Image width\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [imageWidth]=\"40\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imageWidth = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 图片高度\r\n   * @en_US Image height\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark [imageHeight]=\"40\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imageHeight = input<number, XNumber>(0, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 图片相对文本的位置\r\n   * @en_US Image position relative to text\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-watermark imagePosition=\"top\"></x-watermark>\r\n   * <x-watermark imagePosition=\"center\"></x-watermark>\r\n   * <x-watermark imagePosition=\"bottom\"></x-watermark>\r\n   * ```\r\n   *\r\n   */\r\n  readonly imagePosition = input<XWatermarkImagePosition>('center');\r\n}\r\n\r\n/**\r\n * @zh_CN 图片相对文本的位置\r\n * @en_US Image position relative to text\r\n */\r\nexport type XWatermarkImagePosition = 'top' | 'center' | 'bottom';\r\n","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  computed,\n  signal,\n  AfterViewInit,\n  OnDestroy\n} from '@angular/core';\nimport { XWatermarkProperty, XWatermarkPrefix } from './watermark.property';\n\n@Component({\n  selector: XWatermarkPrefix,\n  imports: [],\n  templateUrl: './watermark.component.html',\n  styleUrls: ['./watermark.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class XWatermarkComponent extends XWatermarkProperty implements AfterViewInit, OnDestroy {\n  backgroundImage = signal<string>('');\n\n  private font = computed(() => {\n    return `${this.fontSize()}px ${this.fontFamily()}`;\n  });\n\n  private textWidth = computed(() => {\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      ctx.font = this.font();\n      return ctx.measureText(this.content()).width;\n    }\n    return this.width();\n  });\n\n  watermarkWidth = computed(() => {\n    const imgW = this.imageSrc() && this.imageWidth() ? this.imageWidth() : this.textWidth();\n    return Math.max(imgW, this.textWidth()) + this.gapX();\n  });\n  \n  watermarkHeight = computed(() => {\n    const imgH = this.imageSrc() && this.imageHeight() ? this.imageHeight() : this.height();\n    return Math.max(imgH, this.height()) + this.gapY();\n  });\n\n  constructor() {\n    super();\n  }\n\n  ngAfterViewInit() {\n    this.createWatermark();\n  }\n\n  ngOnDestroy() {}\n\n  private createWatermark() {\n    if (this.imageSrc()) {\n      this.drawWatermarkWithImage();\n    } else {\n      this.drawWatermarkText();\n    }\n  }\n\n  private loadImage(src: string): Promise<HTMLImageElement> {\n    return new Promise((resolve, reject) => {\n      const img = new Image();\n      img.crossOrigin = 'anonymous';\n      img.onload = () => resolve(img);\n      img.onerror = reject;\n      img.src = src;\n    });\n  }\n\n  private async drawWatermarkWithImage() {\n    const w = this.watermarkWidth();\n    const h = this.watermarkHeight();\n    const canvas = document.createElement('canvas');\n    canvas.width = w;\n    canvas.height = h;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    try {\n      const img = await this.loadImage(this.imageSrc());\n      const imgW = this.imageWidth() || this.width();\n      const imgH = this.imageHeight() || this.height();\n      \n      ctx.save();\n      ctx.rotate((this.rotate() * Math.PI) / 180);\n      ctx.globalAlpha = this.alpha();\n      \n      // 绘制图片\n      const imgX = (w - imgW) / 2;\n      const imgY = (h - imgH) / 2;\n      ctx.drawImage(img, imgX, imgY, imgW, imgH);\n      \n      // 绘制文本\n      if (this.content()) {\n        ctx.font = this.font();\n        ctx.fillStyle = this.color();\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'middle';\n        \n        let textY = h / 2;\n        if (this.imagePosition() === 'top') {\n          textY = imgY - 10;\n        } else if (this.imagePosition() === 'bottom') {\n          textY = imgY + imgH + 10;\n        }\n        \n        ctx.fillText(this.content(), w / 2, textY);\n      }\n      \n      ctx.restore();\n      this.backgroundImage.set(canvas.toDataURL());\n    } catch {\n      // 图片加载失败，降级为纯文本\n      this.drawWatermarkText();\n    }\n  }\n\n  private drawWatermarkText() {\n    const w = this.watermarkWidth();\n    const h = this.watermarkHeight();\n\n    const canvas = document.createElement('canvas');\n    canvas.width = w;\n    canvas.height = h;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    ctx.save();\n    ctx.rotate((this.rotate() * Math.PI) / 180);\n    ctx.font = this.font();\n    ctx.fillStyle = this.color();\n    ctx.globalAlpha = this.alpha();\n    ctx.textAlign = 'center';\n    ctx.textBaseline = 'middle';\n    ctx.fillText(this.content(), w / 2, h / 2);\n    ctx.restore();\n\n    const dataUrl = canvas.toDataURL();\n    this.backgroundImage.set(dataUrl);\n  }\n}\n","<div\n  class=\"x-watermark\"\n  [class.x-watermark-disabled]=\"disabled()\"\n  [style.z-index]=\"zIndex()\"\n  [style.background-image]=\"backgroundImage() ? 'url(' + backgroundImage() + ')' : 'none'\"\n  [style.background-repeat]=\"'repeat'\"\n  [style.background-size]=\"watermarkWidth() + 'px ' + watermarkHeight() + 'px'\"\n  [style.background-position]=\"offsetLeft() + 'px ' + offsetTop() + 'px'\"\n>\n  <ng-content></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { XWatermarkComponent } from './watermark.component';\n\n@NgModule({\n  exports: [XWatermarkComponent],\n  imports: [XWatermarkComponent]\n})\nexport class XWatermarkModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -20,32 +20,37 @@ class XWelcomeProperty extends XPropertyFunction(X_WELCOME_CONFIG_NAME) {
          * @zh_CN 显示图标，支持自定义模板
          * @en_US Display icon, support custom template
          */
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.icon = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 显示标题，支持自定义模板
          * @en_US Display title, support custom template
          */
-        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+        this.title = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 描述文字，支持自定义模板
          * @en_US Display text
          */
-        this.description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : []));
+        this.description = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "description" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 形态变体
          * @en_US Variant
          */
-        this.variant = input(this.config?.variant ?? 'outlined', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.variant = input(this.config?.variant ?? 'outlined', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
         /**
          * @zh_CN 自定义样式
          * @en_US Custom style
          */
-        this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
+        this.style = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: XWelcomeProperty, isStandalone: true, selector: "x-welcome-property", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XWelcomeProperty, isStandalone: true, selector: "x-welcome-property", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XWelcomePrefix}-property`, template: '' }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
@@ -53,22 +58,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
 class XWelcomeComponent extends XWelcomeProperty {
     constructor() {
         super(...arguments);
-        this.isStringIcon = computed(() => XIsString(this.icon()), ...(ngDevMode ? [{ debugName: "isStringIcon" }] : []));
+        this.isStringIcon = computed(() => XIsString(this.icon()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isStringIcon" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XWelcomeComponent, isStandalone: true, selector: "x-welcome", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-welcome\"\r\n  [class.x-welcome-outlined]=\"variant() === 'outlined'\"\r\n  [class.x-welcome-filled]=\"variant() === 'filled'\"\r\n  [class.x-welcome-borderless]=\"variant() === 'borderless'\"\r\n  [style]=\"style()\"\r\n>\r\n  <div class=\"x-welcome-icon\">\r\n    @if (isStringIcon()) {\r\n      <img alt=\"icon\" [src]=\"icon()\" />\r\n    } @else {\r\n      <ng-container *xOutlet=\"icon()!\"></ng-container>\r\n    }\r\n  </div>\r\n  <div class=\"x-welcome-wrapper\">\r\n    <span class=\"x-welcome-title\">\r\n      <ng-container *xOutlet=\"title()\">{{ title() }}</ng-container>\r\n    </span>\r\n    <p class=\"x-welcome-description\">\r\n      <ng-container *xOutlet=\"description()\">{{ description() }}</ng-container>\r\n    </p>\r\n  </div>\r\n</div>\r\n", styles: [".x-welcome{margin:0;padding:0}.x-welcome{width:100%;display:flex;gap:1rem;padding:1rem;border:var(--x-border-width) solid transparent;border-radius:var(--x-border-radius)}.x-welcome-icon img{max-width:6rem}.x-welcome-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.x-welcome-title{margin:0;font-size:var(--x-font-size-large)}.x-welcome-outlined{border-color:var(--x-border)}.x-welcome-filled{background-color:var(--x-background-a200);border-color:var(--x-background-a200)}.x-welcome-borderless{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XWelcomeComponent, isStandalone: true, selector: "x-welcome", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-welcome\"\r\n  [class.x-welcome-outlined]=\"variant() === 'outlined'\"\r\n  [class.x-welcome-filled]=\"variant() === 'filled'\"\r\n  [class.x-welcome-borderless]=\"variant() === 'borderless'\"\r\n  [style]=\"style()\"\r\n>\r\n  <div class=\"x-welcome-icon\">\r\n    @if (isStringIcon()) {\r\n      <img alt=\"icon\" [src]=\"icon()\" />\r\n    } @else {\r\n      <ng-container *xOutlet=\"icon()!\"></ng-container>\r\n    }\r\n  </div>\r\n  <div class=\"x-welcome-wrapper\">\r\n    <span class=\"x-welcome-title\">\r\n      <ng-container *xOutlet=\"title()\">{{ title() }}</ng-container>\r\n    </span>\r\n    <p class=\"x-welcome-description\">\r\n      <ng-container *xOutlet=\"description()\">{{ description() }}</ng-container>\r\n    </p>\r\n  </div>\r\n</div>\r\n", styles: [".x-welcome{margin:0;padding:0}.x-welcome{width:100%;display:flex;gap:1rem;padding:1rem;border:var(--x-border-width) solid transparent;border-radius:var(--x-border-radius)}.x-welcome-icon img{max-width:6rem}.x-welcome-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.x-welcome-title{margin:0;font-size:var(--x-font-size-large)}.x-welcome-outlined{border-color:var(--x-border)}.x-welcome-filled{background-color:var(--x-background-a200);border-color:var(--x-background-a200)}.x-welcome-borderless{border-color:transparent}\n"], dependencies: [{ kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-welcome', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [XOutletDirective], template: "<div\r\n  class=\"x-welcome\"\r\n  [class.x-welcome-outlined]=\"variant() === 'outlined'\"\r\n  [class.x-welcome-filled]=\"variant() === 'filled'\"\r\n  [class.x-welcome-borderless]=\"variant() === 'borderless'\"\r\n  [style]=\"style()\"\r\n>\r\n  <div class=\"x-welcome-icon\">\r\n    @if (isStringIcon()) {\r\n      <img alt=\"icon\" [src]=\"icon()\" />\r\n    } @else {\r\n      <ng-container *xOutlet=\"icon()!\"></ng-container>\r\n    }\r\n  </div>\r\n  <div class=\"x-welcome-wrapper\">\r\n    <span class=\"x-welcome-title\">\r\n      <ng-container *xOutlet=\"title()\">{{ title() }}</ng-container>\r\n    </span>\r\n    <p class=\"x-welcome-description\">\r\n      <ng-container *xOutlet=\"description()\">{{ description() }}</ng-container>\r\n    </p>\r\n  </div>\r\n</div>\r\n", styles: [".x-welcome{margin:0;padding:0}.x-welcome{width:100%;display:flex;gap:1rem;padding:1rem;border:var(--x-border-width) solid transparent;border-radius:var(--x-border-radius)}.x-welcome-icon img{max-width:6rem}.x-welcome-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.x-welcome-title{margin:0;font-size:var(--x-font-size-large)}.x-welcome-outlined{border-color:var(--x-border)}.x-welcome-filled{background-color:var(--x-background-a200);border-color:var(--x-background-a200)}.x-welcome-borderless{border-color:transparent}\n"] }]
         }] });
 
 class XWelcomeModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeModule, imports: [XWelcomeComponent], exports: [XWelcomeComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeModule, imports: [XWelcomeComponent], exports: [XWelcomeComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: XWelcomeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XWelcomeModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XWelcomeComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-welcome.mjs","sources":["../../../../lib/ng-nest/ui/welcome/welcome.property.ts","../../../../lib/ng-nest/ui/welcome/welcome.component.ts","../../../../lib/ng-nest/ui/welcome/welcome.component.html","../../../../lib/ng-nest/ui/welcome/welcome.module.ts","../../../../lib/ng-nest/ui/welcome/ng-nest-ui-welcome.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XStyle, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Welcome\r\n * @selector x-welcome\r\n * @decorator component\r\n */\r\nexport const XWelcomePrefix = 'x-welcome';\r\nconst X_WELCOME_CONFIG_NAME = 'welcome';\r\n\r\n/**\r\n * Welcome Property\r\n */\r\n@Component({ selector: `${XWelcomePrefix}-property`, template: '' })\r\nexport class XWelcomeProperty extends XPropertyFunction(X_WELCOME_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 显示图标，支持自定义模板\r\n   * @en_US Display icon, support custom template\r\n   */\r\n  readonly icon = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 显示标题，支持自定义模板\r\n   * @en_US Display title, support custom template\r\n   */\r\n  readonly title = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 描述文字，支持自定义模板\r\n   * @en_US Display text\r\n   */\r\n  readonly description = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Variant\r\n   */\r\n  readonly variant = input<XWelcomeVariant>(this.config?.variant ?? 'outlined');\r\n  /**\r\n   * @zh_CN 自定义样式\r\n   * @en_US Custom style\r\n   */\r\n  readonly style = input<XStyle>();\r\n}\r\n\r\n/**\r\n * @zh_CN 形态变体\r\n * @en_US Box variant\r\n */\r\nexport type XWelcomeVariant = 'outlined' | 'filled' | 'borderless';\r\n","import { ChangeDetectionStrategy, Component, computed, ViewEncapsulation } from '@angular/core';\r\nimport { XWelcomeProperty } from './welcome.property';\r\nimport { XIsString } from '@ng-nest/ui/core';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\n\r\n@Component({\r\n  selector: 'x-welcome',\r\n  templateUrl: './welcome.component.html',\r\n  styleUrls: ['./welcome.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [XOutletDirective]\r\n})\r\nexport class XWelcomeComponent extends XWelcomeProperty {\r\n  isStringIcon = computed(() => XIsString(this.icon()));\r\n}\r\n","<div\r\n  class=\"x-welcome\"\r\n  [class.x-welcome-outlined]=\"variant() === 'outlined'\"\r\n  [class.x-welcome-filled]=\"variant() === 'filled'\"\r\n  [class.x-welcome-borderless]=\"variant() === 'borderless'\"\r\n  [style]=\"style()\"\r\n>\r\n  <div class=\"x-welcome-icon\">\r\n    @if (isStringIcon()) {\r\n      <img alt=\"icon\" [src]=\"icon()\" />\r\n    } @else {\r\n      <ng-container *xOutlet=\"icon()!\"></ng-container>\r\n    }\r\n  </div>\r\n  <div class=\"x-welcome-wrapper\">\r\n    <span class=\"x-welcome-title\">\r\n      <ng-container *xOutlet=\"title()\">{{ title() }}</ng-container>\r\n    </span>\r\n    <p class=\"x-welcome-description\">\r\n      <ng-container *xOutlet=\"description()\">{{ description() }}</ng-container>\r\n    </p>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XWelcomeComponent } from './welcome.component';\r\n\r\n@NgModule({\r\n  exports: [XWelcomeComponent],\r\n  imports: [XWelcomeComponent]\r\n})\r\nexport class XWelcomeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-welcome.mjs","sources":["../../../../lib/ng-nest/ui/welcome/welcome.property.ts","../../../../lib/ng-nest/ui/welcome/welcome.component.ts","../../../../lib/ng-nest/ui/welcome/welcome.component.html","../../../../lib/ng-nest/ui/welcome/welcome.module.ts","../../../../lib/ng-nest/ui/welcome/ng-nest-ui-welcome.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XStyle, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Welcome\r\n * @selector x-welcome\r\n * @decorator component\r\n */\r\nexport const XWelcomePrefix = 'x-welcome';\r\nconst X_WELCOME_CONFIG_NAME = 'welcome';\r\n\r\n/**\r\n * Welcome Property\r\n */\r\n@Component({ selector: `${XWelcomePrefix}-property`, template: '' })\r\nexport class XWelcomeProperty extends XPropertyFunction(X_WELCOME_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 显示图标，支持自定义模板\r\n   * @en_US Display icon, support custom template\r\n   */\r\n  readonly icon = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 显示标题，支持自定义模板\r\n   * @en_US Display title, support custom template\r\n   */\r\n  readonly title = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 描述文字，支持自定义模板\r\n   * @en_US Display text\r\n   */\r\n  readonly description = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 形态变体\r\n   * @en_US Variant\r\n   */\r\n  readonly variant = input<XWelcomeVariant>(this.config?.variant ?? 'outlined');\r\n  /**\r\n   * @zh_CN 自定义样式\r\n   * @en_US Custom style\r\n   */\r\n  readonly style = input<XStyle>();\r\n}\r\n\r\n/**\r\n * @zh_CN 形态变体\r\n * @en_US Box variant\r\n */\r\nexport type XWelcomeVariant = 'outlined' | 'filled' | 'borderless';\r\n","import { ChangeDetectionStrategy, Component, computed, ViewEncapsulation } from '@angular/core';\r\nimport { XWelcomeProperty } from './welcome.property';\r\nimport { XIsString } from '@ng-nest/ui/core';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\n\r\n@Component({\r\n  selector: 'x-welcome',\r\n  templateUrl: './welcome.component.html',\r\n  styleUrls: ['./welcome.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [XOutletDirective]\r\n})\r\nexport class XWelcomeComponent extends XWelcomeProperty {\r\n  isStringIcon = computed(() => XIsString(this.icon()));\r\n}\r\n","<div\r\n  class=\"x-welcome\"\r\n  [class.x-welcome-outlined]=\"variant() === 'outlined'\"\r\n  [class.x-welcome-filled]=\"variant() === 'filled'\"\r\n  [class.x-welcome-borderless]=\"variant() === 'borderless'\"\r\n  [style]=\"style()\"\r\n>\r\n  <div class=\"x-welcome-icon\">\r\n    @if (isStringIcon()) {\r\n      <img alt=\"icon\" [src]=\"icon()\" />\r\n    } @else {\r\n      <ng-container *xOutlet=\"icon()!\"></ng-container>\r\n    }\r\n  </div>\r\n  <div class=\"x-welcome-wrapper\">\r\n    <span class=\"x-welcome-title\">\r\n      <ng-container *xOutlet=\"title()\">{{ title() }}</ng-container>\r\n    </span>\r\n    <p class=\"x-welcome-description\">\r\n      <ng-container *xOutlet=\"description()\">{{ description() }}</ng-container>\r\n    </p>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XWelcomeComponent } from './welcome.component';\r\n\r\n@NgModule({\r\n  exports: [XWelcomeComponent],\r\n  imports: [XWelcomeComponent]\r\n})\r\nexport class XWelcomeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAGA;;;;AAIG;AACI,MAAM,cAAc,GAAG;AAC9B,MAAM,qBAAqB,GAAG,SAAS;AAEvC;;AAEG;MAEU,gBAAiB,SAAQ,iBAAiB,CAAC,qBAAqB,CAAC,CAAA;AAD9E,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK;4FAAa;AAClC;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAa;AACnC;;;AAGG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK;mGAAa;AACzC;;;AAGG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,UAAU;oFAAC;AAC7E;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAU;AACjC,IAAA;iIA1BY,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,8tBADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FACpD,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAA,EAAG,cAAc,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;;;ACD7D,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AARvD,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;yFAAC;AACtD,IAAA;iIAFY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb9B,oxBAuBA,EAAA,MAAA,EAAA,CAAA,whBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDZY,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;+BACE,WAAW,EAAA,aAAA,EAGN,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,oxBAAA,EAAA,MAAA,EAAA,CAAA,whBAAA,CAAA,EAAA;;;MEJhB,cAAc,CAAA;iIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAd,cAAc,EAAA,OAAA,EAAA,CAFf,iBAAiB,CAAA,EAAA,OAAA,EAAA,CADjB,iBAAiB,CAAA,EAAA,CAAA,CAAA;kIAGhB,cAAc,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,iBAAiB;AAC5B,iBAAA;;;ACND;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "21.0.13",
+  "version": "22.0.1",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -15,12 +15,12 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@angular/cdk": "^21.0.0"
+    "@angular/cdk": "^22.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/forms": "^21.0.0"
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/forms": "^22.0.0"
   },
   "module": "fesm2022/ng-nest-ui.mjs",
   "typings": "types/ng-nest-ui.d.ts",
@@ -433,5 +433,6 @@
       "default": "./fesm2022/ng-nest-ui-welcome.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/types/ng-nest-ui-base-form.d.ts

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, Type, ChangeDetectorRef } from '@angular/core';
+import { TemplateRef, ChangeDetectorRef, Type } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XAlign, XJustify, XDirection, XSize, XProperty, XBoolean, XTemplate, XNumber, XComponentConfigKey } from '@ng-nest/ui/core';
+import { XProperty, XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XComponentConfigKey } from '@ng-nest/ui/core';
 import * as rxjs from 'rxjs';
-import { ControlValueAccessor, ValidatorFn } from '@angular/forms';
+import { ValidatorFn, ControlValueAccessor } from '@angular/forms';
 
 /**
  * 表单对象共有的参数

package/types/ng-nest-ui-carousel.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, SimpleChanges, OnInit, OnDestroy } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XNumber, XTrigger, XShadow, XDisplayDirection, XBoolean, XProperty } from '@ng-nest/ui/core';
+import { XShadow, XNumber, XTrigger, XDisplayDirection, XBoolean, XProperty } from '@ng-nest/ui/core';
 import { Subscription, Subject } from 'rxjs';
 
 /**

package/types/ng-nest-ui-container.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnInit } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XDirection, XNumber } from '@ng-nest/ui/core';
+import { XNumber, XDirection } from '@ng-nest/ui/core';
 
 /**
  * Container

package/types/ng-nest-ui-core.d.ts

@@ -2,7 +2,7 @@ import { Observable, Subject, BehaviorSubject } from 'rxjs';
 import * as i0 from '@angular/core';
 import { TemplateRef, SimpleChange, InputSignal, WritableSignal, Renderer2, InjectionToken, RendererFactory2 } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { DetachedRouteHandle, RouteReuseStrategy, ActivatedRouteSnapshot, PreloadingStrategy, Route } from '@angular/router';
+import { RouteReuseStrategy, DetachedRouteHandle, ActivatedRouteSnapshot, PreloadingStrategy, Route } from '@angular/router';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import { Platform } from '@angular/cdk/platform';
 import * as _angular_platform_browser from '@angular/platform-browser';

package/types/ng-nest-ui-dialog.d.ts

@@ -3,7 +3,7 @@ import { Subscription, Subject } from 'rxjs';
 import * as _angular_core from '@angular/core';
 import { ViewContainerRef, ComponentRef, EmbeddedViewRef, EventEmitter, InjectionToken, OnInit, AfterViewInit, TemplateRef, Renderer2, ChangeDetectorRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XTemplate, XPlace, XNumber, XStatus, XBoolean, XEffect, XProperty, XConfigService, XDialogConfig } from '@ng-nest/ui/core';
+import { XPlace, XTemplate, XNumber, XStatus, XBoolean, XEffect, XProperty, XConfigService, XDialogConfig } from '@ng-nest/ui/core';
 import { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';
 import * as i1 from '@angular/cdk/drag-drop';
 import { CdkDragEnd, CdkDrag } from '@angular/cdk/drag-drop';

package/types/ng-nest-ui-drawer.d.ts

@@ -1,7 +1,7 @@
 import * as rxjs from 'rxjs';
 import { Subscription } from 'rxjs';
 import * as i0 from '@angular/core';
-import { InjectionToken, ViewContainerRef, AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
+import { ViewContainerRef, InjectionToken, AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XPosition, XTemplate, XNumber, XBoolean, XProperty, XDrawerConfig } from '@ng-nest/ui/core';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';

package/types/ng-nest-ui-form.d.ts

@@ -2,24 +2,24 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, InputSignal, InputSignalWithTransform, OnChanges, AfterViewInit, SimpleChanges, OnInit, OnDestroy, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XIdentity } from '@ng-nest/ui/core';
+import { XIdentity, XBoolean, XNumber } from '@ng-nest/ui/core';
 import { UntypedFormGroup, UntypedFormControl, FormControlStatus } from '@angular/forms';
-import { XInputOption, XInputComponent } from '@ng-nest/ui/input';
-import { XSelectOption, XSelectComponent } from '@ng-nest/ui/select';
+import { XInputComponent, XInputOption } from '@ng-nest/ui/input';
+import { XSelectComponent, XSelectOption } from '@ng-nest/ui/select';
 import { XCascadeOption, XCascadeComponent } from '@ng-nest/ui/cascade';
 import { XCheckboxOption, XCheckboxComponent } from '@ng-nest/ui/checkbox';
 import { XColorPickerOption, XColorPickerComponent } from '@ng-nest/ui/color-picker';
-import { XDatePickerOption, XDatePickerComponent } from '@ng-nest/ui/date-picker';
-import { XInputNumberOption, XInputNumberComponent } from '@ng-nest/ui/input-number';
-import { XRadioOption, XRadioComponent } from '@ng-nest/ui/radio';
-import { XRateOption, XRateComponent } from '@ng-nest/ui/rate';
-import { XSliderSelectOption, XSliderSelectComponent } from '@ng-nest/ui/slider-select';
-import { XSwitchOption, XSwitchComponent } from '@ng-nest/ui/switch';
-import { XTimePickerOption, XTimePickerComponent } from '@ng-nest/ui/time-picker';
+import { XDatePickerComponent, XDatePickerOption } from '@ng-nest/ui/date-picker';
+import { XInputNumberComponent, XInputNumberOption } from '@ng-nest/ui/input-number';
+import { XRadioComponent, XRadioOption } from '@ng-nest/ui/radio';
+import { XRateComponent, XRateOption } from '@ng-nest/ui/rate';
+import { XSliderSelectComponent, XSliderSelectOption } from '@ng-nest/ui/slider-select';
+import { XSwitchComponent, XSwitchOption } from '@ng-nest/ui/switch';
+import { XTimePickerComponent, XTimePickerOption } from '@ng-nest/ui/time-picker';
 import { XTextareaComponent, XTextareaOption } from '@ng-nest/ui/textarea';
-import { XFindOption, XFindComponent } from '@ng-nest/ui/find';
+import { XFindComponent, XFindOption } from '@ng-nest/ui/find';
 import { XFormOption } from '@ng-nest/ui/base-form';
-import { XAutoCompleteComponent, XAutoCompleteOption } from '@ng-nest/ui/auto-complete';
+import { XAutoCompleteOption, XAutoCompleteComponent } from '@ng-nest/ui/auto-complete';
 import { XI18nForm } from '@ng-nest/ui/i18n';
 import { Portal, ComponentPortal, CdkPortalOutlet } from '@angular/cdk/portal';
 

package/types/ng-nest-ui-layout.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XNumber, XJustify, XAlign, XBoolean } from '@ng-nest/ui/core';
+import { XNumber, XBoolean, XJustify, XAlign } from '@ng-nest/ui/core';
 
 /**
  * Row

package/types/ng-nest-ui-list.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, ElementRef, OnChanges, QueryList, SimpleChanges, InjectionToken, OnDestroy } from '@angular/core';
+import { TemplateRef, ElementRef, OnChanges, QueryList, SimpleChanges, OnDestroy, InjectionToken } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subscription } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';

package/types/ng-nest-ui-portal.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewContainerRef, ComponentRef, EmbeddedViewRef, Injector, StaticProvider, ElementRef } from '@angular/core';
-import { ComponentType, TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
-import { ConnectedPosition, OverlayConfig, OverlayRef, Overlay, PositionStrategy } from '@angular/cdk/overlay';
+import { ComponentRef, EmbeddedViewRef, TemplateRef, ViewContainerRef, Injector, StaticProvider, ElementRef } from '@angular/core';
+import { TemplatePortal, ComponentPortal, ComponentType } from '@angular/cdk/portal';
+import { ConnectedPosition, OverlayRef, OverlayConfig, Overlay, PositionStrategy } from '@angular/cdk/overlay';
 import { XPlace, XPlacement, XPosition } from '@ng-nest/ui/core';
 
 declare class XPortalModule {

package/types/ng-nest-ui-table-view.d.ts

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { ElementRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import * as i1 from '@angular/cdk/table';
-import { CdkTable, CdkCellDef, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDef, CdkHeaderCell, CdkFooterCell, CdkCell, CdkHeaderRowDef, CdkFooterRowDef, CdkRowDef, CdkHeaderRow, CdkFooterRow, CdkRow, CdkNoDataRow, CdkTextColumn } from '@angular/cdk/table';
+import { CdkTable, CdkColumnDef, CdkFooterCell, CdkFooterCellDef, CdkHeaderCell, CdkHeaderCellDef, CdkCell, CdkCellDef, CdkFooterRow, CdkFooterRowDef, CdkHeaderRow, CdkHeaderRowDef, CdkNoDataRow, CdkRow, CdkRowDef, CdkTextColumn } from '@angular/cdk/table';
 
 /**
  * Table view

package/types/ng-nest-ui-table.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef, InputSignal, WritableSignal, ElementRef, OutputEmitterRef, InputSignalWithTransform, Signal, OnInit, ChangeDetectorRef, AfterViewInit, AfterViewChecked, Renderer2, OnDestroy, SimpleChanges, SimpleChange } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XData, XParentIdentityProperty, XIdentityProperty, XTextAlign, XNumber, XBoolean, XTemplate, XSort, XSize, XQuery, XDataArray, XProperty } from '@ng-nest/ui/core';
+import { XProperty, XParentIdentityProperty, XIdentityProperty, XTextAlign, XNumber, XBoolean, XTemplate, XData, XSort, XSize, XQuery, XDataArray } from '@ng-nest/ui/core';
 import { XPaginationInputIndexSizeSureType, XPaginationComponent } from '@ng-nest/ui/pagination';
 import { XSelectNode } from '@ng-nest/ui/select';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';

package/types/ng-nest-ui-tabs.d.ts

@@ -1,5 +1,5 @@
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XIdentityProperty, XDataArray, XJustify, XTrigger, XBoolean, XSize, XNumber, XTemplate, XConfigService } from '@ng-nest/ui/core';
+import { XIdentityProperty, XTemplate, XBoolean, XDataArray, XJustify, XTrigger, XSize, XNumber, XConfigService } from '@ng-nest/ui/core';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { XSliderComponent } from '@ng-nest/ui/slider';

package/types/ng-nest-ui-tree.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef, WritableSignal, InputSignalWithTransform, ModelSignal, OutputEmitterRef, InputSignal, ElementRef, OnChanges, Renderer2, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XData, XParentIdentityProperty, XAlign, XBoolean, XNumber, XIdentityProperty, XProperty } from '@ng-nest/ui/core';
+import { XIdentityProperty, XData, XParentIdentityProperty, XAlign, XBoolean, XNumber, XProperty } from '@ng-nest/ui/core';
 import { CdkDragStart, CdkDragEnd, CdkDragMove, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';