@francofantomius/material-components 1.0.1 → 1.1.0

package/dist/components/carousel/carousel-item.js

@@ -0,0 +1,4 @@
+import { t as r } from "../../chunks/carousel-item-BG6kjjjk.js";
+export {
+  r as MdCarouselItem
+};

package/dist/components/carousel/carousel.css.d.ts

@@ -0,0 +1,3 @@
+export declare const carouselStyles: import('lit').CSSResult;
+export declare const carouselItemStyles: import('lit').CSSResult;
+//# sourceMappingURL=carousel.css.d.ts.map

package/dist/components/carousel/carousel.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.css.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAwK1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBAiH9B,CAAC"}

package/dist/components/carousel/carousel.d.ts

@@ -0,0 +1,81 @@
+import { PropertyValues } from 'lit';
+import { MdBaseElement } from '../../internal/base-component.js';
+export * from './carousel-item.js';
+export type CarouselLayout = 'multi-browse' | 'hero' | 'full-width' | 'uncontained';
+/**
+ * Material Design 3 Carousel Component.
+ *
+ * Supports multi-browse, hero, full-width, and uncontained layouts,
+ * smooth scrolling, next/prev navigation buttons, swipe/drag gestures, and pagination indicators.
+ *
+ * @slot - Default slot for `md-carousel-item` elements.
+ * @slot prev-button - Custom previous navigation button.
+ * @slot next-button - Custom next navigation button.
+ */
+export declare class MdCarousel extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    layout: CarouselLayout;
+    activeIndex: number;
+    hideControls: boolean;
+    hideIndicators: boolean;
+    loop: boolean;
+    autoplay: boolean;
+    autoplayInterval: number;
+    itemSpacing: string;
+    itemWidth: string;
+    itemHeight: string;
+    ariaLabelText: string;
+    private assignedItems;
+    private get items();
+    private scrollerElement?;
+    private isAtStart;
+    private isAtEnd;
+    private itemCount;
+    private autoplayTimer;
+    private isDragging;
+    private dragStartX;
+    private dragStartScrollLeft;
+    private dragThresholdPassed;
+    private isUserInteracting;
+    private isProgrammaticScroll;
+    private programmaticScrollTimer;
+    private scrollDebounceTimer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    private handleSlotChange;
+    private syncItemsLayout;
+    private startAutoplay;
+    private stopAutoplay;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocusIn;
+    private handleFocusOut;
+    /**
+     * Scrolls to the previous slide in the carousel.
+     */
+    previous(): void;
+    /**
+     * Scrolls to the next slide in the carousel.
+     */
+    next(): void;
+    /**
+     * Smoothly scrolls to a specific item index.
+     */
+    scrollToIndex(index: number, smooth?: boolean): void;
+    private updateControlsState;
+    private handleScroll;
+    private determineActiveIndexFromScroll;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private handlePointerCancel;
+    private handleKeyDown;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-carousel': MdCarousel;
+    }
+}
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/carousel/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAIzB,cAAc,oBAAoB,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AAEpF;;;;;;;;;GASG;AACH,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,MAAM,EAAE,cAAc,CAAkB;IAGxC,WAAW,SAAK;IAGhB,YAAY,UAAS;IAGrB,cAAc,UAAS;IAGvB,IAAI,UAAS;IAGb,QAAQ,UAAS;IAGjB,gBAAgB,SAAQ;IAGxB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAGf,UAAU,SAAM;IAGhB,aAAa,SAAc;IAG3B,OAAO,CAAC,aAAa,CAAoB;IAEzC,OAAO,KAAK,KAAK,GAKhB;IAGD,OAAO,CAAC,eAAe,CAAC,CAAc;IAGtC,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,SAAS,CAAK;IAEtB,OAAO,CAAC,aAAa,CAA+C;IACpE,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,uBAAuB,CAA8C;IAC7E,OAAO,CAAC,mBAAmB,CAA8C;IAEhE,iBAAiB;IAkBjB,oBAAoB;IAgBpB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAmDxD,OAAO,CAAC,gBAAgB,CAItB;IAEF,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,gBAAgB,CAItB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IACI,QAAQ,IAAI,IAAI;IAWvB;;OAEG;IACI,IAAI,IAAI,IAAI;IAWnB;;OAEG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,GAAE,OAAc,GAAG,IAAI;IA4CjE,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,8BAA8B;IAiCtC,OAAO,CAAC,iBAAiB,CAiBvB;IAEF,OAAO,CAAC,iBAAiB,CAWvB;IAEF,OAAO,CAAC,eAAe,CA8BrB;IAEF,OAAO,CAAC,mBAAmB,CAgBzB;IAEF,OAAO,CAAC,aAAa,CAcnB;IAEO,MAAM;CAiEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/carousel/carousel.js

@@ -0,0 +1,284 @@
+import { n as d, t as r } 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 p, t as E } from "../../chunks/carousel-item-BG6kjjjk.js";
+import { html as n, nothing as m } from "lit";
+import { customElement as g, property as o, query as f, queryAssignedElements as y, state as u } from "lit/decorators.js";
+var s = class extends d {
+  constructor(...e) {
+    super(...e), this.layout = "multi-browse", this.activeIndex = 0, this.hideControls = !1, this.hideIndicators = !1, this.loop = !1, this.autoplay = !1, this.autoplayInterval = 5e3, this.itemSpacing = "", this.itemWidth = "", this.itemHeight = "", this.ariaLabelText = "Carousel", this.isAtStart = !0, this.isAtEnd = !1, this.itemCount = 0, this.autoplayTimer = null, this.isDragging = !1, this.dragStartX = 0, this.dragStartScrollLeft = 0, this.dragThresholdPassed = !1, this.isUserInteracting = !1, this.isProgrammaticScroll = !1, this.programmaticScrollTimer = null, this.scrollDebounceTimer = null, this.handleSlotChange = () => {
+      this.itemCount = this.items?.length || 0, this.syncItemsLayout(), this.updateControlsState();
+    }, this.handleMouseEnter = () => {
+      this.stopAutoplay();
+    }, this.handleMouseLeave = () => {
+      this.autoplay && this.startAutoplay();
+    }, this.handleFocusIn = () => {
+      this.stopAutoplay();
+    }, this.handleFocusOut = () => {
+      this.autoplay && this.startAutoplay();
+    }, this.handleScroll = () => {
+      this.isProgrammaticScroll || this.isDragging || (this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
+        this.determineActiveIndexFromScroll();
+      }, 80));
+    }, this.handlePointerDown = (t) => {
+      if (!(t.button !== 0 && t.pointerType === "mouse") && this.scrollerElement) {
+        this.isProgrammaticScroll = !1, this.isDragging = !0, this.dragThresholdPassed = !1, this.dragStartX = t.clientX, this.dragStartScrollLeft = this.scrollerElement.scrollLeft, this.scrollerElement.classList.add("is-dragging"), this.stopAutoplay();
+        try {
+          t.currentTarget?.setPointerCapture?.(t.pointerId);
+        } catch {
+        }
+      }
+    }, this.handlePointerMove = (t) => {
+      if (!this.isDragging || !this.scrollerElement) return;
+      const i = t.clientX - this.dragStartX;
+      Math.abs(i) > 5 && (this.dragThresholdPassed = !0), this.dragThresholdPassed && (this.scrollerElement.scrollLeft = this.dragStartScrollLeft - i);
+    }, this.handlePointerUp = (t) => {
+      if (this.isDragging) {
+        this.isDragging = !1;
+        try {
+          t.currentTarget?.releasePointerCapture?.(t.pointerId);
+        } catch {
+        }
+        if (this.scrollerElement && this.scrollerElement.classList.remove("is-dragging"), this.dragThresholdPassed && this.scrollerElement) {
+          const i = t.clientX - this.dragStartX;
+          Math.abs(i) > 40 ? i < 0 ? this.next() : this.previous() : this.scrollToIndex(this.activeIndex, !0);
+        }
+        this.autoplay && this.startAutoplay();
+      }
+    }, this.handlePointerCancel = (t) => {
+      if (this.isDragging) {
+        this.isDragging = !1;
+        try {
+          t.currentTarget?.releasePointerCapture?.(t.pointerId);
+        } catch {
+        }
+        this.scrollerElement && this.scrollerElement.classList.remove("is-dragging"), this.autoplay && this.startAutoplay();
+      }
+    }, this.handleKeyDown = (t) => {
+      t.key === "ArrowRight" ? (t.preventDefault(), this.next()) : t.key === "ArrowLeft" ? (t.preventDefault(), this.previous()) : t.key === "Home" ? (t.preventDefault(), this.scrollToIndex(0)) : t.key === "End" && (t.preventDefault(), this.scrollToIndex((this.items?.length || 1) - 1));
+    };
+  }
+  static {
+    this.styles = [d.styles, p];
+  }
+  get items() {
+    return this.assignedItems && this.assignedItems.length > 0 ? this.assignedItems : Array.from(this.querySelectorAll("md-carousel-item"));
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "region"), this.setAttribute("aria-roledescription", "carousel"), !this.hasAttribute("aria-label") && this.ariaLabelText && this.setAttribute("aria-label", this.ariaLabelText), this.addEventListener("keydown", this.handleKeyDown), this.addEventListener("mouseenter", this.handleMouseEnter), this.addEventListener("mouseleave", this.handleMouseLeave), this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.autoplay && this.startAutoplay();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.stopAutoplay(), this.removeEventListener("keydown", this.handleKeyDown), this.removeEventListener("mouseenter", this.handleMouseEnter), this.removeEventListener("mouseleave", this.handleMouseLeave), this.removeEventListener("focusin", this.handleFocusIn), this.removeEventListener("focusout", this.handleFocusOut), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.programmaticScrollTimer && clearTimeout(this.programmaticScrollTimer);
+  }
+  updated(e) {
+    if (super.updated(e), e.has("itemSpacing"))
+      if (this.itemSpacing) {
+        const t = isNaN(Number(this.itemSpacing)) ? this.itemSpacing : `${this.itemSpacing}px`;
+        this.style.setProperty("--md-carousel-spacing", t);
+      } else this.style.removeProperty("--md-carousel-spacing");
+    if (e.has("itemWidth"))
+      if (this.itemWidth) {
+        const t = isNaN(Number(this.itemWidth)) ? this.itemWidth : `${this.itemWidth}px`;
+        this.style.setProperty("--md-carousel-item-width", t);
+      } else this.style.removeProperty("--md-carousel-item-width");
+    if (e.has("itemHeight"))
+      if (this.itemHeight) {
+        const t = isNaN(Number(this.itemHeight)) ? this.itemHeight : `${this.itemHeight}px`;
+        this.style.setProperty("--md-carousel-height", t), this.style.setProperty("--md-carousel-item-height", t);
+      } else
+        this.style.removeProperty("--md-carousel-height"), this.style.removeProperty("--md-carousel-item-height");
+    e.has("layout") && this.syncItemsLayout(), (e.has("autoplay") || e.has("autoplayInterval")) && (this.autoplay ? this.startAutoplay() : this.stopAutoplay()), e.has("activeIndex") && !this.isUserInteracting && !this.isProgrammaticScroll && this.scrollToIndex(this.activeIndex, !0), this.updateControlsState();
+  }
+  syncItemsLayout() {
+    this.items && this.items.forEach((e, t) => {
+      e.layout = this.layout, e.setAttribute("aria-label", `Slide ${t + 1} of ${this.items.length}`);
+    });
+  }
+  startAutoplay() {
+    this.stopAutoplay(), this.autoplay && this.autoplayInterval > 0 && (this.autoplayTimer = setInterval(() => {
+      this.next();
+    }, this.autoplayInterval));
+  }
+  stopAutoplay() {
+    this.autoplayTimer && (clearInterval(this.autoplayTimer), this.autoplayTimer = null);
+  }
+  previous() {
+    const e = this.items?.length || 0;
+    e !== 0 && (this.activeIndex > 0 ? this.scrollToIndex(this.activeIndex - 1, !0) : this.loop && this.scrollToIndex(e - 1, !0));
+  }
+  next() {
+    const e = this.items?.length || 0;
+    e !== 0 && (this.activeIndex < e - 1 ? this.scrollToIndex(this.activeIndex + 1, !0) : this.loop && this.scrollToIndex(0, !0));
+  }
+  scrollToIndex(e, t = !0) {
+    if (!this.items || this.items.length === 0) return;
+    const i = Math.max(0, Math.min(e, this.items.length - 1)), a = this.items[i];
+    if (this.isProgrammaticScroll = !0, this.programmaticScrollTimer && clearTimeout(this.programmaticScrollTimer), this.programmaticScrollTimer = setTimeout(() => {
+      this.isProgrammaticScroll = !1;
+    }, t ? 500 : 50), a && this.scrollerElement)
+      if (i === 0) this.scrollerElement.scrollTo({
+        left: 0,
+        behavior: t ? "smooth" : "auto"
+      });
+      else {
+        const l = this.scrollerElement.getBoundingClientRect(), c = a.getBoundingClientRect(), h = this.scrollerElement.scrollLeft + (c.left - l.left);
+        this.scrollerElement.scrollTo({
+          left: Math.max(0, h),
+          behavior: t ? "smooth" : "auto"
+        });
+      }
+    this.activeIndex !== i && (this.activeIndex = i, this.emitEvent("change", {
+      activeIndex: this.activeIndex,
+      item: this.items[this.activeIndex]
+    })), this.updateControlsState();
+  }
+  updateControlsState() {
+    const e = this.items?.length || 0;
+    if (e === 0) {
+      this.isAtStart = !0, this.isAtEnd = !0;
+      return;
+    }
+    if (this.loop) {
+      this.isAtStart = !1, this.isAtEnd = !1;
+      return;
+    }
+    this.isAtStart = this.activeIndex <= 0, this.isAtEnd = this.activeIndex >= e - 1;
+  }
+  determineActiveIndexFromScroll() {
+    if (this.isProgrammaticScroll || this.isDragging || !this.scrollerElement || !this.items || this.items.length === 0) return;
+    const e = this.scrollerElement.getBoundingClientRect().left;
+    let t = 0, i = 1 / 0;
+    this.items.forEach((a, l) => {
+      const c = a.getBoundingClientRect(), h = Math.abs(c.left - e);
+      h < i && (i = h, t = l);
+    }), this.activeIndex !== t && (this.isUserInteracting = !0, this.activeIndex = t, this.emitEvent("change", {
+      activeIndex: this.activeIndex,
+      item: this.items[this.activeIndex]
+    }), this.isUserInteracting = !1, this.updateControlsState());
+  }
+  render() {
+    const e = this.items?.length ?? this.itemCount, t = !this.hideControls && (e > 1 || e === 0), i = !this.hideIndicators && e > 1;
+    return n`
+      <div class="carousel-root">
+        <div class="carousel-viewport-wrapper">
+          ${t ? n`
+            <slot name="prev-button">
+              <button
+                class="control-button prev"
+                type="button"
+                aria-label="Previous slide"
+                ?disabled=${!this.loop && this.isAtStart}
+                @click=${() => this.previous()}
+              >
+                <md-icon name="chevron_left"></md-icon>
+              </button>
+            </slot>
+            <slot name="next-button">
+              <button
+                class="control-button next"
+                type="button"
+                aria-label="Next slide"
+                ?disabled=${!this.loop && this.isAtEnd}
+                @click=${() => this.next()}
+              >
+                <md-icon name="chevron_right"></md-icon>
+              </button>
+            </slot>
+          ` : m}
+
+          <div
+            class="carousel-scroller"
+            id="carousel-scroller"
+            tabindex="0"
+            aria-label=${this.ariaLabelText}
+            @scroll=${this.handleScroll}
+            @pointerdown=${this.handlePointerDown}
+            @pointermove=${this.handlePointerMove}
+            @pointerup=${this.handlePointerUp}
+            @pointercancel=${this.handlePointerCancel}
+          >
+            <slot @slotchange=${this.handleSlotChange}></slot>
+          </div>
+        </div>
+
+        ${i ? n`
+          <div class="indicators" role="tablist" aria-label="Carousel navigation">
+            ${Array.from({ length: e }).map((a, l) => n`
+              <button
+                class="indicator-dot ${l === this.activeIndex ? "active" : ""}"
+                type="button"
+                role="tab"
+                aria-selected=${l === this.activeIndex ? "true" : "false"}
+                aria-label="Go to slide ${l + 1}"
+                @click=${() => this.scrollToIndex(l)}
+              ></button>
+            `)}
+          </div>
+        ` : m}
+      </div>
+    `;
+  }
+};
+r([o({
+  type: String,
+  reflect: !0
+})], s.prototype, "layout", void 0);
+r([o({
+  type: Number,
+  reflect: !0,
+  attribute: "active-index"
+})], s.prototype, "activeIndex", void 0);
+r([o({
+  type: Boolean,
+  reflect: !0,
+  attribute: "hide-controls"
+})], s.prototype, "hideControls", void 0);
+r([o({
+  type: Boolean,
+  reflect: !0,
+  attribute: "hide-indicators"
+})], s.prototype, "hideIndicators", void 0);
+r([o({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "loop", void 0);
+r([o({
+  type: Boolean,
+  reflect: !0
+})], s.prototype, "autoplay", void 0);
+r([o({
+  type: Number,
+  attribute: "autoplay-interval"
+})], s.prototype, "autoplayInterval", void 0);
+r([o({
+  type: String,
+  attribute: "item-spacing"
+})], s.prototype, "itemSpacing", void 0);
+r([o({
+  type: String,
+  attribute: "item-width"
+})], s.prototype, "itemWidth", void 0);
+r([o({
+  type: String,
+  attribute: "item-height"
+})], s.prototype, "itemHeight", void 0);
+r([o({
+  type: String,
+  attribute: "aria-label"
+})], s.prototype, "ariaLabelText", void 0);
+r([y({
+  selector: "md-carousel-item",
+  flatten: !0
+})], s.prototype, "assignedItems", void 0);
+r([f(".carousel-scroller")], s.prototype, "scrollerElement", void 0);
+r([u()], s.prototype, "isAtStart", void 0);
+r([u()], s.prototype, "isAtEnd", void 0);
+r([u()], s.prototype, "itemCount", void 0);
+s = r([g("md-carousel")], s);
+export {
+  s as MdCarousel,
+  E as MdCarouselItem
+};
+
+//# sourceMappingURL=carousel.js.map

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

@@ -0,0 +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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"}

package/dist/components/date-picker/date-picker.css.d.ts

@@ -0,0 +1,2 @@
+export declare const datePickerStyles: import('lit').CSSResult;
+//# sourceMappingURL=date-picker.css.d.ts.map

package/dist/components/date-picker/date-picker.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.css.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAuV5B,CAAC"}

package/dist/components/date-picker/date-picker.d.ts

@@ -0,0 +1,59 @@
+import { MdFormAssociatedElement } from '../../internal/form-associated.js';
+export type DatePickerVariant = 'docked' | 'modal';
+export type DatePickerViewMode = 'calendar' | 'year';
+export declare class MdDatePicker extends MdFormAssociatedElement {
+    static styles: import('lit').CSSResultGroup[];
+    variant: DatePickerVariant;
+    range: boolean;
+    value: string;
+    startDate: string;
+    endDate: string;
+    min: string;
+    max: string;
+    label: string;
+    headline: string;
+    open: boolean;
+    error: boolean;
+    errorText: string;
+    supportingText: string;
+    firstDayOfWeek: number;
+    showActions: boolean;
+    private viewYear;
+    private viewMonth;
+    private viewMode;
+    private hoverDate;
+    private selectingEnd;
+    private dialogElement?;
+    connectedCallback(): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private syncInitialState;
+    private handleValueChange;
+    formResetCallback(): void;
+    showModal(): void;
+    show(): void;
+    close(): void;
+    reset(): void;
+    private validateInput;
+    private handlePrevMonth;
+    private handleNextMonth;
+    private toggleViewMode;
+    private selectYear;
+    private isDateDisabled;
+    private handleDayClick;
+    private handleDayMouseEnter;
+    private handleDayMouseLeave;
+    private handleCancel;
+    private handleConfirm;
+    private getFormattedHeadline;
+    private renderCalendarGrid;
+    private renderYearPicker;
+    private renderPickerSurface;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-date-picker': MdDatePicker;
+    }
+}
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/components/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AACzB,OAAO,+BAA+B,CAAC;AACvC,OAAO,qBAAqB,CAAC;AAG7B,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,MAAM,CAAC;AAuDrD,qBACa,YAAa,SAAQ,uBAAuB;IACvD,OAAgB,MAAM,iCAAsD;IAG5E,OAAO,EAAE,iBAAiB,CAAY;IAGtC,KAAK,UAAS;IAGd,KAAK,SAAM;IAGX,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,GAAG,SAAM;IAGT,GAAG,SAAM;IAGT,KAAK,SAAM;IAGX,QAAQ,SAAM;IAGd,IAAI,UAAS;IAGb,KAAK,UAAS;IAGd,SAAS,SAAM;IAGf,cAAc,SAAM;IAGpB,cAAc,SAAK;IAGnB,WAAW,UAAS;IAGpB,OAAO,CAAC,QAAQ,CAAoC;IAGpD,OAAO,CAAC,SAAS,CAAiC;IAGlD,OAAO,CAAC,QAAQ,CAAkC;IAGlD,OAAO,CAAC,SAAS,CAAuB;IAGxC,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,aAAa,CAAC,CAAoB;IAEjC,iBAAiB;IAMjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAwBlD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkBxD,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,iBAAiB;IAmBhB,iBAAiB;IAa1B,SAAS;IAIT,IAAI;IAIJ,KAAK;IAIL,KAAK;IAIL,OAAO,CAAC,aAAa;IA+BrB,OAAO,CAAC,eAAe,CAOrB;IAEF,OAAO,CAAC,eAAe,CAOrB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc,CA+CpB;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,oBAAoB;IA6B5B,OAAO,CAAC,kBAAkB;IAgG1B,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,mBAAmB;IA8ElB,MAAM;CAkBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

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

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

package/dist/components/fab-menu/fab-menu-item.d.ts

@@ -0,0 +1,35 @@
+import { MdBaseElement } from '../../internal/base-component.js';
+export type FabMenuItemSize = 'small' | 'medium';
+export type FabMenuItemLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+/**
+ * Material Design 3 FAB Menu Item component.
+ * Represents a single action item inside an `md-fab-menu` stack.
+ *
+ * @element md-fab-menu-item
+ *
+ * @slot - Default slot for item text label.
+ * @slot label - Explicit slot for custom label content.
+ * @slot icon - Custom icon replacement.
+ *
+ * @fires action - Dispatched when the item is clicked or activated.
+ */
+export declare class MdFabMenuItem extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    icon: string;
+    label: string;
+    labelPlacement: FabMenuItemLabelPlacement;
+    disabled: boolean;
+    value: string;
+    size: FabMenuItemSize;
+    lowered: boolean;
+    ariaLabelText: string;
+    private handleClick;
+    private handleKeyDown;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-fab-menu-item': MdFabMenuItem;
+    }
+}
+//# sourceMappingURL=fab-menu-item.d.ts.map

package/dist/components/fab-menu/fab-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/fab-menu/fab-menu-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAGzB,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AACjD,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE3E;;;;;;;;;;;GAWG;AACH,qBACa,aAAc,SAAQ,aAAa;IAC9C,OAAgB,MAAM,iCAA6C;IAGnE,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,cAAc,EAAE,yBAAyB,CAAW;IAGpD,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAGX,IAAI,EAAE,eAAe,CAAW;IAGhC,OAAO,UAAS;IAGhB,aAAa,SAAM;IAEnB,OAAO,CAAC,WAAW,CAYjB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEO,MAAM;CAsChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,aAAa,CAAC;KACnC;CACF"}

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

@@ -0,0 +1,93 @@
+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`
+      <slot name="label">
+        ${s ? l`<span class="label-pill">${this.label}</span>` : l`<slot class="label-pill"></slot>`}
+      </slot>
+    `;
+    return l`
+      <div
+        class="item-container"
+        role="menuitem"
+        tabindex=${this.disabled ? "-1" : "0"}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-label=${this.ariaLabelText || this.label || r}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        ${t}
+
+        <button
+          type="button"
+          class="mini-fab"
+          tabindex="-1"
+          ?disabled=${this.disabled}
+          aria-hidden="true"
+        >
+          <md-ripple ?disabled=${this.disabled}></md-ripple>
+          <md-focus-ring></md-focus-ring>
+          <span class="icon-wrapper">
+            <slot name="icon">
+              ${this.icon ? l`<md-icon name=${this.icon}></md-icon>` : r}
+            </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
+};
+
+//# sourceMappingURL=fab-menu-item.js.map