@acorex/components 21.0.3-next.8 → 21.1.0-next.0

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-audio-wave.mjs","sources":["../../../../packages/components/audio-wave/src/lib/audio-wave.component.ts","../../../../packages/components/audio-wave/src/lib/audio-wave.component.html","../../../../packages/components/audio-wave/src/lib/audio-wave.module.ts","../../../../packages/components/audio-wave/src/acorex-components-audio-wave.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { AXSkeletonComponent } from '@acorex/components/skeleton';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe, isPlatformBrowser, NgStyle } from '@angular/common';\nimport {\n  afterNextRender,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  InputSignal,\n  NgZone,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  signal,\n  ViewChild,\n  ViewEncapsulation,\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.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgStyle, AsyncPipe, AXTranslatorPipe, AXSkeletonComponent],\n  providers: [{ provide: AXComponent, useExisting: AXAudioWaveComponent }],\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    <ax-skeleton class=\"h-5 w-full rounded-full\"></ax-skeleton>\n  }\n  @case ('error') {\n    <div class=\"ax-wave-message\">\n      {{ '@acorex:error.message' | translate: { params: { message: errorMessage() } } | async }}\n    </div>\n  }\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  exports: [AXAudioWaveComponent],\n  imports: [\n    CommonModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXSkeletonModule,\n    AXTranslationModule,\n    AXAudioWaveComponent,\n  ],\n})\nexport class AXAudioWaveModule {}\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-audio-wave.mjs","sources":["../../../../packages/components/audio-wave/src/lib/audio-wave.component.ts","../../../../packages/components/audio-wave/src/lib/audio-wave.component.html","../../../../packages/components/audio-wave/src/lib/audio-wave.module.ts","../../../../packages/components/audio-wave/src/acorex-components-audio-wave.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { AXSkeletonComponent } from '@acorex/components/skeleton';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe, isPlatformBrowser, NgStyle } from '@angular/common';\nimport {\n  afterNextRender,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  InputSignal,\n  NgZone,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  signal,\n  ViewChild,\n  ViewEncapsulation,\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.css'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgStyle, AsyncPipe, AXTranslatorPipe, AXSkeletonComponent],\n  providers: [{ provide: AXComponent, useExisting: AXAudioWaveComponent }],\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    <ax-skeleton class=\"h-5 w-full rounded-full\"></ax-skeleton>\n  }\n  @case ('error') {\n    <div class=\"ax-wave-message\">\n      {{ '@acorex:error.message' | translate: { params: { message: errorMessage() } } | async }}\n    </div>\n  }\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  exports: [AXAudioWaveComponent],\n  imports: [\n    CommonModule,\n    AXButtonModule,\n    AXDecoratorModule,\n    AXSkeletonModule,\n    AXTranslationModule,\n    AXAudioWaveComponent,\n  ],\n})\nexport class AXAudioWaveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAsBA;;;;AAIG;MASU,oBAAoB,CAAA;AAiC/B;;AAEG;AACH,IAAA,WAAA,GAAA;AA9BA;;AAEG;QACH,IAAA,CAAA,MAAM,GAA8B,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAgB;AAEzD;;;;AAIG;QACH,IAAA,CAAA,eAAe,GAAG,MAAM,EAA0B;AAElD,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAuD,QAAQ,iFAAC;AAEnF,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,EAAE,mFAAC;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,CAAA,KAAA,EAAQ,UAAU,CAAA,CAAA,CAAG;oBAC5D,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,aAAa,IAAI,CAAA,KAAA,EAAQ,UAAU,CAAA,CAAA,CAAG;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;YACJ;YACA,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,YAAA,CAAC,CAAC;YACF,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,MAAK;AAC3B,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC;AAC9B,YAAA,CAAC,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,YAAA,CAAC,CAAC;YACF,IAAI,CAAC,UAAU,EAAE;AACnB,QAAA,CAAC,CAAC;IACJ;AAEA;;;;AAIG;IACH,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,EAAA;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;IACtB;AAEA;;;AAGG;IACH,IAAI,GAAA;AACF,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;IAC3B;AAEA;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE;IACrB;AAEA;;;AAGG;IACH,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC;IACvC;AAEA;;;AAGG;IACH,eAAe,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,eAAe,EAAE;IACtC;AAEA;;;;AAIG;AACH,IAAA,OAAO,CAAC,IAAY,EAAA;AAClB,QAAA,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC;IAClC;AAEA;;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;IACpB;;IAEU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAGU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAEU,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,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;IACtB;8GA3WW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,SAAA,EAFpB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,GAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjC1E,4ZAYA,EAAA,MAAA,EAAA,CAAA,yPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDoBY,OAAO,2EAA+B,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAhD,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAGnC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;+BACE,eAAe,EAAA,aAAA,EAGV,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,EAAA,SAAA,EACzD,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,oBAAsB,EAAE,CAAC,EAAA,QAAA,EAAA,4ZAAA,EAAA,MAAA,EAAA,CAAA,yPAAA,CAAA,EAAA;;sBAMvE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;;;MEpBtB,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,YAR1B,YAAY;YACZ,cAAc;YACd,iBAAiB;YACjB,gBAAgB;YAChB,mBAAmB;AACnB,YAAA,oBAAoB,aAPZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAUnB,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,YAR1B,YAAY;YACZ,cAAc;YACd,iBAAiB;YACjB,gBAAgB;YAChB,mBAAmB;YACnB,oBAAoB,CAAA,EAAA,CAAA,CAAA;;2FAGX,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAC/B,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,cAAc;wBACd,iBAAiB;wBACjB,gBAAgB;wBAChB,mBAAmB;wBACnB,oBAAoB;AACrB,qBAAA;AACF,iBAAA;;;AClBD;;AAEG;;;;"}

package/fesm2022/acorex-components-avatar.mjs

@@ -62,11 +62,11 @@ class AXAvatarComponent extends MXColorComponent {
         return `width: ${size}px; height: ${size}px; --ax-comp-avatar-size: ${size}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXAvatarComponent, isStandalone: true, 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 }, shape: { classPropertyName: "shape", publicName: "shape", 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" } }, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], 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 style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing,.25rem) * -1);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));overflow:hidden}ax-avatar{justify-content:center;display:flex;position:relative}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:3.40282e38px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:calc(var(--ax-comp-avatar-size,48) * .5 * 1px);line-height:calc(var(--ax-comp-avatar-size,48) * 2 / 3 * 1px)}ax-avatar ax-icon,ax-avatar ax-text{border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));background-color:rgba(var(--ax-comp-avatar-bg-color));min-width:100%;min-height:100%;fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color));justify-content:center;align-items:center;display:flex}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXAvatarComponent, isStandalone: true, 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 }, shape: { classPropertyName: "shape", publicName: "shape", 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" } }, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], 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 style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing, .25rem) * -1);overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:calc(infinity * 1px)}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:calc(var(--ax-comp-avatar-size, 48) * .5 * 1px);line-height:calc(var(--ax-comp-avatar-size, 48) * 2 / 3 * 1px)}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));background-color:rgba(var(--ax-comp-avatar-bg-color));fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color))}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], 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 style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing,.25rem) * -1);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));overflow:hidden}ax-avatar{justify-content:center;display:flex;position:relative}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:3.40282e38px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:calc(var(--ax-comp-avatar-size,48) * .5 * 1px);line-height:calc(var(--ax-comp-avatar-size,48) * 2 / 3 * 1px)}ax-avatar ax-icon,ax-avatar ax-text{border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));background-color:rgba(var(--ax-comp-avatar-bg-color));min-width:100%;min-height:100%;fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color));justify-content:center;align-items:center;display:flex}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], 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 style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing, .25rem) * -1);overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:calc(infinity * 1px)}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:calc(var(--ax-comp-avatar-size, 48) * .5 * 1px);line-height:calc(var(--ax-comp-avatar-size, 48) * 2 / 3 * 1px)}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));background-color:rgba(var(--ax-comp-avatar-bg-color));fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color))}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { children: [{ type: i0.ContentChildren, args: ['ax-image, ax-icon, ax-text', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../packages/components/avatar/src/lib/avatar-group.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.html","../../../../packages/components/avatar/src/lib/avatar.module.ts","../../../../packages/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'ax-avatar-group',\n  template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n  providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }],\n})\nexport class AXAvatarGroupComponent {}\n","import { AXComponent, MXColorComponent } from '@acorex/cdk/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 * It supports multiple content types including text, icons, images, and badges.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.compiled.css'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }],\n})\nexport class AXAvatarComponent extends MXColorComponent {\n  /**\n   * Content children for avatar content (ax-image, ax-icon, ax-text).\n   * Used internally to determine if fallback SVG should be shown.\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's corners.\n   *\n   * @defaultValue 'rounded'\n   */\n  shape = input<'sharp' | 'soft' | 'rounded'>('rounded');\n\n  /**\n   * Specifies the visual style of the avatar appearance.\n   *\n   * @defaultValue 'solid'\n   */\n  look = input<'solid' | 'twotone'>('solid');\n\n  /**\n   * @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.color} ax-${this.look()} ax-${this.shape()} `;\n  }\n\n  /**\n   * @ignore\n   */\n  @HostBinding('style')\n  private get __hostStyle(): string {\n    const size = this.size();\n    return `width: ${size}px; height: ${size}px; --ax-comp-avatar-size: ${size}`;\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 style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { AXAvatarGroupComponent } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\n@NgModule({\n  imports: [AXAvatarComponent, AXAvatarGroupComponent],\n  exports: [AXAvatarComponent, AXAvatarGroupComponent],\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":["../../../../packages/components/avatar/src/lib/avatar-group.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.html","../../../../packages/components/avatar/src/lib/avatar.module.ts","../../../../packages/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'ax-avatar-group',\n  template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n  providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }],\n})\nexport class AXAvatarGroupComponent {}\n","import { AXComponent, MXColorComponent } from '@acorex/cdk/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 * It supports multiple content types including text, icons, images, and badges.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-avatar',\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.css'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }],\n})\nexport class AXAvatarComponent extends MXColorComponent {\n  /**\n   * Content children for avatar content (ax-image, ax-icon, ax-text).\n   * Used internally to determine if fallback SVG should be shown.\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's corners.\n   *\n   * @defaultValue 'rounded'\n   */\n  shape = input<'sharp' | 'soft' | 'rounded'>('rounded');\n\n  /**\n   * Specifies the visual style of the avatar appearance.\n   *\n   * @defaultValue 'solid'\n   */\n  look = input<'solid' | 'twotone'>('solid');\n\n  /**\n   * @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.color} ax-${this.look()} ax-${this.shape()} `;\n  }\n\n  /**\n   * @ignore\n   */\n  @HostBinding('style')\n  private get __hostStyle(): string {\n    const size = this.size();\n    return `width: ${size}px; height: ${size}px; --ax-comp-avatar-size: ${size}`;\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 style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); 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: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { AXAvatarGroupComponent } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\n@NgModule({\n  imports: [AXAvatarComponent, AXAvatarGroupComponent],\n  exports: [AXAvatarComponent, AXAvatarGroupComponent],\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

@@ -1,6 +1,6 @@
 import { MXColorLookComponent, AXComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 
 class AXBadgeComponent extends MXColorLookComponent {
     constructor() {
@@ -12,22 +12,27 @@ class AXBadgeComponent extends MXColorLookComponent {
          */
         this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return `${this.look} ${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;
+    /** @ignore */
+    get hostClass() {
+        const value = this.text() ?? '';
+        return [
+            this.look,
+            this.color,
+            value.length === 0 ? 'ax-mini-badge' : '',
+            value.length === 1 ? 'ax-single-badge' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXBadgeComponent, isStandalone: true, 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" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}@layer components{ax-badge{max-height:fit-content;min-width:calc(var(--spacing,.25rem) * 5);padding-inline:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:1;border-radius:3.40282e38px;justify-content:center;align-items:center;line-height:1;display:inline-flex}ax-badge.ax-mini-badge{min-height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);min-width:calc(var(--spacing,.25rem) * 2)}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{min-height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);justify-content:center;align-items:center;display:flex}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding-inline:calc(var(--spacing,.25rem) * .5);padding-block:var(--spacing,.25rem);white-space:nowrap;display:inline-block}}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXBadgeComponent, isStandalone: true, 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": "hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], 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: ["@layer properties;@layer components{ax-badge{--ax-comp-badge-border-radius: .5rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;box-sizing:border-box;display:inline-flex;max-height:fit-content;max-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;gap:var(--ax-comp-badge-gap);border-radius:var(--ax-comp-badge-border-radius);font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);background-color:var(--ax-comp-bg-lightest, var(--color-lightest));color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;--tw-leading: 1;line-height:1;font-size:inherit}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;border-radius:calc(infinity * 1px);background-color:currentcolor;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size)}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2);min-height:calc(var(--spacing, .25rem) * 2);min-width:calc(var(--spacing, .25rem) * 2);gap:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 0);box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;aspect-ratio:1 / 1;min-height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);padding:calc(var(--spacing, .25rem) * .5)}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}}ax-badge.ax-outline{--ax-comp-badge-ring-opacity: .1;border-color:transparent;background-color:transparent;color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-outline{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge.ax-outline:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-twotone,ax-badge.ax-flat{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-lightest, var(--color-lighter));color:var(--ax-comp-bg-darker, var(--color-on-lighter));box-shadow:none}:is(ax-badge.ax-twotone,ax-badge.ax-flat):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-darkest, var(--color-darkest));color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-dark, var(--color-dark));color:var(--ax-comp-text-dark, var(--color-on-dark));box-shadow:none}ax-badge.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-light, var(--color-light));color:var(--ax-comp-text-light, var(--color-on-light))}ax-badge.ax-blank{--ax-comp-badge-ring-opacity: 0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none}ax-badge.ax-blank:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface))}ax-badge.ax-link{--ax-comp-badge-ring-opacity: 0;border-radius:0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none;border-bottom:1px solid var(--ax-comp-bg-darker, var(--color-border-lightest))}ax-badge.ax-link:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface));border-bottom-color:var(--ax-comp-bg-light, var(--color-border-darkest))}ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){--ax-comp-badge-ring-opacity: .1;background-color:transparent;color:var(--color-on-lightest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-lightest-surface)) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-lightest) 10%,transparent)}}:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--color-on-darkest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-darkest-surface)) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-darkest) 20%,transparent)}}ax-badge.ax-default.ax-solid{background-color:var(--color-dark);color:var(--color-on-dark)}ax-badge.ax-default.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-light);color:var(--color-on-light)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], 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: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}@layer components{ax-badge{max-height:fit-content;min-width:calc(var(--spacing,.25rem) * 5);padding-inline:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:1;border-radius:3.40282e38px;justify-content:center;align-items:center;line-height:1;display:inline-flex}ax-badge.ax-mini-badge{min-height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);min-width:calc(var(--spacing,.25rem) * 2)}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{min-height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);justify-content:center;align-items:center;display:flex}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding-inline:calc(var(--spacing,.25rem) * .5);padding-block:var(--spacing,.25rem);white-space:nowrap;display:inline-block}}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], host: {
+                        '[class]': 'hostClass',
+                    }, 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: ["@layer properties;@layer components{ax-badge{--ax-comp-badge-border-radius: .5rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;box-sizing:border-box;display:inline-flex;max-height:fit-content;max-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;gap:var(--ax-comp-badge-gap);border-radius:var(--ax-comp-badge-border-radius);font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);background-color:var(--ax-comp-bg-lightest, var(--color-lightest));color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;--tw-leading: 1;line-height:1;font-size:inherit}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;border-radius:calc(infinity * 1px);background-color:currentcolor;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size)}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2);min-height:calc(var(--spacing, .25rem) * 2);min-width:calc(var(--spacing, .25rem) * 2);gap:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 0);box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;aspect-ratio:1 / 1;min-height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);padding:calc(var(--spacing, .25rem) * .5)}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}}ax-badge.ax-outline{--ax-comp-badge-ring-opacity: .1;border-color:transparent;background-color:transparent;color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-outline{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge.ax-outline:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-twotone,ax-badge.ax-flat{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-lightest, var(--color-lighter));color:var(--ax-comp-bg-darker, var(--color-on-lighter));box-shadow:none}:is(ax-badge.ax-twotone,ax-badge.ax-flat):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-darkest, var(--color-darkest));color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-dark, var(--color-dark));color:var(--ax-comp-text-dark, var(--color-on-dark));box-shadow:none}ax-badge.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-light, var(--color-light));color:var(--ax-comp-text-light, var(--color-on-light))}ax-badge.ax-blank{--ax-comp-badge-ring-opacity: 0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none}ax-badge.ax-blank:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface))}ax-badge.ax-link{--ax-comp-badge-ring-opacity: 0;border-radius:0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none;border-bottom:1px solid var(--ax-comp-bg-darker, var(--color-border-lightest))}ax-badge.ax-link:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface));border-bottom-color:var(--ax-comp-bg-light, var(--color-border-darkest))}ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){--ax-comp-badge-ring-opacity: .1;background-color:transparent;color:var(--color-on-lightest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-lightest-surface)) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-lightest) 10%,transparent)}}:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--color-on-darkest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-darkest-surface)) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-darkest) 20%,transparent)}}ax-badge.ax-default.ax-solid{background-color:var(--color-dark);color:var(--color-on-dark)}ax-badge.ax-default.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-light);color:var(--color-on-light)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 
 class AXBadgeModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../packages/components/badge/src/lib/badge.component.ts","../../../../packages/components/badge/src/lib/badge.component.html","../../../../packages/components/badge/src/lib/badge.module.ts","../../../../packages/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { AXComponent, MXColorLookComponent } from '@acorex/cdk/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.compiled.css'],\n  inputs: ['color', 'look'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }],\n})\nexport class AXBadgeComponent extends MXColorLookComponent {\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 `${this.look} ${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 { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n  imports: [AXBadgeComponent],\n  exports: [AXBadgeComponent],\n})\nexport class AXBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAYM,MAAO,gBAAiB,SAAQ,oBAAoB,CAAA;AAT1D,IAAA,WAAA,GAAA;;AAUE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;AASzB,IAAA;AAPC;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE;IACjI;8GAdW,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAFhB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,iDCVtE,0KAKA,EAAA,MAAA,EAAA,CAAA,0tCAAA,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;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,OAAO,EAAE,MAAM,CAAC,EAAA,aAAA,EACV,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,gBAAkB,EAAE,CAAC,EAAA,QAAA,EAAA,0KAAA,EAAA,MAAA,EAAA,CAAA,0tCAAA,CAAA,EAAA;;sBAanE,WAAW;uBAAC,OAAO;;;MEhBT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAb,aAAa,EAAA,OAAA,EAAA,CAHd,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAChB,gBAAgB,CAAA,EAAA,CAAA,CAAA;+GAEf,aAAa,EAAA,CAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC5B,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../packages/components/badge/src/lib/badge.component.ts","../../../../packages/components/badge/src/lib/badge.component.html","../../../../packages/components/badge/src/lib/badge.module.ts","../../../../packages/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { AXComponent, MXColorLookComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-badge',\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.css'],\n  inputs: ['color', 'look'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }],\n  host: {\n    '[class]': 'hostClass',\n  },\n})\nexport class AXBadgeComponent extends MXColorLookComponent {\n  /**\n   * Defines the text displayed inside the badge.\n   *\n   * @defaultValue ''\n   */\n  text = input<string>('');\n\n  /** @ignore */\n  get hostClass(): string {\n    const value = this.text() ?? '';\n    return [\n      this.look,\n      this.color,\n      value.length === 0 ? 'ax-mini-badge' : '',\n      value.length === 1 ? 'ax-single-badge' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\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 { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n  imports: [AXBadgeComponent],\n  exports: [AXBadgeComponent],\n})\nexport class AXBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -100,11 +100,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: "21.2.9", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXBottomNavigationComponent, isStandalone: true, 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" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{ax-bottom-navigation{--ax-comp-bottom-navigation-text-color:var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color:var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color:var(--ax-sys-color-primary-surface);--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;justify-content:space-between;gap:var(--spacing,.25rem);background-color:var(--ax-comp-bottom-navigation-bg-color);display:flex}ax-bottom-navigation ax-bottom-navigation-item{cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * 3);--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);text-align:center;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color,unset);--tw-font-weight:var(--font-weight-bold,700)!important;font-weight:var(--font-weight-bold,700)!important}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color:color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color:var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color:rgba(var(--ax-sys-color-on-lightest-surface), .2)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:.5}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:.75}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{opacity:1;color:var(--ax-comp-bottom-navigation-active-text-color)!important}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:.3}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:var(--spacing,.25rem);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));width:unset;height:unset;justify-content:center;display:block}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color:rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color:var(--ax-sys-color-primary-surface)}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-right-radius:var(--radius-xs,.125rem);border-bottom-left-radius:var(--radius-xs,.125rem)}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(--radius-xs,.125rem);border-top-right-radius:var(--radius-xs,.125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";background-color:#0000;width:60%;height:.2rem;position:absolute}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXBottomNavigationComponent, isStandalone: true, 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" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface);--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;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 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-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{ax-bottom-navigation{--ax-comp-bottom-navigation-text-color:var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color:var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color:var(--ax-sys-color-primary-surface);--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;justify-content:space-between;gap:var(--spacing,.25rem);background-color:var(--ax-comp-bottom-navigation-bg-color);display:flex}ax-bottom-navigation ax-bottom-navigation-item{cursor:pointer;padding-inline:0;padding-block:calc(var(--spacing,.25rem) * 3);--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);text-align:center;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color,unset);--tw-font-weight:var(--font-weight-bold,700)!important;font-weight:var(--font-weight-bold,700)!important}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color:color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color:var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color:rgba(var(--ax-sys-color-on-lightest-surface), .2)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:.5}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:.75}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{opacity:1;color:var(--ax-comp-bottom-navigation-active-text-color)!important}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:.3}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:var(--spacing,.25rem);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));width:unset;height:unset;justify-content:center;display:block}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color:rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color:var(--ax-sys-color-primary-surface)}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-right-radius:var(--radius-xs,.125rem);border-bottom-left-radius:var(--radius-xs,.125rem)}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(--radius-xs,.125rem);border-top-right-radius:var(--radius-xs,.125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";background-color:#0000;width:60%;height:.2rem;position:absolute}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface);--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;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 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-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\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":["../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../packages/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXComponent,\n  AXRippleDirective,\n  MXInteractiveComponent,\n  MXLookComponent,\n} from '@acorex/cdk/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  providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }],\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n  /**\n   * The name of the navigation item.\n   */\n  @Input() name: string;\n\n  /**\n   * Indicates if the item is currently active.\n   */\n  @Input() active = false;\n\n  /**\n   * Emitted when the item is clicked. Payload is the click event.\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>\n","import { AXClickEvent, AXComponent } from '@acorex/cdk/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.compiled.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }],\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>\n","import { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\n@NgModule({\n  imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\n  exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\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":["../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../packages/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXComponent,\n  AXRippleDirective,\n  MXInteractiveComponent,\n  MXLookComponent,\n} from '@acorex/cdk/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  providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }],\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n  /**\n   * The name of the navigation item.\n   */\n  @Input() name: string;\n\n  /**\n   * Indicates if the item is currently active.\n   */\n  @Input() active = false;\n\n  /**\n   * Emitted when the item is clicked. Payload is the click event.\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>\n","import { AXClickEvent, AXComponent } from '@acorex/cdk/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.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }],\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>\n","import { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\n@NgModule({\n  imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\n  exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\n})\nexport class AXBottomNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-breadcrumbs.mjs

@@ -35,11 +35,11 @@ class AXBreadCrumbsComponent extends MXBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{ax-breadcrumbs{width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:center;display:inline-flex;overflow:auto hidden}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;text-decoration-thickness:0;display:inline-flex}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:.5!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:var(--spacing,.25rem)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing,.25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{ax-breadcrumbs{width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:center;display:inline-flex;overflow:auto hidden}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;text-decoration-thickness:0;display:inline-flex}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:.5!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:var(--spacing,.25rem)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing,.25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _divider: [{ type: i0.ContentChild, args: ['divider', { isSignal: true }] }], dividerTemplate: [{ type: i0.ViewChild, args: ['dividerTpl', { isSignal: true }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../packages/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  inject,\n  PLATFORM_ID,\n  TemplateRef,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  styleUrls: ['./breadcrumbs.component.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet],\n  providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }],\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {\n  private readonly platformId = inject(PLATFORM_ID);\n  /**\n   * Content child template for custom divider between breadcrumb items.\n   */\n  protected _divider = contentChild<TemplateRef<any>>('divider');\n\n  /**\n   * View child template for the divider template.\n   */\n  dividerTemplate = viewChild<TemplateRef<any>>('dividerTpl');\n\n  /**\n   * Scrolls the breadcrumbs container to the rightmost position after view initialization.\n   * This ensures that the most recent breadcrumb items are visible when there are many items.\n   */\n  ngAfterViewInit(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      this.getHostElement().scrollTo({\n        left: this.getHostElement().scrollWidth,\n        top: 0,\n        behavior: 'instant',\n      });\n    }\n  }\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n","import { AXComponent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Input, inject } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n/**\n * Component representing an item in a breadcrumbs navigation.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-breadcrumbs-item',\n  inputs: ['disabled'],\n  templateUrl: './breadcrumbs-item.component.html',\n  imports: [NgTemplateOutlet],\n  providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }],\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n  /**\n   * Reference to the parent breadcrumbs component.\n   */\n  _parent = inject<AXBreadCrumbsComponent>(AXBreadCrumbsComponent);\n\n  /**\n   * Indicates whether this breadcrumb item is the current active item.\n   */\n  @Input() active: boolean;\n\n  /**\n   * Host binding for CSS classes based on component state.\n   * Applies 'ax-state-active' when active is true and 'ax-state-disabled' when disabled is true.\n   */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n  }\n}\n","<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n  imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n})\nexport class AXBreadcrumbsModule {}\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-breadcrumbs.mjs","sources":["../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../packages/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  inject,\n  PLATFORM_ID,\n  TemplateRef,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  styleUrls: ['./breadcrumbs.component.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet],\n  providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }],\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {\n  private readonly platformId = inject(PLATFORM_ID);\n  /**\n   * Content child template for custom divider between breadcrumb items.\n   */\n  protected _divider = contentChild<TemplateRef<any>>('divider');\n\n  /**\n   * View child template for the divider template.\n   */\n  dividerTemplate = viewChild<TemplateRef<any>>('dividerTpl');\n\n  /**\n   * Scrolls the breadcrumbs container to the rightmost position after view initialization.\n   * This ensures that the most recent breadcrumb items are visible when there are many items.\n   */\n  ngAfterViewInit(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      this.getHostElement().scrollTo({\n        left: this.getHostElement().scrollWidth,\n        top: 0,\n        behavior: 'instant',\n      });\n    }\n  }\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n","import { AXComponent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Input, inject } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n/**\n * Component representing an item in a breadcrumbs navigation.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-breadcrumbs-item',\n  inputs: ['disabled'],\n  templateUrl: './breadcrumbs-item.component.html',\n  imports: [NgTemplateOutlet],\n  providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }],\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n  /**\n   * Reference to the parent breadcrumbs component.\n   */\n  _parent = inject<AXBreadCrumbsComponent>(AXBreadCrumbsComponent);\n\n  /**\n   * Indicates whether this breadcrumb item is the current active item.\n   */\n  @Input() active: boolean;\n\n  /**\n   * Host binding for CSS classes based on component state.\n   * Applies 'ax-state-active' when active is true and 'ax-state-disabled' when disabled is true.\n   */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n  }\n}\n","<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n  imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n})\nexport class AXBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}