ngx-audio-wave/fesm2022/ngx-audio-wave.mjs.map

Very simple audio wave system

{"version":3,"file":"ngx-audio-wave.mjs","sources":["../../../projects/ngx-audio-wave/src/lib/service/ngx-audio-wave.service.ts","../../../projects/ngx-audio-wave/src/lib/component/ngx-audio-wave.component.ts","../../../projects/ngx-audio-wave/src/lib/component/ngx-audio-wave.component.html","../../../projects/ngx-audio-wave/src/lib/ngx-audio-wave.module.ts","../../../projects/ngx-audio-wave/src/public-api.ts","../../../projects/ngx-audio-wave/src/ngx-audio-wave.ts"],"sourcesContent":["import {Injectable} from '@angular/core';\n\n@Injectable()\nexport class NgxAudioWaveService {\n  samples = 50;\n\n  /**\n   * Filters the AudioBuffer retrieved from an external source\n   * @param {AudioBuffer} audioBuffer the AudioBuffer from drawAudio()\n   * @returns {Array} an array of floating point numbers\n   */\n  filterData(audioBuffer: AudioBuffer): number[] {\n    const rawData = audioBuffer.getChannelData(0); // We only need to work with one channel of data\n    const blockSize = Math.floor(rawData.length / this.samples); // the number of samples in each subdivision\n    const filteredData = [];\n    for (let i = 0; i < this.samples; i++) {\n      let blockStart = blockSize * i; // the location of the first sample in the block\n      let sum = 0;\n      for (let j = 0; j < blockSize; j++) {\n        sum = sum + Math.abs(rawData[blockStart + j]); // find the sum of all the samples in the block\n      }\n      filteredData.push(sum / blockSize); // divide the sum by the block size to get the average\n    }\n    return filteredData;\n  }\n\n  /**\n   * Normalizes the audio data to make a cleaner illustration\n   * @param {Array} filteredData the data from filterData()\n   * @returns {Array} an normalized array of floating point numbers\n   */\n  normalizeData(filteredData: number[]): number[] {\n    const multiplier = Math.pow(Math.max(...filteredData), -1);\n    return filteredData.map(n => n * multiplier);\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  PLATFORM_ID,\n  signal,\n  viewChild\n} from '@angular/core';\nimport {HttpClient} from \"@angular/common/http\";\nimport {isPlatformBrowser} from \"@angular/common\";\nimport {finalize, interval} from \"rxjs\";\nimport {NgxAudioWaveService} from \"../service/ngx-audio-wave.service\";\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\n\n@Component({\n  standalone: false,\n  selector: 'ngx-audio-wave',\n  templateUrl: './ngx-audio-wave.component.html',\n  styleUrls: ['./ngx-audio-wave.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgxAudioWaveComponent implements AfterViewInit, OnDestroy {\n  color = input('#1e90ff');\n  audioSrc = input.required<string>();\n  height = input(25);\n  gap = input(5)\n  rounded = input(true);\n  hideBtn = input(false);\n\n  protected _error = signal(false);\n  protected _exactPlayedPercent = signal(0);\n  protected _exactCurrentTime = signal(0);\n  protected _isPause = signal(true);\n  protected _isLoading = signal(true);\n\n  protected _exactDuration = signal(0);\n  protected _normalizedData = signal<number[]>([]);\n\n  // injecting\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n  private readonly httpClient = inject(HttpClient);\n  private readonly audioWaveService = inject(NgxAudioWaveService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private audioRef = viewChild.required<ElementRef<HTMLAudioElement>>('audioRef');\n\n  get exactPlayedPercent() {\n    return this._exactPlayedPercent();\n  }\n\n  get exactDuration() {\n    return this._exactDuration();\n  }\n\n  get exactCurrentTime() {\n    return this._exactCurrentTime();\n  }\n\n  get isPause() {\n    return this._isPause();\n  }\n\n  get isLoading() {\n    return this._isLoading();\n  }\n\n  get playedPercent() {\n    return Math.round(this._exactPlayedPercent());\n  }\n\n  get currentTime() {\n    return Math.round(this._exactCurrentTime());\n  }\n\n  get duration() {\n    return Math.round(this._exactDuration());\n  }\n\n  get width() {\n    return this.audioWaveService.samples * this.gap();\n  }\n\n  ngAfterViewInit() {\n    if (this.isPlatformBrowser) {\n      this.fetchAudio(this.audioSrc());\n\n      this.startInterval();\n    }\n  }\n\n  ngOnDestroy() {\n    this.stop();\n  }\n\n  play(time: number = 0) {\n    if (!this.isPlatformBrowser) return;\n\n    const audio = this.audioRef().nativeElement;\n    void audio.play();\n\n    if (time) {\n      audio.currentTime = time;\n    }\n  }\n\n  pause() {\n    if (!this.isPlatformBrowser) return;\n\n    const audio = this.audioRef().nativeElement;\n    audio.pause();\n  }\n\n  stop() {\n    if (!this.isPlatformBrowser) return;\n\n    const audio = this.audioRef().nativeElement;\n    audio.currentTime = 0;\n    this.pause();\n  }\n\n  private calculatePercent(total: number, value: number) {\n    return (value / total) * 100 || 0;\n  }\n\n  setTime(mouseEvent: MouseEvent) {\n    const offsetX = mouseEvent.offsetX;\n    const width = this.width;\n\n    const clickPercent = this.calculatePercent(width, offsetX);\n\n    const time = (clickPercent * this._exactDuration()) / 100;\n\n    void this.play(time);\n  }\n\n  private startInterval() {\n    interval(100)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        const audio = this.audioRef().nativeElement;\n        if (audio) {\n          const percent = this.calculatePercent(this._exactDuration(), audio.currentTime);\n          this._exactPlayedPercent.set(percent < 100 ? percent : 100);\n          this._exactCurrentTime.set(audio.currentTime);\n\n          this._isPause.set(audio.paused);\n        }\n      })\n  }\n\n  private fetchAudio(audioSrc: string) {\n    this._isLoading.set(true);\n\n    this.httpClient\n      .get(audioSrc, {responseType: 'arraybuffer'})\n      .pipe(\n        finalize(() => {\n          this._isLoading.set(false);\n        }),\n        takeUntilDestroyed(this.destroyRef)\n      )\n      .subscribe({\n        next: async (arrayBuffer) => {\n          try {\n            const audioContext = new AudioContext();\n            const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n            this._exactDuration.set(audioBuffer.duration);\n\n            const filteredData = this.audioWaveService.filterData(audioBuffer);\n            this._normalizedData.set(this.audioWaveService.normalizeData(filteredData));\n          } catch (e) {\n            this._error.set(true)\n          }\n        },\n        error: (error) => {\n          console.error(error);\n\n          this._error.set(true)\n        }\n      });\n  }\n}\n","<audio #audioRef [src]=\"audioSrc()\"></audio>\n\n<div [style.--ngx-audio-wave-color]=\"color()\"\n     class=\"ngx-audio-wave-wrapper\">\n  @if (!_error()) {\n    @if (!hideBtn()) {\n      @if (_isPause()) {\n        <button class=\"ngx-audio-wave-btn\" (click)=\"play()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n            <path\n              d=\"m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z\"/>\n          </svg>\n        </button>\n      } @else {\n        <button class=\"ngx-audio-wave-btn\" (click)=\"pause()\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n            <path\n              d=\"M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z\"/>\n          </svg>\n        </button>\n      }\n    }\n\n    <div class=\"ngx-audio-wave\" [style.height]=\"height() + 'px'\" [style.width]=\"width + 'px'\">\n      @if (!_isLoading()) {\n        <svg (click)=\"setTime($event)\"\n             [attr.viewBox]=\"'0 0 ' + width + ' ' + height()\"\n             class=\"real\">\n          @for (rect of _normalizedData(); track rect; let index = $index) {\n            <rect\n              [attr.height]=\"rect * height()\"\n              [attr.width]=\"2\"\n              [attr.x]=\"index * gap()\"\n              [attr.y]=\"height() - (rect * height())\"\n              [attr.rx]=\"rounded() ? 1 : 0\"\n              [attr.ry]=\"rounded() ? 1 : 0\">\n            </rect>\n          }\n        </svg>\n\n        <div class=\"fake\" [style.clip-path]=\"'inset(0px ' + (100 - _exactPlayedPercent()) + '% 0px 0px)'\">\n          <svg [attr.viewBox]=\"'0 0 ' + width + ' ' + height()\">\n            @for (rect of _normalizedData(); track rect; let index = $index) {\n              <rect\n                [attr.height]=\"rect * height()\"\n                [attr.width]=\"2\"\n                [attr.x]=\"index * gap()\"\n                [attr.y]=\"height() - (rect * height())\"\n                [attr.rx]=\"rounded() ? 1 : 0\"\n                [attr.ry]=\"rounded() ? 1 : 0\">\n              </rect>\n            }\n          </svg>\n        </div>\n      } @else {\n        <div class=\"ngx-audio-wave-loading\">\n          <span></span>\n          <span></span>\n          <span></span>\n        </div>\n      }\n    </div>\n  } @else {\n    Some errors occured\n  }\n</div>\n","import {NgModule} from '@angular/core';\nimport {NgxAudioWaveComponent} from './component/ngx-audio-wave.component';\nimport {provideHttpClient, withFetch} from \"@angular/common/http\";\nimport {NgxAudioWaveService} from \"./service/ngx-audio-wave.service\";\n\n\n@NgModule({\n  declarations: [NgxAudioWaveComponent],\n  exports: [NgxAudioWaveComponent],\n  providers: [NgxAudioWaveService, provideHttpClient(withFetch())]\n})\nexport class NgxAudioWaveModule {\n}\n","/*\n * Public API Surface of ngx-audio-wave\n */\n\nexport * from './lib/component/ngx-audio-wave.component';\nexport * from './lib/ngx-audio-wave.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAGa,mBAAmB,CAAA;IAC9B,OAAO,GAAG,EAAE;AAEZ;;;;AAIG;AACH,IAAA,UAAU,CAAC,WAAwB,EAAA;QACjC,MAAM,OAAO,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAC9C,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,EAAE;AACvB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;AACrC,YAAA,IAAI,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;YAC/B,IAAI,GAAG,GAAG,CAAC;AACX,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;AAClC,gBAAA,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;;YAEhD,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC;;AAErC,QAAA,OAAO,YAAY;;AAGrB;;;;AAIG;AACH,IAAA,aAAa,CAAC,YAAsB,EAAA;AAClC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1D,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;;uGA9BnC,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAnB,mBAAmB,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B;;;MCwBY,qBAAqB,CAAA;AAChC,IAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;AACxB,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAU;AACnC,IAAA,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC;AAClB,IAAA,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC;AACd,IAAA,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC;AACrB,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;AAEZ,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;AACtB,IAAA,mBAAmB,GAAG,MAAM,CAAC,CAAC,CAAC;AAC/B,IAAA,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC;AAC7B,IAAA,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC;AACvB,IAAA,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;AAEzB,IAAA,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC;AAC1B,IAAA,eAAe,GAAG,MAAM,CAAW,EAAE,CAAC;;AAG/B,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAChC,IAAA,iBAAiB,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC;AACtD,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,gBAAgB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAC9C,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAA+B,UAAU,CAAC;AAE/E,IAAA,IAAI,kBAAkB,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE;;AAGnC,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;AAG9B,IAAA,IAAI,gBAAgB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,iBAAiB,EAAE;;AAGjC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE;;AAGxB,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE;;AAG1B,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;;AAG/C,IAAA,IAAI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;;AAG7C,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;;AAG1C,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE;;IAGnD,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEhC,IAAI,CAAC,aAAa,EAAE;;;IAIxB,WAAW,GAAA;QACT,IAAI,CAAC,IAAI,EAAE;;IAGb,IAAI,CAAC,OAAe,CAAC,EAAA;QACnB,IAAI,CAAC,IAAI,CAAC,iBAAiB;YAAE;QAE7B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa;AAC3C,QAAA,KAAK,KAAK,CAAC,IAAI,EAAE;QAEjB,IAAI,IAAI,EAAE;AACR,YAAA,KAAK,CAAC,WAAW,GAAG,IAAI;;;IAI5B,KAAK,GAAA;QACH,IAAI,CAAC,IAAI,CAAC,iBAAiB;YAAE;QAE7B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa;QAC3C,KAAK,CAAC,KAAK,EAAE;;IAGf,IAAI,GAAA;QACF,IAAI,CAAC,IAAI,CAAC,iBAAiB;YAAE;QAE7B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa;AAC3C,QAAA,KAAK,CAAC,WAAW,GAAG,CAAC;QACrB,IAAI,CAAC,KAAK,EAAE;;IAGN,gBAAgB,CAAC,KAAa,EAAE,KAAa,EAAA;QACnD,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;;AAGnC,IAAA,OAAO,CAAC,UAAsB,EAAA;AAC5B,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK;QAExB,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC;AAE1D,QAAA,MAAM,IAAI,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG;AAEzD,QAAA,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGd,aAAa,GAAA;QACnB,QAAQ,CAAC,GAAG;AACT,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aACxC,SAAS,CAAC,MAAK;YACd,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa;YAC3C,IAAI,KAAK,EAAE;AACT,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC;AAC/E,gBAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,OAAO,GAAG,GAAG,GAAG,OAAO,GAAG,GAAG,CAAC;gBAC3D,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC;gBAE7C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;;AAEnC,SAAC,CAAC;;AAGE,IAAA,UAAU,CAAC,QAAgB,EAAA;AACjC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AAEzB,QAAA,IAAI,CAAC;aACF,GAAG,CAAC,QAAQ,EAAE,EAAC,YAAY,EAAE,aAAa,EAAC;AAC3C,aAAA,IAAI,CACH,QAAQ,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;SAC3B,CAAC,EACF,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AAEpC,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,EAAE,OAAO,WAAW,KAAI;AAC1B,gBAAA,IAAI;AACF,oBAAA,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE;oBACvC,MAAM,WAAW,GAAG,MAAM,YAAY,CAAC,eAAe,CAAC,WAAW,CAAC;oBAEnE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC;oBAE7C,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC;AAClE,oBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;;gBAC3E,OAAO,CAAC,EAAE;AACV,oBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;;aAExB;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;AACf,gBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;AAEpB,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;;AAExB,SAAA,CAAC;;uGAhKK,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,86BC1BlC,yjFAkEA,EAAA,MAAA,EAAA,CAAA,qpCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDxCa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,KAAK,EACP,QAAA,EAAA,gBAAgB,EAGT,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yjFAAA,EAAA,MAAA,EAAA,CAAA,qpCAAA,CAAA,EAAA;;;MEbpC,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAlB,kBAAkB,EAAA,YAAA,EAAA,CAJd,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,qBAAqB,CAAA,EAAA,CAAA;wGAGpB,kBAAkB,EAAA,SAAA,EAFlB,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAA,CAAA;;2FAErD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,SAAS,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,SAAS,EAAE,CAAC;AAChE,iBAAA;;;ACVD;;AAEG;;ACFH;;AAEG;;;;"}