@breadstone/mosaik-elements-foundation 0.0.229 → 0.0.230

package/Controls/Components/Selectors/Carousel/CarouselElement.js

@@ -12,12 +12,17 @@ import { Appearanceable } from '../../../Behaviors/Appearanceable';
 import { Disableable } from '../../../Behaviors/Disableable';
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Variantable } from '../../../Behaviors/Variantable';
+import { addInheritanceProviderController } from '../../../Controllers/InheritanceProviderController';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
+import { Watch } from '../../../Decorators/WatchDecorator';
+import { CarouselDisplayMode } from '../../../Types/CarouselDisplayMode';
+import { CarouselNavigationPosition } from '../../../Types/CarouselNavigationPosition';
 import { Key } from '../../../Types/Key';
 import { FloatingActionButtonElement } from '../../Buttons/FloatingActionButton/FloatingActionButtonElement';
 import { SelectorElement } from '../Abstracts/Selector/SelectorElement';
 import { carouselElementTemplate } from './CarouselElementTemplate';
+import { CAROUSEL_INHERITANCE_CONTEXT } from './CarouselInheritanceContext';
 import { CarouselItemElement } from './CarouselItemElement';
 import { carouselElementCosmopolitanStyle } from './Themes/CarouselElement.Cosmopolitan';
 import { carouselElementJoyStyle } from './Themes/CarouselElement.Joy';
@@ -28,7 +33,9 @@ import { carouselElementMemphisStyle } from './Themes/CarouselElement.Memphis';
  *
  * Enables users to browse through multiple content items (images, cards, media) in a space-efficient
  * carousel layout with navigation controls. Supports automatic cycling, manual navigation, and
- * touch/swipe interactions for engaging content presentation.
+ * touch/swipe interactions for engaging content presentation. Offers two display modes: `slide`
+ * (horizontal track) and `deck` (stacked cards with depth effect). Navigation button placement
+ * can be configured via `navigationPosition` (`split`, `inside`, `outside`).
  *
  * @name CarouselElement
  * @element mosaik-carousel
@@ -36,17 +43,18 @@ import { carouselElementMemphisStyle } from './Themes/CarouselElement.Memphis';
  *
  * @slot - Default content area for carousel items and navigation elements
  *
- * @csspart container - Main carousel container for content and controls
- * @csspart track - Scrollable track containing all carousel items
- * @csspart navigation - Navigation controls container (prev/next buttons, indicators)
- * @csspart indicators - Page indicators showing current position
+ * @csspart content - Content area wrapping the item list or deck
+ * @csspart list - Container for carousel items (always present)
+ * @csspart slide - Additional part on list container in slide display mode
+ * @csspart deck - Additional part on list container in deck display mode
+ * @csspart previous - Navigation button to go to the previous item
+ * @csspart next - Navigation button to go to the next item
+ * @csspart indicator - Page indicator showing current position
  *
- * @cssprop {String} --carousel-track-gap - Spacing between carousel items
- * @cssprop {String} --carousel-item-width - Width of individual carousel items
- * @cssprop {String} --carousel-transition-duration - Animation duration for item transitions
- * @cssprop {Color} --carousel-navigation-color - Color for navigation controls
- * @cssprop {Color} --carousel-indicator-color - Color for page indicators
- * @cssprop {Color} --carousel-indicator-active-color - Color for active page indicator
+ * @cssprop {String} --carousel-gap - Spacing between carousel items
+ * @cssprop {String} --carousel-transition-duration - Animation duration for slide-mode item transitions
+ * @cssprop {String} --carousel-deck-animation-duration - Transition duration for deck card animations
+ * @cssprop {String} --carousel-deck-rotation - Rotation angle for pile cards (design token)
  *
  * @keyhandle LeftArrow - Navigates to the previous item in the carousel
  * @keyhandle RightArrow - Navigates to the next item in the carousel
@@ -58,50 +66,26 @@ import { carouselElementMemphisStyle } from './Themes/CarouselElement.Memphis';
  *
  * @example
  * ```html
- * <!-- Image carousel with navigation -->
- * <mosaik-carousel auto-play="5000" show-indicators="true">
+ * <!-- Slide carousel with outside navigation -->
+ * <mosaik-carousel display-mode="slide" navigation-position="outside" show-navigation>
  *   <mosaik-carousel-item>
- *     <img src="slide1.jpg" alt="Product showcase 1" />
+ *     <img src="slide1.jpg" alt="Slide 1" />
  *   </mosaik-carousel-item>
  *   <mosaik-carousel-item>
- *     <img src="slide2.jpg" alt="Product showcase 2" />
- *   </mosaik-carousel-item>
- *   <mosaik-carousel-item>
- *     <img src="slide3.jpg" alt="Product showcase 3" />
+ *     <img src="slide2.jpg" alt="Slide 2" />
  *   </mosaik-carousel-item>
  * </mosaik-carousel>
  *
- * <!-- Card carousel for testimonials -->
- * <mosaik-carousel loop="true" items-per-view="2">
+ * <!-- Deck carousel (Tinder-like stacked cards) -->
+ * <mosaik-carousel display-mode="deck" show-navigation>
  *   <mosaik-carousel-item>
- *     <mosaik-card>
- *       <mosaik-text slot="header">"Excellent service!"</mosaik-text>
- *       <mosaik-text>- Customer A</mosaik-text>
- *     </mosaik-card>
+ *     <mosaik-card>Card 1</mosaik-card>
  *   </mosaik-carousel-item>
  *   <mosaik-carousel-item>
- *     <mosaik-card>
- *       <mosaik-text slot="header">"Highly recommended"</mosaik-text>
- *       <mosaik-text>- Customer B</mosaik-text>
- *     </mosaik-card>
+ *     <mosaik-card>Card 2</mosaik-card>
  *   </mosaik-carousel-item>
- * </mosaik-carousel>
- *
- * <!-- Product feature carousel -->
- * <mosaik-carousel show-navigation="true" transition="slide">
  *   <mosaik-carousel-item>
- *     <div class="feature-slide">
- *       <mosaik-icon data="shield-check"></mosaik-icon>
- *       <h3>Secure & Reliable</h3>
- *       <p>Enterprise-grade security for your data</p>
- *     </div>
- *   </mosaik-carousel-item>
- *   <mosaik-carousel-item>
- *     <div class="feature-slide">
- *       <mosaik-icon data="lightning-bolt"></mosaik-icon>
- *       <h3>Lightning Fast</h3>
- *       <p>Optimized performance for speed</p>
- *     </div>
+ *     <mosaik-card>Card 3</mosaik-card>
  *   </mosaik-carousel-item>
  * </mosaik-carousel>
  * ```
@@ -110,13 +94,16 @@ import { carouselElementMemphisStyle } from './Themes/CarouselElement.Memphis';
  */
 let CarouselElement = class CarouselElement extends Themeable(Disableable(Appearanceable(Variantable(SelectorElement)))) {
     // #region Fields
-    _list = null;
+    _listElement;
     _position;
     _hasPrevious;
     _hasNext;
     _loop;
     _showNavigation;
     _showIndicator;
+    _navigationPosition;
+    _displayMode;
+    _deckAnimating;
     // #endregion
     // #region Ctor
     /**
@@ -124,18 +111,28 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
      */
     constructor() {
         super();
+        addInheritanceProviderController(this, {
+            context: CAROUSEL_INHERITANCE_CONTEXT,
+            values: () => ({
+                disabled: this.disabled
+            })
+        });
+        this._listElement = null;
         this._position = 0;
         this._hasPrevious = false;
         this._hasNext = false;
         this._loop = false;
         this._showNavigation = false;
         this._showIndicator = false;
+        this._navigationPosition = CarouselNavigationPosition.Inside;
+        this._displayMode = CarouselDisplayMode.Slide;
+        this._deckAnimating = false;
     }
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -196,6 +193,8 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
     * Gets or sets the `hasPrevious` property.
     *
     * @public
+    * @attr
+    * @readonly
     */
     get hasPrevious() {
         return this._hasPrevious;
@@ -211,6 +210,7 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
      *
      * @public
      * @attr
+     * @readonly
      */
     get hasNext() {
         return this._hasNext;
@@ -221,12 +221,45 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
             this.requestUpdate('hasNext');
         }
     }
+    /**
+     * Gets or sets the `navigationPosition` property.
+     * Controls where the navigation buttons are placed relative to the carousel content.
+     *
+     * @public
+     * @attr
+     */
+    get navigationPosition() {
+        return this._navigationPosition;
+    }
+    set navigationPosition(value) {
+        if (this._navigationPosition !== value) {
+            this._navigationPosition = value;
+            this.requestUpdate('navigationPosition');
+        }
+    }
+    /**
+     * Gets or sets the `displayMode` property.
+     * Determines how carousel items are arranged and transitioned.
+     * Use `slide` for a traditional horizontal track or `deck` for stacked card presentation.
+     *
+     * @public
+     * @attr
+     */
+    get displayMode() {
+        return this._displayMode;
+    }
+    set displayMode(value) {
+        if (this._displayMode !== value) {
+            this._displayMode = value;
+            this.requestUpdate('displayMode');
+        }
+    }
     /**
      * Gets the items of the Carousel.
      *
      * @remark
      * It is important to override the base class property to ensure that only
-     * {@link CarouselItemElement} instances are returned.
+     * `CarouselItemElement` instances are returned.
      *
      * @public
      * @readonly
@@ -253,7 +286,12 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
      */
     select(item) {
         super.select(item);
-        this.scrollToActiveItem();
+        if (this._displayMode === CarouselDisplayMode.Deck) {
+            this.updateDeckLayout();
+        }
+        else {
+            this.scrollToActiveItem();
+        }
     }
     /**
      * @public
@@ -263,6 +301,9 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
         if (this.isOutOfRange(this.selectedIndex, 'next')) {
             this.selectFirst();
         }
+        else if (this._displayMode === CarouselDisplayMode.Deck) {
+            this.dismissDeckCard('next');
+        }
         else {
             super.selectNext();
             this.scrollToActiveItem();
@@ -276,6 +317,9 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
         if (this.isOutOfRange(this.selectedIndex, 'prev')) {
             this.selectLast();
         }
+        else if (this._displayMode === CarouselDisplayMode.Deck) {
+            this.arriveDeckCard('prev');
+        }
         else {
             super.selectPrevious();
             this.scrollToActiveItem();
@@ -287,7 +331,12 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
      */
     selectFirst() {
         super.selectFirst();
-        this.scrollToActiveItem();
+        if (this._displayMode === CarouselDisplayMode.Deck) {
+            this.updateDeckLayout();
+        }
+        else {
+            this.scrollToActiveItem();
+        }
     }
     /**
      * @public
@@ -295,7 +344,12 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
      */
     selectLast() {
         super.selectLast();
-        this.scrollToActiveItem();
+        if (this._displayMode === CarouselDisplayMode.Deck) {
+            this.updateDeckLayout();
+        }
+        else {
+            this.scrollToActiveItem();
+        }
     }
     /**
      * @protected
@@ -303,7 +357,7 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
      */
     onApplyTemplate() {
         super.onApplyTemplate();
-        this._list = this.getTemplatePart('list');
+        this._listElement = this.getTemplatePart('list', 'token');
     }
     /**
      * @protected
@@ -320,8 +374,101 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
             this.hasPrevious = this._loop ? this._loop : false;
             this.hasNext = this._loop ? true : items.length > 1;
         }
+        if (this._displayMode === CarouselDisplayMode.Deck) {
+            this.updateDeckLayout();
+        }
+    }
+    /**
+     * Called when the `displayMode` property changes.
+     * Re-applies the appropriate layout for the new mode.
+     *
+     * @protected
+     */
+    onDisplayModeChanged() {
+        if (this._displayMode === CarouselDisplayMode.Deck) {
+            this.updateDeckLayout();
+        }
+    }
+    /**
+     * Resets all deck item attributes to reflect the current selection.
+     * Only manages state attributes - all visual presentation is handled in SCSS.
+     *
+     * @private
+     */
+    updateDeckLayout() {
+        const items = this.items;
+        const activeIndex = this.selectedIndex;
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i];
+            item.isDismissed = false;
+            item.dismissDirection = null;
+            item.isActive = i === activeIndex;
+        }
+        this.hasPrevious = this._loop ? true : activeIndex > 0;
+        this.hasNext = this._loop ? true : activeIndex < items.length - 1;
+    }
+    /**
+     * Dismisses the current top card in the given direction.
+     * The card slides off-screen (CSS transition), then snaps back behind the
+     * pile and the next card becomes active.
+     *
+     * @param direction - The direction the card leaves ('next' or 'prev').
+     * @private
+     */
+    dismissDeckCard(direction) {
+        if (this._deckAnimating) {
+            return;
+        }
+        this._deckAnimating = true;
+        const leavingCard = this.items[this.selectedIndex];
+        leavingCard.dismissDirection = direction;
+        leavingCard.isDismissed = true;
+        const onTransitionEnd = () => {
+            leavingCard.removeEventListener('transitionend', onTransitionEnd);
+            leavingCard.setAttribute('no-transition', '');
+            super.selectNext();
+            this.updateDeckLayout();
+            requestAnimationFrame(() => {
+                leavingCard.removeAttribute('no-transition');
+                this._deckAnimating = false;
+            });
+        };
+        leavingCard.addEventListener('transitionend', onTransitionEnd);
     }
     /**
+     * Brings a card from behind the pile to the top position.
+     * The card is placed off-screen instantly, then transitions in as it
+     * becomes the new active card.
+     *
+     * @param direction - The direction the card arrives from ('next' or 'prev').
+     * @private
+     */
+    arriveDeckCard(direction) {
+        if (this._deckAnimating) {
+            return;
+        }
+        this._deckAnimating = true;
+        const arrivingCard = this.items[this.selectedIndex - 1];
+        // Instantly position off-screen without transition.
+        arrivingCard.setAttribute('no-transition', '');
+        arrivingCard.dismissDirection = direction;
+        arrivingCard.isDismissed = true;
+        // Force style recalculation so the browser paints the off-screen position.
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+        arrivingCard.offsetHeight;
+        // Re-enable transitions, then move to active position.
+        arrivingCard.removeAttribute('no-transition');
+        super.selectPrevious();
+        this.updateDeckLayout();
+        const onTransitionEnd = () => {
+            arrivingCard.removeEventListener('transitionend', onTransitionEnd);
+            this._deckAnimating = false;
+        };
+        arrivingCard.addEventListener('transitionend', onTransitionEnd);
+    }
+    /**
+     * Scrolls the slide-mode track so that the active item is in view.
+     *
      * @private
      */
     scrollToActiveItem() {
@@ -334,17 +481,9 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
         if (this.selectedIndex > 0 && !this.isOutOfView(this.selectedIndex - 1)) {
             targetItemIndex = this.items.findIndex((_, i) => !this.isOutOfView(i)) + 1;
         }
-        // // If loop is true and the current position is the last, go to first
-        // if (this._loop && this.selectedIndex === this.items.length - 1) {
-        //     targetItemIndex = 0;
-        // }
-        // // If loop is true and the current position is the first, go to last
-        // if (this._loop && this.selectedIndex === 0) {
-        //     targetItemIndex = this.items.length - 1;
-        // }
         this._position = this.items[targetItemIndex].offsetLeft;
-        if (this._list) {
-            this._list.style.transform = `translateX(-${this._position}px)`;
+        if (this._listElement) {
+            this._listElement.style.transform = `translateX(-${this._position}px)`;
         }
         this.hasPrevious = this._loop ? true : this.selectedIndex > 0;
         this.hasNext = this._loop ? this._loop : false;
@@ -364,7 +503,7 @@ let CarouselElement = class CarouselElement extends Themeable(Disableable(Appear
         const { offsetWidth, offsetLeft } = this.items[index];
         return (!direction || direction === 'prev') && offsetLeft - this._position < 0
             ? true
-            : (!direction || direction === 'next') && offsetWidth + offsetLeft - this._position > (this._list?.clientWidth ?? 0);
+            : (!direction || direction === 'next') && offsetWidth + offsetLeft - this._position > (this._listElement?.clientWidth ?? 0);
     }
     /**
      * Checks whether an index is out of range.
@@ -417,6 +556,22 @@ __decorate([
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], CarouselElement.prototype, "hasNext", null);
+__decorate([
+    Attribute({ type: CarouselNavigationPosition }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], CarouselElement.prototype, "navigationPosition", null);
+__decorate([
+    Attribute({ type: CarouselDisplayMode }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], CarouselElement.prototype, "displayMode", null);
+__decorate([
+    Watch('displayMode'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CarouselElement.prototype, "onDisplayModeChanged", null);
 CarouselElement = __decorate([
     Component({
         selector: 'mosaik-carousel',

package/Controls/Components/Selectors/Carousel/CarouselElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CarouselElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Selectors/Carousel/CarouselElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { CarouselElement } from './CarouselElement';
 /**
- * The template of the {@link CarouselElement}.
+ * The template of the `CarouselElement`.
  *
  * @public
  */

package/Controls/Components/Selectors/Carousel/CarouselElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAoCvF"}
+{"version":3,"file":"CarouselElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA0CvF"}

package/Controls/Components/Selectors/Carousel/CarouselElementTemplate.js

@@ -1,9 +1,11 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
+import { partMap } from '../../../Directives/part-map/PartMapDirective';
+import { CarouselDisplayMode } from '../../../Types/CarouselDisplayMode';
 // #endregion
 /**
- * The template of the {@link CarouselElement}.
+ * The template of the `CarouselElement`.
  *
  * @public
  */
@@ -12,6 +14,8 @@ export function carouselElementTemplate(e) {
         ${when(e.showNavigation, () => html `
         <mosaik-fab part="previous"
                     aria-label="previous"
+                    .lang="${e.lang}"
+                    .dir="${e.dir}"
                     .appearance="${e.appearance}"
                     .variant="${e.variant}"
                     .disabled="${e.disabled || !e.hasPrevious}"
@@ -20,7 +24,7 @@ export function carouselElementTemplate(e) {
         `)}
         <div part="content"
              role="region">
-            <div part="list"
+            <div part=${partMap({ 'list': true, 'slide': e.displayMode === CarouselDisplayMode.Slide, 'deck': e.displayMode === CarouselDisplayMode.Deck })}
                  role="list"
                  tabindex="0">
                 <slot></slot>
@@ -29,6 +33,8 @@ export function carouselElementTemplate(e) {
         ${when(e.showNavigation, () => html `
         <mosaik-fab part="next"
                     aria-label="next"
+                    .lang="${e.lang}"
+                    .dir="${e.dir}"
                     .appearance="${e.appearance}"
                     .variant="${e.variant}"
                     .disabled="${e.disabled || !e.hasNext}"
@@ -38,7 +44,9 @@ export function carouselElementTemplate(e) {
         ${when(e.showIndicator, () => html `
         <div part="indicator">
             <slot name="indicator">
-                <mosaik-text .text="${e.selectedIndex + 1} / ${e.items.length}"></mosaik-text>
+                <mosaik-text .lang="${e.lang}"
+                             .dir="${e.dir}"
+                             .text="${e.selectedIndex + 1} / ${e.items.length}"></mosaik-text>
             </slot>
         </div>
         `)}

package/Controls/Components/Selectors/Carousel/CarouselElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAA4B,CAAI;IACnE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;mCAGR,CAAC,CAAC,UAAU;gCACf,CAAC,CAAC,OAAO;iCACR,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,WAAW;6BAChC,0HAA0H;8BACzH,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SAC7C,CAAC;;;;;;;;;UASA,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;mCAGR,CAAC,CAAC,UAAU;gCACf,CAAC,CAAC,OAAO;iCACR,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,OAAO;6BAC5B,2HAA2H;8BAC1H,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;SACzC,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;sCAGJ,CAAC,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM;;;SAGpE,CAAC;KACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"CarouselElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAA4B,CAAI;IACnE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6BAGd,CAAC,CAAC,IAAI;4BACP,CAAC,CAAC,GAAG;mCACE,CAAC,CAAC,UAAU;gCACf,CAAC,CAAC,OAAO;iCACR,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,WAAW;6BAChC,0HAA0H;8BACzH,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;SAC7C,CAAC;;;wBAGc,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,WAAW,KAAK,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,WAAW,KAAK,mBAAmB,CAAC,IAAI,EAAE,CAAC;;;;;;UAMjJ,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6BAGd,CAAC,CAAC,IAAI;4BACP,CAAC,CAAC,GAAG;mCACE,CAAC,CAAC,UAAU;gCACf,CAAC,CAAC,OAAO;iCACR,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,OAAO;6BAC5B,2HAA2H;8BAC1H,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;SACzC,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;sCAGJ,CAAC,CAAC,IAAI;qCACP,CAAC,CAAC,GAAG;sCACJ,CAAC,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM;;;SAGpE,CAAC;KACL,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Carousel/CarouselInheritanceContext.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Interface for properties inherited by child CarouselItemElements.
+ *
+ * @public
+ */
+export interface ICarouselInherited {
+    /**
+     * Inherited disabled state.
+     */
+    disabled?: boolean;
+}
+/**
+ * Context for Carousel → CarouselItem inheritance.
+ *
+ * @public
+ */
+export declare const CAROUSEL_INHERITANCE_CONTEXT: {
+    __context__: Partial<ICarouselInherited>;
+};
+//# sourceMappingURL=CarouselInheritanceContext.d.ts.map

package/Controls/Components/Selectors/Carousel/CarouselInheritanceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselInheritanceContext.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselInheritanceContext.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IAI/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CAItB;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;CAAwF,CAAC"}

package/Controls/Components/Selectors/Carousel/CarouselInheritanceContext.js

@@ -0,0 +1,9 @@
+// #region Imports
+import { createContext } from '@lit/context';
+/**
+ * Context for Carousel → CarouselItem inheritance.
+ *
+ * @public
+ */
+export const CAROUSEL_INHERITANCE_CONTEXT = createContext(Symbol.for('mosaik:carousel:inheritance'));
+//# sourceMappingURL=CarouselInheritanceContext.js.map

package/Controls/Components/Selectors/Carousel/CarouselInheritanceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselInheritanceContext.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselInheritanceContext.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAsB7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,aAAa,CAA8B,MAAM,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC"}