igniteui-webcomponents 6.1.0 → 6.1.1-alpha.0

package/components/carousel/carousel.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var IgcCarouselComponent_1;
 import { ContextProvider } from '@lit/context';
-import { LitElement, html, nothing } from 'lit';
+import { html, LitElement, nothing } from 'lit';
 import { property, queryAll, queryAssignedElements, state, } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -14,16 +14,17 @@ import { themes } from '../../theming/theming-decorator.js';
 import IgcButtonComponent from '../button/button.js';
 import { carouselContext } from '../common/context.js';
 import { addGesturesController, } from '../common/controllers/gestures.js';
+import { addInternalsController } from '../common/controllers/internals.js';
 import { addKeybindings, arrowLeft, arrowRight, endKey, homeKey, } from '../common/controllers/key-bindings.js';
 import { createMutationController, } from '../common/controllers/mutation-observer.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { partMap } from '../common/part-map.js';
-import { asNumber, createCounter, findElementFromEventPath, first, formatString, isLTR, last, wrap, } from '../common/util.js';
+import { addSafeEventListener, asNumber, createCounter, findElementFromEventPath, first, formatString, isLTR, last, wrap, } from '../common/util.js';
 import IgcIconComponent from '../icon/icon.js';
-import IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';
 import IgcCarouselIndicatorComponent from './carousel-indicator.js';
+import IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';
 import IgcCarouselSlideComponent from './carousel-slide.js';
 import { styles } from './themes/carousel.base.css.js';
 import { all } from './themes/container.js';
@@ -49,7 +50,7 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
         if (activeSlides.length <= 1) {
             return;
         }
-        const idx = this.slides.indexOf(added.length ? last(added).node : last(attributes));
+        const idx = this.slides.indexOf(added.length ? last(added).node : last(attributes).node);
         for (const [i, slide] of this.slides.entries()) {
             if (slide.active && i !== idx) {
                 slide.active = false;
@@ -104,15 +105,18 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
         this.slidesLabelFormat = '{0} of {1}';
         this.maximumIndicatorsCount = 10;
         this.animationType = 'slide';
-        this._internals = this.attachInternals();
-        this._internals.role = 'region';
-        this._internals.ariaRoleDescription = 'carousel';
-        this.addEventListener('pointerenter', this.handlePointerEnter);
-        this.addEventListener('pointerleave', this.handlePointerLeave);
-        this.addEventListener('pointerdown', () => {
+        addInternalsController(this, {
+            initialARIA: {
+                role: 'region',
+                ariaRoleDescription: 'carousel',
+            },
+        });
+        addSafeEventListener(this, 'pointerenter', this.handlePointerEnter);
+        addSafeEventListener(this, 'pointerleave', this.handlePointerLeave);
+        addSafeEventListener(this, 'pointerdown', () => {
             this._hasInnerFocus = false;
         });
-        this.addEventListener('keyup', () => {
+        addSafeEventListener(this, 'keyup', () => {
             this._hasInnerFocus = true;
         });
         addGesturesController(this, {

package/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { LitElement, html, nothing } from 'lit';\nimport {\n  property,\n  queryAll,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\n\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { carouselContext } from '../common/context.js';\nimport {\n  type SwipeEvent,\n  addGesturesController,\n} from '../common/controllers/gestures.js';\nimport {\n  addKeybindings,\n  arrowLeft,\n  arrowRight,\n  endKey,\n  homeKey,\n} from '../common/controllers/key-bindings.js';\nimport {\n  type MutationControllerParams,\n  createMutationController,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n  asNumber,\n  createCounter,\n  findElementFromEventPath,\n  first,\n  formatString,\n  isLTR,\n  last,\n  wrap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type {\n  CarouselIndicatorsOrientation,\n  HorizontalTransitionAnimation,\n} from '../types.js';\nimport IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';\nimport IgcCarouselIndicatorComponent from './carousel-indicator.js';\nimport IgcCarouselSlideComponent from './carousel-slide.js';\nimport { styles } from './themes/carousel.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/carousel.common.css.js';\n\nexport interface IgcCarouselComponentEventMap {\n  igcSlideChanged: CustomEvent<number>;\n  igcPlaying: CustomEvent<void>;\n  igcPaused: CustomEvent<void>;\n}\n\n/**\n * The `igc-carousel` presents a set of `igc-carousel-slide`s by sequentially displaying a subset of one or more slides.\n *\n * @element igc-carousel\n *\n * @slot Default slot for the carousel. Any projected `igc-carousel-slide` components should be projected here.\n * @slot previous-button - Renders content inside the previous button.\n * @slot next-button - Renders content inside the next button.\n *\n * @fires igcSlideChanged - Emitted when the current active slide is changed either by user interaction or by the interval callback.\n * @fires igcPlaying - Emitted when the carousel enters playing state by a user interaction.\n * @fires igcPaused - Emitted when the carousel enters paused state by a user interaction.\n *\n * @csspart navigation - The wrapper container of each carousel navigation button.\n * @csspart previous - The wrapper container of the carousel previous navigation button.\n * @csspart next - The wrapper container of the carousel next navigation button.\n * @csspart dot - The carousel dot indicator container.\n * @csspart active - The carousel active dot indicator container.\n * @csspart label - The label container of the carousel indicators.\n * @csspart start - The wrapping container of all carousel indicators when indicators-orientation is set to start.\n */\n\n@themes(all)\nexport default class IgcCarouselComponent extends EventEmitterMixin<\n  IgcCarouselComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static styles = [styles, shared];\n  public static readonly tagName = 'igc-carousel';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcCarouselComponent,\n      IgcCarouselIndicatorComponent,\n      IgcCarouselIndicatorContainerComponent,\n      IgcCarouselSlideComponent,\n      IgcIconComponent,\n      IgcButtonComponent\n    );\n  }\n\n  private static readonly increment = createCounter();\n  private readonly _carouselId = `igc-carousel-${IgcCarouselComponent.increment()}`;\n\n  private readonly _internals: ElementInternals;\n  private _lastInterval!: ReturnType<typeof setInterval> | null;\n  private _hasKeyboardInteractionOnIndicators = false;\n  private _hasMouseStop = false;\n  private _hasInnerFocus = false;\n\n  private _context = new ContextProvider(this, {\n    context: carouselContext,\n    initialValue: this,\n  });\n\n  private readonly _carouselSlidesContainerRef = createRef<HTMLDivElement>();\n  private readonly _indicatorsContainerRef = createRef<HTMLDivElement>();\n  private readonly _prevButtonRef = createRef<IgcButtonComponent>();\n  private readonly _nextButtonRef = createRef<IgcButtonComponent>();\n\n  private get hasProjectedIndicators(): boolean {\n    return this._projectedIndicators.length > 0;\n  }\n\n  private get showIndicatorsLabel(): boolean {\n    return this.total > this.maximumIndicatorsCount;\n  }\n\n  private get nextIndex(): number {\n    return wrap(0, this.total - 1, this.current + 1);\n  }\n\n  private get prevIndex(): number {\n    return wrap(0, this.total - 1, this.current - 1);\n  }\n\n  @queryAll(IgcCarouselIndicatorComponent.tagName)\n  private _defaultIndicators!: NodeListOf<IgcCarouselIndicatorComponent>;\n\n  @queryAssignedElements({\n    selector: IgcCarouselIndicatorComponent.tagName,\n    slot: 'indicator',\n  })\n  private _projectedIndicators!: Array<IgcCarouselIndicatorComponent>;\n\n  @state()\n  private _activeSlide!: IgcCarouselSlideComponent;\n\n  @state()\n  private _playing = false;\n\n  @state()\n  private _paused = false;\n\n  private _observerCallback({\n    changes: { added, attributes },\n  }: MutationControllerParams<IgcCarouselSlideComponent>) {\n    const activeSlides = this.slides.filter((slide) => slide.active);\n\n    if (activeSlides.length <= 1) {\n      return;\n    }\n    const idx = this.slides.indexOf(\n      added.length ? last(added).node : last(attributes)\n    );\n\n    for (const [i, slide] of this.slides.entries()) {\n      if (slide.active && i !== idx) {\n        slide.active = false;\n      }\n    }\n\n    this.activateSlide(this.slides[idx]);\n  }\n\n  /**\n   * Whether the carousel should skip rotating to the first slide after it reaches the last.\n   * @attr disable-loop\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'disable-loop' })\n  public disableLoop = false;\n\n  /**\n   * Whether the carousel should ignore use interactions and not pause on them.\n   * @attr disable-pause-on-interaction\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'disable-pause-on-interaction',\n  })\n  public disablePauseOnInteraction = false;\n\n  /**\n   * Whether the carousel should skip rendering of the default navigation buttons.\n   * @attr hide-navigation\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' })\n  public hideNavigation = false;\n\n  /**\n   * Whether the carousel should render the indicator controls (dots).\n   * @attr hide-indicators\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-indicators' })\n  public hideIndicators = false;\n\n  /**\n   * Whether the carousel has vertical alignment.\n   * @attr vertical\n   */\n  @property({ type: Boolean, reflect: true })\n  public vertical = false;\n\n  /**\n   * Sets the orientation of the indicator controls (dots).\n   * @attr indicators-orientation\n   */\n  @property({ reflect: false, attribute: 'indicators-orientation' })\n  public indicatorsOrientation: CarouselIndicatorsOrientation = 'end';\n\n  /**\n   * The format used to set the aria-label on the carousel indicators.\n   * Instances of '{0}' will be replaced with the index of the corresponding slide.\n   *\n   * @attr indicators-label-format\n   */\n  @property({ attribute: 'indicators-label-format' })\n  public indicatorsLabelFormat = 'Slide {0}';\n\n  /**\n   * The format used to set the aria-label on the carousel slides and the text displayed\n   * when the number of indicators is greater than tha maximum indicator count.\n   * Instances of '{0}' will be replaced with the index of the corresponding slide.\n   * Instances of '{1}' will be replaced with the total amount of slides.\n   *\n   * @attr slides-label-format\n   */\n  @property({ attribute: 'slides-label-format' })\n  public slidesLabelFormat = '{0} of {1}';\n\n  /**\n   * The duration in milliseconds between changing the active slide.\n   * @attr interval\n   */\n  @property({ type: Number, reflect: false })\n  public interval: number | undefined;\n\n  /**\n   * Controls the maximum indicator controls (dots) that can be shown. Default value is `10`.\n   * @attr maximum-indicators-count\n   */\n  @property({\n    type: Number,\n    reflect: false,\n    attribute: 'maximum-indicators-count',\n  })\n  public maximumIndicatorsCount = 10;\n\n  /**\n   * The animation type.\n   * @attr animation-type\n   */\n  @property({ attribute: 'animation-type' })\n  public animationType: HorizontalTransitionAnimation = 'slide';\n\n  /* blazorSuppress */\n  /**\n   * The slides of the carousel.\n   */\n  @queryAssignedElements({ selector: IgcCarouselSlideComponent.tagName })\n  public slides!: Array<IgcCarouselSlideComponent>;\n\n  /**\n   * The total number of slides.\n   */\n  public get total(): number {\n    return this.slides.length;\n  }\n\n  /**\n   * The index of the current active slide.\n   */\n  public get current(): number {\n    return Math.max(0, this.slides.indexOf(this._activeSlide));\n  }\n\n  /**\n   * Whether the carousel is in playing state.\n   */\n  public get isPlaying(): boolean {\n    return this._playing;\n  }\n\n  /**\n   * Whether the carousel in in paused state.\n   */\n  public get isPaused(): boolean {\n    return this._paused;\n  }\n\n  @watch('animationType')\n  @watch('slidesLabelFormat')\n  @watch('indicatorsLabelFormat')\n  protected contextChanged() {\n    this._context.setValue(this, true);\n  }\n\n  @watch('interval')\n  protected intervalChange() {\n    if (!this.isPlaying) {\n      this._playing = true;\n    }\n\n    this.restartInterval();\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n\n    this._internals.role = 'region';\n    this._internals.ariaRoleDescription = 'carousel';\n\n    this.addEventListener('pointerenter', this.handlePointerEnter);\n    this.addEventListener('pointerleave', this.handlePointerLeave);\n    this.addEventListener('pointerdown', () => {\n      this._hasInnerFocus = false;\n    });\n\n    this.addEventListener('keyup', () => {\n      this._hasInnerFocus = true;\n    });\n\n    addGesturesController(this, {\n      ref: this._carouselSlidesContainerRef,\n      touchOnly: true,\n    })\n      .set('swipe-left', this.handleHorizontalSwipe)\n      .set('swipe-right', this.handleHorizontalSwipe)\n      .set('swipe-up', this.handleVerticalSwipe)\n      .set('swipe-down', this.handleVerticalSwipe);\n\n    addKeybindings(this, {\n      ref: this._indicatorsContainerRef,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set(arrowLeft, this.handleArrowLeft)\n      .set(arrowRight, this.handleArrowRight)\n      .set(homeKey, this.handleHomeKey)\n      .set(endKey, this.handleEndKey);\n\n    addKeybindings(this, {\n      ref: this._prevButtonRef,\n      bindingDefaults: { preventDefault: true },\n    }).setActivateHandler(this.handleNavigationInteractionPrevious);\n\n    addKeybindings(this, {\n      ref: this._nextButtonRef,\n      bindingDefaults: { preventDefault: true },\n    }).setActivateHandler(this.handleNavigationInteractionNext);\n\n    createMutationController(this, {\n      callback: this._observerCallback,\n      filter: [IgcCarouselSlideComponent.tagName],\n      config: {\n        attributeFilter: ['active'],\n        childList: true,\n        subtree: true,\n      },\n    });\n  }\n\n  private handleSlotChange(): void {\n    if (this.total) {\n      this.activateSlide(\n        this.slides.findLast((slide) => slide.active) ?? first(this.slides)\n      );\n    }\n  }\n\n  private handleIndicatorSlotChange(): void {\n    this.requestUpdate();\n  }\n\n  private handlePointerEnter(): void {\n    this._hasMouseStop = true;\n    if (this._hasInnerFocus) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handlePointerLeave(): void {\n    this._hasMouseStop = false;\n    if (this._hasInnerFocus) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handleFocusIn(): void {\n    if (this._hasInnerFocus || this._hasMouseStop) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handleFocusOut(event: FocusEvent): void {\n    const node = event.relatedTarget as Node;\n\n    if (this.contains(node) || this.renderRoot.contains(node)) {\n      return;\n    }\n\n    if (this._hasInnerFocus) {\n      this._hasInnerFocus = false;\n\n      if (!this._hasMouseStop) {\n        this.handlePauseOnInteraction();\n      }\n    }\n  }\n\n  private handlePauseOnInteraction(): void {\n    if (!this.interval || this.disablePauseOnInteraction) return;\n\n    if (this.isPlaying) {\n      this.pause();\n      this.emitEvent('igcPaused');\n    } else {\n      this.play();\n      this.emitEvent('igcPlaying');\n    }\n  }\n\n  private async handleArrowLeft(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(isLTR(this) ? this.prev : this.next);\n  }\n\n  private async handleArrowRight(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(isLTR(this) ? this.next : this.prev);\n  }\n\n  private async handleHomeKey(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(() =>\n      this.select(isLTR(this) ? first(this.slides) : last(this.slides))\n    );\n  }\n\n  private async handleEndKey(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(() =>\n      this.select(isLTR(this) ? last(this.slides) : first(this.slides))\n    );\n  }\n\n  private handleVerticalSwipe({ data: { direction } }: SwipeEvent) {\n    if (this.vertical) {\n      this.handleInteraction(direction === 'up' ? this.next : this.prev);\n    }\n  }\n\n  private handleHorizontalSwipe({ data: { direction } }: SwipeEvent) {\n    if (!this.vertical) {\n      this.handleInteraction(async () => {\n        if (isLTR(this)) {\n          direction === 'left' ? await this.next() : await this.prev();\n        } else {\n          direction === 'left' ? await this.prev() : await this.next();\n        }\n      });\n    }\n  }\n\n  private async handleIndicatorClick(event: PointerEvent): Promise<void> {\n    const indicator = findElementFromEventPath<IgcCarouselIndicatorComponent>(\n      IgcCarouselIndicatorComponent.tagName,\n      event\n    )!;\n\n    const index = this.hasProjectedIndicators\n      ? this._projectedIndicators.indexOf(indicator)\n      : Array.from(this._defaultIndicators).indexOf(indicator);\n\n    this.handleInteraction(() =>\n      this.select(this.slides[index], index > this.current ? 'next' : 'prev')\n    );\n  }\n\n  private handleNavigationInteractionNext() {\n    this.handleInteraction(this.next);\n  }\n\n  private handleNavigationInteractionPrevious() {\n    this.handleInteraction(this.prev);\n  }\n\n  private async handleInteraction(\n    callback: () => Promise<unknown>\n  ): Promise<void> {\n    if (this.interval) {\n      this.resetInterval();\n    }\n\n    await callback.call(this);\n    this.emitEvent('igcSlideChanged', { detail: this.current });\n\n    if (this.interval) {\n      this.restartInterval();\n    }\n  }\n\n  private activateSlide(slide: IgcCarouselSlideComponent): void {\n    if (this._activeSlide) {\n      this._activeSlide.active = false;\n    }\n\n    this._activeSlide = slide;\n    this._activeSlide.active = true;\n\n    if (this._hasKeyboardInteractionOnIndicators) {\n      this.hasProjectedIndicators\n        ? this._projectedIndicators[this.current].focus()\n        : this._defaultIndicators[this.current].focus();\n\n      this._hasKeyboardInteractionOnIndicators = false;\n    }\n  }\n\n  private updateProjectedIndicators(): void {\n    for (const [idx, slide] of this.slides.entries()) {\n      const indicator = this._projectedIndicators[idx];\n      indicator.active = slide.active;\n      indicator.index = idx;\n\n      this.setAttribute('aria-controls', slide.id);\n    }\n  }\n\n  private resetInterval(): void {\n    if (this._lastInterval) {\n      clearInterval(this._lastInterval);\n      this._lastInterval = null;\n    }\n  }\n\n  private restartInterval(): void {\n    this.resetInterval();\n\n    if (asNumber(this.interval) > 0) {\n      this._lastInterval = setInterval(() => {\n        if (this.isPlaying && this.total) {\n          this.next();\n          this.emitEvent('igcSlideChanged', { detail: this.current });\n        } else {\n          this.pause();\n        }\n      }, this.interval);\n    }\n  }\n\n  private async animateSlides(\n    nextSlide: IgcCarouselSlideComponent,\n    currentSlide: IgcCarouselSlideComponent,\n    dir: 'next' | 'prev'\n  ): Promise<void> {\n    if (dir === 'next') {\n      // Animate slides in next direction\n      currentSlide.previous = true;\n      currentSlide.toggleAnimation('out');\n      this.activateSlide(nextSlide);\n      await nextSlide.toggleAnimation('in');\n      currentSlide.previous = false;\n    } else {\n      // Animate slides in previous direction\n      currentSlide.previous = true;\n      currentSlide.toggleAnimation('in', 'reverse');\n      this.activateSlide(nextSlide);\n      await nextSlide.toggleAnimation('out', 'reverse');\n      currentSlide.previous = false;\n    }\n  }\n\n  /**\n   * Resumes playing of the carousel slides.\n   */\n  public play(): void {\n    if (!this.isPlaying) {\n      this._paused = false;\n      this._playing = true;\n      this.restartInterval();\n    }\n  }\n\n  /**\n   * Pauses the carousel rotation of slides.\n   */\n  public pause(): void {\n    if (this.isPlaying) {\n      this._playing = false;\n      this._paused = true;\n      this.resetInterval();\n    }\n  }\n\n  /**\n   * Switches to the next slide, runs any animations, and returns if the operation was successful.\n   */\n  public async next(): Promise<boolean> {\n    if (this.disableLoop && this.nextIndex === 0) {\n      this.pause();\n      return false;\n    }\n\n    return await this.select(this.slides[this.nextIndex], 'next');\n  }\n\n  /**\n   * Switches to the previous slide, runs any animations, and returns if the operation was successful.\n   */\n  public async prev(): Promise<boolean> {\n    if (this.disableLoop && this.prevIndex === this.total - 1) {\n      this.pause();\n      return false;\n    }\n\n    return await this.select(this.slides[this.prevIndex], 'prev');\n  }\n\n  /* blazorSuppress */\n  /**\n   * Switches to the passed-in slide, runs any animations, and returns if the operation was successful.\n   */\n  public async select(\n    slide: IgcCarouselSlideComponent,\n    animationDirection?: 'next' | 'prev'\n  ): Promise<boolean>;\n  /**\n   * Switches to slide by index, runs any animations, and returns if the operation was successful.\n   */\n  public async select(\n    index: number,\n    animationDirection?: 'next' | 'prev'\n  ): Promise<boolean>;\n  public async select(\n    slideOrIndex: IgcCarouselSlideComponent | number,\n    animationDirection?: 'next' | 'prev'\n  ): Promise<boolean> {\n    let index: number;\n    let slide: IgcCarouselSlideComponent | undefined;\n\n    if (typeof slideOrIndex === 'number') {\n      index = slideOrIndex;\n      slide = this.slides.at(index);\n    } else {\n      slide = slideOrIndex;\n      index = this.slides.indexOf(slide);\n    }\n\n    if (index === this.current || index === -1 || !slide) {\n      return false;\n    }\n\n    const dir = animationDirection ?? (index > this.current ? 'next' : 'prev');\n\n    await this.animateSlides(slide, this._activeSlide, dir);\n    return true;\n  }\n\n  private navigationTemplate() {\n    return html`\n      <igc-button\n        ${ref(this._prevButtonRef)}\n        type=\"button\"\n        part=\"navigation previous\"\n        aria-label=\"Previous slide\"\n        aria-controls=${this._carouselId}\n        ?disabled=${this.disableLoop && this.current === 0}\n        @click=${this.handleNavigationInteractionPrevious}\n      >\n        <slot name=\"previous-button\">\n          <igc-icon\n            name=\"carousel_prev\"\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </igc-button>\n      <igc-button\n        ${ref(this._nextButtonRef)}\n        type=\"button\"\n        part=\"navigation next\"\n        aria-label=\"Next slide\"\n        aria-controls=${this._carouselId}\n        ?disabled=${this.disableLoop && this.current === this.total - 1}\n        @click=${this.handleNavigationInteractionNext}\n      >\n        <slot name=\"next-button\">\n          <igc-icon\n            name=\"carousel_next\"\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </igc-button>\n    `;\n  }\n\n  protected *renderIndicators() {\n    for (const [i, slide] of this.slides.entries()) {\n      const forward = slide.active ? 'visible' : 'hidden';\n      const backward = slide.active ? 'hidden' : 'visible';\n\n      yield html`\n        <igc-carousel-indicator\n          exportparts=\"indicator, active, inactive\"\n          .active=${slide.active}\n          .index=${i}\n        >\n          <div\n            part=\"dot\"\n            style=${styleMap({ visibility: backward, zIndex: 1 })}\n          ></div>\n          <div\n            part=\"dot active\"\n            slot=\"active\"\n            style=${styleMap({ visibility: forward })}\n          ></div>\n        </igc-carousel-indicator>\n      `;\n    }\n  }\n\n  private indicatorTemplate() {\n    const parts = {\n      indicators: true,\n      start: this.indicatorsOrientation === 'start',\n    };\n\n    return html`\n      <igc-carousel-indicator-container>\n        <div\n          ${ref(this._indicatorsContainerRef)}\n          role=\"tablist\"\n          part=${partMap(parts)}\n        >\n          <slot\n            name=\"indicator\"\n            @slotchange=${this.handleIndicatorSlotChange}\n            @click=${this.handleIndicatorClick}\n          >\n            ${this.hasProjectedIndicators\n              ? this.updateProjectedIndicators()\n              : this.renderIndicators()}\n          </slot>\n        </div>\n      </igc-carousel-indicator-container>\n    `;\n  }\n\n  private labelTemplate() {\n    const parts = {\n      label: true,\n      indicators: true,\n      start: this.indicatorsOrientation === 'start',\n    };\n    const value = formatString(\n      this.slidesLabelFormat,\n      this.current + 1,\n      this.total\n    );\n\n    return html`\n      <div part=${partMap(parts)}>\n        <span>${value}</span>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <section @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}>\n        ${this.hideNavigation ? nothing : this.navigationTemplate()}\n        ${this.hideIndicators || this.showIndicatorsLabel\n          ? nothing\n          : this.indicatorTemplate()}\n        ${!this.hideIndicators && this.showIndicatorsLabel\n          ? this.labelTemplate()\n          : nothing}\n        <div\n          ${ref(this._carouselSlidesContainerRef)}\n          id=${this._carouselId}\n          aria-live=${this.interval && this.isPlaying ? 'off' : 'polite'}\n        >\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel': IgcCarouselComponent;\n  }\n}\n"]}
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport {\n  property,\n  queryAll,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\n\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { carouselContext } from '../common/context.js';\nimport {\n  addGesturesController,\n  type SwipeEvent,\n} from '../common/controllers/gestures.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport {\n  addKeybindings,\n  arrowLeft,\n  arrowRight,\n  endKey,\n  homeKey,\n} from '../common/controllers/key-bindings.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n  addSafeEventListener,\n  asNumber,\n  createCounter,\n  findElementFromEventPath,\n  first,\n  formatString,\n  isLTR,\n  last,\n  wrap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type {\n  CarouselIndicatorsOrientation,\n  HorizontalTransitionAnimation,\n} from '../types.js';\nimport IgcCarouselIndicatorComponent from './carousel-indicator.js';\nimport IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';\nimport IgcCarouselSlideComponent from './carousel-slide.js';\nimport { styles } from './themes/carousel.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/carousel.common.css.js';\n\nexport interface IgcCarouselComponentEventMap {\n  igcSlideChanged: CustomEvent<number>;\n  igcPlaying: CustomEvent<void>;\n  igcPaused: CustomEvent<void>;\n}\n\n/**\n * The `igc-carousel` presents a set of `igc-carousel-slide`s by sequentially displaying a subset of one or more slides.\n *\n * @element igc-carousel\n *\n * @slot Default slot for the carousel. Any projected `igc-carousel-slide` components should be projected here.\n * @slot previous-button - Renders content inside the previous button.\n * @slot next-button - Renders content inside the next button.\n *\n * @fires igcSlideChanged - Emitted when the current active slide is changed either by user interaction or by the interval callback.\n * @fires igcPlaying - Emitted when the carousel enters playing state by a user interaction.\n * @fires igcPaused - Emitted when the carousel enters paused state by a user interaction.\n *\n * @csspart navigation - The wrapper container of each carousel navigation button.\n * @csspart previous - The wrapper container of the carousel previous navigation button.\n * @csspart next - The wrapper container of the carousel next navigation button.\n * @csspart dot - The carousel dot indicator container.\n * @csspart active - The carousel active dot indicator container.\n * @csspart label - The label container of the carousel indicators.\n * @csspart start - The wrapping container of all carousel indicators when indicators-orientation is set to start.\n */\n\n@themes(all)\nexport default class IgcCarouselComponent extends EventEmitterMixin<\n  IgcCarouselComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static styles = [styles, shared];\n  public static readonly tagName = 'igc-carousel';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcCarouselComponent,\n      IgcCarouselIndicatorComponent,\n      IgcCarouselIndicatorContainerComponent,\n      IgcCarouselSlideComponent,\n      IgcIconComponent,\n      IgcButtonComponent\n    );\n  }\n\n  private static readonly increment = createCounter();\n  private readonly _carouselId = `igc-carousel-${IgcCarouselComponent.increment()}`;\n\n  private _lastInterval!: ReturnType<typeof setInterval> | null;\n  private _hasKeyboardInteractionOnIndicators = false;\n  private _hasMouseStop = false;\n  private _hasInnerFocus = false;\n\n  private _context = new ContextProvider(this, {\n    context: carouselContext,\n    initialValue: this,\n  });\n\n  private readonly _carouselSlidesContainerRef = createRef<HTMLDivElement>();\n  private readonly _indicatorsContainerRef = createRef<HTMLDivElement>();\n  private readonly _prevButtonRef = createRef<IgcButtonComponent>();\n  private readonly _nextButtonRef = createRef<IgcButtonComponent>();\n\n  private get hasProjectedIndicators(): boolean {\n    return this._projectedIndicators.length > 0;\n  }\n\n  private get showIndicatorsLabel(): boolean {\n    return this.total > this.maximumIndicatorsCount;\n  }\n\n  private get nextIndex(): number {\n    return wrap(0, this.total - 1, this.current + 1);\n  }\n\n  private get prevIndex(): number {\n    return wrap(0, this.total - 1, this.current - 1);\n  }\n\n  @queryAll(IgcCarouselIndicatorComponent.tagName)\n  private _defaultIndicators!: NodeListOf<IgcCarouselIndicatorComponent>;\n\n  @queryAssignedElements({\n    selector: IgcCarouselIndicatorComponent.tagName,\n    slot: 'indicator',\n  })\n  private _projectedIndicators!: Array<IgcCarouselIndicatorComponent>;\n\n  @state()\n  private _activeSlide!: IgcCarouselSlideComponent;\n\n  @state()\n  private _playing = false;\n\n  @state()\n  private _paused = false;\n\n  private _observerCallback({\n    changes: { added, attributes },\n  }: MutationControllerParams<IgcCarouselSlideComponent>) {\n    const activeSlides = this.slides.filter((slide) => slide.active);\n\n    if (activeSlides.length <= 1) {\n      return;\n    }\n    const idx = this.slides.indexOf(\n      added.length ? last(added).node : last(attributes).node\n    );\n\n    for (const [i, slide] of this.slides.entries()) {\n      if (slide.active && i !== idx) {\n        slide.active = false;\n      }\n    }\n\n    this.activateSlide(this.slides[idx]);\n  }\n\n  /**\n   * Whether the carousel should skip rotating to the first slide after it reaches the last.\n   * @attr disable-loop\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'disable-loop' })\n  public disableLoop = false;\n\n  /**\n   * Whether the carousel should ignore use interactions and not pause on them.\n   * @attr disable-pause-on-interaction\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'disable-pause-on-interaction',\n  })\n  public disablePauseOnInteraction = false;\n\n  /**\n   * Whether the carousel should skip rendering of the default navigation buttons.\n   * @attr hide-navigation\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' })\n  public hideNavigation = false;\n\n  /**\n   * Whether the carousel should render the indicator controls (dots).\n   * @attr hide-indicators\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-indicators' })\n  public hideIndicators = false;\n\n  /**\n   * Whether the carousel has vertical alignment.\n   * @attr vertical\n   */\n  @property({ type: Boolean, reflect: true })\n  public vertical = false;\n\n  /**\n   * Sets the orientation of the indicator controls (dots).\n   * @attr indicators-orientation\n   */\n  @property({ reflect: false, attribute: 'indicators-orientation' })\n  public indicatorsOrientation: CarouselIndicatorsOrientation = 'end';\n\n  /**\n   * The format used to set the aria-label on the carousel indicators.\n   * Instances of '{0}' will be replaced with the index of the corresponding slide.\n   *\n   * @attr indicators-label-format\n   */\n  @property({ attribute: 'indicators-label-format' })\n  public indicatorsLabelFormat = 'Slide {0}';\n\n  /**\n   * The format used to set the aria-label on the carousel slides and the text displayed\n   * when the number of indicators is greater than tha maximum indicator count.\n   * Instances of '{0}' will be replaced with the index of the corresponding slide.\n   * Instances of '{1}' will be replaced with the total amount of slides.\n   *\n   * @attr slides-label-format\n   */\n  @property({ attribute: 'slides-label-format' })\n  public slidesLabelFormat = '{0} of {1}';\n\n  /**\n   * The duration in milliseconds between changing the active slide.\n   * @attr interval\n   */\n  @property({ type: Number, reflect: false })\n  public interval: number | undefined;\n\n  /**\n   * Controls the maximum indicator controls (dots) that can be shown. Default value is `10`.\n   * @attr maximum-indicators-count\n   */\n  @property({\n    type: Number,\n    reflect: false,\n    attribute: 'maximum-indicators-count',\n  })\n  public maximumIndicatorsCount = 10;\n\n  /**\n   * The animation type.\n   * @attr animation-type\n   */\n  @property({ attribute: 'animation-type' })\n  public animationType: HorizontalTransitionAnimation = 'slide';\n\n  /* blazorSuppress */\n  /**\n   * The slides of the carousel.\n   */\n  @queryAssignedElements({ selector: IgcCarouselSlideComponent.tagName })\n  public slides!: Array<IgcCarouselSlideComponent>;\n\n  /**\n   * The total number of slides.\n   */\n  public get total(): number {\n    return this.slides.length;\n  }\n\n  /**\n   * The index of the current active slide.\n   */\n  public get current(): number {\n    return Math.max(0, this.slides.indexOf(this._activeSlide));\n  }\n\n  /**\n   * Whether the carousel is in playing state.\n   */\n  public get isPlaying(): boolean {\n    return this._playing;\n  }\n\n  /**\n   * Whether the carousel in in paused state.\n   */\n  public get isPaused(): boolean {\n    return this._paused;\n  }\n\n  @watch('animationType')\n  @watch('slidesLabelFormat')\n  @watch('indicatorsLabelFormat')\n  protected contextChanged() {\n    this._context.setValue(this, true);\n  }\n\n  @watch('interval')\n  protected intervalChange() {\n    if (!this.isPlaying) {\n      this._playing = true;\n    }\n\n    this.restartInterval();\n  }\n\n  constructor() {\n    super();\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'region',\n        ariaRoleDescription: 'carousel',\n      },\n    });\n\n    addSafeEventListener(this, 'pointerenter', this.handlePointerEnter);\n    addSafeEventListener(this, 'pointerleave', this.handlePointerLeave);\n    addSafeEventListener(this, 'pointerdown', () => {\n      this._hasInnerFocus = false;\n    });\n    addSafeEventListener(this, 'keyup', () => {\n      this._hasInnerFocus = true;\n    });\n\n    addGesturesController(this, {\n      ref: this._carouselSlidesContainerRef,\n      touchOnly: true,\n    })\n      .set('swipe-left', this.handleHorizontalSwipe)\n      .set('swipe-right', this.handleHorizontalSwipe)\n      .set('swipe-up', this.handleVerticalSwipe)\n      .set('swipe-down', this.handleVerticalSwipe);\n\n    addKeybindings(this, {\n      ref: this._indicatorsContainerRef,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set(arrowLeft, this.handleArrowLeft)\n      .set(arrowRight, this.handleArrowRight)\n      .set(homeKey, this.handleHomeKey)\n      .set(endKey, this.handleEndKey);\n\n    addKeybindings(this, {\n      ref: this._prevButtonRef,\n      bindingDefaults: { preventDefault: true },\n    }).setActivateHandler(this.handleNavigationInteractionPrevious);\n\n    addKeybindings(this, {\n      ref: this._nextButtonRef,\n      bindingDefaults: { preventDefault: true },\n    }).setActivateHandler(this.handleNavigationInteractionNext);\n\n    createMutationController(this, {\n      callback: this._observerCallback,\n      filter: [IgcCarouselSlideComponent.tagName],\n      config: {\n        attributeFilter: ['active'],\n        childList: true,\n        subtree: true,\n      },\n    });\n  }\n\n  private handleSlotChange(): void {\n    if (this.total) {\n      this.activateSlide(\n        this.slides.findLast((slide) => slide.active) ?? first(this.slides)\n      );\n    }\n  }\n\n  private handleIndicatorSlotChange(): void {\n    this.requestUpdate();\n  }\n\n  private handlePointerEnter(): void {\n    this._hasMouseStop = true;\n    if (this._hasInnerFocus) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handlePointerLeave(): void {\n    this._hasMouseStop = false;\n    if (this._hasInnerFocus) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handleFocusIn(): void {\n    if (this._hasInnerFocus || this._hasMouseStop) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handleFocusOut(event: FocusEvent): void {\n    const node = event.relatedTarget as Node;\n\n    if (this.contains(node) || this.renderRoot.contains(node)) {\n      return;\n    }\n\n    if (this._hasInnerFocus) {\n      this._hasInnerFocus = false;\n\n      if (!this._hasMouseStop) {\n        this.handlePauseOnInteraction();\n      }\n    }\n  }\n\n  private handlePauseOnInteraction(): void {\n    if (!this.interval || this.disablePauseOnInteraction) return;\n\n    if (this.isPlaying) {\n      this.pause();\n      this.emitEvent('igcPaused');\n    } else {\n      this.play();\n      this.emitEvent('igcPlaying');\n    }\n  }\n\n  private async handleArrowLeft(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(isLTR(this) ? this.prev : this.next);\n  }\n\n  private async handleArrowRight(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(isLTR(this) ? this.next : this.prev);\n  }\n\n  private async handleHomeKey(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(() =>\n      this.select(isLTR(this) ? first(this.slides) : last(this.slides))\n    );\n  }\n\n  private async handleEndKey(): Promise<void> {\n    this._hasKeyboardInteractionOnIndicators = true;\n    this.handleInteraction(() =>\n      this.select(isLTR(this) ? last(this.slides) : first(this.slides))\n    );\n  }\n\n  private handleVerticalSwipe({ data: { direction } }: SwipeEvent) {\n    if (this.vertical) {\n      this.handleInteraction(direction === 'up' ? this.next : this.prev);\n    }\n  }\n\n  private handleHorizontalSwipe({ data: { direction } }: SwipeEvent) {\n    if (!this.vertical) {\n      this.handleInteraction(async () => {\n        if (isLTR(this)) {\n          direction === 'left' ? await this.next() : await this.prev();\n        } else {\n          direction === 'left' ? await this.prev() : await this.next();\n        }\n      });\n    }\n  }\n\n  private async handleIndicatorClick(event: PointerEvent): Promise<void> {\n    const indicator = findElementFromEventPath<IgcCarouselIndicatorComponent>(\n      IgcCarouselIndicatorComponent.tagName,\n      event\n    )!;\n\n    const index = this.hasProjectedIndicators\n      ? this._projectedIndicators.indexOf(indicator)\n      : Array.from(this._defaultIndicators).indexOf(indicator);\n\n    this.handleInteraction(() =>\n      this.select(this.slides[index], index > this.current ? 'next' : 'prev')\n    );\n  }\n\n  private handleNavigationInteractionNext() {\n    this.handleInteraction(this.next);\n  }\n\n  private handleNavigationInteractionPrevious() {\n    this.handleInteraction(this.prev);\n  }\n\n  private async handleInteraction(\n    callback: () => Promise<unknown>\n  ): Promise<void> {\n    if (this.interval) {\n      this.resetInterval();\n    }\n\n    await callback.call(this);\n    this.emitEvent('igcSlideChanged', { detail: this.current });\n\n    if (this.interval) {\n      this.restartInterval();\n    }\n  }\n\n  private activateSlide(slide: IgcCarouselSlideComponent): void {\n    if (this._activeSlide) {\n      this._activeSlide.active = false;\n    }\n\n    this._activeSlide = slide;\n    this._activeSlide.active = true;\n\n    if (this._hasKeyboardInteractionOnIndicators) {\n      this.hasProjectedIndicators\n        ? this._projectedIndicators[this.current].focus()\n        : this._defaultIndicators[this.current].focus();\n\n      this._hasKeyboardInteractionOnIndicators = false;\n    }\n  }\n\n  private updateProjectedIndicators(): void {\n    for (const [idx, slide] of this.slides.entries()) {\n      const indicator = this._projectedIndicators[idx];\n      indicator.active = slide.active;\n      indicator.index = idx;\n\n      this.setAttribute('aria-controls', slide.id);\n    }\n  }\n\n  private resetInterval(): void {\n    if (this._lastInterval) {\n      clearInterval(this._lastInterval);\n      this._lastInterval = null;\n    }\n  }\n\n  private restartInterval(): void {\n    this.resetInterval();\n\n    if (asNumber(this.interval) > 0) {\n      this._lastInterval = setInterval(() => {\n        if (this.isPlaying && this.total) {\n          this.next();\n          this.emitEvent('igcSlideChanged', { detail: this.current });\n        } else {\n          this.pause();\n        }\n      }, this.interval);\n    }\n  }\n\n  private async animateSlides(\n    nextSlide: IgcCarouselSlideComponent,\n    currentSlide: IgcCarouselSlideComponent,\n    dir: 'next' | 'prev'\n  ): Promise<void> {\n    if (dir === 'next') {\n      // Animate slides in next direction\n      currentSlide.previous = true;\n      currentSlide.toggleAnimation('out');\n      this.activateSlide(nextSlide);\n      await nextSlide.toggleAnimation('in');\n      currentSlide.previous = false;\n    } else {\n      // Animate slides in previous direction\n      currentSlide.previous = true;\n      currentSlide.toggleAnimation('in', 'reverse');\n      this.activateSlide(nextSlide);\n      await nextSlide.toggleAnimation('out', 'reverse');\n      currentSlide.previous = false;\n    }\n  }\n\n  /**\n   * Resumes playing of the carousel slides.\n   */\n  public play(): void {\n    if (!this.isPlaying) {\n      this._paused = false;\n      this._playing = true;\n      this.restartInterval();\n    }\n  }\n\n  /**\n   * Pauses the carousel rotation of slides.\n   */\n  public pause(): void {\n    if (this.isPlaying) {\n      this._playing = false;\n      this._paused = true;\n      this.resetInterval();\n    }\n  }\n\n  /**\n   * Switches to the next slide, runs any animations, and returns if the operation was successful.\n   */\n  public async next(): Promise<boolean> {\n    if (this.disableLoop && this.nextIndex === 0) {\n      this.pause();\n      return false;\n    }\n\n    return await this.select(this.slides[this.nextIndex], 'next');\n  }\n\n  /**\n   * Switches to the previous slide, runs any animations, and returns if the operation was successful.\n   */\n  public async prev(): Promise<boolean> {\n    if (this.disableLoop && this.prevIndex === this.total - 1) {\n      this.pause();\n      return false;\n    }\n\n    return await this.select(this.slides[this.prevIndex], 'prev');\n  }\n\n  /* blazorSuppress */\n  /**\n   * Switches to the passed-in slide, runs any animations, and returns if the operation was successful.\n   */\n  public async select(\n    slide: IgcCarouselSlideComponent,\n    animationDirection?: 'next' | 'prev'\n  ): Promise<boolean>;\n  /**\n   * Switches to slide by index, runs any animations, and returns if the operation was successful.\n   */\n  public async select(\n    index: number,\n    animationDirection?: 'next' | 'prev'\n  ): Promise<boolean>;\n  public async select(\n    slideOrIndex: IgcCarouselSlideComponent | number,\n    animationDirection?: 'next' | 'prev'\n  ): Promise<boolean> {\n    let index: number;\n    let slide: IgcCarouselSlideComponent | undefined;\n\n    if (typeof slideOrIndex === 'number') {\n      index = slideOrIndex;\n      slide = this.slides.at(index);\n    } else {\n      slide = slideOrIndex;\n      index = this.slides.indexOf(slide);\n    }\n\n    if (index === this.current || index === -1 || !slide) {\n      return false;\n    }\n\n    const dir = animationDirection ?? (index > this.current ? 'next' : 'prev');\n\n    await this.animateSlides(slide, this._activeSlide, dir);\n    return true;\n  }\n\n  private navigationTemplate() {\n    return html`\n      <igc-button\n        ${ref(this._prevButtonRef)}\n        type=\"button\"\n        part=\"navigation previous\"\n        aria-label=\"Previous slide\"\n        aria-controls=${this._carouselId}\n        ?disabled=${this.disableLoop && this.current === 0}\n        @click=${this.handleNavigationInteractionPrevious}\n      >\n        <slot name=\"previous-button\">\n          <igc-icon\n            name=\"carousel_prev\"\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </igc-button>\n      <igc-button\n        ${ref(this._nextButtonRef)}\n        type=\"button\"\n        part=\"navigation next\"\n        aria-label=\"Next slide\"\n        aria-controls=${this._carouselId}\n        ?disabled=${this.disableLoop && this.current === this.total - 1}\n        @click=${this.handleNavigationInteractionNext}\n      >\n        <slot name=\"next-button\">\n          <igc-icon\n            name=\"carousel_next\"\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </igc-button>\n    `;\n  }\n\n  protected *renderIndicators() {\n    for (const [i, slide] of this.slides.entries()) {\n      const forward = slide.active ? 'visible' : 'hidden';\n      const backward = slide.active ? 'hidden' : 'visible';\n\n      yield html`\n        <igc-carousel-indicator\n          exportparts=\"indicator, active, inactive\"\n          .active=${slide.active}\n          .index=${i}\n        >\n          <div\n            part=\"dot\"\n            style=${styleMap({ visibility: backward, zIndex: 1 })}\n          ></div>\n          <div\n            part=\"dot active\"\n            slot=\"active\"\n            style=${styleMap({ visibility: forward })}\n          ></div>\n        </igc-carousel-indicator>\n      `;\n    }\n  }\n\n  private indicatorTemplate() {\n    const parts = {\n      indicators: true,\n      start: this.indicatorsOrientation === 'start',\n    };\n\n    return html`\n      <igc-carousel-indicator-container>\n        <div\n          ${ref(this._indicatorsContainerRef)}\n          role=\"tablist\"\n          part=${partMap(parts)}\n        >\n          <slot\n            name=\"indicator\"\n            @slotchange=${this.handleIndicatorSlotChange}\n            @click=${this.handleIndicatorClick}\n          >\n            ${this.hasProjectedIndicators\n              ? this.updateProjectedIndicators()\n              : this.renderIndicators()}\n          </slot>\n        </div>\n      </igc-carousel-indicator-container>\n    `;\n  }\n\n  private labelTemplate() {\n    const parts = {\n      label: true,\n      indicators: true,\n      start: this.indicatorsOrientation === 'start',\n    };\n    const value = formatString(\n      this.slidesLabelFormat,\n      this.current + 1,\n      this.total\n    );\n\n    return html`\n      <div part=${partMap(parts)}>\n        <span>${value}</span>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <section @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}>\n        ${this.hideNavigation ? nothing : this.navigationTemplate()}\n        ${this.hideIndicators || this.showIndicatorsLabel\n          ? nothing\n          : this.indicatorTemplate()}\n        ${!this.hideIndicators && this.showIndicatorsLabel\n          ? this.labelTemplate()\n          : nothing}\n        <div\n          ${ref(this._carouselSlidesContainerRef)}\n          id=${this._carouselId}\n          aria-live=${this.interval && this.isPlaying ? 'off' : 'polite'}\n        >\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel': IgcCarouselComponent;\n  }\n}\n"]}

package/components/chat/chat-input.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+/**
+ *
+ * @element igc-chat-input
+ *
+ */
+export default class IgcChatInputComponent extends LitElement {
+    /** @private */
+    static readonly tagName = "igc-chat-input";
+    static styles: import("lit").CSSResult;
+    private _chat?;
+    static register(): void;
+    private textInputElement;
+    protected acceptedFilesChange(): void;
+    private inputValue;
+    private attachments;
+    private dragClass;
+    private _acceptedTypesCache;
+    constructor();
+    protected firstUpdated(): void;
+    private handleInput;
+    private handleKeyDown;
+    private setupDragAndDrop;
+    private handleDragEnter;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private adjustTextareaHeight;
+    private sendMessage;
+    private handleFileUpload;
+    private attachFiles;
+    private updateAcceptedTypesCache;
+    private isFileTypeAccepted;
+    private removeAttachment;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-chat-input': IgcChatInputComponent;
+    }
+}

package/components/chat/chat-input.js

@@ -0,0 +1,254 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { consume } from '@lit/context';
+import { LitElement, html } from 'lit';
+import { query, state } from 'lit/decorators.js';
+import IgcIconButtonComponent from '../button/icon-button.js';
+import IgcChipComponent from '../chip/chip.js';
+import { chatContext } from '../common/context.js';
+import { watch } from '../common/decorators/watch.js';
+import { registerComponent } from '../common/definitions/register.js';
+import IgcFileInputComponent from '../file-input/file-input.js';
+import IgcIconComponent from '../icon/icon.js';
+import { registerIconFromText } from '../icon/icon.registry.js';
+import IgcTextareaComponent from '../textarea/textarea.js';
+import { styles } from './themes/input.base.css.js';
+import { attachmentIcon, sendButtonIcon, } from './types.js';
+class IgcChatInputComponent extends LitElement {
+    static register() {
+        registerComponent(IgcChatInputComponent, IgcTextareaComponent, IgcIconButtonComponent, IgcChipComponent, IgcFileInputComponent, IgcIconComponent);
+    }
+    acceptedFilesChange() {
+        this.updateAcceptedTypesCache();
+    }
+    constructor() {
+        super();
+        this.inputValue = '';
+        this.attachments = [];
+        this.dragClass = '';
+        this._acceptedTypesCache = null;
+        registerIconFromText('attachment', attachmentIcon, 'material');
+        registerIconFromText('send-message', sendButtonIcon, 'material');
+    }
+    firstUpdated() {
+        this.setupDragAndDrop();
+        this.updateAcceptedTypesCache();
+    }
+    handleInput(e) {
+        const target = e.target;
+        this.inputValue = target.value;
+        this.adjustTextareaHeight();
+    }
+    handleKeyDown(e) {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            this.sendMessage();
+        }
+    }
+    setupDragAndDrop() {
+        const container = this.shadowRoot?.querySelector('.input-container');
+        if (container) {
+            container.addEventListener('dragenter', this.handleDragEnter.bind(this));
+            container.addEventListener('dragover', this.handleDragOver.bind(this));
+            container.addEventListener('dragleave', this.handleDragLeave.bind(this));
+            container.addEventListener('drop', this.handleDrop.bind(this));
+        }
+    }
+    handleDragEnter(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        const files = Array.from(e.dataTransfer?.items || []).filter((item) => item.kind === 'file');
+        const hasValidFiles = files.some((item) => this.isFileTypeAccepted(item.getAsFile(), item.type));
+        this.dragClass = hasValidFiles ? 'dragging' : '';
+    }
+    handleDragOver(e) {
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    handleDragLeave(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        const rect = e.currentTarget.getBoundingClientRect();
+        const x = e.clientX;
+        const y = e.clientY;
+        if (x <= rect.left ||
+            x >= rect.right ||
+            y <= rect.top ||
+            y >= rect.bottom) {
+            this.dragClass = '';
+        }
+    }
+    handleDrop(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.dragClass = '';
+        const files = Array.from(e.dataTransfer?.files || []);
+        if (files.length === 0)
+            return;
+        const validFiles = files.filter((file) => this.isFileTypeAccepted(file));
+        this.attachFiles(validFiles);
+    }
+    adjustTextareaHeight() {
+        const textarea = this.textInputElement;
+        if (!textarea)
+            return;
+        textarea.style.height = 'auto';
+        const newHeight = Math.min(textarea.scrollHeight, 120);
+        textarea.style.height = `${newHeight}px`;
+    }
+    sendMessage() {
+        if (!this.inputValue.trim() && this.attachments.length === 0)
+            return;
+        const messageEvent = new CustomEvent('message-created', {
+            detail: { text: this.inputValue, attachments: this.attachments },
+        });
+        this.dispatchEvent(messageEvent);
+        this.inputValue = '';
+        this.attachments = [];
+        if (this.textInputElement) {
+            this.textInputElement.style.height = 'auto';
+        }
+        setTimeout(() => {
+            this.textInputElement?.focus();
+        }, 0);
+    }
+    handleFileUpload(e) {
+        const input = e.target.input;
+        if (!input.files || input.files.length === 0)
+            return;
+        const files = Array.from(input.files);
+        this.attachFiles(files);
+    }
+    attachFiles(files) {
+        const newAttachments = [];
+        let count = this.attachments.length;
+        files.forEach((file) => {
+            const isImage = file.type.startsWith('image/');
+            newAttachments.push({
+                id: Date.now().toString() + count++,
+                url: URL.createObjectURL(file),
+                name: file.name,
+                file: file,
+                thumbnail: isImage ? URL.createObjectURL(file) : undefined,
+            });
+        });
+        this.attachments = [...this.attachments, ...newAttachments];
+    }
+    updateAcceptedTypesCache() {
+        if (!this._chat?.options?.acceptedFiles) {
+            this._acceptedTypesCache = null;
+            return;
+        }
+        const types = this._chat?.options?.acceptedFiles
+            .split(',')
+            .map((type) => type.trim().toLowerCase());
+        this._acceptedTypesCache = {
+            extensions: new Set(types.filter((t) => t.startsWith('.'))),
+            mimeTypes: new Set(types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))),
+            wildcardTypes: new Set(types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))),
+        };
+    }
+    isFileTypeAccepted(file, type = '') {
+        if (!this._acceptedTypesCache)
+            return true;
+        if (file === null && type === '')
+            return false;
+        const fileType = file != null ? file.type.toLowerCase() : type.toLowerCase();
+        const fileExtension = file != null
+            ? `.${file.name.split('.').pop()?.toLowerCase()}`
+            : `.${type.split('/').pop()?.toLowerCase()}`;
+        if (this._acceptedTypesCache.extensions.has(fileExtension)) {
+            return true;
+        }
+        if (this._acceptedTypesCache.mimeTypes.has(fileType)) {
+            return true;
+        }
+        const [fileBaseType] = fileType.split('/');
+        return this._acceptedTypesCache.wildcardTypes.has(fileBaseType);
+    }
+    removeAttachment(index) {
+        this.attachments = this.attachments.filter((_, i) => i !== index);
+    }
+    render() {
+        return html `
+      <div class="input-container ${this.dragClass}">
+        ${this._chat?.options?.disableAttachments
+            ? ''
+            : html `
+              <igc-file-input
+                multiple
+                .accept=${this._chat?.options?.acceptedFiles}
+                @igcChange=${this.handleFileUpload}
+              >
+                <igc-icon
+                  slot="file-selector-text"
+                  name="attachment"
+                  collection="material"
+                ></igc-icon>
+              </igc-file-input>
+            `}
+
+        <div class="input-wrapper">
+          <igc-textarea
+            class="text-input"
+            placeholder="Type a message..."
+            rows="1"
+            .value=${this.inputValue}
+            @input=${this.handleInput}
+            @keydown=${this.handleKeyDown}
+          ></igc-textarea>
+        </div>
+
+        <div class="buttons-container">
+          <igc-icon-button
+            name="send-message"
+            collection="material"
+            variant="contained"
+            class="small"
+            ?disabled=${!this.inputValue.trim() &&
+            this.attachments.length === 0}
+            @click=${this.sendMessage}
+          ></igc-icon-button>
+        </div>
+      </div>
+      <div>
+        ${this.attachments?.map((attachment, index) => html `
+            <div class="attachment-wrapper">
+              <igc-chip
+                removable
+                @igcRemove=${() => this.removeAttachment(index)}
+              >
+                <span class="attachment-name">${attachment.name}</span>
+              </igc-chip>
+            </div>
+          `)}
+      </div>
+    `;
+    }
+}
+IgcChatInputComponent.tagName = 'igc-chat-input';
+IgcChatInputComponent.styles = styles;
+export default IgcChatInputComponent;
+__decorate([
+    consume({ context: chatContext, subscribe: true })
+], IgcChatInputComponent.prototype, "_chat", void 0);
+__decorate([
+    query('textarea')
+], IgcChatInputComponent.prototype, "textInputElement", void 0);
+__decorate([
+    watch('acceptedFiles', { waitUntilFirstUpdate: true })
+], IgcChatInputComponent.prototype, "acceptedFilesChange", null);
+__decorate([
+    state()
+], IgcChatInputComponent.prototype, "inputValue", void 0);
+__decorate([
+    state()
+], IgcChatInputComponent.prototype, "attachments", void 0);
+__decorate([
+    state()
+], IgcChatInputComponent.prototype, "dragClass", void 0);
+//# sourceMappingURL=chat-input.js.map

package/components/chat/chat-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.js","sourceRoot":"","sources":["../../../src/components/chat/chat-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { query, state } from 'lit/decorators.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport IgcChipComponent from '../chip/chip.js';\nimport { chatContext } from '../common/context.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcFileInputComponent from '../file-input/file-input.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { registerIconFromText } from '../icon/icon.registry.js';\nimport IgcTextareaComponent from '../textarea/textarea.js';\nimport type IgcChatComponent from './chat.js';\nimport { styles } from './themes/input.base.css.js';\nimport {\n  type IgcMessageAttachment,\n  attachmentIcon,\n  sendButtonIcon,\n} from './types.js';\n\n/**\n *\n * @element igc-chat-input\n *\n */\nexport default class IgcChatInputComponent extends LitElement {\n  /** @private */\n  public static readonly tagName = 'igc-chat-input';\n\n  public static override styles = styles;\n\n  @consume({ context: chatContext, subscribe: true })\n  private _chat?: IgcChatComponent;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcChatInputComponent,\n      IgcTextareaComponent,\n      IgcIconButtonComponent,\n      IgcChipComponent,\n      IgcFileInputComponent,\n      IgcIconComponent\n    );\n  }\n\n  @query('textarea')\n  private textInputElement!: HTMLTextAreaElement;\n\n  @watch('acceptedFiles', { waitUntilFirstUpdate: true })\n  protected acceptedFilesChange(): void {\n    this.updateAcceptedTypesCache();\n  }\n\n  @state()\n  private inputValue = '';\n\n  @state()\n  private attachments: IgcMessageAttachment[] = [];\n\n  @state()\n  private dragClass = '';\n\n  // Cache for accepted file types\n  private _acceptedTypesCache: {\n    extensions: Set<string>;\n    mimeTypes: Set<string>;\n    wildcardTypes: Set<string>;\n  } | null = null;\n\n  constructor() {\n    super();\n    registerIconFromText('attachment', attachmentIcon, 'material');\n    registerIconFromText('send-message', sendButtonIcon, 'material');\n  }\n\n  protected override firstUpdated() {\n    this.setupDragAndDrop();\n    this.updateAcceptedTypesCache();\n  }\n\n  private handleInput(e: Event) {\n    const target = e.target as HTMLTextAreaElement;\n    this.inputValue = target.value;\n    this.adjustTextareaHeight();\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      this.sendMessage();\n    }\n  }\n\n  private setupDragAndDrop() {\n    const container = this.shadowRoot?.querySelector(\n      '.input-container'\n    ) as HTMLElement;\n    if (container) {\n      container.addEventListener('dragenter', this.handleDragEnter.bind(this));\n      container.addEventListener('dragover', this.handleDragOver.bind(this));\n      container.addEventListener('dragleave', this.handleDragLeave.bind(this));\n      container.addEventListener('drop', this.handleDrop.bind(this));\n    }\n  }\n\n  private handleDragEnter(e: DragEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const files = Array.from(e.dataTransfer?.items || []).filter(\n      (item) => item.kind === 'file'\n    );\n    const hasValidFiles = files.some((item) =>\n      this.isFileTypeAccepted(item.getAsFile() as File, item.type)\n    );\n\n    this.dragClass = hasValidFiles ? 'dragging' : '';\n  }\n\n  private handleDragOver(e: DragEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private handleDragLeave(e: DragEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    // Check if we're actually leaving the container\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const x = e.clientX;\n    const y = e.clientY;\n\n    if (\n      x <= rect.left ||\n      x >= rect.right ||\n      y <= rect.top ||\n      y >= rect.bottom\n    ) {\n      this.dragClass = '';\n    }\n  }\n\n  private handleDrop(e: DragEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.dragClass = '';\n\n    const files = Array.from(e.dataTransfer?.files || []);\n    if (files.length === 0) return;\n\n    const validFiles = files.filter((file) => this.isFileTypeAccepted(file));\n\n    this.attachFiles(validFiles);\n  }\n\n  private adjustTextareaHeight() {\n    const textarea = this.textInputElement;\n    if (!textarea) return;\n\n    textarea.style.height = 'auto';\n    const newHeight = Math.min(textarea.scrollHeight, 120);\n    textarea.style.height = `${newHeight}px`;\n  }\n\n  private sendMessage() {\n    if (!this.inputValue.trim() && this.attachments.length === 0) return;\n\n    const messageEvent = new CustomEvent('message-created', {\n      detail: { text: this.inputValue, attachments: this.attachments },\n    });\n\n    this.dispatchEvent(messageEvent);\n    this.inputValue = '';\n    this.attachments = [];\n\n    if (this.textInputElement) {\n      this.textInputElement.style.height = 'auto';\n    }\n\n    setTimeout(() => {\n      this.textInputElement?.focus();\n    }, 0);\n  }\n\n  private handleFileUpload(e: Event) {\n    const input = (e.target as any).input as HTMLInputElement;\n    if (!input.files || input.files.length === 0) return;\n\n    const files = Array.from(input.files);\n    this.attachFiles(files);\n  }\n\n  private attachFiles(files: File[]) {\n    const newAttachments: IgcMessageAttachment[] = [];\n    let count = this.attachments.length;\n    files.forEach((file) => {\n      const isImage = file.type.startsWith('image/');\n      newAttachments.push({\n        id: Date.now().toString() + count++,\n        // type: isImage ? 'image' : 'file',\n        url: URL.createObjectURL(file),\n        name: file.name,\n        file: file,\n        thumbnail: isImage ? URL.createObjectURL(file) : undefined,\n      });\n    });\n    this.attachments = [...this.attachments, ...newAttachments];\n  }\n\n  private updateAcceptedTypesCache() {\n    if (!this._chat?.options?.acceptedFiles) {\n      this._acceptedTypesCache = null;\n      return;\n    }\n\n    const types = this._chat?.options?.acceptedFiles\n      .split(',')\n      .map((type) => type.trim().toLowerCase());\n    this._acceptedTypesCache = {\n      extensions: new Set(types.filter((t) => t.startsWith('.'))),\n      mimeTypes: new Set(\n        types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))\n      ),\n      wildcardTypes: new Set(\n        types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))\n      ),\n    };\n  }\n\n  private isFileTypeAccepted(file: File, type = ''): boolean {\n    if (!this._acceptedTypesCache) return true;\n\n    if (file === null && type === '') return false;\n\n    const fileType =\n      file != null ? file.type.toLowerCase() : type.toLowerCase();\n    const fileExtension =\n      file != null\n        ? `.${file.name.split('.').pop()?.toLowerCase()}`\n        : `.${type.split('/').pop()?.toLowerCase()}`;\n\n    // Check file extension\n    if (this._acceptedTypesCache.extensions.has(fileExtension)) {\n      return true;\n    }\n\n    // Check exact MIME type\n    if (this._acceptedTypesCache.mimeTypes.has(fileType)) {\n      return true;\n    }\n\n    // Check wildcard MIME types\n    const [fileBaseType] = fileType.split('/');\n    return this._acceptedTypesCache.wildcardTypes.has(fileBaseType);\n  }\n\n  private removeAttachment(index: number) {\n    this.attachments = this.attachments.filter((_, i) => i !== index);\n  }\n\n  protected override render() {\n    return html`\n      <div class=\"input-container ${this.dragClass}\">\n        ${this._chat?.options?.disableAttachments\n          ? ''\n          : html`\n              <igc-file-input\n                multiple\n                .accept=${this._chat?.options?.acceptedFiles}\n                @igcChange=${this.handleFileUpload}\n              >\n                <igc-icon\n                  slot=\"file-selector-text\"\n                  name=\"attachment\"\n                  collection=\"material\"\n                ></igc-icon>\n              </igc-file-input>\n            `}\n\n        <div class=\"input-wrapper\">\n          <igc-textarea\n            class=\"text-input\"\n            placeholder=\"Type a message...\"\n            rows=\"1\"\n            .value=${this.inputValue}\n            @input=${this.handleInput}\n            @keydown=${this.handleKeyDown}\n          ></igc-textarea>\n        </div>\n\n        <div class=\"buttons-container\">\n          <igc-icon-button\n            name=\"send-message\"\n            collection=\"material\"\n            variant=\"contained\"\n            class=\"small\"\n            ?disabled=${!this.inputValue.trim() &&\n            this.attachments.length === 0}\n            @click=${this.sendMessage}\n          ></igc-icon-button>\n        </div>\n      </div>\n      <div>\n        ${this.attachments?.map(\n          (attachment, index) => html`\n            <div class=\"attachment-wrapper\">\n              <igc-chip\n                removable\n                @igcRemove=${() => this.removeAttachment(index)}\n              >\n                <span class=\"attachment-name\">${attachment.name}</span>\n              </igc-chip>\n            </div>\n          `\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chat-input': IgcChatInputComponent;\n  }\n}\n"]}

package/components/chat/chat-message-list.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ *
+ * @element igc-chat-message-list
+ *
+ */
+export default class IgcChatMessageListComponent extends LitElement {
+    /** @private */
+    static readonly tagName = "igc-chat-message-list";
+    static styles: import("lit").CSSResult;
+    private _chat?;
+    static register(): void;
+    private formatDate;
+    private groupMessagesByDate;
+    private scrollToBottom;
+    protected updated(): void;
+    protected firstUpdated(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-chat-message-list': IgcChatMessageListComponent;
+    }
+}