@ng-nest/ui 12.0.11 → 13.0.3

package/fesm2020/ng-nest-ui-color-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-color-picker.mjs","sources":["../../../../lib/ng-nest/ui/color-picker/color-picker.property.ts","../../../../lib/ng-nest/ui/color-picker/color-picker-portal.component.ts","../../../../lib/ng-nest/ui/color-picker/color-picker-portal.component.html","../../../../lib/ng-nest/ui/color-picker/color-picker.component.ts","../../../../lib/ng-nest/ui/color-picker/color-picker.component.html","../../../../lib/ng-nest/ui/color-picker/color-picker.module.ts","../../../../lib/ng-nest/ui/color-picker/ng-nest-ui-color-picker.ts"],"sourcesContent":["import { XBoolean, XCorner, XInputBoolean, XSize, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Component, Input } from '@angular/core';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * ColorPicker\r\n * @selector x-color-picker\r\n * @decorator component\r\n */\r\nexport const XColorPickerPrefix = 'x-color-picker';\r\n\r\nconst X_CONFIG_NAME = 'colorPicker';\r\n\r\n/**\r\n * ColorPicker Property\r\n */\r\n@Component({ template: '' })\r\nexport class XColorPickerProperty extends XControlValueAccessor<string> implements XColorPickerOption {\r\n  /**\r\n   * @zh_CN 展示方位\r\n   * @en_US Display position\r\n   */\r\n  @Input() @XWithConfig<XCorner>(X_CONFIG_NAME, 'bottom-start') placement?: XCorner;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') override size!: XSize;\r\n  /**\r\n   * @zh_CN 显示边框\r\n   * @en_US Display Border\r\n   */\r\n  @Input() @XInputBoolean() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) bordered!: XBoolean;\r\n}\r\n\r\n/**\r\n * ColorPicker Option\r\n * @undocument true\r\n */\r\nexport interface XColorPickerOption extends XFormOption {\r\n  /**\r\n   * @zh_CN 展示方位\r\n   * @en_US Display position\r\n   */\r\n  placement?: XCorner;\r\n}\r\n\r\n/**\r\n * @zh_CN 颜色种类\r\n * @en_US Color type\r\n */\r\nexport type XColorType = 'hex' | 'rgba' | 'hsla';\r\n\r\n/**\r\n * ColorPicker-Portal\r\n * @selector x-color-picker-portal\r\n * @decorator component\r\n */\r\nexport const XColorPickerPortalPrefix = 'x-color-picker-portal';\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Inject,\r\n  ChangeDetectorRef,\r\n  OnInit,\r\n  ElementRef,\r\n  NgZone,\r\n  Renderer2,\r\n  OnDestroy,\r\n  ViewChild,\r\n  HostListener,\r\n  HostBinding\r\n} from '@angular/core';\r\nimport { XColorPickerPortalPrefix, XColorType } from './color-picker.property';\r\nimport { XIsEmpty, XConnectBaseAnimation, XPositionTopBottom } from '@ng-nest/ui/core';\r\nimport { XSliderSelectComponent } from '@ng-nest/ui/slider-select';\r\nimport { Subject } from 'rxjs';\r\nimport { CdkDragMove } from '@angular/cdk/drag-drop';\r\nimport { DOCUMENT, DecimalPipe, PercentPipe } from '@angular/common';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\n\r\n@Component({\r\n  selector: `${XColorPickerPortalPrefix}`,\r\n  templateUrl: './color-picker-portal.component.html',\r\n  styleUrls: ['./color-picker-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [DecimalPipe, PercentPipe],\r\n  animations: [XConnectBaseAnimation]\r\n})\r\nexport class XColorPickerPortalComponent implements OnInit, OnDestroy {\r\n  @HostBinding('@x-connect-base-animation') public placement!: XPositionTopBottom;\r\n  @HostListener('@x-connect-base-animation.done', ['$event']) done(event: { toState: any }) {\r\n    this.animating(false);\r\n    event.toState === 'void' && this.destroyPortal();\r\n  }\r\n  @HostListener('@x-connect-base-animation.start', ['$event']) start() {\r\n    this.animating(true);\r\n  }\r\n\r\n  @ViewChild('panelRef', { static: true }) panelRef!: ElementRef;\r\n  @ViewChild('plateRef', { static: true }) plateRef!: ElementRef;\r\n  @ViewChild('transparentCom', { static: true }) transparentCom!: XSliderSelectComponent;\r\n  value!: string;\r\n  transparentRail!: HTMLElement;\r\n  valueChange!: Subject<string>;\r\n  positionChange!: Subject<any>;\r\n  closePortal!: Function;\r\n  destroyPortal!: Function;\r\n  animating!: Function;\r\n  nodeEmit!: Function;\r\n  inputCom!: XInputComponent;\r\n\r\n  sliderColorNum = 0;\r\n  type!: XColorType;\r\n  offset = 0;\r\n  panel!: DOMRect;\r\n  plate!: DOMRect;\r\n  transform = { x: 0, y: 0 };\r\n  initTransform = { x: 0, y: 0 };\r\n  drag = false;\r\n\r\n  rgba: { r?: number; g?: number; b?: number; a?: number } = { a: 1 };\r\n  hsla: { h?: number; s?: number; l?: number; a?: number; sp?: string; lp?: string } = { h: 0, a: 1 };\r\n  hex!: string;\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public elementRef: ElementRef,\r\n    public renderer: Renderer2,\r\n    @Inject(DOCUMENT) public doc: any,\r\n    public ngZone: NgZone,\r\n    public cdr: ChangeDetectorRef,\r\n    public decimal: DecimalPipe,\r\n    public percent: PercentPipe\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    this.valueChange.pipe(takeUntil(this._unSubject)).subscribe((x: string) => {\r\n      this.value = x;\r\n      this.init();\r\n      this.cdr.detectChanges();\r\n    });\r\n    this.positionChange.pipe(takeUntil(this._unSubject)).subscribe((x) => {\r\n      this.placement = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n    this.init();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.panel = this.panelRef.nativeElement.getBoundingClientRect();\r\n    this.plate = this.plateRef.nativeElement.getBoundingClientRect();\r\n    this.offset = (this.panel.width - this.plate.width) / 2;\r\n    this.transparentRail = this.transparentCom.elementRef.nativeElement.querySelector('.x-slider-select-rail div');\r\n    this.setTransform();\r\n    this.setPlateBackground();\r\n    this.setRailBackground();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  hexChange() {\r\n    if (this.drag || !/(^#[0-9A-F]{6}$)/i.test(this.hex)) return;\r\n    this.rgba = this.hexToRgba(this.hex);\r\n    this.hsla = this.rgbaToHsla(this.rgba);\r\n    this.setHslaPercent();\r\n    this.setTransform();\r\n    this.setPlateBackground();\r\n    this.setValue();\r\n  }\r\n\r\n  rgbaChange() {}\r\n\r\n  init() {\r\n    if (!XIsEmpty(this.value)) {\r\n      this.value = this.value;\r\n    } else {\r\n      this.value = this.getPrimary();\r\n    }\r\n    this.colorConvert();\r\n  }\r\n\r\n  stopPropagation(event: Event): void {\r\n    event.stopPropagation();\r\n  }\r\n\r\n  setDefault() {}\r\n\r\n  colorConvert() {\r\n    if (/^#/.test(this.value)) {\r\n      this.hex = this.value;\r\n      this.rgba = this.hexToRgba(this.hex);\r\n      this.hsla = this.rgbaToHsla(this.rgba);\r\n      this.setHslaPercent();\r\n      this.type = 'hex';\r\n    } else if (/rgb/.test(this.value)) {\r\n      this.rgbaConvert(this.value);\r\n      this.hex = this.rgbaToHex(this.rgba);\r\n      this.hsla = this.rgbaToHsla(this.rgba);\r\n      this.setHslaPercent();\r\n      this.type = 'rgba';\r\n    } else if (/hsl/.test(this.value)) {\r\n      this.hslaConvert(this.value);\r\n      this.rgba = this.hslaToRgba(this.hsla);\r\n      this.hex = this.rgbaToHex(this.rgba);\r\n      this.type = 'hsla';\r\n    }\r\n  }\r\n\r\n  rgbaConvert(str: string) {\r\n    let rgba = str\r\n      .replace(/rgba?\\(/, '')\r\n      .replace(/rgb?\\(/, '')\r\n      .replace(/\\)/, '')\r\n      .replace(/[\\s+]/g, '')\r\n      .split(',');\r\n    if (rgba.length > 2) {\r\n      this.rgba = {\r\n        r: Number(rgba[0]),\r\n        g: Number(rgba[1]),\r\n        b: Number(rgba[2]),\r\n        a: Number(rgba.length > 3 ? rgba[3] : 1)\r\n      };\r\n    }\r\n  }\r\n\r\n  hslaConvert(str: string) {\r\n    let hsla = str\r\n      .replace(/hsla?\\(/, '')\r\n      .replace(/hsl?\\(/, '')\r\n      .replace(/\\)/, '')\r\n      .replace(/[\\s+]/g, '')\r\n      .split(',');\r\n    if (hsla.length > 2) {\r\n      this.hsla = {\r\n        h: Number(hsla[0]),\r\n        s: Number(hsla[1].replace('%', '')) / 100,\r\n        l: Number(hsla[2].replace('%', '')) / 100,\r\n        a: Number(hsla.length > 3 ? hsla[3] : 1)\r\n      };\r\n      this.setHslaPercent();\r\n    }\r\n  }\r\n\r\n  plateClick(event: MouseEvent) {\r\n    if (this.drag) return;\r\n    const rect = this.plateRef.nativeElement.getBoundingClientRect();\r\n    let left = event.clientX - rect.left;\r\n    let top = event.clientY - rect.top;\r\n    this.transform = { x: left - this.offset, y: top - this.offset };\r\n    this.initTransform = { x: this.transform.x, y: this.transform.y };\r\n    this.setLetfTop(left, top);\r\n  }\r\n\r\n  setTransform() {\r\n    let hsv = this.hslToHsv(this.hsla.h as number, this.hsla.s as number, this.hsla.l as number);\r\n    this.transform.x = hsv.s * this.plate.width - this.offset;\r\n    this.transform.y = (1 - hsv.v) * this.plate.height - this.offset;\r\n    this.initTransform = { x: this.transform.x, y: this.transform.y };\r\n  }\r\n\r\n  started() {\r\n    this.drag = true;\r\n  }\r\n\r\n  ended() {\r\n    this.initTransform = { x: this.transform.x, y: this.transform.y };\r\n    setTimeout(() => {\r\n      this.drag = false;\r\n    });\r\n  }\r\n\r\n  moved(drag: CdkDragMove) {\r\n    const transform = drag.source.getFreeDragPosition();\r\n    drag.source.reset();\r\n    this.transform = { x: transform.x + this.initTransform.x, y: transform.y + this.initTransform.y };\r\n    let left = this.transform.x + this.offset;\r\n    let top = this.transform.y + this.offset;\r\n    this.setLetfTop(left, top);\r\n  }\r\n\r\n  setLetfTop(left: number, top: number) {\r\n    let s = left / this.plate.width;\r\n    let v = 1 - top / this.plate.height;\r\n    let l = ((2 - s) * v) / 2;\r\n    if (l !== 0) {\r\n      if (l === 1) {\r\n        s = 0;\r\n      } else if (l < 0.5) {\r\n        s = (s * v) / (l * 2);\r\n      } else {\r\n        s = (s * v) / (2 - l * 2);\r\n      }\r\n    }\r\n    [this.hsla.s, this.hsla.l] = [Number(this.decimal.transform(s, '1.2-2')), Number(this.decimal.transform(l, '1.2-2'))];\r\n    this.setHslaPercent();\r\n    Object.assign(this.rgba, this.hslaToRgba(this.hsla));\r\n    this.hex = this.rgbaToHex(this.rgba);\r\n    this.setValue();\r\n  }\r\n\r\n  setHslaPercent() {\r\n    this.hsla.sp = this.hsla.s === 0 ? '0%' : (this.percent.transform(this.hsla.s, '1.0-0') as string);\r\n    this.hsla.lp = this.hsla.l === 0 ? '0%' : (this.percent.transform(this.hsla.l, '1.0-0') as string);\r\n  }\r\n\r\n  getPrimary() {\r\n    return getComputedStyle(this.doc.documentElement).getPropertyValue('--x-primary').trim();\r\n  }\r\n\r\n  hueChange() {\r\n    this.setPlateBackground();\r\n    Object.assign(this.rgba, this.hslaToRgba(this.hsla));\r\n    this.hex = this.rgbaToHex(this.rgba);\r\n    this.setValue();\r\n  }\r\n\r\n  setPlateBackground() {\r\n    this.renderer.setStyle(this.plateRef.nativeElement, 'background-color', `hsl(${this.hsla.h}, 100%, 50%)`);\r\n  }\r\n\r\n  setRailBackground() {\r\n    this.renderer.setStyle(\r\n      this.transparentRail,\r\n      'background',\r\n      `linear-gradient(to right, rgba(${this.rgba.r}, ${this.rgba.g}, ${this.rgba.b}, 0) 0%, rgba(${this.rgba.r}, ${this.rgba.g}, ${this.rgba.b}, 1) 100%)`\r\n    );\r\n  }\r\n\r\n  transparentChange() {\r\n    Object.assign(this.rgba, this.hslaToRgba(this.hsla));\r\n    this.hex = this.rgbaToHex(this.rgba);\r\n    this.setValue();\r\n  }\r\n\r\n  setValue() {\r\n    this.setValueByType();\r\n    this.setRailBackground();\r\n    this.nodeEmit(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setValueByType() {\r\n    if (this.type === 'hex') {\r\n      this.value = `${this.hex}`;\r\n    } else if (this.type === 'rgba') {\r\n      this.value = `rgba(${this.rgba.r}, ${this.rgba.g}, ${this.rgba.b}, ${this.rgba.a})`;\r\n    } else if (this.type === 'hsla') {\r\n      this.value = `hsla(${this.hsla.h}, ${this.hsla.sp}, ${this.hsla.lp}, ${this.hsla.a})`;\r\n    }\r\n  }\r\n\r\n  hslaToRgba(hsla: { h?: number; s?: number; l?: number; a?: number }) {\r\n    let r, g, b;\r\n    let [h, s, l] = [hsla.h as number, hsla.s as number, hsla.l as number];\r\n    if (s == 0) {\r\n      r = g = b = l;\r\n    } else {\r\n      let hue2rgb = (p: number, q: number, t: number) => {\r\n        if (t < 0) t += 1;\r\n        if (t > 1) t -= 1;\r\n        if (t < 1 / 6) return p + (q - p) * 6 * t;\r\n        if (t < 1 / 2) return q;\r\n        if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\r\n        return p;\r\n      };\r\n\r\n      let q = l < 0.5 ? l * (1 + s) : l + s - l * s;\r\n      let p = 2 * l - q;\r\n      r = hue2rgb(p, q, h / 360 + 1 / 3);\r\n      g = hue2rgb(p, q, h / 360);\r\n      b = hue2rgb(p, q, h / 360 - 1 / 3);\r\n    }\r\n    return { r: Math.round(r * 255), g: Math.round(g * 255), b: Math.round(b * 255), a: Number(hsla.a) };\r\n  }\r\n\r\n  rgbaToHex(rgba: { r?: number; g?: number; b?: number; a?: number }) {\r\n    let hex = [\r\n      (rgba.r as number).toString(16),\r\n      (rgba.g as number).toString(16),\r\n      (rgba.b as number).toString(16),\r\n      Math.round(255 * (rgba.a as number)).toString(16)\r\n    ];\r\n    hex.forEach((x, index) => {\r\n      if (index === 3 && x === 'ff') {\r\n        hex[index] = '';\r\n      }\r\n      if (x.length === 1) {\r\n        hex[index] = '0' + x;\r\n      }\r\n    });\r\n    return `#${hex.join('')}`;\r\n  }\r\n\r\n  rgbaToHsla(rgba: { r?: number; g?: number; b?: number; a?: number }) {\r\n    let [r, g, b] = [(rgba.r as number) / 255, (rgba.g as number) / 255, (rgba.b as number) / 255];\r\n    let [max, min] = [Math.max(r, g, b), Math.min(r, g, b)];\r\n    let h = 0;\r\n    let s = 0;\r\n    let l = (max + min) / 2;\r\n\r\n    if (max === min) {\r\n      h = s = 0;\r\n    } else {\r\n      let d = max - min;\r\n      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n      switch (max) {\r\n        case r:\r\n          h = (g - b) / d + (g < b ? 6 : 0);\r\n          break;\r\n        case g:\r\n          h = (b - r) / d + 2;\r\n          break;\r\n        case b:\r\n          h = (r - g) / d + 4;\r\n          break;\r\n      }\r\n      h /= 6;\r\n    }\r\n\r\n    return {\r\n      h: Math.round(h * 360),\r\n      s: Number(this.decimal.transform(s, '1.2-2')),\r\n      l: Number(this.decimal.transform(l, '1.2-2')),\r\n      a: Number(rgba.a)\r\n    };\r\n  }\r\n\r\n  hexToRgba(hex: string) {\r\n    let hexNum = hex.substring(1);\r\n    let a = 1;\r\n    if (hexNum.length === 8) {\r\n      a = Number(this.decimal.transform(Number('0x' + hexNum.slice(-2)) / 255, '1.2-2'));\r\n      hexNum = hexNum.substring(0, hexNum.length - 2);\r\n    }\r\n    let num = Number('0x' + (hexNum.length < 6 ? this.repeatLetter(hexNum, 2) : hexNum));\r\n    return { r: num >> 16, g: (num >> 8) & 0xff, b: num & 0xff, a: a };\r\n  }\r\n\r\n  hslToHsv(h: number, s: number, l: number) {\r\n    let hHsv, sHsv, v;\r\n\r\n    hHsv = h;\r\n\r\n    if (l == 0) {\r\n      sHsv = 0;\r\n      v = 0;\r\n    } else if (l > 0 && l <= 0.5) {\r\n      sHsv = (2 * s) / (1 + s);\r\n      v = l * (1 + s);\r\n    } else {\r\n      sHsv = (2 * s - 2 * s * l) / (s - s * l + l);\r\n      v = s - s * l + l;\r\n    }\r\n\r\n    return {\r\n      h: hHsv,\r\n      s: Number(this.decimal.transform(sHsv, '1.2-2')),\r\n      v: Number(this.decimal.transform(v, '1.2-2'))\r\n    };\r\n  }\r\n\r\n  repeatWord(word: string, num: number) {\r\n    let result = '';\r\n    for (let i = 0; i < num; i++) {\r\n      result += word;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  repeatLetter(word: string, num: number) {\r\n    let result = '';\r\n    for (let letter of word) {\r\n      result += this.repeatWord(letter, num);\r\n    }\r\n    return result;\r\n  }\r\n}\r\n","<div class=\"x-color-picker-portal\" tabindex=\"-1\" (click)=\"stopPropagation($event)\">\r\n  <div #panelRef class=\"x-color-picker-portal-panel\">\r\n    <div #plateRef class=\"x-color-picker-portal-plate\" (click)=\"plateClick($event)\">\r\n      <div class=\"x-color-picker-portal-white\"></div>\r\n      <div class=\"x-color-picker-portal-black\"></div>\r\n      <div\r\n        #dragCom\r\n        class=\"x-color-picker-portal-cursor\"\r\n        [style.left.px]=\"transform.x\"\r\n        [style.top.px]=\"transform.y\"\r\n        cdkDrag\r\n        [cdkDragBoundary]=\"panelRef\"\r\n        (cdkDragStarted)=\"started()\"\r\n        (cdkDragEnded)=\"ended()\"\r\n        (cdkDragMoved)=\"moved($event)\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-color-picker-portal-tool\">\r\n    <div class=\"x-color-picker-portal-operations\">\r\n      <!-- <x-button icon=\"fto-edit-2\" onlyIcon></x-button> -->\r\n      <div class=\"x-color-picker-portal-selected\">\r\n        <div [style.background-color]=\"value\"></div>\r\n      </div>\r\n      <div class=\"x-color-picker-portal-area\">\r\n        <div class=\"x-color-picker-portal-slider\">\r\n          <x-slider-select\r\n            [(ngModel)]=\"hsla.h\"\r\n            min=\"0\"\r\n            max=\"360\"\r\n            step=\"1\"\r\n            (dragStartEmit)=\"started()\"\r\n            (dragEndEmit)=\"ended()\"\r\n            (ngModelChange)=\"hueChange()\"\r\n          ></x-slider-select>\r\n        </div>\r\n        <div class=\"x-color-picker-portal-transparent\">\r\n          <x-slider-select\r\n            #transparentCom\r\n            [(ngModel)]=\"hsla.a\"\r\n            min=\"0\"\r\n            max=\"1\"\r\n            step=\"0.01\"\r\n            (dragStarted)=\"started()\"\r\n            (dragEnded)=\"ended()\"\r\n            (ngModelChange)=\"transparentChange()\"\r\n          ></x-slider-select>\r\n          <div class=\"x-color-picker-portal-alpha\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"x-color-picker-portal-type\">\r\n      <x-tabs animated=\"false\" justify=\"center\">\r\n        <x-tab label=\"HEX\">\r\n          <div class=\"x-color-picker-portal-type-content\">\r\n            <x-input [(ngModel)]=\"hex\" (ngModelChange)=\"hexChange()\"></x-input>\r\n          </div>\r\n        </x-tab>\r\n        <x-tab label=\"RGBA\">\r\n          <div class=\"x-color-picker-portal-type-content\">\r\n            <x-input [(ngModel)]=\"rgba.r\" [disabled]=\"true\"></x-input>\r\n            <x-input [(ngModel)]=\"rgba.g\" [disabled]=\"true\"></x-input>\r\n            <x-input [(ngModel)]=\"rgba.b\" [disabled]=\"true\"></x-input>\r\n            <x-input [(ngModel)]=\"rgba.a\" [disabled]=\"true\"></x-input>\r\n          </div>\r\n        </x-tab>\r\n        <x-tab label=\"HSLA\">\r\n          <div class=\"x-color-picker-portal-type-content\">\r\n            <x-input [(ngModel)]=\"hsla.h\" [disabled]=\"true\"></x-input>\r\n            <x-input [(ngModel)]=\"hsla.sp\" [disabled]=\"true\"></x-input>\r\n            <x-input [(ngModel)]=\"hsla.lp\" [disabled]=\"true\"></x-input>\r\n            <x-input [(ngModel)]=\"hsla.a\" [disabled]=\"true\"></x-input>\r\n          </div>\r\n        </x-tab>\r\n      </x-tabs>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { XColorPickerPortalComponent } from './color-picker-portal.component';\r\nimport { XPortalService, XPortalOverlayRef, XPortalConnectedPosition } from '@ng-nest/ui/portal';\r\nimport { Subject } from 'rxjs';\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  ViewContainerRef,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XColorPickerProperty } from './color-picker.property';\r\nimport { XIsEmpty, XCorner, XClearClass } from '@ng-nest/ui/core';\r\nimport { XInputComponent } from '@ng-nest/ui/input';\r\nimport { Overlay, OverlayConfig, FlexibleConnectedPositionStrategy, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: 'x-color-picker',\r\n  templateUrl: './color-picker.component.html',\r\n  styleUrls: ['./color-picker.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XColorPickerComponent)]\r\n})\r\nexport class XColorPickerComponent extends XColorPickerProperty implements OnInit {\r\n  @ViewChild('colorPicker', { static: true }) colorPicker!: ElementRef;\r\n  @ViewChild('inputCom', { static: true }) inputCom!: XInputComponent;\r\n\r\n  override writeValue(value: string) {\r\n    this.value = value;\r\n    this.displayValue = value;\r\n    this.valueChange.next(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  get inputStyle() {\r\n    return {\r\n      backgroundColor: this.value,\r\n      color: 'transparent'\r\n    };\r\n  }\r\n\r\n  override readonly: boolean = true;\r\n  clearable: boolean = false;\r\n  enter: boolean = false;\r\n  animating = false;\r\n  displayValue: string = '';\r\n  valueStyle: { [key: string]: string | number } = {};\r\n  portal!: XPortalOverlayRef<XColorPickerPortalComponent>;\r\n  icon: string = 'fto-chevron-down';\r\n  box!: DOMRect;\r\n  protalHeight!: number;\r\n  maxNodes: number = 6;\r\n  protalTobottom: boolean = true;\r\n  valueChange: Subject<any> = new Subject();\r\n  dataChange: Subject<any> = new Subject();\r\n  positionChange: Subject<any> = new Subject();\r\n  closeSubject: Subject<void> = new Subject();\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    private cdr: ChangeDetectorRef,\r\n    private portalService: XPortalService,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private overlay: Overlay\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.colorPicker.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n    this.setSubject();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.setPortal();\r\n    // this.setValueStyle();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setSubject() {\r\n    this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.closePortal();\r\n    });\r\n  }\r\n\r\n  setValueStyle() {\r\n    this.valueStyle = {\r\n      width: `${this.inputCom.inputRef.nativeElement.clientWidth}px`,\r\n      height: `${this.inputCom.inputRef.nativeElement.clientHeight}px`\r\n    };\r\n    if (this.direction === 'column') {\r\n      this.valueStyle['bottom'] = 0;\r\n    }\r\n    if (this.direction === 'row') {\r\n      this.valueStyle['bottom'] = 0;\r\n    }\r\n  }\r\n\r\n  menter() {\r\n    if (this.disabled) return;\r\n    this.enter = true;\r\n    if (!XIsEmpty(this.value)) {\r\n      this.icon = '';\r\n      this.clearable = true;\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  mleave() {\r\n    if (this.disabled) return;\r\n    this.enter = false;\r\n    if (this.clearable) {\r\n      this.icon = 'fto-chevron-down';\r\n      this.clearable = false;\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  clearEmit() {\r\n    this.value = '';\r\n    this.displayValue = '';\r\n    this.mleave();\r\n    this.valueChange.next(this.value);\r\n    if (this.onChange) this.onChange(this.value);\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.portal?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  closePortal() {\r\n    if (this.portalAttached()) {\r\n      this.portal?.overlayRef?.detach();\r\n      this.active = false;\r\n      this.cdr.detectChanges();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  destroyPortal() {\r\n    this.portal?.overlayRef?.dispose();\r\n  }\r\n\r\n  showPortal() {\r\n    if (this.disabled || this.animating) return;\r\n    this.active = true;\r\n    const config: OverlayConfig = {\r\n      backdropClass: '',\r\n      positionStrategy: this.setPlacement(),\r\n      scrollStrategy: this.overlay.scrollStrategies.reposition()\r\n    };\r\n    this.setPosition(config);\r\n    this.portal = this.portalService.attach({\r\n      content: XColorPickerPortalComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: config\r\n    });\r\n    this.portal.overlayRef\r\n      ?.outsidePointerEvents()\r\n      .pipe(takeUntil(this._unSubject))\r\n      .subscribe(() => {\r\n        this.closeSubject.next();\r\n      });\r\n    this.setInstance();\r\n  }\r\n\r\n  setPosition(config: OverlayConfig) {\r\n    let position = config.positionStrategy as FlexibleConnectedPositionStrategy;\r\n    position.positionChanges.pipe(takeUntil(this._unSubject)).subscribe((pos: ConnectedOverlayPositionChange) => {\r\n      const place = XPortalConnectedPosition.get(pos.connectionPair) as XCorner;\r\n      place !== this.placement && this.positionChange.next(place);\r\n    });\r\n  }\r\n\r\n  setInstance() {\r\n    let componentRef = this.portal?.componentRef;\r\n    if (!componentRef) return;\r\n    Object.assign(componentRef.instance, {\r\n      value: this.value,\r\n      placement: this.placement,\r\n      valueChange: this.valueChange,\r\n      positionChange: this.positionChange,\r\n      inputCom: this.inputCom,\r\n      closePortal: () => this.closeSubject.next(),\r\n      destroyPortal: () => this.destroyPortal(),\r\n      nodeEmit: (color: string) => this.onNodeClick(color),\r\n      animating: (ing: boolean) => (this.animating = ing)\r\n    });\r\n    componentRef.changeDetectorRef.detectChanges();\r\n  }\r\n\r\n  onNodeClick(color: string) {\r\n    this.value = color;\r\n    this.displayValue = color;\r\n    this.inputCom.inputFocus();\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setPlacement() {\r\n    return this.portalService.setPlacement({\r\n      elementRef: this.inputCom.inputRef,\r\n      placement: [this.placement as XCorner, 'bottom-start', 'bottom-end', 'top-start', 'top-end'],\r\n      transformOriginOn: 'x-color-picker-portal'\r\n    });\r\n  }\r\n\r\n  setPortal() {\r\n    this.portalAttached() && this.portal?.overlayRef?.updatePositionStrategy(this.setPlacement());\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.labelMap);\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.ngOnInit();\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #colorPicker class=\"x-color-picker\">\r\n  <div class=\"x-color-picker-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [inputStyle]=\"inputStyle\"\r\n      [pointer]=\"true\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xClick)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XColorPickerComponent } from './color-picker.component';\r\nimport { XColorPickerPortalComponent } from './color-picker-portal.component';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XSliderSelectModule } from '@ng-nest/ui/slider-select';\r\nimport { XTabsModule } from '@ng-nest/ui/tabs';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XColorPickerProperty } from './color-picker.property';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XColorPickerComponent, XColorPickerPortalComponent, XColorPickerProperty],\r\n  exports: [XColorPickerComponent, XColorPickerPortalComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    DragDropModule,\r\n    XPortalModule,\r\n    XSliderSelectModule,\r\n    XTabsModule,\r\n    XInputModule,\r\n    XBaseFormModule\r\n  ],\r\n  entryComponents: [XColorPickerPortalComponent]\r\n})\r\nexport class XColorPickerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-nest-ui-color.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, Inject, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
+import * as i1 from '@ng-nest/ui/core';
+import { XProperty, XWithConfig, toHex, mixColors } from '@ng-nest/ui/core';
+
+/**
+ * Color
+ * @selector x-color
+ * @decorator component
+ */
+const XColorPrefix = 'x-color';
+const X_CONFIG_NAME = 'color';
+const XAmounts = [-0.1, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];
+/**
+ * Color Property
+ */
+class XColorProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 颜色名称
+         * @en_US Color name
+         */
+        this.label = 'color';
+        /**
+         * @zh_CN 十六进制颜色码，此处默认读取 css 变量中的主色
+         * @en_US Hexadecimal color code, here the main color in the css variable is read by default
+         */
+        this.hex = 'var(--x-primary)';
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XColorProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XColorProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XColorProperty, selector: "ng-component", inputs: { label: "label", hex: "hex", merge: "merge", amounts: "amounts" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '#ffffff')
+], XColorProperty.prototype, "merge", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, XAmounts)
+], XColorProperty.prototype, "amounts", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hex: [{
+                type: Input
+            }], merge: [{
+                type: Input
+            }], amounts: [{
+                type: Input
+            }] } });
+
+class XColorComponent extends XColorProperty {
+    constructor(doc, renderer, elementRef, configService) {
+        super();
+        this.doc = doc;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.colors = [];
+        this.renderer.addClass(this.elementRef.nativeElement, XColorPrefix);
+    }
+    ngOnInit() {
+        if (!this.hex || this.hex === 'var(--x-primary)')
+            this.hex = getComputedStyle(this.doc.documentElement).getPropertyValue('--x-primary');
+        if (this.hex)
+            this.setColors();
+    }
+    setColors() {
+        let colors = [];
+        for (let amount of this.amounts) {
+            colors.push(toHex(mixColors(this.merge, this.hex.trim(), amount)));
+        }
+        this.colors = colors;
+    }
+    trackByColor(_index, item) {
+        return item;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XColorComponent, selector: "x-color", usesInheritance: true, ngImport: i0, template: "<div class=\"x-color-box\">\r\n  <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n    <span>{{ label }}</span>\r\n    <span class=\"x-color-hex\">{{ hex }}</span>\r\n  </div>\r\n  <div class=\"x-color-gradual\">\r\n    <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n  </div>\r\n</div>\r\n", styles: [".x-color{margin:0;padding:0;display:block;color:var(--x-white)}.x-color-primary{padding:1rem;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.x-color-only{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.x-color-hex{margin-top:.25rem;display:block;font-size:.75rem;opacity:.7}.x-color-gradual{display:flex}.x-color-item{flex:1;height:2.5rem}.x-color-item:first-child{border-bottom-left-radius:.125rem}.x-color-item:last-child{border-bottom-right-radius:.125rem}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'x-color', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-color-box\">\r\n  <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n    <span>{{ label }}</span>\r\n    <span class=\"x-color-hex\">{{ hex }}</span>\r\n  </div>\r\n  <div class=\"x-color-gradual\">\r\n    <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n  </div>\r\n</div>\r\n", styles: [".x-color{margin:0;padding:0;display:block;color:var(--x-white)}.x-color-primary{padding:1rem;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.x-color-only{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.x-color-hex{margin-top:.25rem;display:block;font-size:.75rem;opacity:.7}.x-color-gradual{display:flex}.x-color-item{flex:1;height:2.5rem}.x-color-item:first-child{border-bottom-left-radius:.125rem}.x-color-item:last-child{border-bottom-right-radius:.125rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
+
+class XColorModule {
+}
+/** @nocollapse */ /** @nocollapse */ XColorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XColorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorModule, declarations: [XColorComponent, XColorProperty], imports: [CommonModule], exports: [XColorComponent] });
+/** @nocollapse */ /** @nocollapse */ XColorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XColorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XColorComponent, XColorProperty],
+                    exports: [XColorComponent],
+                    imports: [CommonModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XAmounts, XColorComponent, XColorModule, XColorPrefix, XColorProperty };
+//# sourceMappingURL=ng-nest-ui-color.mjs.map

package/fesm2020/ng-nest-ui-color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-color.mjs","sources":["../../../../lib/ng-nest/ui/color/color.property.ts","../../../../lib/ng-nest/ui/color/color.component.ts","../../../../lib/ng-nest/ui/color/color.component.html","../../../../lib/ng-nest/ui/color/color.module.ts","../../../../lib/ng-nest/ui/color/ng-nest-ui-color.ts"],"sourcesContent":["import { XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Color\r\n * @selector x-color\r\n * @decorator component\r\n */\r\nexport const XColorPrefix = 'x-color';\r\n\r\nconst X_CONFIG_NAME = 'color';\r\n\r\nexport const XAmounts = [-0.1, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];\r\n\r\n/**\r\n * Color Property\r\n */\r\n@Component({ template: '' })\r\nexport class XColorProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 颜色名称\r\n   * @en_US Color name\r\n   */\r\n  @Input() label: string = 'color';\r\n  /**\r\n   * @zh_CN 十六进制颜色码，此处默认读取 css 变量中的主色\r\n   * @en_US Hexadecimal color code, here the main color in the css variable is read by default\r\n   */\r\n  @Input() hex: string = 'var(--x-primary)';\r\n  /**\r\n   * @zh_CN 混合的颜色\r\n   * @en_US Mixed colors\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '#ffffff') merge?: string;\r\n  /**\r\n   * @zh_CN 混合的颜色占比\r\n   * @en_US Proportion of mixed colors\r\n   */\r\n  @Input() @XWithConfig<XNumber[]>(X_CONFIG_NAME, XAmounts) amounts?: XNumber[];\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, Inject } from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { XColorPrefix, XColorProperty } from './color.property';\r\nimport { toHex, mixColors, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: 'x-color',\r\n  templateUrl: './color.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XColorComponent extends XColorProperty implements OnInit {\r\n  colors: string[] = [];\r\n\r\n  constructor(\r\n    @Inject(DOCUMENT) private doc: any,\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XColorPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (!this.hex || this.hex === 'var(--x-primary)') this.hex = getComputedStyle(this.doc.documentElement).getPropertyValue('--x-primary');\r\n    if (this.hex) this.setColors();\r\n  }\r\n\r\n  setColors() {\r\n    let colors = [];\r\n    for (let amount of this.amounts as Array<number>) {\r\n      colors.push(toHex(mixColors(this.merge as string, this.hex.trim(), amount as number)));\r\n    }\r\n    this.colors = colors;\r\n  }\r\n\r\n  trackByColor(_index: number, item: string) {\r\n    return item;\r\n  }\r\n}\r\n","<div class=\"x-color-box\">\r\n  <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n    <span>{{ label }}</span>\r\n    <span class=\"x-color-hex\">{{ hex }}</span>\r\n  </div>\r\n  <div class=\"x-color-gradual\">\r\n    <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XColorComponent } from './color.component';\r\nimport { XColorProperty } from './color.property';\r\n\r\n@NgModule({\r\n  declarations: [XColorComponent, XColorProperty],\r\n  exports: [XColorComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XColorModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAGA;;;;;MAKa,YAAY,GAAG,UAAU;AAEtC,MAAM,aAAa,GAAG,OAAO,CAAC;MAEjB,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAE5E;;;MAIa,cAAe,SAAQ,SAAS;IAD7C;;;;;;QAMW,UAAK,GAAW,OAAO,CAAC;;;;;QAKxB,QAAG,GAAW,kBAAkB,CAAC;KAW3C;;iJArBY,cAAc;qIAAd,cAAc,uJADJ,EAAE;AAgBiC;IAA9C,WAAW,CAAS,aAAa,EAAE,SAAS,CAAC;6CAAgB;AAKb;IAAhD,WAAW,CAAY,aAAa,EAAE,QAAQ,CAAC;+CAAqB;2FApBnE,cAAc;kBAD1B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMhB,KAAK;sBAAb,KAAK;gBAKG,GAAG;sBAAX,KAAK;gBAKkD,KAAK;sBAA5D,KAAK;gBAKoD,OAAO;sBAAhE,KAAK;;;MC1BK,eAAgB,SAAQ,cAAc;IAGjD,YAC4B,GAAQ,EAC1B,QAAmB,EACnB,UAAsB,EACvB,aAA6B;QAEpC,KAAK,EAAE,CAAC;QALkB,QAAG,GAAH,GAAG,CAAK;QAC1B,aAAQ,GAAR,QAAQ,CAAW;QACnB,eAAU,GAAV,UAAU,CAAY;QACvB,kBAAa,GAAb,aAAa,CAAgB;QANtC,WAAM,GAAa,EAAE,CAAC;QASpB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;KACrE;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,KAAK,kBAAkB;YAAE,IAAI,CAAC,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACxI,IAAI,IAAI,CAAC,GAAG;YAAE,IAAI,CAAC,SAAS,EAAE,CAAC;KAChC;IAED,SAAS;QACP,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,OAAwB,EAAE;YAChD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAe,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,MAAgB,CAAC,CAAC,CAAC,CAAC;SACxF;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;KACtB;IAED,YAAY,CAAC,MAAc,EAAE,IAAY;QACvC,OAAO,IAAI,CAAC;KACb;;kJA5BU,eAAe,kBAIhB,QAAQ;sIAJP,eAAe,sECZ5B,8bASA;2FDGa,eAAe;kBAP3B,SAAS;+BACE,SAAS,iBAGJ,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM;;0BAM5C,MAAM;2BAAC,QAAQ;;;MENP,YAAY;;+IAAZ,YAAY;gJAAZ,YAAY,iBAJR,eAAe,EAAE,cAAc,aAEpC,YAAY,aADZ,eAAe;gJAGd,YAAY,YAFd,CAAC,YAAY,CAAC;2FAEZ,YAAY;kBALxB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;oBAC/C,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;ACTD;;;;;;"}

package/fesm2020/ng-nest-ui-comment.mjs

@@ -0,0 +1,277 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i2 from '@ng-nest/ui/core';
+import { XProperty, XDataConvert, XWithConfig, XInputNumber, XIsChange, XSetData, XIsEmpty, XGetChildren } from '@ng-nest/ui/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from '@ng-nest/ui/i18n';
+import { XI18nModule } from '@ng-nest/ui/i18n';
+import * as i3$1 from '@ng-nest/ui/avatar';
+import { XAvatarModule } from '@ng-nest/ui/avatar';
+import * as i4$1 from '@ng-nest/ui/link';
+import { XLinkModule } from '@ng-nest/ui/link';
+import * as i5$1 from '@ng-nest/ui/text-retract';
+import { XTextRetractModule } from '@ng-nest/ui/text-retract';
+import * as i4 from '@ng-nest/ui/button';
+import { XButtonModule } from '@ng-nest/ui/button';
+import * as i3 from '@ng-nest/ui/input';
+import { XInputModule } from '@ng-nest/ui/input';
+import * as i5 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i8 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i9 from '@ng-nest/ui/time-ago';
+import { XTimeAgoModule } from '@ng-nest/ui/time-ago';
+
+/**
+ * Comment
+ * @selector x-comment
+ * @decorator component
+ */
+const XCommentPrefix = 'x-comment';
+const X_CONFIG_NAME = 'comment';
+/**
+ * Comment Property
+ */
+class XCommentProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 评论数据
+         * @en_US Comment data
+         */
+        this.data = [];
+        /**
+         * @zh_CN 点赞的事件
+         * @en_US Like events
+         */
+        this.likeClick = new EventEmitter();
+        /**
+         * @zh_CN 评论的事件
+         * @en_US Commented event
+         */
+        this.commentClick = new EventEmitter();
+        /**
+         * @zh_CN 回复的事件
+         * @en_US Reply event
+         */
+        this.replyClick = new EventEmitter();
+        /**
+         * @zh_CN 确认提交的事件
+         * @en_US Confirm the submitted event
+         */
+        this.sureClick = new EventEmitter();
+        /**
+         * @zh_CN 更多的事件
+         * @en_US More events
+         */
+        this.moreClick = new EventEmitter();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XCommentProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCommentProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCommentProperty, selector: "ng-component", inputs: { data: "data", contentMax: "contentMax" }, outputs: { likeClick: "likeClick", commentClick: "commentClick", replyClick: "replyClick", sureClick: "sureClick", moreClick: "moreClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XDataConvert()
+], XCommentProperty.prototype, "data", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 512)
+], XCommentProperty.prototype, "contentMax", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], contentMax: [{
+                type: Input
+            }], likeClick: [{
+                type: Output
+            }], commentClick: [{
+                type: Output
+            }], replyClick: [{
+                type: Output
+            }], sureClick: [{
+                type: Output
+            }], moreClick: [{
+                type: Output
+            }] } });
+/**
+ * Comment Reply
+ * @selector x-comment-reply
+ * @decorator component
+ */
+const XCommentReplyPrefix = 'x-comment-reply';
+/**
+ * Comment Reply Property
+ */
+class XCommentReplyProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 回复的最大字数
+         * @en_US Maximum number of words to reply
+         */
+        this.maxlength = 512;
+        /**
+         * @zh_CN 回复确认的事件
+         * @en_US Reply to confirmed event
+         */
+        this.sureClick = new EventEmitter();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XCommentReplyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCommentReplyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCommentReplyProperty, selector: "ng-component", inputs: { maxlength: "maxlength" }, outputs: { sureClick: "sureClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XInputNumber()
+], XCommentReplyProperty.prototype, "maxlength", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentReplyProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { maxlength: [{
+                type: Input
+            }], sureClick: [{
+                type: Output
+            }] } });
+
+class XCommentReplyComponent extends XCommentReplyProperty {
+    constructor(renderer, elementRef, cdr, i18n, configService) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.i18n = i18n;
+        this.configService = configService;
+        this._unSubject = new Subject();
+    }
+    ngOnInit() {
+        this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {
+            this.cdr.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this._unSubject.next();
+        this._unSubject.unsubscribe();
+    }
+    sureOnClick() {
+        this.sureClick.emit(this.inputValue);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XCommentReplyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentReplyComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XI18nService }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCommentReplyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCommentReplyComponent, selector: "x-comment-reply", usesInheritance: true, ngImport: i0, template: "<div #commentReply class=\"x-comment-reply\">\r\n  <x-input [placeholder]=\"'comment.placeholder' | xI18n\" [maxlength]=\"maxlength\" [(ngModel)]=\"inputValue\"></x-input>\r\n  <div class=\"x-comment-reply-buttons\">\r\n    <x-buttons>\r\n      <!-- <x-button icon=\"fto-smile\" onlyIcon></x-button>\r\n      <x-button icon=\"fto-image\" onlyIcon></x-button> -->\r\n    </x-buttons>\r\n    <x-button type=\"primary\" (click)=\"sureOnClick()\">{{ 'comment.sure' | xI18n }}</x-button>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment-reply{margin:0;padding:0}.x-comment-reply-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:.625rem}.x-comment-reply-buttons .x-button-icon{padding:0}.x-comment-reply-buttons .x-button-icon>.x-button-inner>.x-icon{font-size:1.25rem}.x-comment-reply-buttons .x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.5rem}.x-comment-reply-sure{display:flex;align-items:center}\n"], components: [{ type: i3.XInputComponent, selector: "x-input" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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"] }], pipes: { "xI18n": i1.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentReplyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCommentReplyPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #commentReply class=\"x-comment-reply\">\r\n  <x-input [placeholder]=\"'comment.placeholder' | xI18n\" [maxlength]=\"maxlength\" [(ngModel)]=\"inputValue\"></x-input>\r\n  <div class=\"x-comment-reply-buttons\">\r\n    <x-buttons>\r\n      <!-- <x-button icon=\"fto-smile\" onlyIcon></x-button>\r\n      <x-button icon=\"fto-image\" onlyIcon></x-button> -->\r\n    </x-buttons>\r\n    <x-button type=\"primary\" (click)=\"sureOnClick()\">{{ 'comment.sure' | xI18n }}</x-button>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment-reply{margin:0;padding:0}.x-comment-reply-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:.625rem}.x-comment-reply-buttons .x-button-icon{padding:0}.x-comment-reply-buttons .x-button-icon>.x-button-inner>.x-icon{font-size:1.25rem}.x-comment-reply-buttons .x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.5rem}.x-comment-reply-sure{display:flex;align-items:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XI18nService }, { type: i2.XConfigService }]; } });
+
+class XCommentComponent extends XCommentProperty {
+    constructor(renderer, elementRef, cdr, i18n, configService) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.i18n = i18n;
+        this.configService = configService;
+        this.nodes = [];
+        this._unSubject = new Subject();
+    }
+    ngOnInit() {
+        this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {
+            this.cdr.markForCheck();
+        });
+    }
+    ngOnChanges(changes) {
+        const { data } = changes;
+        XIsChange(data) && this.setData();
+    }
+    ngOnDestroy() {
+        this._unSubject.next();
+        this._unSubject.unsubscribe();
+    }
+    likeOnClick(node) {
+        this.likeClick.emit(node);
+    }
+    commentOnClick(node) {
+        node.commentShow = !node.commentShow;
+        this.commentClick.emit(node);
+        this.cdr.detectChanges();
+    }
+    replyOnClick(node) {
+        node.commentShow = !node.commentShow;
+        this.replyClick.emit(node);
+        this.cdr.detectChanges();
+    }
+    sureOnClick(content, node) {
+        node.replyContent = content;
+        this.sureClick.emit(node);
+    }
+    moreOnClick(node) {
+        this.moreClick.emit(node);
+    }
+    hasMore(node) {
+        return node.count > node.children?.length;
+    }
+    trackByNode(_index, item) {
+        return item.id;
+    }
+    setData() {
+        XSetData(this.data, this._unSubject).subscribe((x) => {
+            this.nodes = x.filter((y) => XIsEmpty(y.pid)).map((y) => XGetChildren(x, y, 0));
+            this.cdr.detectChanges();
+        });
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XCommentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XI18nService }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XCommentComponent, selector: "x-comment", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #comment class=\"x-comment\">\r\n  <div class=\"x-comment-list\">\r\n    <div class=\"x-comment-item\" *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <div class=\"x-comment-avatar\">\r\n        <x-avatar [src]=\"node.src\"></x-avatar>\r\n      </div>\r\n      <div class=\"x-comment-content\">\r\n        <div class=\"x-comment-author\">\r\n          <x-link>{{ node.author }}</x-link>\r\n          <span class=\"x-comment-time\">{{ node.datetime | xTimeAgo }}</span>\r\n        </div>\r\n        <p>\r\n          <x-text-retract [content]=\"node.content\"></x-text-retract>\r\n        </p>\r\n        <div class=\"x-comment-action\">\r\n          <x-buttons>\r\n            <x-button icon=\"fto-message-square\" [activated]=\"node.commentShow\" (click)=\"commentOnClick(node)\" onlyIcon>\r\n              {{ 'comment.comments' | xI18n }} {{ node.count ? node.count : '' }}</x-button\r\n            >\r\n            <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(node)\" onlyIcon\r\n              >{{ 'comment.giveALike' | xI18n }} {{ node.likes ? node.likes : '' }}</x-button\r\n            >\r\n          </x-buttons>\r\n        </div>\r\n        <x-comment-reply *ngIf=\"node.commentShow\" [maxlength]=\"contentMax\" (sureClick)=\"sureOnClick($event, node)\"></x-comment-reply>\r\n        <ul>\r\n          <li *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n            <div>\r\n              <p>\r\n                <x-link>{{ child.author }}</x-link>\r\n                <ng-container *ngIf=\"child.replyAuthor\">\r\n                  <span class=\"x-comment-reply\">{{ 'comment.reply' | xI18n }}</span> <x-link>{{ child.replyAuthor }}</x-link></ng-container\r\n                >\uFF1A\r\n                <span>\r\n                  <x-text-retract [content]=\"child.content\"></x-text-retract>\r\n                </span>\r\n              </p>\r\n              <div class=\"x-comment-action\">\r\n                <span class=\"x-comment-time\">{{ child.datetime | xTimeAgo }}</span>\r\n                <x-buttons>\r\n                  <x-button icon=\"fto-message-square\" [activated]=\"child.commentShow\" (click)=\"replyOnClick(child)\" onlyIcon>{{\r\n                    'comment.reply' | xI18n\r\n                  }}</x-button>\r\n                  <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(child)\" onlyIcon>\r\n                    {{ 'comment.giveALike' | xI18n }} {{ child.likes ? child.likes : '' }}</x-button\r\n                  >\r\n                </x-buttons>\r\n              </div>\r\n              <x-comment-reply\r\n                *ngIf=\"child.commentShow\"\r\n                [maxlength]=\"contentMax\"\r\n                (sureClick)=\"sureOnClick($event, child)\"\r\n              ></x-comment-reply>\r\n            </div>\r\n          </li>\r\n          <li class=\"x-comment-more\" *ngIf=\"hasMore(node)\">\r\n            <x-link icon=\"fto-chevron-right\" type=\"primary\" (click)=\"moreOnClick(node)\" iconRight>{{ 'comment.more' | xI18n }} </x-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box}.x-comment p{line-height:1.5;margin:.375rem 0}.x-comment-content{margin-left:1rem;flex:1}.x-comment-content>ul{margin-top:.375rem}.x-comment-content>ul>li{padding:0 .875rem;background-color:var(--x-background);transition:.3s}.x-comment-content>ul>li>div{padding:.5rem 0}.x-comment-content>ul>li>div>p>span{color:var(--x-text-300)}.x-comment-content>ul>li>div>.x-comment-action{display:flex;justify-content:space-between;align-items:center}.x-comment-content>ul>li>div>.x-comment-action>.x-comment-time{margin-left:0}.x-comment-content>ul>li:not(:last-child)>div{border-bottom:.0625rem solid var(--x-border-100)}.x-comment-content>ul>li.x-comment-more{padding:.875rem}.x-comment-content>ul>li:hover{background-color:var(--x-background-a100);border-color:transparent}.x-comment-content .x-comment-reply{margin:.875rem 0 1rem}.x-comment-author{margin:.25rem 0;display:inline-flex;align-items:center;color:var(--x-text-300)}.x-comment-author>.x-button{padding:0}.x-comment-time{margin-left:.5rem;color:var(--x-text-400);font-size:.75rem}.x-comment-action{text-align:right}.x-comment-action>.x-buttons>.x-button{padding:0}.x-comment-action>.x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.65rem}.x-comment-item{display:flex;padding:1rem 0;border-bottom:.0625rem solid var(--x-border-100)}.x-comment-item:first-child{padding-top:0}.x-comment-reply{margin:0 .75rem}\n"], components: [{ type: i3$1.XAvatarComponent, selector: "x-avatar" }, { type: i4$1.XLinkComponent, selector: "x-link" }, { type: i5$1.XTextRetractComponent, selector: "x-text-retract" }, { type: i4.XButtonsComponent, selector: "x-buttons" }, { type: i4.XButtonComponent, selector: "x-button" }, { type: XCommentReplyComponent, selector: "x-comment-reply" }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "xTimeAgo": i9.XTimeAgoPipe, "xI18n": i1.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCommentPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #comment class=\"x-comment\">\r\n  <div class=\"x-comment-list\">\r\n    <div class=\"x-comment-item\" *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <div class=\"x-comment-avatar\">\r\n        <x-avatar [src]=\"node.src\"></x-avatar>\r\n      </div>\r\n      <div class=\"x-comment-content\">\r\n        <div class=\"x-comment-author\">\r\n          <x-link>{{ node.author }}</x-link>\r\n          <span class=\"x-comment-time\">{{ node.datetime | xTimeAgo }}</span>\r\n        </div>\r\n        <p>\r\n          <x-text-retract [content]=\"node.content\"></x-text-retract>\r\n        </p>\r\n        <div class=\"x-comment-action\">\r\n          <x-buttons>\r\n            <x-button icon=\"fto-message-square\" [activated]=\"node.commentShow\" (click)=\"commentOnClick(node)\" onlyIcon>\r\n              {{ 'comment.comments' | xI18n }} {{ node.count ? node.count : '' }}</x-button\r\n            >\r\n            <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(node)\" onlyIcon\r\n              >{{ 'comment.giveALike' | xI18n }} {{ node.likes ? node.likes : '' }}</x-button\r\n            >\r\n          </x-buttons>\r\n        </div>\r\n        <x-comment-reply *ngIf=\"node.commentShow\" [maxlength]=\"contentMax\" (sureClick)=\"sureOnClick($event, node)\"></x-comment-reply>\r\n        <ul>\r\n          <li *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n            <div>\r\n              <p>\r\n                <x-link>{{ child.author }}</x-link>\r\n                <ng-container *ngIf=\"child.replyAuthor\">\r\n                  <span class=\"x-comment-reply\">{{ 'comment.reply' | xI18n }}</span> <x-link>{{ child.replyAuthor }}</x-link></ng-container\r\n                >\uFF1A\r\n                <span>\r\n                  <x-text-retract [content]=\"child.content\"></x-text-retract>\r\n                </span>\r\n              </p>\r\n              <div class=\"x-comment-action\">\r\n                <span class=\"x-comment-time\">{{ child.datetime | xTimeAgo }}</span>\r\n                <x-buttons>\r\n                  <x-button icon=\"fto-message-square\" [activated]=\"child.commentShow\" (click)=\"replyOnClick(child)\" onlyIcon>{{\r\n                    'comment.reply' | xI18n\r\n                  }}</x-button>\r\n                  <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(child)\" onlyIcon>\r\n                    {{ 'comment.giveALike' | xI18n }} {{ child.likes ? child.likes : '' }}</x-button\r\n                  >\r\n                </x-buttons>\r\n              </div>\r\n              <x-comment-reply\r\n                *ngIf=\"child.commentShow\"\r\n                [maxlength]=\"contentMax\"\r\n                (sureClick)=\"sureOnClick($event, child)\"\r\n              ></x-comment-reply>\r\n            </div>\r\n          </li>\r\n          <li class=\"x-comment-more\" *ngIf=\"hasMore(node)\">\r\n            <x-link icon=\"fto-chevron-right\" type=\"primary\" (click)=\"moreOnClick(node)\" iconRight>{{ 'comment.more' | xI18n }} </x-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".x-comment{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box}.x-comment p{line-height:1.5;margin:.375rem 0}.x-comment-content{margin-left:1rem;flex:1}.x-comment-content>ul{margin-top:.375rem}.x-comment-content>ul>li{padding:0 .875rem;background-color:var(--x-background);transition:.3s}.x-comment-content>ul>li>div{padding:.5rem 0}.x-comment-content>ul>li>div>p>span{color:var(--x-text-300)}.x-comment-content>ul>li>div>.x-comment-action{display:flex;justify-content:space-between;align-items:center}.x-comment-content>ul>li>div>.x-comment-action>.x-comment-time{margin-left:0}.x-comment-content>ul>li:not(:last-child)>div{border-bottom:.0625rem solid var(--x-border-100)}.x-comment-content>ul>li.x-comment-more{padding:.875rem}.x-comment-content>ul>li:hover{background-color:var(--x-background-a100);border-color:transparent}.x-comment-content .x-comment-reply{margin:.875rem 0 1rem}.x-comment-author{margin:.25rem 0;display:inline-flex;align-items:center;color:var(--x-text-300)}.x-comment-author>.x-button{padding:0}.x-comment-time{margin-left:.5rem;color:var(--x-text-400);font-size:.75rem}.x-comment-action{text-align:right}.x-comment-action>.x-buttons>.x-button{padding:0}.x-comment-action>.x-buttons:not(.x-buttons-space)>.x-button:not(:first-child){margin-left:.65rem}.x-comment-item{display:flex;padding:1rem 0;border-bottom:.0625rem solid var(--x-border-100)}.x-comment-item:first-child{padding-top:0}.x-comment-reply{margin:0 .75rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XI18nService }, { type: i2.XConfigService }]; } });
+
+class XCommentModule {
+}
+/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
+        FormsModule,
+        XI18nModule,
+        XInputModule,
+        XLinkModule,
+        XAvatarModule,
+        XButtonModule,
+        XTextRetractModule,
+        XTimeAgoModule], exports: [XCommentComponent, XCommentReplyComponent] });
+/** @nocollapse */ /** @nocollapse */ XCommentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, imports: [[
+            CommonModule,
+            FormsModule,
+            XI18nModule,
+            XInputModule,
+            XLinkModule,
+            XAvatarModule,
+            XButtonModule,
+            XTextRetractModule,
+            XTimeAgoModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XCommentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty],
+                    exports: [XCommentComponent, XCommentReplyComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        XI18nModule,
+                        XInputModule,
+                        XLinkModule,
+                        XAvatarModule,
+                        XButtonModule,
+                        XTextRetractModule,
+                        XTimeAgoModule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XCommentComponent, XCommentModule, XCommentPrefix, XCommentProperty, XCommentReplyComponent, XCommentReplyPrefix, XCommentReplyProperty };
+//# sourceMappingURL=ng-nest-ui-comment.mjs.map

package/fesm2020/ng-nest-ui-comment.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-comment.mjs","sources":["../../../../lib/ng-nest/ui/comment/comment.property.ts","../../../../lib/ng-nest/ui/comment/comment-reply.component.ts","../../../../lib/ng-nest/ui/comment/comment-reply.component.html","../../../../lib/ng-nest/ui/comment/comment.component.ts","../../../../lib/ng-nest/ui/comment/comment.component.html","../../../../lib/ng-nest/ui/comment/comment.module.ts","../../../../lib/ng-nest/ui/comment/ng-nest-ui-comment.ts"],"sourcesContent":["import { XDate, XData, XProperty, XParentIdentityProperty, XDataConvert, XInputNumber, XNumber, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Comment\r\n * @selector x-comment\r\n * @decorator component\r\n */\r\nexport const XCommentPrefix = 'x-comment';\r\nconst X_CONFIG_NAME = 'comment';\r\n\r\n/**\r\n * Comment Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCommentProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 评论数据\r\n   * @en_US Comment data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XCommentNode> = [];\r\n  /**\r\n   * @zh_CN 评论最大字数\r\n   * @en_US Maximum number of comments\r\n   */\r\n  @Input() @XWithConfig(X_CONFIG_NAME, 512) contentMax!: XNumber;\r\n  /**\r\n   * @zh_CN 点赞的事件\r\n   * @en_US Like events\r\n   */\r\n  @Output() likeClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 评论的事件\r\n   * @en_US Commented event\r\n   */\r\n  @Output() commentClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 回复的事件\r\n   * @en_US Reply event\r\n   */\r\n  @Output() replyClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 确认提交的事件\r\n   * @en_US Confirm the submitted event\r\n   */\r\n  @Output() sureClick = new EventEmitter<XCommentNode>();\r\n  /**\r\n   * @zh_CN 更多的事件\r\n   * @en_US More events\r\n   */\r\n  @Output() moreClick = new EventEmitter<XCommentNode>();\r\n}\r\n\r\n/**\r\n * @zh_CN Comment 数据对象\r\n * @en_US Comment data object\r\n */\r\nexport interface XCommentNode extends XParentIdentityProperty<XCommentNode> {\r\n  /**\r\n   * @zh_CN 作者\r\n   * @en_US Author\r\n   */\r\n  author?: string;\r\n  /**\r\n   * @zh_CN 作者头像地址\r\n   * @en_US Author avatar address\r\n   */\r\n  src?: string;\r\n  /**\r\n   * @zh_CN 发布时间\r\n   * @en_US release time\r\n   */\r\n  datetime?: XDate;\r\n  /**\r\n   * @zh_CN 发布内容\r\n   * @en_US Publish content\r\n   */\r\n  content?: string;\r\n  /**\r\n   * @zh_CN 点赞数量\r\n   * @en_US Like number\r\n   */\r\n  likes?: number;\r\n  /**\r\n   * @zh_CN 评论数量\r\n   * @en_US Number of comments\r\n   */\r\n  count?: number;\r\n  /**\r\n   * @zh_CN 回复作者\r\n   * @en_US Reply to author\r\n   */\r\n  replyAuthor?: string;\r\n  /**\r\n   * @zh_CN 点击评论/回复提交的内容\r\n   * @en_US Click to comment/reply to submitted content\r\n   */\r\n  replyContent?: string;\r\n  /**\r\n   * @zh_CN 显示评论/回复框\r\n   * @en_US Show comment/reply box\r\n   */\r\n  commentShow?: boolean;\r\n}\r\n\r\n/**\r\n * Comment Reply\r\n * @selector x-comment-reply\r\n * @decorator component\r\n */\r\nexport const XCommentReplyPrefix = 'x-comment-reply';\r\n\r\n/**\r\n * Comment Reply Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCommentReplyProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 回复的最大字数\r\n   * @en_US Maximum number of words to reply\r\n   */\r\n  @Input() @XInputNumber() maxlength: XNumber = 512;\r\n  /**\r\n   * @zh_CN 回复确认的事件\r\n   * @en_US Reply to confirmed event\r\n   */\r\n  @Output() sureClick = new EventEmitter<string>();\r\n}\r\n","import { Component, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCommentReplyPrefix, XCommentReplyProperty } from './comment.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XCommentReplyPrefix}`,\r\n  templateUrl: './comment-reply.component.html',\r\n  styleUrls: ['./comment-reply.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCommentReplyComponent extends XCommentReplyProperty {\r\n  inputValue!: string;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  sureOnClick() {\r\n    this.sureClick.emit(this.inputValue);\r\n  }\r\n}\r\n","<div #commentReply class=\"x-comment-reply\">\r\n  <x-input [placeholder]=\"'comment.placeholder' | xI18n\" [maxlength]=\"maxlength\" [(ngModel)]=\"inputValue\"></x-input>\r\n  <div class=\"x-comment-reply-buttons\">\r\n    <x-buttons>\r\n      <!-- <x-button icon=\"fto-smile\" onlyIcon></x-button>\r\n      <x-button icon=\"fto-image\" onlyIcon></x-button> -->\r\n    </x-buttons>\r\n    <x-button type=\"primary\" (click)=\"sureOnClick()\">{{ 'comment.sure' | xI18n }}</x-button>\r\n  </div>\r\n</div>\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XCommentPrefix, XCommentNode, XCommentProperty } from './comment.property';\r\nimport { XIsEmpty, XIsChange, XSetData, XGetChildren, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XCommentPrefix}`,\r\n  templateUrl: './comment.component.html',\r\n  styleUrls: ['./comment.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCommentComponent extends XCommentProperty implements OnChanges {\r\n  nodes: XCommentNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  likeOnClick(node: XCommentNode) {\r\n    this.likeClick.emit(node);\r\n  }\r\n\r\n  commentOnClick(node: XCommentNode) {\r\n    node.commentShow = !node.commentShow;\r\n    this.commentClick.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  replyOnClick(node: XCommentNode) {\r\n    node.commentShow = !node.commentShow;\r\n    this.replyClick.emit(node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  sureOnClick(content: string, node: XCommentNode) {\r\n    node.replyContent = content;\r\n    this.sureClick.emit(node);\r\n  }\r\n\r\n  moreOnClick(node: XCommentNode) {\r\n    this.moreClick.emit(node);\r\n  }\r\n\r\n  hasMore(node: XCommentNode) {\r\n    return (node.count as number) > (node.children?.length as number);\r\n  }\r\n\r\n  trackByNode(_index: number, item: XCommentNode) {\r\n    return item.id;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XCommentNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x.filter((y) => XIsEmpty(y.pid)).map((y) => XGetChildren<XCommentNode>(x, y, 0));\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n}\r\n","<div #comment class=\"x-comment\">\r\n  <div class=\"x-comment-list\">\r\n    <div class=\"x-comment-item\" *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <div class=\"x-comment-avatar\">\r\n        <x-avatar [src]=\"node.src\"></x-avatar>\r\n      </div>\r\n      <div class=\"x-comment-content\">\r\n        <div class=\"x-comment-author\">\r\n          <x-link>{{ node.author }}</x-link>\r\n          <span class=\"x-comment-time\">{{ node.datetime | xTimeAgo }}</span>\r\n        </div>\r\n        <p>\r\n          <x-text-retract [content]=\"node.content\"></x-text-retract>\r\n        </p>\r\n        <div class=\"x-comment-action\">\r\n          <x-buttons>\r\n            <x-button icon=\"fto-message-square\" [activated]=\"node.commentShow\" (click)=\"commentOnClick(node)\" onlyIcon>\r\n              {{ 'comment.comments' | xI18n }} {{ node.count ? node.count : '' }}</x-button\r\n            >\r\n            <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(node)\" onlyIcon\r\n              >{{ 'comment.giveALike' | xI18n }} {{ node.likes ? node.likes : '' }}</x-button\r\n            >\r\n          </x-buttons>\r\n        </div>\r\n        <x-comment-reply *ngIf=\"node.commentShow\" [maxlength]=\"contentMax\" (sureClick)=\"sureOnClick($event, node)\"></x-comment-reply>\r\n        <ul>\r\n          <li *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n            <div>\r\n              <p>\r\n                <x-link>{{ child.author }}</x-link>\r\n                <ng-container *ngIf=\"child.replyAuthor\">\r\n                  <span class=\"x-comment-reply\">{{ 'comment.reply' | xI18n }}</span> <x-link>{{ child.replyAuthor }}</x-link></ng-container\r\n                >：\r\n                <span>\r\n                  <x-text-retract [content]=\"child.content\"></x-text-retract>\r\n                </span>\r\n              </p>\r\n              <div class=\"x-comment-action\">\r\n                <span class=\"x-comment-time\">{{ child.datetime | xTimeAgo }}</span>\r\n                <x-buttons>\r\n                  <x-button icon=\"fto-message-square\" [activated]=\"child.commentShow\" (click)=\"replyOnClick(child)\" onlyIcon>{{\r\n                    'comment.reply' | xI18n\r\n                  }}</x-button>\r\n                  <x-button icon=\"fto-thumbs-up\" (click)=\"likeOnClick(child)\" onlyIcon>\r\n                    {{ 'comment.giveALike' | xI18n }} {{ child.likes ? child.likes : '' }}</x-button\r\n                  >\r\n                </x-buttons>\r\n              </div>\r\n              <x-comment-reply\r\n                *ngIf=\"child.commentShow\"\r\n                [maxlength]=\"contentMax\"\r\n                (sureClick)=\"sureOnClick($event, child)\"\r\n              ></x-comment-reply>\r\n            </div>\r\n          </li>\r\n          <li class=\"x-comment-more\" *ngIf=\"hasMore(node)\">\r\n            <x-link icon=\"fto-chevron-right\" type=\"primary\" (click)=\"moreOnClick(node)\" iconRight>{{ 'comment.more' | xI18n }} </x-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCommentComponent } from './comment.component';\r\nimport { XCommentReplyComponent } from './comment-reply.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XAvatarModule } from '@ng-nest/ui/avatar';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XTextRetractModule } from '@ng-nest/ui/text-retract';\r\nimport { XTimeAgoModule } from '@ng-nest/ui/time-ago';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XCommentProperty, XCommentReplyProperty } from './comment.property';\r\n\r\n@NgModule({\r\n  declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty],\r\n  exports: [XCommentComponent, XCommentReplyComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    XI18nModule,\r\n    XInputModule,\r\n    XLinkModule,\r\n    XAvatarModule,\r\n    XButtonModule,\r\n    XTextRetractModule,\r\n    XTimeAgoModule\r\n  ]\r\n})\r\nexport class XCommentModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}