@acorex/components 19.8.0-next.1 → 19.8.0-next.11

package/fesm2022/acorex-components-audio-wave.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-audio-wave.mjs","sources":["../../../../libs/components/audio-wave/src/lib/audio-wave.component.ts","../../../../libs/components/audio-wave/src/lib/audio-wave.component.html","../../../../libs/components/audio-wave/src/lib/audio-wave.module.ts","../../../../libs/components/audio-wave/src/acorex-components-audio-wave.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  InputSignal,\n  NgZone,\n  OnDestroy,\n  PLATFORM_ID,\n  ViewChild,\n  ViewEncapsulation,\n  afterNextRender,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport WaveSurfer from 'wavesurfer.js';\nimport { AXAudioWaveChangeEvent, AXWaveConfig } from './interfaces/audio-wave.interface';\n\n/**\n * Displays and interacts with audio waveform visualization.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-audio-wave',\n  templateUrl: './audio-wave.component.html',\n  styleUrls: ['./audio-wave.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXAudioWaveComponent implements OnDestroy {\n  /**\n   *  @ignore\n   */\n  @ViewChild('d', { static: false }) protected div: ElementRef<HTMLDivElement>;\n\n  /**\n   * Configuration settings for the audio wave.\n   */\n  config: InputSignal<AXWaveConfig> = input<AXWaveConfig>();\n\n  /**\n   * Emits an event when the status of the audio wave changes.\n   *\n   * @event\n   */\n  onStatusChanged = output<AXAudioWaveChangeEvent>();\n\n  audioState = signal<'playing' | 'paused' | 'loading' | 'ready' | 'error'>('paused');\n\n  errorMessage = signal('');\n\n  /**\n   *  @ignore\n   */\n  protected audio: WaveSurfer;\n\n  /**\n   *  @ignore\n   */\n  private ngZone = inject(NgZone);\n\n  private platformID = inject(PLATFORM_ID);\n  /**\n   *  @ignore\n   */\n  constructor() {\n    afterNextRender(() => {\n      if (isPlatformBrowser(this.platformID)) {\n        const primary200 = getComputedStyle(document.body).getPropertyValue('--ax-sys-color-primary-200');\n        const primary700 = getComputedStyle(document.body).getPropertyValue('--ax-sys-color-primary-700');\n\n        this.audio = WaveSurfer.create({\n          container: this.div.nativeElement,\n          waveColor: this.config()?.waveColor || `rgba(${primary200})`,\n          progressColor: this.config()?.progressColor || `rgba(${primary700})`,\n          url: this.config()?.url || '',\n          barWidth: this.config()?.barWidth || 2,\n          barRadius: this.config()?.barRadius || 2,\n          barGap: this.config()?.barGap || 2,\n          height: this.config()?.height || 36,\n        });\n      }\n      this.load();\n      this.audio?.on('loading', () => {\n        this.audioState.set('loading');\n      });\n      this.audio?.on('ready', () => {\n        this.audioState.set('ready');\n      });\n      this.audio?.on('error', (e) => {\n        this.errorMessage.set(e?.message);\n        this.audioState.set('error');\n      });\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * Loads the audio from the specified URL.\n   *\n   * @param url - The URL of the audio to load. Defaults to the URL from the config.\n   */\n  load(url = this.config().url) {\n    this.audio.load(url);\n  }\n\n  /**\n   * Plays the audio.\n   *\n   */\n  play(): Promise<any> {\n    return this.audio?.play();\n  }\n\n  /**\n   * Pauses the audio.\n   */\n  pause(): void {\n    this.audio?.pause();\n  }\n\n  /**\n   * Retrieves the duration of the audio.\n   *\n   */\n  getDuration() {\n    return this.audio?.getDuration() ?? 0;\n  }\n\n  /**\n   * Retrieves the media element of the audio.\n   *\n   */\n  getMediaElement() {\n    return this.audio?.getMediaElement();\n  }\n\n  /**\n   * Sets the playback rate of the audio.\n   *\n   * @param rate - The playback rate to set.\n   */\n  setRate(rate: number) {\n    this.audio.setPlaybackRate(rate);\n  }\n\n  /**\n   *  @ignore\n   */\n  protected bindEvents() {\n    this.handleLoad();\n    this.handleLoading();\n    this.handleDecode();\n    this.handleReady();\n    this.handleRedRawComplete();\n    this.handlePlay();\n    this.handlePause();\n    this.handleFinish();\n    this.handleTimeUpdate();\n    this.handleSeeking();\n    this.handleInteraction();\n    this.handleClick();\n    this.handleDrag();\n    this.handleScroll();\n    this.handleZoom();\n    this.handleDestroy();\n    this.handleError();\n  }\n  /** When audio starts loading */\n  protected handleLoad() {\n    this.audio?.on('load', (url) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { url: url },\n          status: 'load',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** During audio loading */\n  protected handleLoading() {\n    this.audio?.on('loading', (percent) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { percent: percent },\n          status: 'loading',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the audio has been decoded */\n  protected handleDecode() {\n    this.audio?.on('decode', (duration) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { duration: duration },\n          status: 'decode',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the audio is both decoded and can play */\n  protected handleReady() {\n    this.audio?.on('ready', (duration) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { duration: duration },\n          status: 'ready',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When all audio channel chunks of the waveform have drawn */\n  protected handleRedRawComplete() {\n    this.audio?.on('redrawcomplete', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: null,\n          status: 'redrawcomplete',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the audio starts playing */\n  protected handlePlay() {\n    this.audio?.on('play', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({ component: this, data: null, status: 'play', isUserInteraction: false });\n      });\n    });\n  }\n\n  /** When the audio pauses */\n  protected handlePause() {\n    this.audio?.on('pause', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({ component: this, data: null, status: 'pause', isUserInteraction: false });\n      });\n    });\n  }\n\n  /** When the audio finishes playing */\n  protected handleFinish() {\n    this.audio?.on('finish', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: null,\n          status: 'finish',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** On audio position change, fires continuously during playback */\n  protected handleTimeUpdate() {\n    this.audio?.on('timeupdate', (currentTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { currentTime: currentTime },\n          status: 'timeupdate',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user seeks to a new position */\n  protected handleSeeking() {\n    this.audio?.on('seeking', (currentTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { currentTime: currentTime },\n          status: 'seeking',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user interacts with the waveform (i.g. clicks or drags on it) */\n  protected handleInteraction() {\n    this.audio?.on('interaction', (newTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { newTime: newTime },\n          status: 'interaction',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user clicks on the waveform */\n  protected handleClick() {\n    this.audio?.on('click', (relativeX) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { relativeX: relativeX },\n          status: 'click',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user drags the cursor */\n  protected handleDrag() {\n    this.audio?.on('drag', (relativeX) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { relativeX: relativeX },\n          status: 'drag',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the waveform is scrolled (panned) */\n  protected handleScroll() {\n    this.audio?.on('scroll', (visibleStartTime, visibleEndTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { visibleStartTime, visibleEndTime },\n          status: 'scroll',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the zoom level changes */\n  protected handleZoom() {\n    this.audio?.on('zoom', (minPxPerSec) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { minPxPerSec: minPxPerSec },\n          status: 'zoom',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** Just before the waveform is destroyed so you can clean up your events */\n  protected handleDestroy() {\n    this.audio?.on('destroy', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: null,\n          status: 'destroy',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n  /** Just before the waveform is destroyed so you can clean up your events */\n  protected handleError() {\n    this.audio?.on('error', (e) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({ component: this, data: e, status: 'error', isUserInteraction: false });\n      });\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.audio.destroy();\n  }\n}\n","<div class=\"ax-audio-wave\" #d [ngStyle]=\"{'display': audioState() === 'ready' ? 'block' : 'none' }\"></div>\n\n@switch (audioState()) {\n@case ('loading') {\n<div class=\"ax-audio-skeleton\"></div>\n}\n@case ('error') {\n<div class=\"ax-wave-message\">\n    {{'error.message' | translate:{ params:{ message: errorMessage() } } | async }}\n</div>\n}\n}","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAudioWaveComponent } from './audio-wave.component';\n\n@NgModule({\n  declarations: [AXAudioWaveComponent],\n  exports: [AXAudioWaveComponent],\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXAudioWaveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAmBA;;;;AAIG;MAQU,oBAAoB,CAAA;AAiC/B;;AAEG;AACH,IAAA,WAAA,GAAA;AA9BA;;AAEG;QACH,IAAM,CAAA,MAAA,GAA8B,KAAK,EAAgB;AAEzD;;;;AAIG;QACH,IAAe,CAAA,eAAA,GAAG,MAAM,EAA0B;AAElD,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAuD,QAAQ,CAAC;AAEnF,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,EAAE,CAAC;AAOzB;;AAEG;AACK,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;QAKtC,eAAe,CAAC,MAAK;AACnB,YAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;AACtC,gBAAA,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AACjG,gBAAA,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,4BAA4B,CAAC;AAEjG,gBAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC;AAC7B,oBAAA,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa;oBACjC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,IAAI,CAAQ,KAAA,EAAA,UAAU,CAAG,CAAA,CAAA;oBAC5D,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,aAAa,IAAI,CAAQ,KAAA,EAAA,UAAU,CAAG,CAAA,CAAA;oBACpE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,EAAE;oBAC7B,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,IAAI,CAAC;oBACtC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,IAAI,CAAC;oBACxC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,IAAI,CAAC;oBAClC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,IAAI,EAAE;AACpC,iBAAA,CAAC;;YAEJ,IAAI,CAAC,IAAI,EAAE;YACX,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,EAAE,MAAK;AAC7B,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC;AAChC,aAAC,CAAC;YACF,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,MAAK;AAC3B,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC;AAC9B,aAAC,CAAC;YACF,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,KAAI;gBAC5B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;AACjC,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC;AAC9B,aAAC,CAAC;YACF,IAAI,CAAC,UAAU,EAAE;AACnB,SAAC,CAAC;;AAGJ;;;;AAIG;IACH,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,EAAA;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;AAGtB;;;AAGG;IACH,IAAI,GAAA;AACF,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;;AAG3B;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE;;AAGrB;;;AAGG;IACH,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC;;AAGvC;;;AAGG;IACH,eAAe,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,eAAe,EAAE;;AAGtC;;;;AAIG;AACH,IAAA,OAAO,CAAC,IAAY,EAAA;AAClB,QAAA,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC;;AAGlC;;AAEG;IACO,UAAU,GAAA;QAClB,IAAI,CAAC,UAAU,EAAE;QACjB,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,oBAAoB,EAAE;QAC3B,IAAI,CAAC,UAAU,EAAE;QACjB,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,UAAU,EAAE;QACjB,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,UAAU,EAAE;QACjB,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,WAAW,EAAE;;;IAGV,UAAU,GAAA;QAClB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,KAAI;AAC7B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AAClB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,aAAa,GAAA;QACrB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC,OAAO,KAAI;AACpC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;AAC1B,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,YAAY,GAAA;QACpB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,KAAI;AACpC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC5B,oBAAA,MAAM,EAAE,QAAQ;AAChB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,WAAW,GAAA;QACnB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,KAAI;AACnC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC5B,oBAAA,MAAM,EAAE,OAAO;AACf,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,oBAAoB,GAAA;QAC5B,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAK;AACpC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,MAAM,EAAE,gBAAgB;AACxB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,UAAU,GAAA;QAClB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,MAAK;AAC1B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;gBACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC;AACtG,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,WAAW,GAAA;QACnB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,MAAK;AAC3B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;gBACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC;AACvG,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,YAAY,GAAA;QACpB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAK;AAC5B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,MAAM,EAAE,QAAQ;AAChB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,gBAAgB,GAAA;QACxB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,WAAW,KAAI;AAC3C,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE;AAClC,oBAAA,MAAM,EAAE,YAAY;AACpB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,aAAa,GAAA;QACrB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC,WAAW,KAAI;AACxC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE;AAClC,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,iBAAiB,GAAA;QACzB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,OAAO,KAAI;AACxC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;AAC1B,oBAAA,MAAM,EAAE,aAAa;AACrB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,WAAW,GAAA;QACnB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,SAAS,KAAI;AACpC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE;AAC9B,oBAAA,MAAM,EAAE,OAAO;AACf,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,UAAU,GAAA;QAClB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,KAAI;AACnC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE;AAC9B,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,cAAc,KAAI;AAC5D,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,gBAAgB,EAAE,cAAc,EAAE;AAC1C,oBAAA,MAAM,EAAE,QAAQ;AAChB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,UAAU,GAAA;QAClB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,WAAW,KAAI;AACrC,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE;AAClC,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAIM,aAAa,GAAA;QACrB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,EAAE,MAAK;AAC7B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,iBAAiB,EAAE,KAAK;AACzB,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;;;IAGM,WAAW,GAAA;QACnB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,KAAI;AAC5B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;gBACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC;AACpG,aAAC,CAAC;AACJ,SAAC,CAAC;;IAGJ,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;;8GA1WX,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,4VC/BjC,oWAWC,EAAA,MAAA,EAAA,CAAA,+rBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDoBY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGV,aAAA,EAAA,iBAAiB,CAAC,IAAI,cACzB,KAAK,EAAA,QAAA,EAAA,oWAAA,EAAA,MAAA,EAAA,CAAA,+rBAAA,CAAA,EAAA;wDAM4B,GAAG,EAAA,CAAA;sBAA/C,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;;;MEtBtB,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAJb,YAAA,EAAA,CAAA,oBAAoB,CAEzB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,aADtF,oBAAoB,CAAA,EAAA,CAAA,CAAA;+GAGnB,iBAAiB,EAAA,OAAA,EAAA,CAFlB,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA;;2FAErF,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,CAAC;AAClG,iBAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-audio-wave.mjs","sources":["../../../../libs/components/audio-wave/src/lib/audio-wave.component.ts","../../../../libs/components/audio-wave/src/lib/audio-wave.component.html","../../../../libs/components/audio-wave/src/lib/audio-wave.module.ts","../../../../libs/components/audio-wave/src/acorex-components-audio-wave.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  InputSignal,\n  NgZone,\n  OnDestroy,\n  PLATFORM_ID,\n  ViewChild,\n  ViewEncapsulation,\n  afterNextRender,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport WaveSurfer from 'wavesurfer.js';\nimport { AXAudioWaveChangeEvent, AXWaveConfig } from './interfaces/audio-wave.interface';\n\n/**\n * Displays and interacts with audio waveform visualization.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-audio-wave',\n  templateUrl: './audio-wave.component.html',\n  styleUrls: ['./audio-wave.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXAudioWaveComponent implements OnDestroy {\n  /**\n   *  @ignore\n   */\n  @ViewChild('d', { static: false }) protected div: ElementRef<HTMLDivElement>;\n\n  /**\n   * Configuration settings for the audio wave.\n   */\n  config: InputSignal<AXWaveConfig> = input<AXWaveConfig>();\n\n  /**\n   * Emits an event when the status of the audio wave changes.\n   *\n   * @event\n   */\n  onStatusChanged = output<AXAudioWaveChangeEvent>();\n\n  audioState = signal<'playing' | 'paused' | 'loading' | 'ready' | 'error'>('paused');\n\n  errorMessage = signal('');\n\n  /**\n   *  @ignore\n   */\n  protected audio: WaveSurfer;\n\n  /**\n   *  @ignore\n   */\n  private ngZone = inject(NgZone);\n\n  private platformID = inject(PLATFORM_ID);\n  /**\n   *  @ignore\n   */\n  constructor() {\n    afterNextRender(() => {\n      if (isPlatformBrowser(this.platformID)) {\n        const primary200 = getComputedStyle(document.body).getPropertyValue('--ax-sys-color-primary-200');\n        const primary700 = getComputedStyle(document.body).getPropertyValue('--ax-sys-color-primary-700');\n\n        this.audio = WaveSurfer.create({\n          container: this.div.nativeElement,\n          waveColor: this.config()?.waveColor || `rgba(${primary200})`,\n          progressColor: this.config()?.progressColor || `rgba(${primary700})`,\n          url: this.config()?.url || '',\n          barWidth: this.config()?.barWidth || 2,\n          barRadius: this.config()?.barRadius || 2,\n          barGap: this.config()?.barGap || 2,\n          height: this.config()?.height || 36,\n        });\n      }\n      this.load();\n      this.audio?.on('loading', () => {\n        this.audioState.set('loading');\n      });\n      this.audio?.on('ready', () => {\n        this.audioState.set('ready');\n      });\n      this.audio?.on('error', (e) => {\n        this.errorMessage.set(e?.message);\n        this.audioState.set('error');\n      });\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * Loads the audio from the specified URL.\n   *\n   * @param url - The URL of the audio to load. Defaults to the URL from the config.\n   */\n  load(url = this.config().url) {\n    this.audio.load(url);\n  }\n\n  /**\n   * Plays the audio.\n   *\n   */\n  play(): Promise<any> {\n    return this.audio?.play();\n  }\n\n  /**\n   * Pauses the audio.\n   */\n  pause(): void {\n    this.audio?.pause();\n  }\n\n  /**\n   * Retrieves the duration of the audio.\n   *\n   */\n  getDuration() {\n    return this.audio?.getDuration() ?? 0;\n  }\n\n  /**\n   * Retrieves the media element of the audio.\n   *\n   */\n  getMediaElement() {\n    return this.audio?.getMediaElement();\n  }\n\n  /**\n   * Sets the playback rate of the audio.\n   *\n   * @param rate - The playback rate to set.\n   */\n  setRate(rate: number) {\n    this.audio.setPlaybackRate(rate);\n  }\n\n  /**\n   *  @ignore\n   */\n  protected bindEvents() {\n    this.handleLoad();\n    this.handleLoading();\n    this.handleDecode();\n    this.handleReady();\n    this.handleRedRawComplete();\n    this.handlePlay();\n    this.handlePause();\n    this.handleFinish();\n    this.handleTimeUpdate();\n    this.handleSeeking();\n    this.handleInteraction();\n    this.handleClick();\n    this.handleDrag();\n    this.handleScroll();\n    this.handleZoom();\n    this.handleDestroy();\n    this.handleError();\n  }\n  /** When audio starts loading */\n  protected handleLoad() {\n    this.audio?.on('load', (url) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { url: url },\n          status: 'load',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** During audio loading */\n  protected handleLoading() {\n    this.audio?.on('loading', (percent) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { percent: percent },\n          status: 'loading',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the audio has been decoded */\n  protected handleDecode() {\n    this.audio?.on('decode', (duration) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { duration: duration },\n          status: 'decode',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the audio is both decoded and can play */\n  protected handleReady() {\n    this.audio?.on('ready', (duration) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { duration: duration },\n          status: 'ready',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When all audio channel chunks of the waveform have drawn */\n  protected handleRedRawComplete() {\n    this.audio?.on('redrawcomplete', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: null,\n          status: 'redrawcomplete',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the audio starts playing */\n  protected handlePlay() {\n    this.audio?.on('play', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({ component: this, data: null, status: 'play', isUserInteraction: false });\n      });\n    });\n  }\n\n  /** When the audio pauses */\n  protected handlePause() {\n    this.audio?.on('pause', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({ component: this, data: null, status: 'pause', isUserInteraction: false });\n      });\n    });\n  }\n\n  /** When the audio finishes playing */\n  protected handleFinish() {\n    this.audio?.on('finish', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: null,\n          status: 'finish',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** On audio position change, fires continuously during playback */\n  protected handleTimeUpdate() {\n    this.audio?.on('timeupdate', (currentTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { currentTime: currentTime },\n          status: 'timeupdate',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user seeks to a new position */\n  protected handleSeeking() {\n    this.audio?.on('seeking', (currentTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { currentTime: currentTime },\n          status: 'seeking',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user interacts with the waveform (i.g. clicks or drags on it) */\n  protected handleInteraction() {\n    this.audio?.on('interaction', (newTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { newTime: newTime },\n          status: 'interaction',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user clicks on the waveform */\n  protected handleClick() {\n    this.audio?.on('click', (relativeX) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { relativeX: relativeX },\n          status: 'click',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the user drags the cursor */\n  protected handleDrag() {\n    this.audio?.on('drag', (relativeX) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { relativeX: relativeX },\n          status: 'drag',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the waveform is scrolled (panned) */\n  protected handleScroll() {\n    this.audio?.on('scroll', (visibleStartTime, visibleEndTime) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { visibleStartTime, visibleEndTime },\n          status: 'scroll',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** When the zoom level changes */\n  protected handleZoom() {\n    this.audio?.on('zoom', (minPxPerSec) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: { minPxPerSec: minPxPerSec },\n          status: 'zoom',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n\n  /** Just before the waveform is destroyed so you can clean up your events */\n  protected handleDestroy() {\n    this.audio?.on('destroy', () => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({\n          component: this,\n          data: null,\n          status: 'destroy',\n          isUserInteraction: false,\n        });\n      });\n    });\n  }\n  /** Just before the waveform is destroyed so you can clean up your events */\n  protected handleError() {\n    this.audio?.on('error', (e) => {\n      this.ngZone.run(() => {\n        this.onStatusChanged.emit({ component: this, data: e, status: 'error', isUserInteraction: false });\n      });\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.audio.destroy();\n  }\n}\n","<div class=\"ax-audio-wave\" #d [ngStyle]=\"{'display': audioState() === 'ready' ? 'block' : 'none' }\"></div>\n\n@switch (audioState()) {\n@case ('loading') {\n<div class=\"ax-audio-skeleton\"></div>\n}\n@case ('error') {\n<div class=\"ax-wave-message\">\n    {{'error.message' | translate:{ params:{ message: errorMessage() } } | async }}\n</div>\n}\n}","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAudioWaveComponent } from './audio-wave.component';\n\n@NgModule({\n  declarations: [AXAudioWaveComponent],\n  exports: [AXAudioWaveComponent],\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXAudioWaveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-avatar.mjs

@@ -54,11 +54,11 @@ class AXAvatarComponent extends MXColorComponent {
         return `width: ${this.size()}px; height: ${this.size()}px`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXAvatarComponent, isStandalone: false, selector: "ax-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-200);--ax-comp-avatar-text-color: var(--ax-sys-color-primary-contrast-text);--ax-comp-avatar-fill-color: var(--ax-sys-color-primary-700)}ax-avatar.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-success-700);--ax-comp-avatar-text-color: var(--ax-sys-color-success-contrast-text)}ax-avatar.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-danger-700);--ax-comp-avatar-text-color: var(--ax-sys-color-danger-contrast-text)}ax-avatar.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-warning-700);--ax-comp-avatar-text-color: var(--ax-sys-color-warning-contrast-text)}ax-avatar.ax-neutral{--ax-comp-avatar-bg-color: var(--ax-sys-color-neutral-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-neutral-700);--ax-comp-avatar-text-color: var(--ax-sys-color-neutral-contrast-text)}ax-avatar.ax-ghost{--ax-comp-avatar-bg-color: var(--ax-sys-surface-bg-color);--ax-comp-avatar-fill-color: var(--ax-sys-surface-text-color);--ax-comp-avatar-text-color: var(--ax-sys-surface-text-color);--ax-comp-avatar-border-width: 1px;--ax-comp-avatar-border-color: var(--ax-sys-surface-border-color)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:2px;border-color:rgba(var(--ax-color-surface))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-shape-sharp{border-radius:0}ax-avatar.ax-shape-soft{border-radius:var(--ax-rounded-border-default)}ax-avatar.ax-shape-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:var(--ax-comp-avatar-border-width, 0px);border-color:rgb(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXAvatarComponent, isStandalone: false, selector: "ax-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-200);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-avatar-fill-color: var(--ax-sys-color-primary-700)}ax-avatar.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-success-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-success)}ax-avatar.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-danger-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-danger)}ax-avatar.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-warning-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-warning)}ax-avatar.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-secondary-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-secondary)}ax-avatar.ax-ghost{--ax-comp-avatar-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-avatar-border-width: 1px;--ax-comp-avatar-border-color: var(--ax-sys-color-ghost-200)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:2px;border-color:rgba(var(--ax-sys-surface-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-shape-sharp{border-radius:0}ax-avatar.ax-shape-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-shape-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:var(--ax-comp-avatar-border-width, 0px);border-color:rgb(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-200);--ax-comp-avatar-text-color: var(--ax-sys-color-primary-contrast-text);--ax-comp-avatar-fill-color: var(--ax-sys-color-primary-700)}ax-avatar.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-success-700);--ax-comp-avatar-text-color: var(--ax-sys-color-success-contrast-text)}ax-avatar.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-danger-700);--ax-comp-avatar-text-color: var(--ax-sys-color-danger-contrast-text)}ax-avatar.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-warning-700);--ax-comp-avatar-text-color: var(--ax-sys-color-warning-contrast-text)}ax-avatar.ax-neutral{--ax-comp-avatar-bg-color: var(--ax-sys-color-neutral-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-neutral-700);--ax-comp-avatar-text-color: var(--ax-sys-color-neutral-contrast-text)}ax-avatar.ax-ghost{--ax-comp-avatar-bg-color: var(--ax-sys-surface-bg-color);--ax-comp-avatar-fill-color: var(--ax-sys-surface-text-color);--ax-comp-avatar-text-color: var(--ax-sys-surface-text-color);--ax-comp-avatar-border-width: 1px;--ax-comp-avatar-border-color: var(--ax-sys-surface-border-color)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:2px;border-color:rgba(var(--ax-color-surface))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-shape-sharp{border-radius:0}ax-avatar.ax-shape-soft{border-radius:var(--ax-rounded-border-default)}ax-avatar.ax-shape-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:var(--ax-comp-avatar-border-width, 0px);border-color:rgb(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"] }]
+            args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-200);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-avatar-fill-color: var(--ax-sys-color-primary-700)}ax-avatar.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-success-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-success)}ax-avatar.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-danger-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-danger)}ax-avatar.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-warning-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-warning)}ax-avatar.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-avatar-fill-color: var(--ax-sys-color-secondary-700);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-secondary)}ax-avatar.ax-ghost{--ax-comp-avatar-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-avatar-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-avatar-border-width: 1px;--ax-comp-avatar-border-color: var(--ax-sys-color-ghost-200)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:2px;border-color:rgba(var(--ax-sys-surface-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-shape-sharp{border-radius:0}ax-avatar.ax-shape-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-shape-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:var(--ax-comp-avatar-border-width, 0px);border-color:rgb(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"] }]
         }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../libs/components/avatar/src/lib/avatar-group.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.html","../../../../libs/components/avatar/src/lib/avatar.module.ts","../../../../libs/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n    selector: 'ax-avatar-group',\n    template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n    standalone: false\n})\nexport class AXAvatarGroupComponent {}\n","import { MXColorComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  HostBinding,\n  input,\n  model,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Avatar component displays a user's profile image or initials, typically used for user identification.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class AXAvatarComponent extends MXColorComponent {\n  /**\n   *  @ignore\n   */\n  protected children = contentChildren<QueryList<unknown>>('ax-image, ax-icon, ax-text');\n\n  /**\n   * Defines the size of the avatar in pixels.\n   *\n   * @defaultValue 48\n   */\n  size = model<number>(48);\n\n  /**\n   * Specifies the visual style of the avatar.\n   *\n   * @defaultValue 'rounded'\n   */\n  look = input<'sharp' | 'soft' | 'rounded'>('rounded');\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color} ax-shape-${this.look()}`;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('style')\n  private get __hostStyle(): string {\n    return `width: ${this.size()}px; height: ${this.size()}px`;\n  }\n}\n","<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAvatarGroupComponent } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroupComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../libs/components/avatar/src/lib/avatar-group.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.ts","../../../../libs/components/avatar/src/lib/avatar.component.html","../../../../libs/components/avatar/src/lib/avatar.module.ts","../../../../libs/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n    selector: 'ax-avatar-group',\n    template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n    standalone: false\n})\nexport class AXAvatarGroupComponent {}\n","import { MXColorComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  HostBinding,\n  input,\n  model,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Avatar component displays a user's profile image or initials, typically used for user identification.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class AXAvatarComponent extends MXColorComponent {\n  /**\n   *  @ignore\n   */\n  protected children = contentChildren<QueryList<unknown>>('ax-image, ax-icon, ax-text');\n\n  /**\n   * Defines the size of the avatar in pixels.\n   *\n   * @defaultValue 48\n   */\n  size = model<number>(48);\n\n  /**\n   * Specifies the visual style of the avatar.\n   *\n   * @defaultValue 'rounded'\n   */\n  look = input<'sharp' | 'soft' | 'rounded'>('rounded');\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color} ax-shape-${this.look()}`;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('style')\n  private get __hostStyle(): string {\n    return `width: ${this.size()}px; height: ${this.size()}px`;\n  }\n}\n","<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: rgba(var(--ax-sys-surface-light-bg-color))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAvatarGroupComponent } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\nconst COMPONENT = [AXAvatarComponent, AXAvatarGroupComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-badge.mjs

@@ -20,11 +20,11 @@ class AXBadgeComponent extends MXColorComponent {
         return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXBadgeComponent, isStandalone: false, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-600);--ax-comp-badge-text-color: var(--ax-sys-color-danger-text);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600)}ax-badge.ax-ghost{--ax-comp-badge-bg-color: var(--ax-sys-surface-lowest-bg-color);--ax-comp-badge-text-color: var(--ax-sys-surface-lowest-text-color);--ax-comp-badge-border-color: var(--ax-sys-surface-lowest-border-color)}ax-badge.ax-neutral{--ax-comp-badge-bg-color: var(--ax-sys-color-neutral-600);--ax-comp-badge-text-color: var(--ax-sys-color-neutral-text);--ax-comp-badge-border-color: var(--ax-sys-color-neutral-600)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-600);--ax-comp-badge-text-color: var(--ax-sys-color-primary-text);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-600);--ax-comp-badge-text-color: var(--ax-sys-color-success-text);--ax-comp-badge-border-color: var(--ax-sys-color-success-600)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-600);--ax-comp-badge-text-color: var(--ax-sys-color-warning-text);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXBadgeComponent, isStandalone: false, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600)}ax-badge.ax-ghost{--ax-comp-badge-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-badge-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-badge-border-color: var(--ax-sys-color-ghost-200)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-600)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-success);--ax-comp-badge-border-color: var(--ax-sys-color-success-600)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-600);--ax-comp-badge-text-color: var(--ax-sys-color-danger-text);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600)}ax-badge.ax-ghost{--ax-comp-badge-bg-color: var(--ax-sys-surface-lowest-bg-color);--ax-comp-badge-text-color: var(--ax-sys-surface-lowest-text-color);--ax-comp-badge-border-color: var(--ax-sys-surface-lowest-border-color)}ax-badge.ax-neutral{--ax-comp-badge-bg-color: var(--ax-sys-color-neutral-600);--ax-comp-badge-text-color: var(--ax-sys-color-neutral-text);--ax-comp-badge-border-color: var(--ax-sys-color-neutral-600)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-600);--ax-comp-badge-text-color: var(--ax-sys-color-primary-text);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-600);--ax-comp-badge-text-color: var(--ax-sys-color-success-text);--ax-comp-badge-border-color: var(--ax-sys-color-success-600)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-600);--ax-comp-badge-text-color: var(--ax-sys-color-warning-text);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"] }]
+            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600)}ax-badge.ax-ghost{--ax-comp-badge-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-badge-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-badge-border-color: var(--ax-sys-color-ghost-200)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-600)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-success);--ax-comp-badge-border-color: var(--ax-sys-color-success-600)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-600);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"] }]
         }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../libs/components/badge/src/lib/badge.component.ts","../../../../libs/components/badge/src/lib/badge.component.html","../../../../libs/components/badge/src/lib/badge.module.ts","../../../../libs/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-badge',\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.scss'],\n  inputs: ['color', 'look'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class AXBadgeComponent extends MXColorComponent {\n  /**\n   * Defines the text displayed inside the badge.\n   *\n   * @defaultValue ''\n   */\n  text = input<string>('');\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n  declarations: [AXBadgeComponent],\n  imports: [CommonModule],\n  exports: [AXBadgeComponent],\n  providers: [],\n})\nexport class AXBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYM,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AATtD,IAAA,WAAA,GAAA;;AAUE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AASzB;AAPC;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE;;8GAb5G,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,mgBCZ7B,wKAKA,EAAA,MAAA,EAAA,CAAA,84DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDOa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGZ,MAAA,EAAA,CAAC,OAAO,EAAE,MAAM,CAAC,EAAA,aAAA,EACV,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,KAAK,EAAA,QAAA,EAAA,wKAAA,EAAA,MAAA,EAAA,CAAA,84DAAA,CAAA,EAAA;8BAcL,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;MEbT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../libs/components/badge/src/lib/badge.component.ts","../../../../libs/components/badge/src/lib/badge.component.html","../../../../libs/components/badge/src/lib/badge.module.ts","../../../../libs/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-badge',\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.scss'],\n  inputs: ['color', 'look'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class AXBadgeComponent extends MXColorComponent {\n  /**\n   * Defines the text displayed inside the badge.\n   *\n   * @defaultValue ''\n   */\n  text = input<string>('');\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n  declarations: [AXBadgeComponent],\n  imports: [CommonModule],\n  exports: [AXBadgeComponent],\n  providers: [],\n})\nexport class AXBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYM,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AATtD,IAAA,WAAA,GAAA;;AAUE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AASzB;AAPC;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE;;8GAb5G,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,mgBCZ7B,wKAKA,EAAA,MAAA,EAAA,CAAA,q3DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDOa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGZ,MAAA,EAAA,CAAC,OAAO,EAAE,MAAM,CAAC,EAAA,aAAA,EACV,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,KAAK,EAAA,QAAA,EAAA,wKAAA,EAAA,MAAA,EAAA,CAAA,q3DAAA,CAAA,EAAA;8BAcL,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;MEbT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/acorex-components-bottom-navigation.mjs

@@ -95,11 +95,11 @@ class AXBottomNavigationComponent {
         return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXBottomNavigationComponent, isStandalone: false, selector: "ax-bottom-navigation", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-body-text-color);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-body-text-color), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.4rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-500), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-bg-color: var(--ax-sys-surface-bg-color);--ax-comp-bottom-navigation-text-color: var(--ax-sys-surface-text-color);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-500), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.5rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-border-color));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXBottomNavigationComponent, isStandalone: false, selector: "ax-bottom-navigation", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-body-text-color);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-body-text-color), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.25rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-500), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-on-surface-color);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-500), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.375rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-border-color));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-body-text-color);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-body-text-color), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.4rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-500), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-bg-color: var(--ax-sys-surface-bg-color);--ax-comp-bottom-navigation-text-color: var(--ax-sys-surface-text-color);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-500), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.5rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-border-color));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"] }]
+            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-body-text-color);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-body-text-color), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.25rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-500), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-on-surface-color);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-500), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-500)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.375rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-border-color));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"] }]
         }], propDecorators: { _contentButtons: [{
                 type: ContentChildren,
                 args: [AXBottomNavigationItemComponent]

package/fesm2022/acorex-components-bottom-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../libs/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import { AXClickEvent, AXRippleDirective, MXInteractiveComponent, MXLookComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n    selector: 'ax-bottom-navigation-item',\n    templateUrl: './bottom-navigation-item.component.html',\n    inputs: ['disabled', 'tabIndex'],\n    outputs: ['disabledChange', 'onFocus', 'onBlur'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [AXRippleDirective],\n    standalone: false\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n  @Input() name: string;\n\n  @Input() active = false;\n\n  @Output() onClick = new EventEmitter<AXClickEvent>();\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `${this.active ? 'ax-state-active' : ''} ${this.disabled ? 'ax-state-disabled' : ''} `;\n  }\n\n  @HostListener('click', ['$event'])\n  protected handleClick(e: MouseEvent) {\n    if (this.disabled) return;\n    const dataset = (e.target as any).dataset;\n    this.onClick.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      data: { active: this.active, name: this.name, ...dataset },\n      isUserInteraction: e.isTrusted,\n    });\n  }\n}\n","<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>","import { AXClickEvent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostBinding,\n  QueryList,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\nexport type AXBottomNavigationLook = 'solid' | 'with-line' | 'pills' | 'pills-color';\n\n/**\n * The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-bottom-navigation',\n  templateUrl: './bottom-navigation.component.html',\n  styleUrls: ['./bottom-navigation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXBottomNavigationComponent implements AfterContentInit {\n  /**\n   *  @ignore\n   */\n  @ContentChildren(AXBottomNavigationItemComponent)\n  private _contentButtons: QueryList<AXBottomNavigationItemComponent>;\n  look = input<AXBottomNavigationLook>('solid');\n\n  /**\n   * This will be displayed as an interface\n   */\n  hasBorder = input(false);\n\n  /**\n   * Determines the position of the indicator relative to the button.\n   *\n   * @defaultValue 'top'\n   */\n  indicatorPosition = input<'top' | 'bottom'>('top');\n\n  /**\n   * Emit item click.\n   * @returns The AXClickEvent\n   */\n  onItemClick = output<AXClickEvent>();\n\n  //@Output() onItemClick = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  ngAfterContentInit(): void {\n    this._bindEvents();\n  }\n\n  /** @ignore */\n  private _bindEvents() {\n    this._contentButtons?.forEach((i: any) => {\n      if (!i.onClick.length)\n        i.onClick.subscribe((event: AXClickEvent) => {\n          this._handleClickEvent(event);\n        });\n    });\n  }\n\n  /** @ignore */\n  _handleClickEvent(item: AXClickEvent) {\n    this.onItemClick.emit(item);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;\n  }\n}\n","<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\nconst COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXBottomNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../libs/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import { AXClickEvent, AXRippleDirective, MXInteractiveComponent, MXLookComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n    selector: 'ax-bottom-navigation-item',\n    templateUrl: './bottom-navigation-item.component.html',\n    inputs: ['disabled', 'tabIndex'],\n    outputs: ['disabledChange', 'onFocus', 'onBlur'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [AXRippleDirective],\n    standalone: false\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n  @Input() name: string;\n\n  @Input() active = false;\n\n  @Output() onClick = new EventEmitter<AXClickEvent>();\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `${this.active ? 'ax-state-active' : ''} ${this.disabled ? 'ax-state-disabled' : ''} `;\n  }\n\n  @HostListener('click', ['$event'])\n  protected handleClick(e: MouseEvent) {\n    if (this.disabled) return;\n    const dataset = (e.target as any).dataset;\n    this.onClick.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      data: { active: this.active, name: this.name, ...dataset },\n      isUserInteraction: e.isTrusted,\n    });\n  }\n}\n","<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>","import { AXClickEvent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostBinding,\n  QueryList,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\nexport type AXBottomNavigationLook = 'solid' | 'with-line' | 'pills' | 'pills-color';\n\n/**\n * The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-bottom-navigation',\n  templateUrl: './bottom-navigation.component.html',\n  styleUrls: ['./bottom-navigation.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXBottomNavigationComponent implements AfterContentInit {\n  /**\n   *  @ignore\n   */\n  @ContentChildren(AXBottomNavigationItemComponent)\n  private _contentButtons: QueryList<AXBottomNavigationItemComponent>;\n  look = input<AXBottomNavigationLook>('solid');\n\n  /**\n   * This will be displayed as an interface\n   */\n  hasBorder = input(false);\n\n  /**\n   * Determines the position of the indicator relative to the button.\n   *\n   * @defaultValue 'top'\n   */\n  indicatorPosition = input<'top' | 'bottom'>('top');\n\n  /**\n   * Emit item click.\n   * @returns The AXClickEvent\n   */\n  onItemClick = output<AXClickEvent>();\n\n  //@Output() onItemClick = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  ngAfterContentInit(): void {\n    this._bindEvents();\n  }\n\n  /** @ignore */\n  private _bindEvents() {\n    this._contentButtons?.forEach((i: any) => {\n      if (!i.onClick.length)\n        i.onClick.subscribe((event: AXClickEvent) => {\n          this._handleClickEvent(event);\n        });\n    });\n  }\n\n  /** @ignore */\n  _handleClickEvent(item: AXClickEvent) {\n    this.onItemClick.emit(item);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;\n  }\n}\n","<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\nconst COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXBottomNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}