igniteui-webcomponents 5.0.2 → 5.1.1

package/components/carousel/carousel.js

@@ -0,0 +1,547 @@
+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;
+};
+var IgcCarouselComponent_1;
+import { ContextProvider } from '@lit/context';
+import { LitElement, html, 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';
+import { themes } from '../../theming/theming-decorator.js';
+import IgcButtonComponent from '../button/button.js';
+import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
+import { addGesturesController, } from '../common/controllers/gestures.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 { asNumber, createCounter, findElementFromEventPath, first, formatString, isLTR, last, partNameMap, 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 IgcCarouselSlideComponent from './carousel-slide.js';
+import { carouselContext } from './context.js';
+import { styles } from './themes/carousel.base.css.js';
+import { all } from './themes/container.js';
+import { styles as shared } from './themes/shared/carousel.common.css.js';
+let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent extends EventEmitterMixin(LitElement) {
+    static register() {
+        registerComponent(IgcCarouselComponent_1, IgcCarouselIndicatorComponent, IgcCarouselIndicatorContainerComponent, IgcCarouselSlideComponent, IgcIconComponent, IgcButtonComponent);
+    }
+    get hasProjectedIndicators() {
+        return this._projectedIndicators.length > 0;
+    }
+    get showIndicatorsLabel() {
+        return this.total > this.maximumIndicatorsCount;
+    }
+    get nextIndex() {
+        return wrap(0, this.total - 1, this.current + 1);
+    }
+    get prevIndex() {
+        return wrap(0, this.total - 1, this.current - 1);
+    }
+    _observerCallback({ changes: { added, attributes }, }) {
+        const activeSlides = this.slides.filter((slide) => slide.active);
+        if (activeSlides.length <= 1) {
+            return;
+        }
+        const idx = this.slides.indexOf(last(added.length ? added : attributes));
+        for (const [i, slide] of this.slides.entries()) {
+            if (slide.active && i !== idx) {
+                slide.active = false;
+            }
+        }
+        this.activateSlide(this.slides[idx]);
+    }
+    get total() {
+        return this.slides.length;
+    }
+    get current() {
+        return Math.max(0, this.slides.indexOf(this._activeSlide));
+    }
+    get isPlaying() {
+        return this._playing;
+    }
+    get isPaused() {
+        return this._paused;
+    }
+    contextChanged() {
+        this._context.setValue(this, true);
+    }
+    intervalChange() {
+        if (!this.isPlaying) {
+            this._playing = true;
+        }
+        this.restartInterval();
+    }
+    constructor() {
+        super();
+        this._carouselId = `igc-carousel-${IgcCarouselComponent_1.increment()}`;
+        this._carouselKeyboardInteractionFocus = addKeyboardFocusRing(this);
+        this._hasKeyboardInteractionOnIndicators = false;
+        this._hasMouseStop = false;
+        this._context = new ContextProvider(this, {
+            context: carouselContext,
+            initialValue: this,
+        });
+        this._carouselSlidesContainerRef = createRef();
+        this._indicatorsContainerRef = createRef();
+        this._prevButtonRef = createRef();
+        this._nextButtonRef = createRef();
+        this._playing = false;
+        this._paused = false;
+        this.disableLoop = false;
+        this.disablePauseOnInteraction = false;
+        this.hideNavigation = false;
+        this.hideIndicators = false;
+        this.vertical = false;
+        this.indicatorsOrientation = 'end';
+        this.indicatorsLabelFormat = 'Slide {0}';
+        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('pointerdown', this.handlePointerDown);
+        this.addEventListener('pointerenter', this.handlePointerEnter);
+        this.addEventListener('pointerleave', this.handlePointerLeave);
+        addGesturesController(this, {
+            ref: this._carouselSlidesContainerRef,
+            touchOnly: true,
+        })
+            .set('swipe-left', this.handleHorizontalSwipe)
+            .set('swipe-right', this.handleHorizontalSwipe)
+            .set('swipe-up', this.handleVerticalSwipe)
+            .set('swipe-down', this.handleVerticalSwipe);
+        addKeybindings(this, {
+            ref: this._indicatorsContainerRef,
+            bindingDefaults: { preventDefault: true },
+        })
+            .set(arrowLeft, this.handleArrowLeft)
+            .set(arrowRight, this.handleArrowRight)
+            .set(homeKey, this.handleHomeKey)
+            .set(endKey, this.handleEndKey);
+        addKeybindings(this, {
+            ref: this._prevButtonRef,
+            bindingDefaults: { preventDefault: true },
+        }).setActivateHandler(this.handleNavigationInteractionPrevious);
+        addKeybindings(this, {
+            ref: this._nextButtonRef,
+            bindingDefaults: { preventDefault: true },
+        }).setActivateHandler(this.handleNavigationInteractionNext);
+        createMutationController(this, {
+            callback: this._observerCallback,
+            filter: [IgcCarouselSlideComponent.tagName],
+            config: {
+                attributeFilter: ['active'],
+                childList: true,
+                subtree: true,
+            },
+        });
+    }
+    handleSlotChange() {
+        if (this.total) {
+            this.activateSlide(this.slides.findLast((slide) => slide.active) ?? first(this.slides));
+        }
+    }
+    handleIndicatorSlotChange() {
+        this.requestUpdate();
+    }
+    handlePointerDown() {
+        if (this._carouselKeyboardInteractionFocus.focused) {
+            this._carouselKeyboardInteractionFocus.reset();
+        }
+    }
+    handlePointerEnter() {
+        this._hasMouseStop = true;
+        if (this._carouselKeyboardInteractionFocus.focused) {
+            return;
+        }
+        this.handlePauseOnInteraction();
+    }
+    handlePointerLeave() {
+        this._hasMouseStop = false;
+        if (this._carouselKeyboardInteractionFocus.focused) {
+            return;
+        }
+        this.handlePauseOnInteraction();
+    }
+    handleFocusIn() {
+        if (this._carouselKeyboardInteractionFocus.focused || this._hasMouseStop) {
+            return;
+        }
+        this.handlePauseOnInteraction();
+    }
+    handleFocusOut(event) {
+        const node = event.relatedTarget;
+        if (this.contains(node) || this.renderRoot.contains(node)) {
+            return;
+        }
+        if (this._carouselKeyboardInteractionFocus.focused) {
+            this._carouselKeyboardInteractionFocus.reset();
+            if (!this._hasMouseStop) {
+                this.handlePauseOnInteraction();
+            }
+        }
+    }
+    handlePauseOnInteraction() {
+        if (!this.interval || this.disablePauseOnInteraction)
+            return;
+        if (this.isPlaying) {
+            this.pause();
+            this.emitEvent('igcPaused');
+        }
+        else {
+            this.play();
+            this.emitEvent('igcPlaying');
+        }
+    }
+    async handleArrowLeft() {
+        this._hasKeyboardInteractionOnIndicators = true;
+        this.handleInteraction(isLTR(this) ? this.prev : this.next);
+    }
+    async handleArrowRight() {
+        this._hasKeyboardInteractionOnIndicators = true;
+        this.handleInteraction(isLTR(this) ? this.next : this.prev);
+    }
+    async handleHomeKey() {
+        this._hasKeyboardInteractionOnIndicators = true;
+        this.handleInteraction(() => this.select(isLTR(this) ? first(this.slides) : last(this.slides)));
+    }
+    async handleEndKey() {
+        this._hasKeyboardInteractionOnIndicators = true;
+        this.handleInteraction(() => this.select(isLTR(this) ? last(this.slides) : first(this.slides)));
+    }
+    handleVerticalSwipe({ data: { direction } }) {
+        if (this.vertical) {
+            this.handleInteraction(direction === 'up' ? this.next : this.prev);
+        }
+    }
+    handleHorizontalSwipe({ data: { direction } }) {
+        if (!this.vertical) {
+            this.handleInteraction(async () => {
+                if (isLTR(this)) {
+                    direction === 'left' ? await this.next() : await this.prev();
+                }
+                else {
+                    direction === 'left' ? await this.prev() : await this.next();
+                }
+            });
+        }
+    }
+    async handleIndicatorClick(event) {
+        const indicator = findElementFromEventPath(IgcCarouselIndicatorComponent.tagName, event);
+        const index = this.hasProjectedIndicators
+            ? this._projectedIndicators.indexOf(indicator)
+            : Array.from(this._defaultIndicators).indexOf(indicator);
+        this.handleInteraction(() => this.select(this.slides[index], index > this.current ? 'next' : 'prev'));
+    }
+    handleNavigationInteractionNext() {
+        this.handleInteraction(this.next);
+    }
+    handleNavigationInteractionPrevious() {
+        this.handleInteraction(this.prev);
+    }
+    async handleInteraction(callback) {
+        if (this.interval) {
+            this.resetInterval();
+        }
+        await callback.call(this);
+        this.emitEvent('igcSlideChanged');
+        if (this.interval) {
+            this.restartInterval();
+        }
+    }
+    activateSlide(slide) {
+        if (this._activeSlide) {
+            this._activeSlide.active = false;
+        }
+        this._activeSlide = slide;
+        this._activeSlide.active = true;
+        if (this._hasKeyboardInteractionOnIndicators) {
+            this.hasProjectedIndicators
+                ? this._projectedIndicators[this.current].focus()
+                : this._defaultIndicators[this.current].focus();
+            this._hasKeyboardInteractionOnIndicators = false;
+        }
+    }
+    updateProjectedIndicators() {
+        for (const [idx, slide] of this.slides.entries()) {
+            const indicator = this._projectedIndicators[idx];
+            indicator.active = slide.active;
+            indicator.index = idx;
+            this.setAttribute('aria-controls', slide.id);
+        }
+    }
+    resetInterval() {
+        if (this._lastInterval) {
+            clearInterval(this._lastInterval);
+            this._lastInterval = null;
+        }
+    }
+    restartInterval() {
+        this.resetInterval();
+        if (asNumber(this.interval) > 0) {
+            this._lastInterval = setInterval(() => {
+                if (this.isPlaying && this.total) {
+                    this.next();
+                    this.emitEvent('igcSlideChanged');
+                }
+                else {
+                    this.pause();
+                }
+            }, this.interval);
+        }
+    }
+    async animateSlides(nextSlide, currentSlide, dir) {
+        if (dir === 'next') {
+            currentSlide.previous = true;
+            currentSlide.toggleAnimation('out');
+            this.activateSlide(nextSlide);
+            await nextSlide.toggleAnimation('in');
+            currentSlide.previous = false;
+        }
+        else {
+            currentSlide.previous = true;
+            currentSlide.toggleAnimation('in', 'reverse');
+            this.activateSlide(nextSlide);
+            await nextSlide.toggleAnimation('out', 'reverse');
+            currentSlide.previous = false;
+        }
+    }
+    play() {
+        if (!this.isPlaying) {
+            this._paused = false;
+            this._playing = true;
+            this.restartInterval();
+        }
+    }
+    pause() {
+        if (this.isPlaying) {
+            this._playing = false;
+            this._paused = true;
+            this.resetInterval();
+        }
+    }
+    async next() {
+        if (this.disableLoop && this.nextIndex === 0) {
+            this.pause();
+            return false;
+        }
+        return await this.select(this.slides[this.nextIndex], 'next');
+    }
+    async prev() {
+        if (this.disableLoop && this.prevIndex === this.total - 1) {
+            this.pause();
+            return false;
+        }
+        return await this.select(this.slides[this.prevIndex], 'prev');
+    }
+    async select(slide, direction) {
+        const index = this.slides.indexOf(slide);
+        if (index === this.current || index === -1) {
+            return false;
+        }
+        const dir = direction ?? (index > this.current ? 'next' : 'prev');
+        await this.animateSlides(slide, this._activeSlide, dir);
+        return true;
+    }
+    navigationTemplate() {
+        return html `
+      <igc-button
+        ${ref(this._prevButtonRef)}
+        type="button"
+        part="navigation previous"
+        aria-label="Previous slide"
+        aria-controls=${this._carouselId}
+        ?disabled=${this.disableLoop && this.current === 0}
+        @click=${this.handleNavigationInteractionPrevious}
+      >
+        <slot name="previous-button">
+          <igc-icon
+            name="carousel_prev"
+            collection="default"
+            aria-hidden="true"
+          ></igc-icon>
+        </slot>
+      </igc-button>
+      <igc-button
+        ${ref(this._nextButtonRef)}
+        type="button"
+        part="navigation next"
+        aria-label="Next slide"
+        aria-controls=${this._carouselId}
+        ?disabled=${this.disableLoop && this.current === this.total - 1}
+        @click=${this.handleNavigationInteractionNext}
+      >
+        <slot name="next-button">
+          <igc-icon
+            name="carousel_next"
+            collection="default"
+            aria-hidden="true"
+          ></igc-icon>
+        </slot>
+      </igc-button>
+    `;
+    }
+    *renderIndicators() {
+        for (const [i, slide] of this.slides.entries()) {
+            const forward = slide.active ? 'visible' : 'hidden';
+            const backward = slide.active ? 'hidden' : 'visible';
+            yield html `
+        <igc-carousel-indicator
+          exportparts="indicator, active, inactive"
+          .active=${slide.active}
+          .index=${i}
+        >
+          <div
+            part="dot"
+            style=${styleMap({ visibility: backward, zIndex: 1 })}
+          ></div>
+          <div
+            part="dot active"
+            slot="active"
+            style=${styleMap({ visibility: forward })}
+          ></div>
+        </igc-carousel-indicator>
+      `;
+        }
+    }
+    indicatorTemplate() {
+        const parts = partNameMap({
+            indicators: true,
+            start: this.indicatorsOrientation === 'start',
+        });
+        return html `
+      <igc-carousel-indicator-container>
+        <div ${ref(this._indicatorsContainerRef)} role="tablist" part=${parts}>
+          <slot
+            name="indicator"
+            @slotchange=${this.handleIndicatorSlotChange}
+            @click=${this.handleIndicatorClick}
+          >
+            ${this.hasProjectedIndicators
+            ? this.updateProjectedIndicators()
+            : this.renderIndicators()}
+          </slot>
+        </div>
+      </igc-carousel-indicator-container>
+    `;
+    }
+    labelTemplate() {
+        const parts = partNameMap({
+            label: true,
+            indicators: true,
+            start: this.indicatorsOrientation === 'start',
+        });
+        const value = formatString(this.slidesLabelFormat, this.current + 1, this.total);
+        return html `
+      <div part=${parts}>
+        <span>${value}</span>
+      </div>
+    `;
+    }
+    render() {
+        return html `
+      <section @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}>
+        ${this.hideNavigation ? nothing : this.navigationTemplate()}
+        ${this.hideIndicators || this.showIndicatorsLabel
+            ? nothing
+            : this.indicatorTemplate()}
+        ${!this.hideIndicators && this.showIndicatorsLabel
+            ? this.labelTemplate()
+            : nothing}
+        <div
+          ${ref(this._carouselSlidesContainerRef)}
+          id=${this._carouselId}
+          aria-live=${this.interval && this.isPlaying ? 'off' : 'polite'}
+        >
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+      </section>
+    `;
+    }
+};
+IgcCarouselComponent.styles = [styles, shared];
+IgcCarouselComponent.tagName = 'igc-carousel';
+IgcCarouselComponent.increment = createCounter();
+__decorate([
+    queryAll(IgcCarouselIndicatorComponent.tagName)
+], IgcCarouselComponent.prototype, "_defaultIndicators", void 0);
+__decorate([
+    queryAssignedElements({
+        selector: IgcCarouselIndicatorComponent.tagName,
+        slot: 'indicator',
+    })
+], IgcCarouselComponent.prototype, "_projectedIndicators", void 0);
+__decorate([
+    state()
+], IgcCarouselComponent.prototype, "_activeSlide", void 0);
+__decorate([
+    state()
+], IgcCarouselComponent.prototype, "_playing", void 0);
+__decorate([
+    state()
+], IgcCarouselComponent.prototype, "_paused", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'disable-loop' })
+], IgcCarouselComponent.prototype, "disableLoop", void 0);
+__decorate([
+    property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'disable-pause-on-interaction',
+    })
+], IgcCarouselComponent.prototype, "disablePauseOnInteraction", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-navigation' })
+], IgcCarouselComponent.prototype, "hideNavigation", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-indicators' })
+], IgcCarouselComponent.prototype, "hideIndicators", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcCarouselComponent.prototype, "vertical", void 0);
+__decorate([
+    property({ reflect: false, attribute: 'indicators-orientation' })
+], IgcCarouselComponent.prototype, "indicatorsOrientation", void 0);
+__decorate([
+    property({ attribute: 'indicators-label-format' })
+], IgcCarouselComponent.prototype, "indicatorsLabelFormat", void 0);
+__decorate([
+    property({ attribute: 'slides-label-format' })
+], IgcCarouselComponent.prototype, "slidesLabelFormat", void 0);
+__decorate([
+    property({ type: Number, reflect: false })
+], IgcCarouselComponent.prototype, "interval", void 0);
+__decorate([
+    property({
+        type: Number,
+        reflect: false,
+        attribute: 'maximum-indicators-count',
+    })
+], IgcCarouselComponent.prototype, "maximumIndicatorsCount", void 0);
+__decorate([
+    property({ attribute: 'animation-type' })
+], IgcCarouselComponent.prototype, "animationType", void 0);
+__decorate([
+    queryAssignedElements({ selector: IgcCarouselSlideComponent.tagName })
+], IgcCarouselComponent.prototype, "slides", void 0);
+__decorate([
+    watch('animationType'),
+    watch('slidesLabelFormat'),
+    watch('indicatorsLabelFormat')
+], IgcCarouselComponent.prototype, "contextChanged", null);
+__decorate([
+    watch('interval')
+], IgcCarouselComponent.prototype, "intervalChange", null);
+IgcCarouselComponent = IgcCarouselComponent_1 = __decorate([
+    themes(all)
+], IgcCarouselComponent);
+export default IgcCarouselComponent;
+//# sourceMappingURL=carousel.js.map

package/components/carousel/carousel.js.map

@@ -0,0 +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 { type Ref, 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 { addKeyboardFocusRing } from '../common/controllers/focus-ring.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 {\n  asNumber,\n  createCounter,\n  findElementFromEventPath,\n  first,\n  formatString,\n  isLTR,\n  last,\n  partNameMap,\n  wrap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';\nimport IgcCarouselIndicatorComponent from './carousel-indicator.js';\nimport IgcCarouselSlideComponent from './carousel-slide.js';\nimport { carouselContext } from './context.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<void>;\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() {\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 _carouselId = `igc-carousel-${IgcCarouselComponent.increment()}`;\n  private _carouselKeyboardInteractionFocus = addKeyboardFocusRing(this);\n\n  private _internals: ElementInternals;\n  private _lastInterval!: ReturnType<typeof setInterval> | null;\n  private _hasKeyboardInteractionOnIndicators = false;\n  private _hasMouseStop = false;\n\n  private _context = new ContextProvider(this, {\n    context: carouselContext,\n    initialValue: this,\n  });\n\n  private _carouselSlidesContainerRef: Ref<HTMLDivElement> = createRef();\n  private _indicatorsContainerRef: Ref<HTMLDivElement> = createRef();\n  private _prevButtonRef: Ref<IgcButtonComponent> = createRef();\n  private _nextButtonRef: Ref<IgcButtonComponent> = createRef();\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\n    const idx = this.slides.indexOf(last(added.length ? added : attributes));\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: 'start' | 'end' = '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;\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: 'slide' | 'fade' | 'none' = 'slide';\n\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('pointerdown', this.handlePointerDown);\n    this.addEventListener('pointerenter', this.handlePointerEnter);\n    this.addEventListener('pointerleave', this.handlePointerLeave);\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 handlePointerDown(): void {\n    if (this._carouselKeyboardInteractionFocus.focused) {\n      this._carouselKeyboardInteractionFocus.reset();\n    }\n  }\n\n  private handlePointerEnter(): void {\n    this._hasMouseStop = true;\n    if (this._carouselKeyboardInteractionFocus.focused) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handlePointerLeave(): void {\n    this._hasMouseStop = false;\n    if (this._carouselKeyboardInteractionFocus.focused) {\n      return;\n    }\n    this.handlePauseOnInteraction();\n  }\n\n  private handleFocusIn(): void {\n    if (this._carouselKeyboardInteractionFocus.focused || 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._carouselKeyboardInteractionFocus.focused) {\n      this._carouselKeyboardInteractionFocus.reset();\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');\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');\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 running any animations and returns if the operation was a success.\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 running any animations and returns if the operation was a success.\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  /**\n   * Switches the passed in slide running any animations and returns if the operation was a success.\n   */\n  public async select(\n    slide: IgcCarouselSlideComponent,\n    direction?: 'next' | 'prev'\n  ): Promise<boolean> {\n    const index = this.slides.indexOf(slide);\n\n    if (index === this.current || index === -1) {\n      return false;\n    }\n\n    const dir = direction ?? (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 = partNameMap({\n      indicators: true,\n      start: this.indicatorsOrientation === 'start',\n    });\n\n    return html`\n      <igc-carousel-indicator-container>\n        <div ${ref(this._indicatorsContainerRef)} role=\"tablist\" part=${parts}>\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 = partNameMap({\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=${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/carousel/context.d.ts

@@ -0,0 +1,4 @@
+import type IgcCarouselComponent from './carousel.js';
+export declare const carouselContext: {
+    __context__: IgcCarouselComponent;
+};

package/components/carousel/context.js

@@ -0,0 +1,3 @@
+import { createContext } from '@lit/context';
+export const carouselContext = createContext(Symbol('carousel-context'));
+//# sourceMappingURL=context.js.map

package/components/carousel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/carousel/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC1C,MAAM,CAAC,kBAAkB,CAAC,CAC3B,CAAC","sourcesContent":["import { createContext } from '@lit/context';\nimport type IgcCarouselComponent from './carousel.js';\n\nexport const carouselContext = createContext<IgcCarouselComponent>(\n  Symbol('carousel-context')\n);\n"]}

package/components/carousel/themes/carousel-indicator-container.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:inherit;min-width:inherit}`;
+//# sourceMappingURL=carousel-indicator-container.base.css.js.map

package/components/carousel/themes/carousel-indicator-container.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-indicator-container.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-indicator-container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,07BAA07B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:inherit;min-width:inherit}`;\n"]}

package/components/carousel/themes/carousel-indicator.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;