@ng-nest/ui 15.0.20 → 16.0.1

package/fesm2022/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({ selector: `${XColorPickerPrefix}-property`, 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, XComputed } 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<HTMLElement>;\r\n  @ViewChild('plateRef', { static: true }) plateRef!: ElementRef<HTMLElement>;\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<HTMLElement>,\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 XComputed(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            [style.width.%]=\"100\"\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            [style.width.%]=\"100\"\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 [style.width.%]=\"100\" [(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<HTMLElement>;\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    public override 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.formControlValidator();\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      [validator]=\"validator\"\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})\r\nexport class XColorPickerModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i3","i1","i4"],"mappings":"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"}

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

@@ -0,0 +1,109 @@
+import * as i0 from '@angular/core';
+import { Component, Input, inject, ViewEncapsulation, ChangeDetectionStrategy, 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, XComputed, 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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XColorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XColorProperty, selector: "x-color-property", 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: "16.0.0", ngImport: i0, type: XColorProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XColorPrefix}-property`, template: '' }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hex: [{
+                type: Input
+            }], merge: [{
+                type: Input
+            }], amounts: [{
+                type: Input
+            }] } });
+
+class XColorComponent extends XColorProperty {
+    constructor(renderer, elementRef, configService) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.configService = configService;
+        this.colors = [];
+        this.doc = inject(DOCUMENT);
+        this.renderer.addClass(this.elementRef.nativeElement, XColorPrefix);
+    }
+    ngOnInit() {
+        if (!this.hex || this.hex === 'var(--x-primary)')
+            this.hex = XComputed(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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XColorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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"], dependencies: [{ kind: "directive", 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: "16.0.0", 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: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
+
+class XColorModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XColorModule, declarations: [XColorComponent, XColorProperty], imports: [CommonModule], exports: [XColorComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XColorModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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/fesm2022/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({ selector: `${XColorPrefix}-property`, 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, XComputed } 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  private doc = inject(DOCUMENT);\r\n\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef<HTMLElement>, public configService: XConfigService) {\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 = XComputed(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":"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"}

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

@@ -0,0 +1,275 @@
+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 '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4$1 from '@ng-nest/ui/link';
+import { XLinkModule } from '@ng-nest/ui/link';
+import * as i5$1 from '@ng-nest/ui/avatar';
+import { XAvatarModule } from '@ng-nest/ui/avatar';
+import * as i5 from '@ng-nest/ui/button';
+import { XButtonModule } from '@ng-nest/ui/button';
+import * as i7 from '@ng-nest/ui/text-retract';
+import { XTextRetractModule } from '@ng-nest/ui/text-retract';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i4 from '@ng-nest/ui/input';
+import { XInputModule } from '@ng-nest/ui/input';
+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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XCommentProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XCommentProperty, selector: "x-comment-property", 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: "16.0.0", ngImport: i0, type: XCommentProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCommentPrefix}-property`, 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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XCommentReplyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XCommentReplyProperty, selector: "x-comment-reply-property", 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: "16.0.0", ngImport: i0, type: XCommentReplyProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCommentReplyPrefix}-property`, 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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.XInputComponent, selector: "x-input" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "pipe", type: i1.XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", 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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.XLinkComponent, selector: "x-link" }, { kind: "component", type: i5$1.XAvatarComponent, selector: "x-avatar" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "component", type: i5.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i7.XTextRetractComponent, selector: "x-text-retract" }, { kind: "component", type: XCommentReplyComponent, selector: "x-comment-reply" }, { kind: "pipe", type: i1.XI18nPipe, name: "xI18n" }, { kind: "pipe", type: i9.XTimeAgoPipe, name: "xTimeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XCommentModule, declarations: [XCommentComponent, XCommentReplyComponent, XCommentProperty, XCommentReplyProperty], imports: [CommonModule,
+            FormsModule,
+            XI18nModule,
+            XInputModule,
+            XLinkModule,
+            XAvatarModule,
+            XButtonModule,
+            XTextRetractModule,
+            XTimeAgoModule], exports: [XCommentComponent, XCommentReplyComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XCommentModule, imports: [CommonModule,
+            FormsModule,
+            XI18nModule,
+            XInputModule,
+            XLinkModule,
+            XAvatarModule,
+            XButtonModule,
+            XTextRetractModule,
+            XTimeAgoModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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