@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","names":[],"sources":["../../../src/components/carousel/carousel.ts"],"sourcesContent":["import { html, nothing, PropertyValues } from 'lit';\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { carouselStyles } from './carousel.css.js';\nimport { MdCarouselItem } from './carousel-item.js';\n\nexport * from './carousel-item.js';\n\nexport type CarouselLayout = 'multi-browse' | 'hero' | 'full-width' | 'uncontained';\n\n/**\n * Material Design 3 Carousel Component.\n *\n * Supports multi-browse, hero, full-width, and uncontained layouts,\n * smooth scrolling, next/prev navigation buttons, swipe/drag gestures, and pagination indicators.\n *\n * @slot - Default slot for `md-carousel-item` elements.\n * @slot prev-button - Custom previous navigation button.\n * @slot next-button - Custom next navigation button.\n */\n@customElement('md-carousel')\nexport class MdCarousel extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, carouselStyles];\n\n  @property({ type: String, reflect: true })\n  layout: CarouselLayout = 'multi-browse';\n\n  @property({ type: Number, reflect: true, attribute: 'active-index' })\n  activeIndex = 0;\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-controls' })\n  hideControls = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-indicators' })\n  hideIndicators = false;\n\n  @property({ type: Boolean, reflect: true })\n  loop = false;\n\n  @property({ type: Boolean, reflect: true })\n  autoplay = false;\n\n  @property({ type: Number, attribute: 'autoplay-interval' })\n  autoplayInterval = 5000;\n\n  @property({ type: String, attribute: 'item-spacing' })\n  itemSpacing = '';\n\n  @property({ type: String, attribute: 'item-width' })\n  itemWidth = '';\n\n  @property({ type: String, attribute: 'item-height' })\n  itemHeight = '';\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'Carousel';\n\n  @queryAssignedElements({ selector: 'md-carousel-item', flatten: true })\n  private assignedItems!: MdCarouselItem[];\n\n  private get items(): MdCarouselItem[] {\n    if (this.assignedItems && this.assignedItems.length > 0) {\n      return this.assignedItems;\n    }\n    return Array.from(this.querySelectorAll('md-carousel-item')) as MdCarouselItem[];\n  }\n\n  @query('.carousel-scroller')\n  private scrollerElement?: HTMLElement;\n\n  @state()\n  private isAtStart = true;\n\n  @state()\n  private isAtEnd = false;\n\n  @state()\n  private itemCount = 0;\n\n  private autoplayTimer: ReturnType<typeof setInterval> | null = null;\n  private isDragging = false;\n  private dragStartX = 0;\n  private dragStartScrollLeft = 0;\n  private dragThresholdPassed = false;\n  private isUserInteracting = false;\n  private isProgrammaticScroll = false;\n  private programmaticScrollTimer: ReturnType<typeof setTimeout> | null = null;\n  private scrollDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'region');\n    this.setAttribute('aria-roledescription', 'carousel');\n    if (!this.hasAttribute('aria-label') && this.ariaLabelText) {\n      this.setAttribute('aria-label', this.ariaLabelText);\n    }\n    this.addEventListener('keydown', this.handleKeyDown);\n    this.addEventListener('mouseenter', this.handleMouseEnter);\n    this.addEventListener('mouseleave', this.handleMouseLeave);\n    this.addEventListener('focusin', this.handleFocusIn);\n    this.addEventListener('focusout', this.handleFocusOut);\n\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.stopAutoplay();\n    this.removeEventListener('keydown', this.handleKeyDown);\n    this.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.removeEventListener('focusin', this.handleFocusIn);\n    this.removeEventListener('focusout', this.handleFocusOut);\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n    if (this.programmaticScrollTimer) {\n      clearTimeout(this.programmaticScrollTimer);\n    }\n  }\n\n  override updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('itemSpacing')) {\n      if (this.itemSpacing) {\n        const spacingVal = isNaN(Number(this.itemSpacing)) ? this.itemSpacing : `${this.itemSpacing}px`;\n        this.style.setProperty('--md-carousel-spacing', spacingVal);\n      } else {\n        this.style.removeProperty('--md-carousel-spacing');\n      }\n    }\n\n    if (changedProperties.has('itemWidth')) {\n      if (this.itemWidth) {\n        const widthVal = isNaN(Number(this.itemWidth)) ? this.itemWidth : `${this.itemWidth}px`;\n        this.style.setProperty('--md-carousel-item-width', widthVal);\n      } else {\n        this.style.removeProperty('--md-carousel-item-width');\n      }\n    }\n\n    if (changedProperties.has('itemHeight')) {\n      if (this.itemHeight) {\n        const heightVal = isNaN(Number(this.itemHeight)) ? this.itemHeight : `${this.itemHeight}px`;\n        this.style.setProperty('--md-carousel-height', heightVal);\n        this.style.setProperty('--md-carousel-item-height', heightVal);\n      } else {\n        this.style.removeProperty('--md-carousel-height');\n        this.style.removeProperty('--md-carousel-item-height');\n      }\n    }\n\n    if (changedProperties.has('layout')) {\n      this.syncItemsLayout();\n    }\n\n    if (changedProperties.has('autoplay') || changedProperties.has('autoplayInterval')) {\n      if (this.autoplay) {\n        this.startAutoplay();\n      } else {\n        this.stopAutoplay();\n      }\n    }\n\n    if (changedProperties.has('activeIndex') && !this.isUserInteracting && !this.isProgrammaticScroll) {\n      this.scrollToIndex(this.activeIndex, true);\n    }\n\n    this.updateControlsState();\n  }\n\n  private handleSlotChange = () => {\n    this.itemCount = this.items?.length || 0;\n    this.syncItemsLayout();\n    this.updateControlsState();\n  };\n\n  private syncItemsLayout() {\n    if (!this.items) return;\n    this.items.forEach((item, index) => {\n      item.layout = this.layout;\n      item.setAttribute('aria-label', `Slide ${index + 1} of ${this.items.length}`);\n    });\n  }\n\n  private startAutoplay() {\n    this.stopAutoplay();\n    if (this.autoplay && this.autoplayInterval > 0) {\n      this.autoplayTimer = setInterval(() => {\n        this.next();\n      }, this.autoplayInterval);\n    }\n  }\n\n  private stopAutoplay() {\n    if (this.autoplayTimer) {\n      clearInterval(this.autoplayTimer);\n      this.autoplayTimer = null;\n    }\n  }\n\n  private handleMouseEnter = () => {\n    this.stopAutoplay();\n  };\n\n  private handleMouseLeave = () => {\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  private handleFocusIn = () => {\n    this.stopAutoplay();\n  };\n\n  private handleFocusOut = () => {\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  /**\n   * Scrolls to the previous slide in the carousel.\n   */\n  public previous(): void {\n    const count = this.items?.length || 0;\n    if (count === 0) return;\n\n    if (this.activeIndex > 0) {\n      this.scrollToIndex(this.activeIndex - 1, true);\n    } else if (this.loop) {\n      this.scrollToIndex(count - 1, true);\n    }\n  }\n\n  /**\n   * Scrolls to the next slide in the carousel.\n   */\n  public next(): void {\n    const count = this.items?.length || 0;\n    if (count === 0) return;\n\n    if (this.activeIndex < count - 1) {\n      this.scrollToIndex(this.activeIndex + 1, true);\n    } else if (this.loop) {\n      this.scrollToIndex(0, true);\n    }\n  }\n\n  /**\n   * Smoothly scrolls to a specific item index.\n   */\n  public scrollToIndex(index: number, smooth: boolean = true): void {\n    if (!this.items || this.items.length === 0) return;\n\n    const clampedIndex = Math.max(0, Math.min(index, this.items.length - 1));\n    const targetItem = this.items[clampedIndex];\n\n    this.isProgrammaticScroll = true;\n    if (this.programmaticScrollTimer) {\n      clearTimeout(this.programmaticScrollTimer);\n    }\n    this.programmaticScrollTimer = setTimeout(() => {\n      this.isProgrammaticScroll = false;\n    }, smooth ? 500 : 50);\n\n    if (targetItem && this.scrollerElement) {\n      if (clampedIndex === 0) {\n        this.scrollerElement.scrollTo({\n          left: 0,\n          behavior: smooth ? 'smooth' : 'auto',\n        });\n      } else {\n        const scrollerRect = this.scrollerElement.getBoundingClientRect();\n        const itemRect = targetItem.getBoundingClientRect();\n        const currentScroll = this.scrollerElement.scrollLeft;\n        const targetScroll = currentScroll + (itemRect.left - scrollerRect.left);\n\n        this.scrollerElement.scrollTo({\n          left: Math.max(0, targetScroll),\n          behavior: smooth ? 'smooth' : 'auto',\n        });\n      }\n    }\n\n    if (this.activeIndex !== clampedIndex) {\n      this.activeIndex = clampedIndex;\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        item: this.items[this.activeIndex],\n      });\n    }\n\n    this.updateControlsState();\n  }\n\n  private updateControlsState() {\n    const count = this.items?.length || 0;\n    if (count === 0) {\n      this.isAtStart = true;\n      this.isAtEnd = true;\n      return;\n    }\n\n    if (this.loop) {\n      this.isAtStart = false;\n      this.isAtEnd = false;\n      return;\n    }\n\n    this.isAtStart = this.activeIndex <= 0;\n    this.isAtEnd = this.activeIndex >= count - 1;\n  }\n\n  private handleScroll = () => {\n    if (this.isProgrammaticScroll || this.isDragging) return;\n\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.determineActiveIndexFromScroll();\n    }, 80);\n  };\n\n  private determineActiveIndexFromScroll() {\n    if (this.isProgrammaticScroll || this.isDragging) return;\n    if (!this.scrollerElement || !this.items || this.items.length === 0) return;\n\n    const scrollerRect = this.scrollerElement.getBoundingClientRect();\n    const scrollerLeft = scrollerRect.left;\n\n    let closestIndex = 0;\n    let minDistance = Infinity;\n\n    this.items.forEach((item, index) => {\n      const itemRect = item.getBoundingClientRect();\n      const distance = Math.abs(itemRect.left - scrollerLeft);\n      if (distance < minDistance) {\n        minDistance = distance;\n        closestIndex = index;\n      }\n    });\n\n    if (this.activeIndex !== closestIndex) {\n      this.isUserInteracting = true;\n      this.activeIndex = closestIndex;\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        item: this.items[this.activeIndex],\n      });\n      this.isUserInteracting = false;\n      this.updateControlsState();\n    }\n  }\n\n  /* --- Pointer / Mouse Drag & Touch Swipe Support --- */\n\n  private handlePointerDown = (event: PointerEvent) => {\n    if (event.button !== 0 && event.pointerType === 'mouse') return;\n    if (!this.scrollerElement) return;\n\n    this.isProgrammaticScroll = false;\n    this.isDragging = true;\n    this.dragThresholdPassed = false;\n    this.dragStartX = event.clientX;\n    this.dragStartScrollLeft = this.scrollerElement.scrollLeft;\n    this.scrollerElement.classList.add('is-dragging');\n    this.stopAutoplay();\n\n    try {\n      (event.currentTarget as HTMLElement)?.setPointerCapture?.(event.pointerId);\n    } catch (_) {\n      // Ignore if pointer capture is not supported\n    }\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (!this.isDragging || !this.scrollerElement) return;\n\n    const deltaX = event.clientX - this.dragStartX;\n    if (Math.abs(deltaX) > 5) {\n      this.dragThresholdPassed = true;\n    }\n\n    if (this.dragThresholdPassed) {\n      this.scrollerElement.scrollLeft = this.dragStartScrollLeft - deltaX;\n    }\n  };\n\n  private handlePointerUp = (event: PointerEvent) => {\n    if (!this.isDragging) return;\n    this.isDragging = false;\n\n    try {\n      (event.currentTarget as HTMLElement)?.releasePointerCapture?.(event.pointerId);\n    } catch (_) {\n      // Ignore if pointer release is not supported\n    }\n\n    if (this.scrollerElement) {\n      this.scrollerElement.classList.remove('is-dragging');\n    }\n\n    if (this.dragThresholdPassed && this.scrollerElement) {\n      const deltaX = event.clientX - this.dragStartX;\n      if (Math.abs(deltaX) > 40) {\n        if (deltaX < 0) {\n          this.next();\n        } else {\n          this.previous();\n        }\n      } else {\n        this.scrollToIndex(this.activeIndex, true);\n      }\n    }\n\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  private handlePointerCancel = (event: PointerEvent) => {\n    if (!this.isDragging) return;\n    this.isDragging = false;\n\n    try {\n      (event.currentTarget as HTMLElement)?.releasePointerCapture?.(event.pointerId);\n    } catch (_) {\n      // Ignore if pointer release is not supported\n    }\n\n    if (this.scrollerElement) {\n      this.scrollerElement.classList.remove('is-dragging');\n    }\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.next();\n    } else if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.previous();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      this.scrollToIndex(0);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      this.scrollToIndex((this.items?.length || 1) - 1);\n    }\n  };\n\n  override render() {\n    const count = this.items?.length ?? this.itemCount;\n    const showControls = !this.hideControls && (count > 1 || count === 0);\n    const showIndicators = !this.hideIndicators && count > 1;\n\n    return html`\n      <div class=\"carousel-root\">\n        <div class=\"carousel-viewport-wrapper\">\n          ${showControls ? html`\n            <slot name=\"prev-button\">\n              <button\n                class=\"control-button prev\"\n                type=\"button\"\n                aria-label=\"Previous slide\"\n                ?disabled=${!this.loop && this.isAtStart}\n                @click=${() => this.previous()}\n              >\n                <md-icon name=\"chevron_left\"></md-icon>\n              </button>\n            </slot>\n            <slot name=\"next-button\">\n              <button\n                class=\"control-button next\"\n                type=\"button\"\n                aria-label=\"Next slide\"\n                ?disabled=${!this.loop && this.isAtEnd}\n                @click=${() => this.next()}\n              >\n                <md-icon name=\"chevron_right\"></md-icon>\n              </button>\n            </slot>\n          ` : nothing}\n\n          <div\n            class=\"carousel-scroller\"\n            id=\"carousel-scroller\"\n            tabindex=\"0\"\n            aria-label=${this.ariaLabelText}\n            @scroll=${this.handleScroll}\n            @pointerdown=${this.handlePointerDown}\n            @pointermove=${this.handlePointerMove}\n            @pointerup=${this.handlePointerUp}\n            @pointercancel=${this.handlePointerCancel}\n          >\n            <slot @slotchange=${this.handleSlotChange}></slot>\n          </div>\n        </div>\n\n        ${showIndicators ? html`\n          <div class=\"indicators\" role=\"tablist\" aria-label=\"Carousel navigation\">\n            ${Array.from({ length: count }).map((_, index) => html`\n              <button\n                class=\"indicator-dot ${index === this.activeIndex ? 'active' : ''}\"\n                type=\"button\"\n                role=\"tab\"\n                aria-selected=${index === this.activeIndex ? 'true' : 'false'}\n                aria-label=\"Go to slide ${index + 1}\"\n                @click=${() => this.scrollToIndex(index)}\n              ></button>\n            `)}\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-carousel': MdCarousel;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"carousel.js","names":[],"sources":["../../../src/components/carousel/carousel.ts"],"sourcesContent":["import { html, nothing, PropertyValues } from 'lit';\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { carouselStyles } from './carousel.css.js';\nimport { MdCarouselItem } from './carousel-item.js';\n\nexport * from './carousel-item.js';\n\nexport type CarouselLayout = 'multi-browse' | 'hero' | 'full-width' | 'uncontained';\n\n/**\n * Material Design 3 Carousel Component.\n *\n * Supports multi-browse, hero, full-width, and uncontained layouts,\n * smooth scrolling, next/prev navigation buttons, swipe/drag gestures, and pagination indicators.\n *\n * @slot - Default slot for `md-carousel-item` elements.\n * @slot prev-button - Custom previous navigation button.\n * @slot next-button - Custom next navigation button.\n */\n@customElement('md-carousel')\nexport class MdCarousel extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, carouselStyles];\n\n  @property({ type: String, reflect: true })\n  layout: CarouselLayout = 'multi-browse';\n\n  @property({ type: Number, reflect: true, attribute: 'active-index' })\n  activeIndex = 0;\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-controls' })\n  hideControls = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-indicators' })\n  hideIndicators = false;\n\n  @property({ type: Boolean, reflect: true })\n  loop = false;\n\n  @property({ type: Boolean, reflect: true })\n  autoplay = false;\n\n  @property({ type: Number, attribute: 'autoplay-interval' })\n  autoplayInterval = 5000;\n\n  @property({ type: String, attribute: 'item-spacing' })\n  itemSpacing = '';\n\n  @property({ type: String, attribute: 'item-width' })\n  itemWidth = '';\n\n  @property({ type: String, attribute: 'item-height' })\n  itemHeight = '';\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'Carousel';\n\n  @queryAssignedElements({ selector: 'md-carousel-item', flatten: true })\n  private assignedItems!: MdCarouselItem[];\n\n  private get items(): MdCarouselItem[] {\n    if (this.assignedItems && this.assignedItems.length > 0) {\n      return this.assignedItems;\n    }\n    return Array.from(this.querySelectorAll('md-carousel-item')) as MdCarouselItem[];\n  }\n\n  @query('.carousel-scroller')\n  private scrollerElement?: HTMLElement;\n\n  @state()\n  private isAtStart = true;\n\n  @state()\n  private isAtEnd = false;\n\n  @state()\n  private itemCount = 0;\n\n  private autoplayTimer: ReturnType<typeof setInterval> | null = null;\n  private isDragging = false;\n  private dragStartX = 0;\n  private dragStartScrollLeft = 0;\n  private dragThresholdPassed = false;\n  private isUserInteracting = false;\n  private isProgrammaticScroll = false;\n  private programmaticScrollTimer: ReturnType<typeof setTimeout> | null = null;\n  private scrollDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'region');\n    this.setAttribute('aria-roledescription', 'carousel');\n    if (!this.hasAttribute('aria-label') && this.ariaLabelText) {\n      this.setAttribute('aria-label', this.ariaLabelText);\n    }\n    this.addEventListener('keydown', this.handleKeyDown);\n    this.addEventListener('mouseenter', this.handleMouseEnter);\n    this.addEventListener('mouseleave', this.handleMouseLeave);\n    this.addEventListener('focusin', this.handleFocusIn);\n    this.addEventListener('focusout', this.handleFocusOut);\n\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.stopAutoplay();\n    this.removeEventListener('keydown', this.handleKeyDown);\n    this.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.removeEventListener('focusin', this.handleFocusIn);\n    this.removeEventListener('focusout', this.handleFocusOut);\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n    if (this.programmaticScrollTimer) {\n      clearTimeout(this.programmaticScrollTimer);\n    }\n  }\n\n  override updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('itemSpacing')) {\n      if (this.itemSpacing) {\n        const spacingVal = isNaN(Number(this.itemSpacing)) ? this.itemSpacing : `${this.itemSpacing}px`;\n        this.style.setProperty('--md-carousel-spacing', spacingVal);\n      } else {\n        this.style.removeProperty('--md-carousel-spacing');\n      }\n    }\n\n    if (changedProperties.has('itemWidth')) {\n      if (this.itemWidth) {\n        const widthVal = isNaN(Number(this.itemWidth)) ? this.itemWidth : `${this.itemWidth}px`;\n        this.style.setProperty('--md-carousel-item-width', widthVal);\n      } else {\n        this.style.removeProperty('--md-carousel-item-width');\n      }\n    }\n\n    if (changedProperties.has('itemHeight')) {\n      if (this.itemHeight) {\n        const heightVal = isNaN(Number(this.itemHeight)) ? this.itemHeight : `${this.itemHeight}px`;\n        this.style.setProperty('--md-carousel-height', heightVal);\n        this.style.setProperty('--md-carousel-item-height', heightVal);\n      } else {\n        this.style.removeProperty('--md-carousel-height');\n        this.style.removeProperty('--md-carousel-item-height');\n      }\n    }\n\n    if (changedProperties.has('layout')) {\n      this.syncItemsLayout();\n    }\n\n    if (changedProperties.has('autoplay') || changedProperties.has('autoplayInterval')) {\n      if (this.autoplay) {\n        this.startAutoplay();\n      } else {\n        this.stopAutoplay();\n      }\n    }\n\n    if (changedProperties.has('activeIndex') && !this.isUserInteracting && !this.isProgrammaticScroll) {\n      this.scrollToIndex(this.activeIndex, true);\n    }\n\n    this.updateControlsState();\n  }\n\n  private handleSlotChange = () => {\n    this.itemCount = this.items?.length || 0;\n    this.syncItemsLayout();\n    this.updateControlsState();\n  };\n\n  private syncItemsLayout() {\n    if (!this.items) return;\n    this.items.forEach((item, index) => {\n      item.layout = this.layout;\n      item.setAttribute('aria-label', `Slide ${index + 1} of ${this.items.length}`);\n    });\n  }\n\n  private startAutoplay() {\n    this.stopAutoplay();\n    if (this.autoplay && this.autoplayInterval > 0) {\n      this.autoplayTimer = setInterval(() => {\n        this.next();\n      }, this.autoplayInterval);\n    }\n  }\n\n  private stopAutoplay() {\n    if (this.autoplayTimer) {\n      clearInterval(this.autoplayTimer);\n      this.autoplayTimer = null;\n    }\n  }\n\n  private handleMouseEnter = () => {\n    this.stopAutoplay();\n  };\n\n  private handleMouseLeave = () => {\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  private handleFocusIn = () => {\n    this.stopAutoplay();\n  };\n\n  private handleFocusOut = () => {\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  /**\n   * Scrolls to the previous slide in the carousel.\n   */\n  public previous(): void {\n    const count = this.items?.length || 0;\n    if (count === 0) return;\n\n    if (this.activeIndex > 0) {\n      this.scrollToIndex(this.activeIndex - 1, true);\n    } else if (this.loop) {\n      this.scrollToIndex(count - 1, true);\n    }\n  }\n\n  /**\n   * Scrolls to the next slide in the carousel.\n   */\n  public next(): void {\n    const count = this.items?.length || 0;\n    if (count === 0) return;\n\n    if (this.activeIndex < count - 1) {\n      this.scrollToIndex(this.activeIndex + 1, true);\n    } else if (this.loop) {\n      this.scrollToIndex(0, true);\n    }\n  }\n\n  /**\n   * Smoothly scrolls to a specific item index.\n   */\n  public scrollToIndex(index: number, smooth: boolean = true): void {\n    if (!this.items || this.items.length === 0) return;\n\n    const clampedIndex = Math.max(0, Math.min(index, this.items.length - 1));\n    const targetItem = this.items[clampedIndex];\n\n    this.isProgrammaticScroll = true;\n    if (this.programmaticScrollTimer) {\n      clearTimeout(this.programmaticScrollTimer);\n    }\n    this.programmaticScrollTimer = setTimeout(() => {\n      this.isProgrammaticScroll = false;\n    }, smooth ? 500 : 50);\n\n    if (targetItem && this.scrollerElement) {\n      if (clampedIndex === 0) {\n        this.scrollerElement.scrollTo({\n          left: 0,\n          behavior: smooth ? 'smooth' : 'auto',\n        });\n      } else {\n        const scrollerRect = this.scrollerElement.getBoundingClientRect();\n        const itemRect = targetItem.getBoundingClientRect();\n        const currentScroll = this.scrollerElement.scrollLeft;\n        const targetScroll = currentScroll + (itemRect.left - scrollerRect.left);\n\n        this.scrollerElement.scrollTo({\n          left: Math.max(0, targetScroll),\n          behavior: smooth ? 'smooth' : 'auto',\n        });\n      }\n    }\n\n    if (this.activeIndex !== clampedIndex) {\n      this.activeIndex = clampedIndex;\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        item: this.items[this.activeIndex],\n      });\n    }\n\n    this.updateControlsState();\n  }\n\n  private updateControlsState() {\n    const count = this.items?.length || 0;\n    if (count === 0) {\n      this.isAtStart = true;\n      this.isAtEnd = true;\n      return;\n    }\n\n    if (this.loop) {\n      this.isAtStart = false;\n      this.isAtEnd = false;\n      return;\n    }\n\n    this.isAtStart = this.activeIndex <= 0;\n    this.isAtEnd = this.activeIndex >= count - 1;\n  }\n\n  private handleScroll = () => {\n    if (this.isProgrammaticScroll || this.isDragging) return;\n\n    if (this.scrollDebounceTimer) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.determineActiveIndexFromScroll();\n    }, 80);\n  };\n\n  private determineActiveIndexFromScroll() {\n    if (this.isProgrammaticScroll || this.isDragging) return;\n    if (!this.scrollerElement || !this.items || this.items.length === 0) return;\n\n    const scrollerRect = this.scrollerElement.getBoundingClientRect();\n    const scrollerLeft = scrollerRect.left;\n\n    let closestIndex = 0;\n    let minDistance = Infinity;\n\n    this.items.forEach((item, index) => {\n      const itemRect = item.getBoundingClientRect();\n      const distance = Math.abs(itemRect.left - scrollerLeft);\n      if (distance < minDistance) {\n        minDistance = distance;\n        closestIndex = index;\n      }\n    });\n\n    if (this.activeIndex !== closestIndex) {\n      this.isUserInteracting = true;\n      this.activeIndex = closestIndex;\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        item: this.items[this.activeIndex],\n      });\n      this.isUserInteracting = false;\n      this.updateControlsState();\n    }\n  }\n\n  /* --- Pointer / Mouse Drag & Touch Swipe Support --- */\n\n  private handlePointerDown = (event: PointerEvent) => {\n    if (event.button !== 0 && event.pointerType === 'mouse') return;\n    if (!this.scrollerElement) return;\n\n    this.isProgrammaticScroll = false;\n    this.isDragging = true;\n    this.dragThresholdPassed = false;\n    this.dragStartX = event.clientX;\n    this.dragStartScrollLeft = this.scrollerElement.scrollLeft;\n    this.scrollerElement.classList.add('is-dragging');\n    this.stopAutoplay();\n\n    try {\n      (event.currentTarget as HTMLElement)?.setPointerCapture?.(event.pointerId);\n    } catch (_) {\n      // Ignore if pointer capture is not supported\n    }\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (!this.isDragging || !this.scrollerElement) return;\n\n    const deltaX = event.clientX - this.dragStartX;\n    if (Math.abs(deltaX) > 5) {\n      this.dragThresholdPassed = true;\n    }\n\n    if (this.dragThresholdPassed) {\n      this.scrollerElement.scrollLeft = this.dragStartScrollLeft - deltaX;\n    }\n  };\n\n  private handlePointerUp = (event: PointerEvent) => {\n    if (!this.isDragging) return;\n    this.isDragging = false;\n\n    try {\n      (event.currentTarget as HTMLElement)?.releasePointerCapture?.(event.pointerId);\n    } catch (_) {\n      // Ignore if pointer release is not supported\n    }\n\n    if (this.scrollerElement) {\n      this.scrollerElement.classList.remove('is-dragging');\n    }\n\n    if (this.dragThresholdPassed && this.scrollerElement) {\n      const deltaX = event.clientX - this.dragStartX;\n      if (Math.abs(deltaX) > 40) {\n        if (deltaX < 0) {\n          this.next();\n        } else {\n          this.previous();\n        }\n      } else {\n        this.scrollToIndex(this.activeIndex, true);\n      }\n    }\n\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  private handlePointerCancel = (event: PointerEvent) => {\n    if (!this.isDragging) return;\n    this.isDragging = false;\n\n    try {\n      (event.currentTarget as HTMLElement)?.releasePointerCapture?.(event.pointerId);\n    } catch (_) {\n      // Ignore if pointer release is not supported\n    }\n\n    if (this.scrollerElement) {\n      this.scrollerElement.classList.remove('is-dragging');\n    }\n    if (this.autoplay) {\n      this.startAutoplay();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.next();\n    } else if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.previous();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      this.scrollToIndex(0);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      this.scrollToIndex((this.items?.length || 1) - 1);\n    }\n  };\n\n  override render() {\n    const count = this.items?.length ?? this.itemCount;\n    const showControls = !this.hideControls && (count > 1 || count === 0);\n    const showIndicators = !this.hideIndicators && count > 1;\n\n    return html`\n      <div class=\"carousel-root\">\n        <div class=\"carousel-viewport-wrapper\">\n          ${showControls ? html`\n            <slot name=\"prev-button\">\n              <button\n                class=\"control-button prev\"\n                type=\"button\"\n                aria-label=\"Previous slide\"\n                ?disabled=${!this.loop && this.isAtStart}\n                @click=${() => this.previous()}\n              >\n                <md-icon name=\"chevron_left\"></md-icon>\n              </button>\n            </slot>\n            <slot name=\"next-button\">\n              <button\n                class=\"control-button next\"\n                type=\"button\"\n                aria-label=\"Next slide\"\n                ?disabled=${!this.loop && this.isAtEnd}\n                @click=${() => this.next()}\n              >\n                <md-icon name=\"chevron_right\"></md-icon>\n              </button>\n            </slot>\n          ` : nothing}\n\n          <div\n            class=\"carousel-scroller\"\n            id=\"carousel-scroller\"\n            tabindex=\"0\"\n            aria-label=${this.ariaLabelText}\n            @scroll=${this.handleScroll}\n            @pointerdown=${this.handlePointerDown}\n            @pointermove=${this.handlePointerMove}\n            @pointerup=${this.handlePointerUp}\n            @pointercancel=${this.handlePointerCancel}\n          >\n            <slot @slotchange=${this.handleSlotChange}></slot>\n          </div>\n        </div>\n\n        ${showIndicators ? html`\n          <div class=\"indicators\" role=\"tablist\" aria-label=\"Carousel navigation\">\n            ${Array.from({ length: count }).map((_, index) => html`\n              <button\n                class=\"indicator-dot ${index === this.activeIndex ? 'active' : ''}\"\n                type=\"button\"\n                role=\"tab\"\n                aria-selected=${index === this.activeIndex ? 'true' : 'false'}\n                aria-label=\"Go to slide ${index + 1}\"\n                @click=${() => this.scrollToIndex(index)}\n              ></button>\n            `)}\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-carousel': MdCarousel;\n  }\n}\n"],"mappings":"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"}

package/dist/components/checkbox/checkbox.js

@@ -1,4 +1,2 @@
-import { t as r } from "../../chunks/checkbox-BqlboAHd.js";
-export {
-  r as MdCheckbox
-};
+import { t as e } from "../../chunks/checkbox-CsqUHVOF.js";
+export { e as MdCheckbox };

package/dist/components/chip/chip.js

@@ -1,5 +1,2 @@
-import { n as t, t as i } from "../../chunks/chip-CI1ZINnr.js";
-export {
-  i as MdChip,
-  t as MdChipSet
-};
+import { n as e, t } from "../../chunks/chip-B5c-I8bj.js";
+export { t as MdChip, e as MdChipSet };

package/dist/components/code/code.js

@@ -1,5 +1,2 @@
-import { n as d, t as e } from "../../chunks/code-C5UFBkCh.js";
-export {
-  e as MdCode,
-  d as MdCodeBlock
-};
+import { n as e, t } from "../../chunks/code-CM6hIZNx.js";
+export { t as MdCode, e as MdCodeBlock };

package/dist/components/date-picker/date-picker.js

@@ -1,4 +1,2 @@
-import { t } from "../../chunks/date-picker-DJeHi4w-.js";
-export {
-  t as MdDatePicker
-};
+import { t as e } from "../../chunks/date-picker-B15_rR0f.js";
+export { e as MdDatePicker };

package/dist/components/dialog/dialog.js

@@ -1,4 +1,2 @@
-import { t as r } from "../../chunks/dialog-DGVEE5m_.js";
-export {
-  r as MdDialog
-};
+import { t as e } from "../../chunks/dialog-Czknf8dl.js";
+export { e as MdDialog };

package/dist/components/divider/divider.js

@@ -1,4 +1,2 @@
-import { t as i } from "../../chunks/divider-DNepwoZv.js";
-export {
-  i as MdDivider
-};
+import { t as e } from "../../chunks/divider-DIyCOosa.js";
+export { e as MdDivider };

package/dist/components/fab/fab.js

@@ -1,4 +1,2 @@
-import { t as r } from "../../chunks/fab-C9j3WBHE.js";
-export {
-  r as MdFab
-};
+import { t as e } from "../../chunks/fab-aZC0-lHo.js";
+export { e as MdFab };

package/dist/components/fab-menu/fab-menu-item.js

@@ -1,42 +1,43 @@
-import { n as o, t as i } from "../../chunks/decorate-DXuynaiA.js";
-import "../../chunks/ripple-squbKHhj.js";
-import "../../chunks/focus-ring-CuiJuM-y.js";
-import "../../chunks/icon-DrNqcNEL.js";
-import { t as n } from "../../chunks/fab-menu.css-3pu930sZ.js";
-import { html as l, nothing as r } from "lit";
-import { customElement as d, property as a } from "lit/decorators.js";
-var e = class extends o {
-  constructor(...s) {
-    super(...s), this.icon = "", this.label = "", this.labelPlacement = "start", this.disabled = !1, this.value = "", this.size = "small", this.lowered = !1, this.ariaLabelText = "", this.handleClick = (t) => {
-      if (this.disabled) {
-        t.preventDefault(), t.stopImmediatePropagation();
-        return;
-      }
-      this.emitEvent("action", {
-        item: this,
-        value: this.value,
-        label: this.label
-      });
-    }, this.handleKeyDown = (t) => {
-      this.disabled || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.handleClick(t));
-    };
-  }
-  static {
-    this.styles = [o.styles, n];
-  }
-  render() {
-    const s = !!this.label, t = l`
+import { n as e, t } from "../../chunks/decorate-DknOJ8FJ.js";
+import "../../chunks/ripple-CBOKeVfm.js";
+import "../../chunks/focus-ring-K6SY_mIm.js";
+import "../../chunks/icon-FvKeXi61.js";
+import { t as n } from "../../chunks/fab-menu.css-BdVg1k4c.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/components/fab-menu/fab-menu-item.ts
+var s = class extends e {
+	constructor(...e) {
+		super(...e), this.icon = "", this.label = "", this.labelPlacement = "start", this.disabled = !1, this.value = "", this.size = "small", this.lowered = !1, this.ariaLabelText = "", this.handleClick = (e) => {
+			if (this.disabled) {
+				e.preventDefault(), e.stopImmediatePropagation();
+				return;
+			}
+			this.emitEvent("action", {
+				item: this,
+				value: this.value,
+				label: this.label
+			});
+		}, this.handleKeyDown = (e) => {
+			this.disabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick(e));
+		};
+	}
+	static {
+		this.styles = [e.styles, n];
+	}
+	render() {
+		let e = !!this.label, t = r`
       <slot name="label">
-        ${s ? l`<span class="label-pill">${this.label}</span>` : l`<slot class="label-pill"></slot>`}
+        ${e ? r`<span class="label-pill">${this.label}</span>` : r`<slot class="label-pill"></slot>`}
       </slot>
     `;
-    return l`
+		return r`
       <div
         class="item-container"
         role="menuitem"
         tabindex=${this.disabled ? "-1" : "0"}
         aria-disabled=${this.disabled ? "true" : "false"}
-        aria-label=${this.ariaLabelText || this.label || r}
+        aria-label=${this.ariaLabelText || this.label || i}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
       >
@@ -53,41 +54,32 @@ var e = class extends o {
           <md-focus-ring></md-focus-ring>
           <span class="icon-wrapper">
             <slot name="icon">
-              ${this.icon ? l`<md-icon name=${this.icon}></md-icon>` : r}
+              ${this.icon ? r`<md-icon name=${this.icon}></md-icon>` : i}
             </slot>
           </span>
         </button>
       </div>
     `;
-  }
-};
-i([a({ type: String })], e.prototype, "icon", void 0);
-i([a({ type: String })], e.prototype, "label", void 0);
-i([a({
-  type: String,
-  attribute: "label-placement",
-  reflect: !0
-})], e.prototype, "labelPlacement", void 0);
-i([a({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "disabled", void 0);
-i([a({ type: String })], e.prototype, "value", void 0);
-i([a({
-  type: String,
-  reflect: !0
-})], e.prototype, "size", void 0);
-i([a({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "lowered", void 0);
-i([a({
-  type: String,
-  attribute: "aria-label"
-})], e.prototype, "ariaLabelText", void 0);
-e = i([d("md-fab-menu-item")], e);
-export {
-  e as MdFabMenuItem
+	}
 };
+t([o({ type: String })], s.prototype, "icon", void 0), t([o({ type: String })], s.prototype, "label", void 0), t([o({
+	type: String,
+	attribute: "label-placement",
+	reflect: !0
+})], s.prototype, "labelPlacement", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "disabled", void 0), t([o({ type: String })], s.prototype, "value", void 0), t([o({
+	type: String,
+	reflect: !0
+})], s.prototype, "size", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "lowered", void 0), t([o({
+	type: String,
+	attribute: "aria-label"
+})], s.prototype, "ariaLabelText", void 0), s = t([a("md-fab-menu-item")], s);
+//#endregion
+export { s as MdFabMenuItem };
 
 //# sourceMappingURL=fab-menu-item.js.map

package/dist/components/fab-menu/fab-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab-menu-item.js","names":[],"sources":["../../../src/components/fab-menu/fab-menu-item.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { fabMenuItemStyles } from './fab-menu.css.js';\n\nexport type FabMenuItemSize = 'small' | 'medium';\nexport type FabMenuItemLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\n\n/**\n * Material Design 3 FAB Menu Item component.\n * Represents a single action item inside an `md-fab-menu` stack.\n *\n * @element md-fab-menu-item\n *\n * @slot - Default slot for item text label.\n * @slot label - Explicit slot for custom label content.\n * @slot icon - Custom icon replacement.\n *\n * @fires action - Dispatched when the item is clicked or activated.\n */\n@customElement('md-fab-menu-item')\nexport class MdFabMenuItem extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, fabMenuItemStyles];\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String, attribute: 'label-placement', reflect: true })\n  labelPlacement: FabMenuItemLabelPlacement = 'start';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  value = '';\n\n  @property({ type: String, reflect: true })\n  size: FabMenuItemSize = 'small';\n\n  @property({ type: Boolean, reflect: true })\n  lowered = false;\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = '';\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n\n    this.emitEvent('action', {\n      item: this,\n      value: this.value,\n      label: this.label,\n    });\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleClick(event as unknown as MouseEvent);\n    }\n  };\n\n  override render() {\n    const hasLabel = Boolean(this.label);\n    const labelMarkup = html`\n      <slot name=\"label\">\n        ${hasLabel ? html`<span class=\"label-pill\">${this.label}</span>` : html`<slot class=\"label-pill\"></slot>`}\n      </slot>\n    `;\n\n    return html`\n      <div\n        class=\"item-container\"\n        role=\"menuitem\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=${this.ariaLabelText || this.label || nothing}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        ${labelMarkup}\n\n        <button\n          type=\"button\"\n          class=\"mini-fab\"\n          tabindex=\"-1\"\n          ?disabled=${this.disabled}\n          aria-hidden=\"true\"\n        >\n          <md-ripple ?disabled=${this.disabled}></md-ripple>\n          <md-focus-ring></md-focus-ring>\n          <span class=\"icon-wrapper\">\n            <slot name=\"icon\">\n              ${this.icon ? html`<md-icon name=${this.icon}></md-icon>` : nothing}\n            </slot>\n          </span>\n        </button>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-fab-menu-item': MdFabMenuItem;\n  }\n}\n"],"mappings":";;;;;;;AAwBO,IAAM,IAAN,cAA4B,EAAc;AAAA;iBAIxC,KAAA,OAAA,IAGC,KAAA,QAAA,IAGoC,KAAA,iBAAA,SAGjC,KAAA,WAAA,IAGH,KAAA,QAAA,IAGgB,KAAA,OAAA,SAGd,KAAA,UAAA,IAGM,KAAA,gBAAA,IAEO,KAAA,cAAA,CAAA,MAAsB;AAC3C,UAAI,KAAK,UAAU;AACjB,QAAA,EAAM,eAAe,GACrB,EAAM,yBAAyB;AAC/B;AAAA,MACF;AAEA,WAAK,UAAU,UAAU;AAAA,QACvB,MAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,MACd,CAAC;AAAA,IACH,GAEyB,KAAA,gBAAA,CAAA,MAAyB;AAChD,MAAI,KAAK,aACL,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,KAAK,YAAY,CAA8B;AAAA,IAEnD;AAAA;;AA9CyB,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAiB;AAAA;EAgDjE,SAAkB;AAChB,UAAM,IAAW,EAAQ,KAAK,OACxB,IAAc;AAAA;AAAA,UAEd,IAAW,6BAAgC,KAAK,KAAA,YAAiB,mCAAI;AAAA;AAAA;AAI3E,WAAO;AAAA;AAAA;AAAA;AAAA,mBAIQ,KAAK,WAAW,OAAO,GAAA;AAAA,wBAClB,KAAK,WAAW,SAAS,OAAA;AAAA,qBAC5B,KAAK,iBAAiB,KAAK,SAAS,CAAA;AAAA,iBACxC,KAAK,WAAA;AAAA,mBACH,KAAK,aAAA;AAAA;AAAA,UAEd,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMY,KAAK,QAAA;AAAA;AAAA;AAAA,iCAGM,KAAK,QAAA;AAAA;AAAA;AAAA;AAAA,gBAItB,KAAK,OAAO,kBAAqB,KAAK,IAAA,gBAAoB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxE;AACF;AApFG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,MAAA;AAGzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,MAAA;AAGzB,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,WAAW;AAAA,EAAmB,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,MAAA;AAGtE,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,MAAA;AAGzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,MAAA;AAGzB,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,MAAA;AAGxC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,MAAA;AAGzC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,MAAA;AAzBpD,IAAA,EAAA,CAAA,EAAc,kBAAkB,CAAA,GAAA,CAAA"}
+{"version":3,"file":"fab-menu-item.js","names":[],"sources":["../../../src/components/fab-menu/fab-menu-item.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { fabMenuItemStyles } from './fab-menu.css.js';\n\nexport type FabMenuItemSize = 'small' | 'medium';\nexport type FabMenuItemLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\n\n/**\n * Material Design 3 FAB Menu Item component.\n * Represents a single action item inside an `md-fab-menu` stack.\n *\n * @element md-fab-menu-item\n *\n * @slot - Default slot for item text label.\n * @slot label - Explicit slot for custom label content.\n * @slot icon - Custom icon replacement.\n *\n * @fires action - Dispatched when the item is clicked or activated.\n */\n@customElement('md-fab-menu-item')\nexport class MdFabMenuItem extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, fabMenuItemStyles];\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String, attribute: 'label-placement', reflect: true })\n  labelPlacement: FabMenuItemLabelPlacement = 'start';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  value = '';\n\n  @property({ type: String, reflect: true })\n  size: FabMenuItemSize = 'small';\n\n  @property({ type: Boolean, reflect: true })\n  lowered = false;\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = '';\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n\n    this.emitEvent('action', {\n      item: this,\n      value: this.value,\n      label: this.label,\n    });\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleClick(event as unknown as MouseEvent);\n    }\n  };\n\n  override render() {\n    const hasLabel = Boolean(this.label);\n    const labelMarkup = html`\n      <slot name=\"label\">\n        ${hasLabel ? html`<span class=\"label-pill\">${this.label}</span>` : html`<slot class=\"label-pill\"></slot>`}\n      </slot>\n    `;\n\n    return html`\n      <div\n        class=\"item-container\"\n        role=\"menuitem\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=${this.ariaLabelText || this.label || nothing}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        ${labelMarkup}\n\n        <button\n          type=\"button\"\n          class=\"mini-fab\"\n          tabindex=\"-1\"\n          ?disabled=${this.disabled}\n          aria-hidden=\"true\"\n        >\n          <md-ripple ?disabled=${this.disabled}></md-ripple>\n          <md-focus-ring></md-focus-ring>\n          <span class=\"icon-wrapper\">\n            <slot name=\"icon\">\n              ${this.icon ? html`<md-icon name=${this.icon}></md-icon>` : nothing}\n            </slot>\n          </span>\n        </button>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-fab-menu-item': MdFabMenuItem;\n  }\n}\n"],"mappings":";;;;;;;;AAwBO,IAAM,IAAN,cAA4B,EAAc;;EAyCtB,aArClB,KAAA,OAAA,IAGC,KAAA,QAAA,IAGoC,KAAA,iBAAA,SAGjC,KAAA,WAAA,IAGH,KAAA,QAAA,IAGgB,KAAA,OAAA,SAGd,KAAA,UAAA,IAGM,KAAA,gBAAA,IAEO,KAAA,eAAA,MAAsB;GAC3C,IAAI,KAAK,UAAU;IAEjB,AADA,EAAM,eAAe,GACrB,EAAM,yBAAyB;IAC/B;GACF;GAEA,KAAK,UAAU,UAAU;IACvB,MAAM;IACN,OAAO,KAAK;IACZ,OAAO,KAAK;GACd,CAAC;EACH,GAEyB,KAAA,iBAAA,MAAyB;GAC5C,KAAK,aACL,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,KAAK,YAAY,CAA8B;EAEnD;;;EA9CyB,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAiB;;CAgDjE,SAAkB;EAChB,IAAM,IAAW,EAAQ,KAAK,OACxB,IAAc,CAAI;;UAElB,IAAW,CAAI,4BAA4B,KAAK,MAAM,WAAW,CAAI,mCAAmC;;;EAI9G,OAAO,CAAI;;;;mBAII,KAAK,WAAW,OAAO,IAAI;wBACtB,KAAK,WAAW,SAAS,QAAQ;qBACpC,KAAK,iBAAiB,KAAK,SAAS,EAAQ;iBAChD,KAAK,YAAY;mBACf,KAAK,cAAc;;UAE5B,EAAY;;;;;;sBAMA,KAAK,SAAS;;;iCAGH,KAAK,SAAS;;;;gBAI/B,KAAK,OAAO,CAAI,iBAAiB,KAAK,KAAK,eAAe,EAAQ;;;;;;CAMhF;AACF;AApFG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,GAGtE,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA,GAzBpD,IAAA,EAAA,CAAA,EAAc,kBAAkB,CAAA,GAAA,CAAA"}

package/dist/components/fab-menu/fab-menu.js

@@ -1,58 +1,59 @@
-import { n as a, t } from "../../chunks/decorate-DXuynaiA.js";
-import "../../chunks/ripple-squbKHhj.js";
-import "../../chunks/focus-ring-CuiJuM-y.js";
-import "../../chunks/icon-DrNqcNEL.js";
-import { n as r } from "../../chunks/fab-menu.css-3pu930sZ.js";
-import { html as s, nothing as l } from "lit";
-import { customElement as c, property as i } from "lit/decorators.js";
-var e = class extends a {
-  constructor(...o) {
-    super(...o), this.open = !1, this.modal = !1, this.direction = "up", this.icon = "add", this.openIcon = "", this.label = "", this.extended = !1, this.size = "medium", this.lowered = !1, this.disabled = !1, this.closeOnItemClick = !0, this.closeOnOutsideClick = !0, this.ariaLabelText = "Floating action menu", this.handleKeyDown = (n) => {
-      n.key === "Escape" && this.open && this.close();
-    }, this.handleDocumentClick = (n) => {
-      !this.open || !this.closeOnOutsideClick || n.composedPath().includes(this) || this.close();
-    }, this.handleScrimClick = (n) => {
-      n.stopPropagation(), this.emitEvent("scrim-click"), this.close();
-    }, this.handleTriggerClick = (n) => {
-      n.stopPropagation(), !this.disabled && this.toggle();
-    }, this.handleItemAction = (n) => {
-      this.closeOnItemClick && this.close();
-    };
-  }
-  static {
-    this.styles = [a.styles, r];
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handleDocumentClick), this.addEventListener("action", this.handleItemAction);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handleDocumentClick), this.removeEventListener("action", this.handleItemAction);
-  }
-  willUpdate(o) {
-    super.willUpdate(o), o.has("label") && (this.extended = !!this.label);
-  }
-  updated(o) {
-    super.updated(o), o.has("open") && (this.open ? this.emitEvent("open") : this.emitEvent("close"), this.emitEvent("toggle", { open: this.open }));
-  }
-  show() {
-    this.open || (this.open = !0);
-  }
-  openMenu() {
-    this.show();
-  }
-  close() {
-    this.open && (this.open = !1);
-  }
-  closeMenu() {
-    this.close();
-  }
-  toggle() {
-    this.open = !this.open;
-  }
-  render() {
-    const o = !!this.openIcon, n = this.open && o ? this.openIcon : this.icon;
-    return s`
-      ${this.modal ? s`<div class="scrim" @click=${this.handleScrimClick}></div>` : l}
+import { n as e, t } from "../../chunks/decorate-DknOJ8FJ.js";
+import "../../chunks/ripple-CBOKeVfm.js";
+import "../../chunks/focus-ring-K6SY_mIm.js";
+import "../../chunks/icon-FvKeXi61.js";
+import { n } from "../../chunks/fab-menu.css-BdVg1k4c.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/components/fab-menu/fab-menu.ts
+var s = class extends e {
+	constructor(...e) {
+		super(...e), this.open = !1, this.modal = !1, this.direction = "up", this.icon = "add", this.openIcon = "", this.label = "", this.extended = !1, this.size = "medium", this.lowered = !1, this.disabled = !1, this.closeOnItemClick = !0, this.closeOnOutsideClick = !0, this.ariaLabelText = "Floating action menu", this.handleKeyDown = (e) => {
+			e.key === "Escape" && this.open && this.close();
+		}, this.handleDocumentClick = (e) => {
+			!this.open || !this.closeOnOutsideClick || e.composedPath().includes(this) || this.close();
+		}, this.handleScrimClick = (e) => {
+			e.stopPropagation(), this.emitEvent("scrim-click"), this.close();
+		}, this.handleTriggerClick = (e) => {
+			e.stopPropagation(), !this.disabled && this.toggle();
+		}, this.handleItemAction = (e) => {
+			this.closeOnItemClick && this.close();
+		};
+	}
+	static {
+		this.styles = [e.styles, n];
+	}
+	connectedCallback() {
+		super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handleDocumentClick), this.addEventListener("action", this.handleItemAction);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handleDocumentClick), this.removeEventListener("action", this.handleItemAction);
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("label") && (this.extended = !!this.label);
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open ? this.emitEvent("open") : this.emitEvent("close"), this.emitEvent("toggle", { open: this.open }));
+	}
+	show() {
+		this.open ||= !0;
+	}
+	openMenu() {
+		this.show();
+	}
+	close() {
+		this.open &&= !1;
+	}
+	closeMenu() {
+		this.close();
+	}
+	toggle() {
+		this.open = !this.open;
+	}
+	render() {
+		let e = !!this.openIcon, t = this.open && e ? this.openIcon : this.icon;
+		return r`
+      ${this.modal ? r`<div class="scrim" @click=${this.handleScrimClick}></div>` : i}
 
       <div class="container">
         <!-- Sub-FAB Action Items Stack -->
@@ -73,76 +74,62 @@ var e = class extends a {
             ?disabled=${this.disabled}
             aria-haspopup="menu"
             aria-expanded=${this.open ? "true" : "false"}
-            aria-label=${this.ariaLabelText || this.label || l}
+            aria-label=${this.ariaLabelText || this.label || i}
             @click=${this.handleTriggerClick}
           >
             <md-ripple ?disabled=${this.disabled}></md-ripple>
             <md-focus-ring></md-focus-ring>
             <span class="trigger-content">
-              <span class="trigger-icon ${o ? "" : "rotate"}">
-                <slot name=${this.open && o ? "open-icon" : "icon"}>
-                  ${n ? s`<md-icon name=${n}></md-icon>` : l}
+              <span class="trigger-icon ${e ? "" : "rotate"}">
+                <slot name=${this.open && e ? "open-icon" : "icon"}>
+                  ${t ? r`<md-icon name=${t}></md-icon>` : i}
                 </slot>
               </span>
               <slot name="label">
-                ${this.label ? s`<span class="trigger-label">${this.label}</span>` : l}
+                ${this.label ? r`<span class="trigger-label">${this.label}</span>` : i}
               </slot>
             </span>
           </button>
         </slot>
       </div>
     `;
-  }
-};
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "open", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "modal", void 0);
-t([i({
-  type: String,
-  reflect: !0
-})], e.prototype, "direction", void 0);
-t([i({ type: String })], e.prototype, "icon", void 0);
-t([i({
-  type: String,
-  attribute: "open-icon"
-})], e.prototype, "openIcon", void 0);
-t([i({ type: String })], e.prototype, "label", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "extended", void 0);
-t([i({
-  type: String,
-  reflect: !0
-})], e.prototype, "size", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "lowered", void 0);
-t([i({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "disabled", void 0);
-t([i({
-  type: Boolean,
-  attribute: "close-on-item-click"
-})], e.prototype, "closeOnItemClick", void 0);
-t([i({
-  type: Boolean,
-  attribute: "close-on-outside-click"
-})], e.prototype, "closeOnOutsideClick", void 0);
-t([i({
-  type: String,
-  attribute: "aria-label"
-})], e.prototype, "ariaLabelText", void 0);
-e = t([c("md-fab-menu")], e);
-export {
-  e as MdFabMenu
+	}
 };
+t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "open", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "modal", void 0), t([o({
+	type: String,
+	reflect: !0
+})], s.prototype, "direction", void 0), t([o({ type: String })], s.prototype, "icon", void 0), t([o({
+	type: String,
+	attribute: "open-icon"
+})], s.prototype, "openIcon", void 0), t([o({ type: String })], s.prototype, "label", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "extended", void 0), t([o({
+	type: String,
+	reflect: !0
+})], s.prototype, "size", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "lowered", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "disabled", void 0), t([o({
+	type: Boolean,
+	attribute: "close-on-item-click"
+})], s.prototype, "closeOnItemClick", void 0), t([o({
+	type: Boolean,
+	attribute: "close-on-outside-click"
+})], s.prototype, "closeOnOutsideClick", void 0), t([o({
+	type: String,
+	attribute: "aria-label"
+})], s.prototype, "ariaLabelText", void 0), s = t([a("md-fab-menu")], s);
+//#endregion
+export { s as MdFabMenu };
 
 //# sourceMappingURL=fab-menu.js.map