@acorex/components 18.5.15 → 18.5.17

package/fesm2022/acorex-components-uploader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../libs/components/uploader/src/lib/uploader.models.ts","../../../../libs/components/uploader/src/lib/uploader.service.ts","../../../../libs/components/uploader/src/lib/uploader-zone.directive.ts","../../../../libs/components/uploader/src/lib/uploader-browse-handle.directive.ts","../../../../libs/components/uploader/src/lib/uploader-list.component.ts","../../../../libs/components/uploader/src/lib/uploader-list.component.html","../../../../libs/components/uploader/src/lib/uploader-dialog-container.component.ts","../../../../libs/components/uploader/src/lib/uploader-dialog-container.component.html","../../../../libs/components/uploader/src/lib/uploader-drop-zone.component.ts","../../../../libs/components/uploader/src/lib/uploader-drop-zone.component.html","../../../../libs/components/uploader/src/lib/uploader.module.ts","../../../../libs/components/uploader/src/acorex-components-uploader.ts"],"sourcesContent":["import { AXEvent } from '@acorex/components/common';\nimport { computed, signal } from '@angular/core';\n\nexport type AXUploadStatus = 'new' | 'inprogress' | 'completed' | 'failed' | 'canceled';\n\n\nexport interface AXUploaderChangedEvent extends AXEvent {\n  requests: AXUploadRequest[];\n}\n\nexport interface AXUploaderFileCompleteEvent extends AXEvent {\n  uploadedFile: AXUploadRequest;\n}\n\nexport interface AXUploaderFilesCompleteEvent extends AXEvent {\n  uploadedFiles: AXUploadRequest[];\n}\n\nexport class AXUploadRequest {\n\n  get name(): string {\n    return this.file.name;\n  }\n\n  get ext(): string {\n    const parts = this.name.split('.');\n    if (parts.length > 1) {\n      return parts[parts.length - 1];\n    } else {\n      // No extension found\n      return '';\n    }\n  }\n\n  get size(): number {\n    return this.file.size;\n  }\n\n  get file(): File {\n    return this.uploadFile;\n  }\n\n  private readonly _progress = signal(0);\n  progress = computed(() => this._progress())\n\n  private readonly _estimateTime = signal(0);\n  estimateTime = computed(() => this._estimateTime())\n\n  private readonly _status = signal<AXUploadStatus>('new');\n  status = computed(() => this._status())\n\n  private startTime: number;\n  private bytesTransferred = 0;\n\n  public onStart: (file: AXUploadRequest) => void;\n  public onCancel: (file: AXUploadRequest) => void;\n  public onComplete: (file: AXUploadRequest) => void;\n\n  constructor(private uploadFile: File) { }\n\n  private estimateTimeRemaining(bytesTransferred: number): number | null {\n    const now = Date.now();\n    const elapsed = now - this.startTime; // Time in milliseconds\n\n    if (elapsed === 0) {\n      return null; // Avoid division by zero\n    }\n\n    const speed = bytesTransferred / elapsed; // Bytes per millisecond\n    const remainingBytes = this.size - bytesTransferred;\n    const estimatedTime = Math.ceil(remainingBytes / speed); // Time in milliseconds\n    return estimatedTime; // Return the estimated time in milliseconds\n  }\n\n  public setTransferredBytes(value: number) {\n    this.bytesTransferred = value;\n    this.updateEstimateTime();\n  }\n\n  private updateEstimateTime() {\n    this._estimateTime.set(this.estimateTimeRemaining(this.bytesTransferred))\n    const progress = Math.floor((this.bytesTransferred / this.size) * 100);\n    this._progress.set(progress);\n  }\n\n  public async upload(): Promise<void> {\n    this.startTime = Date.now();\n    this._progress.set(0);\n    this._status.set('inprogress');\n    if (this.onStart)\n      this.onStart(this);\n  }\n\n  public cancel(): void {\n    this._status.set('canceled');\n    this.bytesTransferred = 0;\n    this._estimateTime.set(0);\n    this._progress.set(0);\n  }\n\n  public finish(data?: any): void {\n    this._status.set('completed');\n    this.bytesTransferred = this.size;\n    this._estimateTime.set(0);\n    this._progress.set(100);\n    if (this.onComplete)\n      this.onComplete(this);\n  }\n}\n","import { AXPopupService } from '@acorex/components/popup';\nimport { AXFileService } from '@acorex/core/file';\nimport { Injectable, inject } from '@angular/core';\nimport { sumBy } from 'lodash-es';\nimport { BehaviorSubject, interval, map, Subject, switchMap } from 'rxjs';\nimport { AXUploaderFileCompleteEvent, AXUploaderFilesCompleteEvent, AXUploadRequest } from './uploader.models';\n\n@Injectable({ providedIn: 'root' })\nexport class AXUploaderService {\n\n  private popupService = inject(AXPopupService);\n  private fileService: AXFileService = inject(AXFileService);\n  private files$: BehaviorSubject<AXUploadRequest[]> = new BehaviorSubject<AXUploadRequest[]>([]);\n  public get files(): BehaviorSubject<AXUploadRequest[]> {\n    return this.files$;\n  }\n\n  public readonly onFileUploadComplete: Subject<AXUploaderFileCompleteEvent> = new Subject<AXUploaderFileCompleteEvent>();\n  public readonly onFilesUploadComplete: Subject<AXUploaderFilesCompleteEvent> = new Subject<AXUploaderFilesCompleteEvent>();\n\n  public readonly totalEstimateTime = interval(500).pipe(\n    switchMap(() => this.files$.asObservable()),\n    map((f) => sumBy(f, (c) => c.estimateTime())),\n  );\n\n  private showDialog() {\n    import('./uploader-list.component').then((c) => {\n      this.popupService\n        .open(c.AXUploaderListComponent, {\n          size: 'md',\n          title: 'Upload File',\n        })\n        .then(async () => {\n          await this.cancelAll();\n          this.clearAll();\n        });\n    });\n  }\n\n  private convertFileToRequest(file: File): AXUploadRequest {\n    return new AXUploadRequest(file);\n  }\n\n  private startUpload() {\n    this.files.value\n      .filter((c) => c.status() == 'new')\n      .forEach((c) => {\n        c.onComplete = () => {\n          this.onFileUploadComplete.next({\n            component: this,\n            uploadedFile: c,\n            isUserInteraction: false\n          });\n          if (this.files.value.every(c => c.status() == 'completed')) {\n            this.onFilesUploadComplete.next({\n              component: this,\n              uploadedFiles: this.files.value,\n              isUserInteraction: false\n            });\n          }\n        };\n        c.upload();\n      });\n  }\n\n  async browse(options: { multiple?: boolean, accept?: string } = { multiple: false }): Promise<AXUploadRequest[]> {\n    try {\n      const files = await this.fileService.choose({ multiple: options?.multiple || false, accept: options.accept });\n      if (files.length) {\n        return this.add(files);\n      }\n      return Promise.resolve([]);\n    } catch (error) {\n      return Promise.resolve([]);\n    }\n  }\n\n  async add(files: FileList | File[]): Promise<AXUploadRequest[]> {\n    const list = Array.from(files).map((f) => this.convertFileToRequest(f));\n    const currentValue = this.files$.value;\n    currentValue.push(...list);\n    this.files$.next(currentValue);\n    this.showDialog();\n    this.startUpload();\n    return Promise.resolve(list);\n  }\n\n\n  async cancelAll() {\n    await Promise.all(this.files$.value.filter((c) => c.status() != 'completed').map((c) => c.cancel()));\n  }\n\n  clearAll() {\n    this.files$.value.filter((c) => c.status() != 'inprogress').forEach((c) => this.remove(c));\n  }\n\n  remove(item: AXUploadRequest) {\n    let currentValue = this.files$.value;\n    currentValue = currentValue.filter((c) => c != item);\n    this.files$.next(currentValue);\n  }\n}\n","import { AXTranslationService } from '@acorex/core/translation';\nimport { Directive, ElementRef, EventEmitter, HostBinding, Input, OnDestroy, Output, inject } from '@angular/core';\nimport { AXUploaderService } from './uploader.service';\nimport { AXUploaderChangedEvent, AXUploaderFileCompleteEvent, AXUploaderFilesCompleteEvent } from './uploader.models';\nimport { AXUnsubscriber } from '@acorex/core/utils';\n@Directive({\n  selector: '[axUploaderZone]',\n  providers: [AXUnsubscriber]\n})\nexport class AXUploaderZoneDirective implements OnDestroy {\n  @Input()\n  multiple = true;\n\n  @Input()\n  accept: string = null;\n\n  private uploadService = inject(AXUploaderService);\n  private unsubscriber = inject(AXUnsubscriber);\n  private translateService = inject(AXTranslationService);\n  private element: HTMLElement;\n\n\n  @Output()\n  onChanged: EventEmitter<AXUploaderChangedEvent> = new EventEmitter<AXUploaderChangedEvent>();\n\n  @Output()\n  onFileUploadComplete: EventEmitter<AXUploaderFileCompleteEvent> = new EventEmitter<AXUploaderFileCompleteEvent>();\n\n  @Output()\n  onFilesUploadComplete: EventEmitter<AXUploaderFilesCompleteEvent> = new EventEmitter<AXUploaderFilesCompleteEvent>();\n\n\n  stateClass = 'ax-uploader-overlay-state';\n  overlayElement: HTMLDivElement;\n\n\n\n  constructor(private elementRef: ElementRef) {\n    this.element = this.elementRef.nativeElement as HTMLElement;\n    this.element.style.position = 'relative';\n    //\n    this.uploadService\n      .onFileUploadComplete\n      .pipe(this.unsubscriber.takeUntilDestroy)\n      .subscribe(c => {\n        this.onFileUploadComplete.next(c);\n      });\n\n    this.uploadService\n      .onFilesUploadComplete\n      .pipe(this.unsubscriber.takeUntilDestroy)\n      .subscribe(c => {\n        this.onFilesUploadComplete.next(c);\n      });\n    //\n    this.element.addEventListener('dragenter', this.handleDragEnter.bind(this), true);\n    this.element.addEventListener('dragover', this.handleDragOver.bind(this), true);\n    this.element.addEventListener('drop', this.handleOnDrop.bind(this), true);\n    this.element.addEventListener('dragleave', this.removeZone.bind(this), true);\n  }\n\n  ngOnDestroy(): void {\n    this.element.removeEventListener('dragenter', this.handleDragEnter.bind(this));\n    this.element.removeEventListener('drop', this.handleOnDrop.bind(this));\n    this.element.removeEventListener('dragover', this.handleDragOver.bind(this));\n    this.element.removeEventListener('dragleave', this.removeZone.bind(this));\n  }\n\n  private handleDragEnter(event: Event) {\n    this.createZone();\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n  private handleOnDrop(event: DragEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.uploadService.add(event.dataTransfer?.files);\n    this.removeZone();\n  }\n\n  private handleDragOver(event: Event) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n\n  private createZone() {\n    this.overlayElement = document.createElement('div');\n    this.overlayElement.classList.add('ax-uploader-overlay-state');\n\n    const icon: HTMLSpanElement = document.createElement('span');\n    icon.classList.add('ax-icon', 'ax-icon-upload');\n\n    const text = document.createElement('span');\n    text.innerText = this.translateService.translateSync('uploader.zone.text');\n\n    this.overlayElement.appendChild(icon);\n    this.overlayElement.appendChild(text);\n\n    this.element.appendChild(this.overlayElement);\n  }\n\n  private removeZone() {\n    this.overlayElement.remove();\n  }\n\n  public async browser(): Promise<void> {\n    const requests = await this.uploadService.browse({ accept: this.accept, multiple: this.multiple });\n    this.onChanged.emit({\n      component: this,\n      requests,\n      isUserInteraction: true\n    });\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-drop-zone`;\n  }\n}\n","import { Directive, ElementRef, OnDestroy, OnInit, inject } from '@angular/core';\nimport { AXUploaderZoneDirective } from './uploader-zone.directive';\n\n@Directive({\n  selector: '[axUploaderBrowseHandle]',\n})\nexport class AXUploaderBrowseDirective implements OnInit, OnDestroy {\n  private uploaderZone = inject(AXUploaderZoneDirective);\n  private elemenrRef: ElementRef<HTMLDivElement> = inject(ElementRef<HTMLDivElement>);\n\n  ngOnInit() {\n    this.elemenrRef.nativeElement.addEventListener('click', this.handleClick.bind(this));\n  }\n\n  ngOnDestroy(): void {\n    this.elemenrRef.nativeElement.removeEventListener('click', this.handleClick.bind(this));\n  }\n\n  private async handleClick() {\n    await this.uploaderZone.browser();\n  }\n}\n","import { AXBasePageComponent } from '@acorex/components/page';\nimport { Component, ViewEncapsulation, inject } from '@angular/core';\nimport { AXUploaderService } from './uploader.service';\n\n@Component({\n  selector: 'ax-uploader-list',\n  templateUrl: './uploader-list.component.html',\n  styleUrls: ['./uploader-list.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXUploaderListComponent extends AXBasePageComponent {\n  protected uploadService: AXUploaderService = inject(AXUploaderService);\n}\n","@if((uploadService.totalEstimateTime | async) > 0)\n{\n<div class=\"ax-uploader-progress-status\">\n  <div>{{ (uploadService.totalEstimateTime | async) | format: 'timeleft' | async }}</div>\n  <button (click)=\"uploadService.cancelAll()\">{{ 'cancel' | translate | async }}</button>\n</div>\n}\n<ul class=\"ax-uploader-list-items\">\n  @for (item of uploadService.files | async; track item.name) {\n  <li>\n    <div class=\"ax-file ax-bg-success-500\">\n      <span>{{ item.ext }}</span>\n    </div>\n    <div class=\"ax-item-container\">\n      <div class=\"ax-item-name\" [title]=\"item.name\">{{ item.name }}</div>\n      <div><span>{{ item.size | format: 'filesize' | async }}</span>\n        @switch (item.status()) {\n        @case ('inprogress') {\n        / {{ item.estimateTime() | format: 'timeleft' | async }}\n        }\n        }\n      </div>\n    </div>\n    @switch (item.status()) {\n    @case ('completed') {\n    <div class=\"ax-status\">\n      <i class=\"ax-icon ax-icon-solid ax-icon-check-circle ax-state-completed\"></i>\n    </div>\n    }\n    @case ('canceled') {\n    <span class=\"ax-state-canceled\">{{ 'canceled' | translate | async }}</span>\n    }\n    @case ('failed') {\n    <span class=\"ax-state-failed\">{{ 'failed' | translate | async }}</span>\n    }\n    @default {\n    <div class=\"ax-status\">\n      <ax-circular-progress [size]=\"22\" [stroke]=\"6\" [progress]=\"item.progress()\" class=\"ax-show\">\n      </ax-circular-progress>\n      <i class=\"ax-icon ax-icon-solid ax-icon-close ax-hide\" (click)=\"item.cancel()\"\n        title=\"{{ 'cancel' | translate | async  }}\"></i>\n    </div>\n    }\n    }\n  </li>\n  }\n</ul>","import { AXClosbaleComponent } from '@acorex/components/common';\nimport { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\nimport { Component, ViewEncapsulation, inject } from '@angular/core';\n\n@Component({\n  selector: 'ax-uploader-dialog-container',\n  templateUrl: './uploader-dialog-container.component.html',\n  styleUrls: ['./uploader-dialog-container.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  animations: [\n    trigger('collapse', [\n      state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),\n      state('true', style({ height: '0', visibility: 'hidden' })),\n      transition('false => true', animate(150 + 'ms ease-in')),\n      transition('true => false', animate(150 + 'ms ease-out')),\n    ]),\n  ],\n})\nexport class AXUploaderDialogContainerComponent {\n  private parent = inject(AXClosbaleComponent);\n\n  isCollapsed = false;\n\n  close() {\n    this.parent.close();\n  }\n\n  toggle() {\n    this.isCollapsed = !this.isCollapsed;\n  }\n}\n","<div class=\"ax-uploader-list-header\">\n    <div>{{'Uploading' | translate | async }}</div>\n    <div>\n        <i class=\"ax-icon\" [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n            (click)=\"toggle()\"></i>\n        <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n    </div>\n</div>\n<div [@collapse]=\"isCollapsed\">\n    <ax-uploader-list></ax-uploader-list>\n</div>","import { MXBaseComponent } from '@acorex/components/common';\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-uploader-drop-zone',\n  templateUrl: './uploader-drop-zone.component.html',\n  styleUrls: ['./uploader.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXUploaderDropZoneComponent extends MXBaseComponent {}\n","<div class=\"ax-uploader-drop-zone-container\" axUploaderZone>\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>Drag & Drop or <a href=\"#\">Choose file</a> to upload</span>\n    <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p>\n  </div>\n</div>","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCircularProgressModule } from '@acorex/components/circular-progress';\nimport { AXPopupModule } from '@acorex/components/popup';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFileModule } from '@acorex/core/file';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXUploaderBrowseDirective } from './uploader-browse-handle.directive';\nimport { AXUploaderDialogContainerComponent } from './uploader-dialog-container.component';\nimport { AXUploaderDropZoneComponent } from './uploader-drop-zone.component';\nimport { AXUploaderListComponent } from './uploader-list.component';\nimport { AXUploaderZoneDirective } from './uploader-zone.directive';\nimport { AXUploaderService } from './uploader.service';\n\n@NgModule({\n  declarations: [\n    AXUploaderDropZoneComponent,\n    AXUploaderListComponent,\n    AXUploaderZoneDirective,\n    AXUploaderBrowseDirective,\n    AXUploaderDialogContainerComponent,\n  ],\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXButtonModule,\n    AXTranslationModule,\n    AXProgressBarModule,\n    AXFormatModule,\n    AXFileModule,\n    AXDateTimeModule,\n    AXCircularProgressModule,\n    AXPopupModule,\n  ],\n  exports: [AXUploaderDropZoneComponent, AXUploaderZoneDirective, AXUploaderBrowseDirective, AXUploaderDialogContainerComponent],\n  providers: [],\n})\nexport class AXUploaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i1","i2.AXUploaderListComponent","i2.AXUploaderZoneDirective"],"mappings":"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"}
+{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../libs/components/uploader/src/lib/uploader.models.ts","../../../../libs/components/uploader/src/lib/uploader.service.ts","../../../../libs/components/uploader/src/lib/uploader-zone.directive.ts","../../../../libs/components/uploader/src/lib/uploader-browse-handle.directive.ts","../../../../libs/components/uploader/src/lib/uploader-list.component.ts","../../../../libs/components/uploader/src/lib/uploader-list.component.html","../../../../libs/components/uploader/src/lib/uploader-dialog-container.component.ts","../../../../libs/components/uploader/src/lib/uploader-dialog-container.component.html","../../../../libs/components/uploader/src/lib/uploader-drop-zone.component.ts","../../../../libs/components/uploader/src/lib/uploader-drop-zone.component.html","../../../../libs/components/uploader/src/lib/uploader.module.ts","../../../../libs/components/uploader/src/acorex-components-uploader.ts"],"sourcesContent":["import { AXEvent } from '@acorex/components/common';\nimport { computed, signal } from '@angular/core';\n\nexport type AXUploadStatus = 'new' | 'inprogress' | 'completed' | 'failed' | 'canceled';\n\n\nexport interface AXUploaderChangedEvent extends AXEvent {\n  requests: AXUploadRequest[];\n}\n\nexport interface AXUploaderFileCompleteEvent extends AXEvent {\n  uploadedFile: AXUploadRequest;\n}\n\nexport interface AXUploaderFilesCompleteEvent extends AXEvent {\n  uploadedFiles: AXUploadRequest[];\n}\n\nexport class AXUploadRequest {\n\n  get name(): string {\n    return this.file.name;\n  }\n\n  get ext(): string {\n    const parts = this.name.split('.');\n    if (parts.length > 1) {\n      return parts[parts.length - 1];\n    } else {\n      // No extension found\n      return '';\n    }\n  }\n\n  get size(): number {\n    return this.file.size;\n  }\n\n  get file(): File {\n    return this.uploadFile;\n  }\n\n  private readonly _progress = signal(0);\n  progress = computed(() => this._progress())\n\n  private readonly _estimateTime = signal(0);\n  estimateTime = computed(() => this._estimateTime())\n\n  private readonly _status = signal<AXUploadStatus>('new');\n  status = computed(() => this._status())\n\n  private readonly _message = signal<string | null>(null);\n  message = computed(() => this._message())\n\n  private startTime: number;\n  private bytesTransferred = 0;\n\n  public onStart: (file: AXUploadRequest) => void;\n  public onCancel: (file: AXUploadRequest) => void;\n  public onFailed: (file: AXUploadRequest) => void;\n  public onComplete: (file: AXUploadRequest) => void;\n\n  constructor(private uploadFile: File) { }\n\n  private estimateTimeRemaining(bytesTransferred: number): number | null {\n    const now = Date.now();\n    const elapsed = now - this.startTime; // Time in milliseconds\n\n    if (elapsed === 0) {\n      return null; // Avoid division by zero\n    }\n\n    const speed = bytesTransferred / elapsed; // Bytes per millisecond\n    const remainingBytes = this.size - bytesTransferred;\n    const estimatedTime = Math.ceil(remainingBytes / speed); // Time in milliseconds\n    return estimatedTime; // Return the estimated time in milliseconds\n  }\n\n  public setTransferredBytes(value: number) {\n    this.bytesTransferred = value;\n    this.updateEstimateTime();\n  }\n\n  private updateEstimateTime() {\n    this._estimateTime.set(this.estimateTimeRemaining(this.bytesTransferred))\n    const progress = Math.floor((this.bytesTransferred / this.size) * 100);\n    this._progress.set(progress);\n  }\n\n  public async upload(): Promise<void> {\n    this.startTime = Date.now();\n    this._progress.set(0);\n    this._status.set('inprogress');\n    if (this.onStart)\n      this.onStart(this);\n  }\n\n  public cancel(): void {\n    this._status.set('canceled');\n    this.bytesTransferred = 0;\n    this._estimateTime.set(0);\n    this._progress.set(0);\n    if (this.onCancel)\n      this.onCancel(this);\n  }\n\n  public error(message: string): void {\n    this._status.set('failed');\n    this.bytesTransferred = 0;\n    this._estimateTime.set(0);\n    this._progress.set(0);\n    this._message.set(message);\n    if (this.onFailed)\n      this.onFailed(this);\n  }\n\n  public finish(data?: any): void {\n    this._status.set('completed');\n    this.bytesTransferred = this.size;\n    this._estimateTime.set(0);\n    this._progress.set(100);\n    if (this.onComplete)\n      this.onComplete(this);\n  }\n}\n","import { AXPopupService } from '@acorex/components/popup';\nimport { AXFileService } from '@acorex/core/file';\nimport { Injectable, inject } from '@angular/core';\nimport { sumBy } from 'lodash-es';\nimport { BehaviorSubject, interval, map, Subject, switchMap } from 'rxjs';\nimport { AXUploaderFileCompleteEvent, AXUploaderFilesCompleteEvent, AXUploadRequest } from './uploader.models';\n\n@Injectable({ providedIn: 'root' })\nexport class AXUploaderService {\n\n  private popupService = inject(AXPopupService);\n  private fileService: AXFileService = inject(AXFileService);\n  private files$: BehaviorSubject<AXUploadRequest[]> = new BehaviorSubject<AXUploadRequest[]>([]);\n  public get files(): BehaviorSubject<AXUploadRequest[]> {\n    return this.files$;\n  }\n\n  public readonly onFileUploadComplete: Subject<AXUploaderFileCompleteEvent> = new Subject<AXUploaderFileCompleteEvent>();\n  public readonly onFilesUploadComplete: Subject<AXUploaderFilesCompleteEvent> = new Subject<AXUploaderFilesCompleteEvent>();\n\n  public readonly totalEstimateTime = interval(500).pipe(\n    switchMap(() => this.files$.asObservable()),\n    map((f) => sumBy(f, (c) => c.estimateTime())),\n  );\n\n  private showDialog() {\n    import('./uploader-list.component').then((c) => {\n      this.popupService\n        .open(c.AXUploaderListComponent, {\n          size: 'md',\n          title: 'Upload File',\n        })\n        .then(async () => {\n          await this.cancelAll();\n          this.clearAll();\n        });\n    });\n  }\n\n  private convertFileToRequest(file: File): AXUploadRequest {\n    return new AXUploadRequest(file);\n  }\n\n  private startUpload() {\n    this.files.value\n      .filter((c) => c.status() == 'new')\n      .forEach((c) => {\n        c.onComplete = () => {\n          this.onFileUploadComplete.next({\n            component: this,\n            uploadedFile: c,\n            isUserInteraction: false\n          });\n          if (this.files.value.every(c => c.status() == 'completed')) {\n            this.onFilesUploadComplete.next({\n              component: this,\n              uploadedFiles: this.files.value,\n              isUserInteraction: false\n            });\n          }\n        };\n        c.upload();\n      });\n  }\n\n  async browse(options: { multiple?: boolean, accept?: string } = { multiple: false }): Promise<AXUploadRequest[]> {\n    try {\n      const files = await this.fileService.choose({ multiple: options?.multiple || false, accept: options.accept });\n      if (files.length) {\n        return this.add(files);\n      }\n      return Promise.resolve([]);\n    } catch (error) {\n      return Promise.resolve([]);\n    }\n  }\n\n  async add(files: FileList | File[]): Promise<AXUploadRequest[]> {\n    const list = Array.from(files).map((f) => this.convertFileToRequest(f));\n    const currentValue = this.files$.value;\n    currentValue.push(...list);\n    this.files$.next(currentValue);\n    this.showDialog();\n    this.startUpload();\n    return Promise.resolve(list);\n  }\n\n\n  async cancelAll() {\n    await Promise.all(this.files$.value.filter((c) => c.status() != 'completed').map((c) => c.cancel()));\n  }\n\n  clearAll() {\n    this.files$.value.filter((c) => c.status() != 'inprogress').forEach((c) => this.remove(c));\n  }\n\n  remove(item: AXUploadRequest) {\n    let currentValue = this.files$.value;\n    currentValue = currentValue.filter((c) => c != item);\n    this.files$.next(currentValue);\n  }\n}\n","import { AXTranslationService } from '@acorex/core/translation';\nimport { Directive, ElementRef, EventEmitter, HostBinding, Input, OnDestroy, Output, inject } from '@angular/core';\nimport { AXUploaderService } from './uploader.service';\nimport { AXUploaderChangedEvent, AXUploaderFileCompleteEvent, AXUploaderFilesCompleteEvent } from './uploader.models';\nimport { AXUnsubscriber } from '@acorex/core/utils';\n@Directive({\n  selector: '[axUploaderZone]',\n  providers: [AXUnsubscriber]\n})\nexport class AXUploaderZoneDirective implements OnDestroy {\n  @Input()\n  multiple = true;\n\n  @Input()\n  accept: string = null;\n\n  private uploadService = inject(AXUploaderService);\n  private unsubscriber = inject(AXUnsubscriber);\n  private translateService = inject(AXTranslationService);\n  private element: HTMLElement;\n\n\n  @Output()\n  onChanged: EventEmitter<AXUploaderChangedEvent> = new EventEmitter<AXUploaderChangedEvent>();\n\n  @Output()\n  onFileUploadComplete: EventEmitter<AXUploaderFileCompleteEvent> = new EventEmitter<AXUploaderFileCompleteEvent>();\n\n  @Output()\n  onFilesUploadComplete: EventEmitter<AXUploaderFilesCompleteEvent> = new EventEmitter<AXUploaderFilesCompleteEvent>();\n\n\n  stateClass = 'ax-uploader-overlay-state';\n  overlayElement: HTMLDivElement;\n\n\n\n  constructor(private elementRef: ElementRef) {\n    this.element = this.elementRef.nativeElement as HTMLElement;\n    this.element.style.position = 'relative';\n    //\n    this.uploadService\n      .onFileUploadComplete\n      .pipe(this.unsubscriber.takeUntilDestroy)\n      .subscribe(c => {\n        this.onFileUploadComplete.next(c);\n      });\n\n    this.uploadService\n      .onFilesUploadComplete\n      .pipe(this.unsubscriber.takeUntilDestroy)\n      .subscribe(c => {\n        this.onFilesUploadComplete.next(c);\n      });\n    //\n    this.element.addEventListener('dragenter', this.handleDragEnter.bind(this), true);\n    this.element.addEventListener('dragover', this.handleDragOver.bind(this), true);\n    this.element.addEventListener('drop', this.handleOnDrop.bind(this), true);\n    this.element.addEventListener('dragleave', this.removeZone.bind(this), true);\n  }\n\n  ngOnDestroy(): void {\n    this.element.removeEventListener('dragenter', this.handleDragEnter.bind(this));\n    this.element.removeEventListener('drop', this.handleOnDrop.bind(this));\n    this.element.removeEventListener('dragover', this.handleDragOver.bind(this));\n    this.element.removeEventListener('dragleave', this.removeZone.bind(this));\n  }\n\n  private handleDragEnter(event: Event) {\n    this.createZone();\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n  private handleOnDrop(event: DragEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.uploadService.add(event.dataTransfer?.files);\n    this.removeZone();\n  }\n\n  private handleDragOver(event: Event) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n\n  private createZone() {\n    this.overlayElement = document.createElement('div');\n    this.overlayElement.classList.add('ax-uploader-overlay-state');\n\n    const icon: HTMLSpanElement = document.createElement('span');\n    icon.classList.add('ax-icon', 'ax-icon-upload');\n\n    const text = document.createElement('span');\n    text.innerText = this.translateService.translateSync('uploader.zone.text');\n\n    this.overlayElement.appendChild(icon);\n    this.overlayElement.appendChild(text);\n\n    this.element.appendChild(this.overlayElement);\n  }\n\n  private removeZone() {\n    this.overlayElement.remove();\n  }\n\n  public async browser(): Promise<void> {\n    const requests = await this.uploadService.browse({ accept: this.accept, multiple: this.multiple });\n    this.onChanged.emit({\n      component: this,\n      requests,\n      isUserInteraction: true\n    });\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-drop-zone`;\n  }\n}\n","import { Directive, ElementRef, OnDestroy, OnInit, inject } from '@angular/core';\nimport { AXUploaderZoneDirective } from './uploader-zone.directive';\n\n@Directive({\n  selector: '[axUploaderBrowseHandle]',\n})\nexport class AXUploaderBrowseDirective implements OnInit, OnDestroy {\n  private uploaderZone = inject(AXUploaderZoneDirective);\n  private elemenrRef: ElementRef<HTMLDivElement> = inject(ElementRef<HTMLDivElement>);\n\n  ngOnInit() {\n    this.elemenrRef.nativeElement.addEventListener('click', this.handleClick.bind(this));\n  }\n\n  ngOnDestroy(): void {\n    this.elemenrRef.nativeElement.removeEventListener('click', this.handleClick.bind(this));\n  }\n\n  private async handleClick() {\n    await this.uploaderZone.browser();\n  }\n}\n","import { AXBasePageComponent } from '@acorex/components/page';\nimport { Component, ViewEncapsulation, inject } from '@angular/core';\nimport { AXUploaderService } from './uploader.service';\n\n/**\n * A component that displays a list of uploaded files.\n * @category Components\n */\n@Component({\n  selector: 'ax-uploader-list',\n  templateUrl: './uploader-list.component.html',\n  styleUrls: ['./uploader-list.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXUploaderListComponent extends AXBasePageComponent {\n\n  /** @ignore */\n  protected uploadService: AXUploaderService = inject(AXUploaderService);\n}\n","@if((uploadService.totalEstimateTime | async) > 0)\n{\n<div class=\"ax-uploader-progress-status\">\n  <div>{{ (uploadService.totalEstimateTime | async) | format: 'timeleft' | async }}</div>\n  <button (click)=\"uploadService.cancelAll()\">{{ 'cancel' | translate | async }}</button>\n</div>\n}\n<ul class=\"ax-uploader-list-items\">\n  @for (item of uploadService.files | async; track item.name) {\n  <li>\n    <div class=\"ax-file ax-bg-success-500\">\n      <span>{{ item.ext }}</span>\n    </div>\n    <div class=\"ax-item-container\">\n      <div class=\"ax-item-name\" [title]=\"item.name\">{{ item.name }}</div>\n      <div class=\"ax-status\">\n        @switch (item.status()) {\n        @case ('inprogress') {\n        <span>{{ item.size | format: 'filesize' | async }}</span> / {{ item.estimateTime() | format: 'timeleft' | async\n        }}\n        }\n        @case ('failed') {\n        <span class=\"ax-state-failed\">{{ item.message() }}</span>\n        }\n        }\n      </div>\n    </div>\n    <div class=\"ax-status\">\n      @switch (item.status()) {\n      @case ('completed') {\n      <i class=\"ax-icon ax-icon-solid ax-icon-check-circle ax-state-completed\"></i>\n      }\n      @case ('canceled') {\n      <span class=\"ax-state-canceled\">{{ 'canceled' | translate | async }}</span>\n      }\n      @case ('failed') {\n      <span class=\"ax-state-failed\">{{ 'failed' | translate | async }}</span>\n      }\n      @default {\n      <ax-circular-progress [size]=\"22\" [stroke]=\"6\" [progress]=\"item.progress()\" class=\"ax-show\">\n      </ax-circular-progress>\n      <i class=\"ax-icon ax-icon-solid ax-icon-close ax-hide\" (click)=\"item.cancel()\"\n        title=\"{{ 'cancel' | translate | async  }}\"></i>\n      }\n      }\n    </div>\n  </li>\n  }\n</ul>","import { AXClosbaleComponent } from '@acorex/components/common';\nimport { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';\nimport { Component, ViewEncapsulation, inject } from '@angular/core';\n\n/**\n * A container for managing the uploader dialog with collapse and expand animations.\n * @category Components\n */\n@Component({\n  selector: 'ax-uploader-dialog-container',\n  templateUrl: './uploader-dialog-container.component.html',\n  styleUrls: ['./uploader-dialog-container.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  animations: [\n    trigger('collapse', [\n      state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),\n      state('true', style({ height: '0', visibility: 'hidden' })),\n      transition('false => true', animate(150 + 'ms ease-in')),\n      transition('true => false', animate(150 + 'ms ease-out')),\n    ]),\n  ],\n})\nexport class AXUploaderDialogContainerComponent {\n  /** @ignore */\n  private parent = inject(AXClosbaleComponent);\n\n  /**\n   * Indicates whether the component is in a collapsed state.\n   * @defaultValue false\n   */\n  isCollapsed = false;\n\n  /**\n   * Closes the parent dialog or container.\n   */\n  close() {\n    this.parent.close();\n  }\n\n  /**\n   * Toggles the collapsed state of the component.\n   */\n  toggle() {\n    this.isCollapsed = !this.isCollapsed;\n  }\n}\n","<div class=\"ax-uploader-list-header\">\n    <div>{{'Uploading' | translate | async }}</div>\n    <div>\n        <i class=\"ax-icon\" [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n            (click)=\"toggle()\"></i>\n        <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n    </div>\n</div>\n<div [@collapse]=\"isCollapsed\">\n    <ax-uploader-list></ax-uploader-list>\n</div>","import { MXBaseComponent } from '@acorex/components/common';\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * A component that provides a drop zone area for uploading files.\n * @category Components\n */\n@Component({\n  selector: 'ax-uploader-drop-zone',\n  templateUrl: './uploader-drop-zone.component.html',\n  styleUrls: ['./uploader.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXUploaderDropZoneComponent extends MXBaseComponent {}\n","<div class=\"ax-uploader-drop-zone-container\" axUploaderZone>\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>Drag & Drop or <a href=\"#\">Choose file</a> to upload</span>\n    <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p>\n  </div>\n</div>","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCircularProgressModule } from '@acorex/components/circular-progress';\nimport { AXPopupModule } from '@acorex/components/popup';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFileModule } from '@acorex/core/file';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXUploaderBrowseDirective } from './uploader-browse-handle.directive';\nimport { AXUploaderDialogContainerComponent } from './uploader-dialog-container.component';\nimport { AXUploaderDropZoneComponent } from './uploader-drop-zone.component';\nimport { AXUploaderListComponent } from './uploader-list.component';\nimport { AXUploaderZoneDirective } from './uploader-zone.directive';\nimport { AXUploaderService } from './uploader.service';\n\n@NgModule({\n  declarations: [\n    AXUploaderDropZoneComponent,\n    AXUploaderListComponent,\n    AXUploaderZoneDirective,\n    AXUploaderBrowseDirective,\n    AXUploaderDialogContainerComponent,\n  ],\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXButtonModule,\n    AXTranslationModule,\n    AXProgressBarModule,\n    AXFormatModule,\n    AXFileModule,\n    AXDateTimeModule,\n    AXCircularProgressModule,\n    AXPopupModule,\n  ],\n  exports: [AXUploaderDropZoneComponent, AXUploaderZoneDirective, AXUploaderBrowseDirective, AXUploaderDialogContainerComponent],\n  providers: [],\n})\nexport class AXUploaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i1","i2.AXUploaderListComponent","i2.AXUploaderZoneDirective"],"mappings":"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"}

package/fesm2022/acorex-components-wysiwyg.mjs

@@ -9,7 +9,7 @@ import { signal, Injectable, inject, afterNextRender, Component, ViewEncapsulati
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXWysiwyg } from '@acorex/cdk/wysiwyg';
-import { MXBaseComponent, AXDataSource } from '@acorex/components/common';
+import { MXBaseComponent } from '@acorex/components/common';
 import * as i5 from '@acorex/components/color-palette';
 import { AXColorPaletteModule } from '@acorex/components/color-palette';
 import * as i6 from '@acorex/components/popover';
@@ -21,6 +21,9 @@ class AXWysiwygService {
     constructor() {
         this.wysiwyg = signal(null);
         this.currentSelectedElemArray = signal([]);
+        this.currentSelectedElemClass = signal('');
+        this.currentSelectedElemList = signal('');
+        this.currentSelectedElemAlign = signal('');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygService }); }
@@ -29,16 +32,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
             type: Injectable
         }] });
 
+/**
+ * A container component for WYSIWYG (What You See Is What You Get) editor functionality.
+ * @category Components
+ */
 class AXWysiwygContainerComponent extends MXBaseComponent {
+    /**
+     *  @ignore
+     */
     constructor() {
         super();
+        /**
+         *  @ignore
+         */
         this.wysiwyg = signal(null);
+        /**
+         *  @ignore
+         */
         this.view = signal(null);
+        /**
+         *  @ignore
+         */
         this.service = inject(AXWysiwygService);
         afterNextRender(() => {
             this.view.set(this.getHostElement().querySelector('.ax-editor-wrapper'));
             this.wysiwyg.set(new AXWysiwyg(this.view(), {
                 placeholder: 'Write Your Message ...',
+                readOnly: true,
             }));
             this.service.wysiwyg.set(this.wysiwyg());
         });
@@ -51,10 +71,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
             args: [{ selector: 'ax-wysiwyg-container', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:\"\\2022\"}.ql-editor li[data-list=checked]>.ql-ui:before{content:\"\\2611\"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:\"\\2610\"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) \". \"}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) \". \"}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}ax-wysiwyg-container{border:1px solid rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:100%;display:block;overflow-x:auto}\n/*! Bundled license information:\n\nquill/dist/quill.core.css:\n  (*!\n   * Quill Editor v2.0.2\n   * https://quilljs.com\n   * Copyright (c) 2017-2024, Slab\n   * Copyright (c) 2014, Jason Chen\n   * Copyright (c) 2013, salesforce.com\n   *)\n*/\n"] }]
         }], ctorParameters: () => [] });
 
+/**
+ * A toolbar component for the WYSIWYG editor, providing various formatting options.
+ * @category Components
+ */
 class AXWysiwygToolbarComponent {
+    /** @ignore */
     constructor() {
+        /**
+         *  Return user input as HTML.
+         *  @event
+         */
         this.outputHTML = output();
+        /** @ignore */
         this.service = inject(AXWysiwygService);
+        /**
+         * config wysiwyg toolbar.
+         *
+         * @defaultValue 'button'
+         */
         this.config = input({
             bold: true,
             undo: true,
@@ -69,34 +104,27 @@ class AXWysiwygToolbarComponent {
             alignment: true,
             image: true,
         });
+        /** @ignore */
         this.wysiwyg = signal(null);
+        /** @ignore */
         this.boldState = signal(false);
+        /** @ignore */
         this.italicState = signal(false);
+        /** @ignore */
         this.underLineState = signal(false);
+        /** @ignore */
         this.strikeLineState = signal(false);
+        /** @ignore */
         this.listState = signal('');
+        /** @ignore */
         this.alignState = signal('');
-        this.selectedFont = 'medium';
-        this.selectedColor = '';
-        this.selectedHighlightColor = '';
-        this.linkAddress = '';
-        this.fontSize = new AXDataSource({
-            pageSize: 10,
-            key: 'id',
-            load: (e) => {
-                return new Promise((resolve) => {
-                    resolve({
-                        items: ['small', 'medium', 'large', 'huge'],
-                        total: 4,
-                    });
-                });
-            },
-            byKey: (key) => {
-                return new Promise((resolve) => {
-                    resolve('medium');
-                });
-            },
-        });
+        /** @ignore */
+        this.selectedFont = signal('medium');
+        /** @ignore */
+        this.selectedColor = signal('rgb(243, 238, 238)');
+        /** @ignore */
+        this.selectedHighlightColor = signal('none');
+        /** @ignore */
         this.popoverOption = {
             openOn: 'click',
             closeOn: 'clickOut',
@@ -104,20 +132,52 @@ class AXWysiwygToolbarComponent {
             offsetX: 0,
             offsetY: 0,
         };
+        /** @ignore */
         this.textBoxOptions = {
             text: '',
             placeholder: 'Enter yor url ...',
             size: 'ax-sm',
         };
         effect(() => {
-            this.wysiwyg().bold(false);
-            this.boldState.set(false);
-            this.wysiwyg().italic(false);
-            this.italicState.set(false);
-            this.wysiwyg().strike(false);
-            this.strikeLineState.set(false);
-            this.wysiwyg().underLine(false);
-            this.underLineState.set(false);
+            switch (this.service.currentSelectedElemList()) {
+                case 'ordered':
+                    this.wysiwyg().list('ordered');
+                    this.listState.set('ordered');
+                    break;
+                case 'bullet':
+                    this.wysiwyg().list('bullet');
+                    this.listState.set('bullet');
+                    break;
+                default:
+                    this.wysiwyg().list('');
+                    this.listState.set('');
+            }
+            switch (this.service.currentSelectedElemClass()) {
+                case 'ql-size-huge':
+                    this.selectedFont.set('huge');
+                    break;
+                case 'ql-size-large':
+                    this.selectedFont.set('large');
+                    break;
+                case 'ql-size-small':
+                    this.selectedFont.set('small');
+                    break;
+                default:
+                    this.selectedFont.set('medium');
+            }
+            switch (this.service.currentSelectedElemAlign()) {
+                case 'ql-align-center':
+                    this.alignState.set('center');
+                    this.wysiwyg().align('center');
+                    break;
+                case 'ql-align-right':
+                    this.alignState.set('right');
+                    this.wysiwyg().align('right');
+                    break;
+                default:
+                    this.alignState.set('left');
+                    this.wysiwyg().align('left');
+            }
             this.service.currentSelectedElemArray().forEach((item) => {
                 switch (item) {
                     case 'U':
@@ -136,6 +196,15 @@ class AXWysiwygToolbarComponent {
                         this.wysiwyg().bold(true);
                         this.boldState.set(true);
                         break;
+                    default:
+                        if (this.boldState())
+                            this.wysiwyg().bold(true);
+                        if (this.italicState())
+                            this.wysiwyg().italic(true);
+                        if (this.strikeLineState())
+                            this.wysiwyg().strike(true);
+                        if (this.underLineState())
+                            this.wysiwyg().underLine(true);
                 }
             });
         }, { allowSignalWrites: true });
@@ -143,20 +212,30 @@ class AXWysiwygToolbarComponent {
             this.wysiwyg.set(this.service.wysiwyg());
         });
     }
+    /** @ignore */
     submitLink() {
         this.wysiwyg().addImage(this.textBoxOptions.text);
     }
+    // /** @ignore */
     changeColorHandler(e) {
-        this.selectedColor = e;
+        this.selectedColor.set(e);
         this.wysiwyg().color(e);
     }
+    /** @ignore */
     changeHighlightColorHandler(e) {
-        this.selectedHighlightColor = e;
+        this.selectedHighlightColor.set(e);
         this.wysiwyg().background(e);
     }
+    /** @ignore */
     fontHandler(e) {
-        this.wysiwyg().fontSize(e);
+        if (e === 'medium') {
+            this.wysiwyg().fontSize(false);
+        }
+        else {
+            this.wysiwyg().fontSize(e);
+        }
     }
+    /** @ignore */
     bold() {
         if (this.boldState()) {
             this.wysiwyg().bold(false);
@@ -167,6 +246,9 @@ class AXWysiwygToolbarComponent {
             this.boldState.set(true);
         }
     }
+    /**
+     *  emit html output
+     */
     out() {
         this.outputHTML.emit({
             component: this,
@@ -174,6 +256,7 @@ class AXWysiwygToolbarComponent {
             isUserInteraction: true,
         });
     }
+    /** @ignore */
     italic() {
         if (this.italicState()) {
             this.wysiwyg().italic(false);
@@ -184,6 +267,7 @@ class AXWysiwygToolbarComponent {
             this.italicState.set(true);
         }
     }
+    /** @ignore */
     underLine() {
         if (this.underLineState()) {
             this.wysiwyg().underLine(false);
@@ -194,6 +278,7 @@ class AXWysiwygToolbarComponent {
             this.underLineState.set(true);
         }
     }
+    /** @ignore */
     orderList() {
         if (!this.listState() || this.listState() === 'bullet') {
             this.wysiwyg().list('ordered');
@@ -204,6 +289,7 @@ class AXWysiwygToolbarComponent {
             this.listState.set('');
         }
     }
+    /** @ignore */
     unOrderList() {
         if (!this.listState() || this.listState() === 'ordered') {
             this.wysiwyg().list('bullet');
@@ -214,16 +300,20 @@ class AXWysiwygToolbarComponent {
             this.listState.set('');
         }
     }
+    /** @ignore */
     alignStateHandler(e) {
         this.alignState.set(e);
         this.wysiwyg().align(e);
     }
+    /** @ignore */
     undo() {
         this.wysiwyg().undo();
     }
+    /** @ignore */
     redo() {
         this.wysiwyg().redo();
     }
+    /** @ignore */
     strike() {
         if (this.strikeLineState()) {
             this.wysiwyg().strike(false);
@@ -234,17 +324,22 @@ class AXWysiwygToolbarComponent {
             this.strikeLineState.set(true);
         }
     }
+    /** @ignore */
     background() {
         this.wysiwyg().background('red');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outputHTML: "outputHTML" }, ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    @if (config().undo) {\n      <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n      </ax-button>\n    }\n\n    @if (config().redo) {\n      <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().bold) {\n      <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().italic) {\n      <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().underLine) {\n      <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().strike) {\n      <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().color) {\n      <ax-button #colorBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"colorBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().highlight) {\n      <ax-button #highlightBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"highlightBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().fontSize) {\n      <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n      </ax-select-box>\n    }\n    @if (config().list) {\n      <ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n      </ax-button>\n\n      <ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().alignment) {\n      <ax-button look=\"blank\" #alignPop>\n        <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"alignPop\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n          </ax-button>\n        </div>\n      </ax-popover>\n    }\n    @if (config().image) {\n      <ax-button #linkBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n      </ax-button>\n\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"linkBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <ax-text-box class=\"{{ textBoxOptions.size }}\" [(ngModel)]=\"textBoxOptions.text\" [placeholder]=\"textBoxOptions.placeholder\">\n        </ax-text-box>\n        <ax-suffix>\n          <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n        </ax-suffix>\n      </ax-popover>\n    }\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:1rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: i5.AXColorPalettePreviewComponent, selector: "ax-color-palette-preview" }, { kind: "component", type: i5.AXColorPaletteInputComponent, selector: "ax-color-palette-input" }, { kind: "component", type: i5.AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: i6.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outputHTML: "outputHTML" }, ngImport: i0, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    @if (config().undo) {\n      <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n      </ax-button>\n    }\n\n    @if (config().redo) {\n      <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().bold) {\n      <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().italic) {\n      <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().underLine) {\n      <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().strike) {\n      <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().color) {\n      <ax-button #colorBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"colorBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().highlight) {\n      <ax-button #highlightBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"highlightBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().fontSize) {\n      <ax-select-box\n        (ngModelChange)=\"fontHandler($event)\"\n        [ngModel]=\"selectedFont()\"\n        [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n        placeholder=\"Choose...\"\n      >\n      </ax-select-box>\n    }\n    @if (config().list) {\n      <ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n      </ax-button>\n\n      <ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().alignment) {\n      <ax-button look=\"blank\" #alignPop>\n        <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"alignPop\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n          </ax-button>\n        </div>\n      </ax-popover>\n    }\n    @if (config().image) {\n      <ax-button #linkBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n      </ax-button>\n\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"linkBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <ax-text-box class=\"{{ textBoxOptions.size }}\" [(ngModel)]=\"textBoxOptions.text\" [placeholder]=\"textBoxOptions.placeholder\">\n        </ax-text-box>\n        <ax-suffix>\n          <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n        </ax-suffix>\n      </ax-popover>\n    }\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:1rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: i5.AXColorPalettePreviewComponent, selector: "ax-color-palette-preview" }, { kind: "component", type: i5.AXColorPaletteInputComponent, selector: "ax-color-palette-input" }, { kind: "component", type: i5.AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: i6.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-wysiwyg-toolbar', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    @if (config().undo) {\n      <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n      </ax-button>\n    }\n\n    @if (config().redo) {\n      <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().bold) {\n      <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().italic) {\n      <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().underLine) {\n      <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().strike) {\n      <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().color) {\n      <ax-button #colorBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"colorBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().highlight) {\n      <ax-button #highlightBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"highlightBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().fontSize) {\n      <ax-select-box (ngModelChange)=\"fontHandler($event)\" [ngModel]=\"selectedFont\" [dataSource]=\"fontSize\" placeholder=\"Choose...\">\n      </ax-select-box>\n    }\n    @if (config().list) {\n      <ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n      </ax-button>\n\n      <ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().alignment) {\n      <ax-button look=\"blank\" #alignPop>\n        <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"alignPop\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n          </ax-button>\n        </div>\n      </ax-popover>\n    }\n    @if (config().image) {\n      <ax-button #linkBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n      </ax-button>\n\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"linkBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <ax-text-box class=\"{{ textBoxOptions.size }}\" [(ngModel)]=\"textBoxOptions.text\" [placeholder]=\"textBoxOptions.placeholder\">\n        </ax-text-box>\n        <ax-suffix>\n          <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n        </ax-suffix>\n      </ax-popover>\n    }\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:1rem}\n"] }]
+            args: [{ selector: 'ax-wysiwyg-toolbar', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-wysiwyg-toolbar-container ax-sm\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n\n  <div class=\"ax-wysiwyg-tool-container\">\n    @if (config().undo) {\n      <ax-button class=\"\" (click)=\"undo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n      </ax-button>\n    }\n\n    @if (config().redo) {\n      <ax-button class=\"\" (click)=\"redo()\" look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().bold) {\n      <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().italic) {\n      <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().underLine) {\n      <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().strike) {\n      <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().color) {\n      <ax-button #colorBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"colorBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().highlight) {\n      <ax-button #highlightBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"highlightBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n            <ax-color-palette-preview></ax-color-palette-preview>\n            <ax-color-palette-picker></ax-color-palette-picker>\n            <ax-color-palette-input></ax-color-palette-input>\n          </ax-color-palette>\n        </div>\n      </ax-popover>\n    }\n    @if (config().fontSize) {\n      <ax-select-box\n        (ngModelChange)=\"fontHandler($event)\"\n        [ngModel]=\"selectedFont()\"\n        [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n        placeholder=\"Choose...\"\n      >\n      </ax-select-box>\n    }\n    @if (config().list) {\n      <ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n      </ax-button>\n\n      <ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n        <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n      </ax-button>\n    }\n    @if (config().alignment) {\n      <ax-button look=\"blank\" #alignPop>\n        <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n      </ax-button>\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"alignPop\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <div class=\"ax-overlay-pane\">\n          <ax-button (click)=\"alignStateHandler('left')\" look=\"blank\" [selected]=\"alignState() === 'left' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('center')\" look=\"blank\" [selected]=\"alignState() === 'center' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n          </ax-button>\n\n          <ax-button (click)=\"alignStateHandler('right')\" look=\"blank\" [selected]=\"alignState() === 'right' ? true : false\">\n            <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n          </ax-button>\n        </div>\n      </ax-popover>\n    }\n    @if (config().image) {\n      <ax-button #linkBtn look=\"blank\">\n        <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n      </ax-button>\n\n      <ax-popover\n        [openOn]=\"popoverOption.openOn\"\n        [closeOn]=\"popoverOption.closeOn\"\n        [target]=\"linkBtn\"\n        [placement]=\"popoverOption.placement\"\n      >\n        <ax-text-box class=\"{{ textBoxOptions.size }}\" [(ngModel)]=\"textBoxOptions.text\" [placeholder]=\"textBoxOptions.placeholder\">\n        </ax-text-box>\n        <ax-suffix>\n          <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n        </ax-suffix>\n      </ax-popover>\n    }\n  </div>\n\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: [".ax-wysiwyg-toolbar-container{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ax-wysiwyg-toolbar-container .ax-icon{font-weight:900;font-size:1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container{display:flex}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-button{margin-inline:.1rem}.ax-wysiwyg-toolbar-container .ax-wysiwyg-tool-container ax-select-box{margin-inline:1rem}\n"] }]
         }], ctorParameters: () => [] });
 
+/**
+ * @category Components
+ * A component for viewing WYSIWYG content.
+ */
 class AXWysiwygViewComponent {
     constructor() {
         this.classes = input('', { alias: 'class' });
@@ -254,11 +349,15 @@ class AXWysiwygViewComponent {
         return `${this.classes()}`;
     }
     editorStateHandler(e) {
+        this.wysiwygService.currentSelectedElemAlign.set(e.target.classList.value);
+        this.wysiwygService.currentSelectedElemList.set(e.target.dataset.list);
+        this.wysiwygService.currentSelectedElemClass.set(e.target.classList.value);
         this.wysiwygService.currentSelectedElemArray.set([
             e.target.nodeName,
             e.target.parentElement.nodeName,
             e.target.parentElement.parentElement.nodeName,
             e.target.parentElement.parentElement.parentElement.nodeName,
+            e.target.classList.value,
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXWysiwygViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }