@francofantomius/material-components 1.0.1 → 1.1.0

package/dist/chunks/app-drawer-Du1ePzxZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-drawer-Du1ePzxZ.js","names":[],"sources":["../../src/components/app-drawer/app-drawer.css.ts","../../src/components/app-drawer/app-drawer.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const appDrawerStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .trigger-container {\n    display: inline-flex;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 990;\n    background-color: transparent;\n  }\n\n  :host([modal]) .backdrop {\n    background-color: rgba(0, 0, 0, 0.32);\n    backdrop-filter: blur(1px);\n  }\n\n  :host([open][modal]) .backdrop {\n    display: block;\n  }\n\n  .popover {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    right: 0;\n    z-index: 1000;\n    width: var(--md-app-drawer-width, 328px);\n    max-width: calc(100vw - 24px);\n    max-height: var(--md-app-drawer-max-height, 460px);\n    box-sizing: border-box;\n    padding: 16px;\n    border-radius: var(--md-sys-shape-corner-extra-large, 24px);\n    background-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    box-shadow: var(--md-sys-elevation-level3, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3));\n    overflow-y: auto;\n    overflow-x: hidden;\n    overscroll-behavior: contain;\n    scrollbar-width: thin;\n    scrollbar-color: var(--md-sys-color-outline-variant, #CAC4D0) transparent;\n  }\n\n  :host([alignment='start']) .popover,\n  :host([pivot='left']) .popover {\n    right: auto;\n    left: 0;\n  }\n\n  :host([open]) .popover {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    animation: md-app-drawer-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes md-app-drawer-in {\n    from {\n      opacity: 0;\n      transform: scale(0.92) translateY(-8px);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n    }\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 4px;\n    min-height: 40px;\n    box-sizing: border-box;\n  }\n\n  .header-leading {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    min-width: 0;\n  }\n\n  .back-btn,\n  slot[name=\"back-button\"] {\n    display: none;\n    --md-icon-size: 24px;\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .header-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-left: auto;\n  }\n\n  .edit-btn,\n  .reset-btn {\n    --md-icon-size: 20px;\n    font-size: 20px;\n  }\n\n  :host([editing]) .grid ::slotted(md-app-drawer-item),\n  :host([editing]) .grid ::slotted(md-app-item),\n  :host([editing]) .grid ::slotted(md-app-launcher-item) {\n    cursor: grab;\n  }\n\n  .headline {\n    margin: 0;\n    font-size: var(--md-sys-typescale-title-medium-size, 16px);\n    font-weight: 500;\n    line-height: 24px;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .grid {\n    display: grid;\n    grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n    gap: 8px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  ::slotted([draggable='true']) {\n    cursor: grab;\n  }\n\n  ::slotted([dragging]),\n  ::slotted(.is-dragging) {\n    opacity: 0.4;\n    transform: scale(0.95);\n    cursor: grabbing !important;\n  }\n\n  ::slotted([drag-over]),\n  ::slotted(.drag-over) {\n    outline: 2px dashed var(--md-sys-color-primary, #6750A4);\n    outline-offset: -2px;\n    border-radius: var(--md-sys-shape-corner-medium, 12px);\n    background-color: var(--md-sys-color-surface-container-highest, rgba(103, 80, 164, 0.08));\n  }\n\n  .footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    padding-top: 12px;\n    margin-top: 4px;\n    border-top: 1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, 0.1));\n  }\n\n  .footer ::slotted(*) {\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n  }\n\n  .footer:empty {\n    display: none;\n  }\n\n  /* Responsive Fullscreen / Mobile Mode */\n  @media (max-width: 768px) {\n    .back-btn,\n    slot[name=\"back-button\"] {\n      display: inline-flex;\n    }\n\n    :host([open]) .popover {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 100vw;\n      max-width: 100vw;\n      height: 100vh;\n      height: 100dvh;\n      max-height: 100vh;\n      max-height: 100dvh;\n      border-radius: 0;\n      box-shadow: none;\n      z-index: 10000;\n      padding: 12px 16px env(safe-area-inset-bottom, 16px) 16px;\n      margin: 0;\n      gap: 16px;\n      animation: md-app-drawer-mobile-in 200ms cubic-bezier(0.2, 0, 0, 1) forwards;\n    }\n\n    .header {\n      min-height: 48px;\n      padding: 0;\n      gap: 8px;\n    }\n\n    .header-leading {\n      gap: 8px;\n    }\n\n    .headline {\n      font-size: var(--md-sys-typescale-title-large-size, 20px);\n      font-weight: 500;\n      line-height: 28px;\n    }\n\n    .grid {\n      grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n      gap: 12px 8px;\n      flex: 1;\n      align-content: start;\n    }\n\n    .footer {\n      padding-top: 16px;\n      padding-bottom: 8px;\n    }\n  }\n\n  @keyframes md-app-drawer-mobile-in {\n    from {\n      opacity: 0;\n      transform: translateY(12px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  /* Explicit Fullscreen Mode */\n  :host([fullscreen]) .back-btn,\n  :host([fullscreen]) slot[name=\"back-button\"] {\n    display: inline-flex;\n  }\n\n  :host([fullscreen][open]) .popover {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100vw;\n    max-width: 100vw;\n    height: 100vh;\n    height: 100dvh;\n    max-height: 100vh;\n    max-height: 100dvh;\n    border-radius: 0;\n    box-shadow: none;\n    z-index: 10000;\n    padding: 12px 16px env(safe-area-inset-bottom, 16px) 16px;\n    margin: 0;\n    gap: 16px;\n  }\n\n  :host([fullscreen]) .header {\n    min-height: 48px;\n    padding: 0;\n    gap: 8px;\n  }\n\n  :host([fullscreen]) .header-leading {\n    gap: 8px;\n  }\n\n  :host([fullscreen]) .headline {\n    font-size: var(--md-sys-typescale-title-large-size, 20px);\n    font-weight: 500;\n    line-height: 28px;\n  }\n\n  :host([fullscreen]) .grid {\n    grid-template-columns: repeat(var(--md-app-drawer-columns, 3), 1fr);\n    gap: 12px 8px;\n    flex: 1;\n    align-content: start;\n  }\n\n  :host([fullscreen]) .footer {\n    padding-top: 16px;\n    padding-bottom: 8px;\n  }\n`;\n\nexport const appDrawerItemStyles = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .item {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    width: 100%;\n    min-height: 84px;\n    padding: 8px 4px;\n    box-sizing: border-box;\n    border-radius: var(--md-sys-shape-corner-medium, 12px);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    text-decoration: none;\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 150ms ease;\n    background: transparent;\n    border: none;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .item:hover {\n    background-color: var(--md-sys-color-surface-container-highest, rgba(0, 0, 0, 0.06));\n  }\n\n  :host([active]) .item,\n  :host([selected]) .item {\n    background-color: var(--md-sys-color-secondary-container, #E8DEF8);\n    color: var(--md-sys-color-on-secondary-container, #1D192B);\n  }\n\n  :host([disabled]) .item {\n    opacity: 0.38;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  :host([draggable='true']) .item {\n    cursor: grab;\n  }\n\n  :host([dragging]) {\n    opacity: 0.4;\n    transform: scale(0.95);\n  }\n\n  :host([dragging]) .item {\n    cursor: grabbing;\n  }\n\n  :host([drag-over]) .item {\n    outline: 2px dashed var(--md-sys-color-primary, #6750A4);\n    outline-offset: -2px;\n    background-color: var(--md-sys-color-surface-container-highest, rgba(103, 80, 164, 0.08));\n  }\n\n  .icon-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    margin-bottom: 4px;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  .icon-wrapper md-icon {\n    --md-icon-size: 28px;\n    font-size: 28px;\n  }\n\n  .icon-image {\n    width: 32px;\n    height: 32px;\n    object-fit: contain;\n    border-radius: 4px;\n  }\n\n  .label {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 12px;\n    line-height: 16px;\n    font-weight: 500;\n    max-width: 100%;\n    word-break: break-word;\n  }\n\n  .badge-container {\n    position: absolute;\n    top: 2px;\n    right: 2px;\n  }\n`;\n","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 '../icon-button/icon-button.js';\nimport { appDrawerStyles, appDrawerItemStyles } from './app-drawer.css.js';\n\nexport type AppDrawerAlignment = 'start' | 'end';\nexport type AppDrawerPivot = 'left' | 'right';\n\n/**\n * Material Design 3 App Drawer Item component.\n * Represents a single application, shortcut, or destination in the app drawer grid.\n *\n * @slot icon - Custom icon or graphic.\n * @slot - Default slot for app label.\n * @slot badge - Custom badge indicator.\n */\n@customElement('md-app-drawer-item')\nexport class MdAppDrawerItem extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, appDrawerItemStyles];\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String })\n  src = '';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  badge = '';\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String })\n  target = '';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @property({ type: Boolean, reflect: true })\n  dragging = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'drag-over' })\n  dragOver = false;\n\n  private wasDragging = false;\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('selected') && !changedProperties.has('active')) {\n      this.active = this.selected;\n    } else if (changedProperties.has('active') && !changedProperties.has('selected')) {\n      this.selected = this.active;\n    }\n  }\n\n  internalSetDragging(isDragging: boolean) {\n    this.dragging = isDragging;\n    if (isDragging) {\n      this.wasDragging = true;\n    } else {\n      setTimeout(() => {\n        this.wasDragging = false;\n      }, 100);\n    }\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled || this.wasDragging || this.dragging) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n\n    const appLabel = this.label || this.headline;\n    this.emitEvent('item-click', {\n      label: appLabel,\n      icon: this.icon,\n      src: this.src,\n      href: this.href,\n      active: this.active,\n    });\n  };\n\n  override render() {\n    const text = this.label || this.headline;\n\n    const iconContent = this.src\n      ? html`<img class=\"icon-image\" src=${this.src} alt=${text || 'App icon'} draggable=\"false\" />`\n      : this.icon\n        ? html`<md-icon name=${this.icon}></md-icon>`\n        : nothing;\n\n    const inner = html`\n      <md-ripple ?disabled=${this.disabled}></md-ripple>\n      <md-focus-ring></md-focus-ring>\n\n      <div class=\"icon-wrapper\">\n        <slot name=\"icon\">${iconContent}</slot>\n        ${this.badge\n          ? html`<div class=\"badge-container\"><slot name=\"badge\"><span class=\"badge\">${this.badge}</span></slot></div>`\n          : html`<div class=\"badge-container\"><slot name=\"badge\"></slot></div>`}\n      </div>\n\n      <span class=\"label\">\n        <slot>${text}</slot>\n      </span>\n    `;\n\n    if (this.href) {\n      return html`\n        <a\n          class=\"item\"\n          href=${this.disabled ? nothing : this.href}\n          target=${this.target || nothing}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          tabindex=${this.disabled ? '-1' : '0'}\n          draggable=\"false\"\n          @click=${this.handleClick}\n        >\n          ${inner}\n        </a>\n      `;\n    }\n\n    return html`\n      <button\n        class=\"item\"\n        type=\"button\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        aria-disabled=${this.disabled ? 'true' : nothing}\n        ?disabled=${this.disabled}\n        draggable=\"false\"\n        @click=${this.handleClick}\n      >\n        ${inner}\n      </button>\n    `;\n  }\n}\n\n/**\n * Material Design 3 App Drawer (Apps Launcher / Waffle Menu) component.\n * Displays a popup grid of applications and services next to account or navigation controls.\n *\n * @slot trigger - Custom trigger button element.\n * @slot header - Optional header content above the apps grid.\n * @slot - Default slot for app drawer items (md-app-drawer-item).\n * @slot footer - Optional footer content (e.g. \"More apps\" link/button).\n */\n@customElement('md-app-drawer')\nexport class MdAppDrawer extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, appDrawerStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  icon = 'apps';\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'App launcher';\n\n  @property({ type: Boolean, attribute: 'no-trigger' })\n  noTrigger = false;\n\n  get trigger(): boolean {\n    return !this.noTrigger;\n  }\n\n  set trigger(value: boolean) {\n    this.noTrigger = !value;\n    this.requestUpdate('noTrigger');\n  }\n\n  @property({ type: String, reflect: true })\n  alignment: AppDrawerAlignment = 'end';\n\n  @property({ type: String, reflect: true })\n  pivot: AppDrawerPivot = 'right';\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  @property({ type: Boolean, reflect: true })\n  fullscreen = false;\n\n  @property({ type: Number })\n  columns = 3;\n\n  @property({ type: Boolean, reflect: true })\n  reorderable = true;\n\n  @property({ type: Boolean, reflect: true })\n  editable = true;\n\n  @property({ type: Boolean, reflect: true })\n  editing = false;\n\n  @property({ type: String, attribute: 'storage-key' })\n  storageKey = '';\n\n  @property({ type: Boolean, attribute: 'disable-storage' })\n  disableStorage = false;\n\n  private isReordering = false;\n  private initialOrder: string[] = [];\n  private draggedItem: HTMLElement | null = null;\n  private dropTargetItem: HTMLElement | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('pointerdown', this.handleDocumentClick);\n    this.addEventListener('dragstart', this.handleDragStart);\n    this.addEventListener('dragover', this.handleDragOver);\n    this.addEventListener('dragleave', this.handleDragLeave);\n    this.addEventListener('drop', this.handleDrop);\n    this.addEventListener('dragend', this.handleDragEnd);\n    this.addEventListener('keydown', this.handleItemKeyDown);\n\n    // Initial check on next animation frame\n    requestAnimationFrame(() => {\n      if (this.initialOrder.length === 0) {\n        this.initialOrder = this.getOrder();\n      }\n      this.applySavedOrder();\n      this.updateDraggableItems();\n    });\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('pointerdown', this.handleDocumentClick);\n    this.removeEventListener('dragstart', this.handleDragStart);\n    this.removeEventListener('dragover', this.handleDragOver);\n    this.removeEventListener('dragleave', this.handleDragLeave);\n    this.removeEventListener('drop', this.handleDrop);\n    this.removeEventListener('dragend', this.handleDragEnd);\n    this.removeEventListener('keydown', this.handleItemKeyDown);\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n      } else {\n        this.emitEvent('close');\n      }\n    }\n    if (changedProperties.has('columns')) {\n      if (this.columns && this.columns !== 3) {\n        this.style.setProperty('--md-app-drawer-columns', String(this.columns));\n      } else {\n        this.style.removeProperty('--md-app-drawer-columns');\n      }\n    }\n    if (changedProperties.has('reorderable') || changedProperties.has('editable')) {\n      this.updateDraggableItems();\n    }\n    if (changedProperties.has('editing')) {\n      this.updateDraggableItems();\n      this.emitEvent('edit-toggle', { editing: this.editing });\n    }\n    if (changedProperties.has('storageKey') || changedProperties.has('disableStorage')) {\n      this.applySavedOrder();\n    }\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.open) {\n      this.close();\n    }\n  };\n\n  private handleDocumentClick = (event: MouseEvent | PointerEvent) => {\n    if (!this.open) return;\n    const path = event.composedPath();\n    if (!path.includes(this)) {\n      this.close();\n    }\n  };\n\n  private handleBackdropClick = () => {\n    this.close();\n  };\n\n  private handleBackClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.close();\n  };\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  /**\n   * Identifies an app item uniquely for storage and ordering.\n   */\n  getItemKey(item: Element): string {\n    const keyAttr =\n      item.getAttribute('key') ||\n      item.getAttribute('app-id') ||\n      item.getAttribute('data-id');\n    if (keyAttr) return keyAttr;\n    if (item.id) return item.id;\n\n    const label =\n      (item as unknown as { label?: string }).label ||\n      item.getAttribute('label') ||\n      (item as unknown as { headline?: string }).headline ||\n      item.getAttribute('headline');\n    if (label) return label;\n\n    const href =\n      (item as unknown as { href?: string }).href ||\n      item.getAttribute('href');\n    if (href) return href;\n\n    const icon =\n      (item as unknown as { icon?: string }).icon ||\n      item.getAttribute('icon');\n    if (icon) return icon;\n\n    return item.textContent?.trim() || '';\n  }\n\n  /**\n   * Returns the storage key used in localStorage.\n   */\n  getEffectiveStorageKey(): string {\n    if (this.storageKey) {\n      return this.storageKey;\n    }\n    if (this.id) {\n      return `md-app-drawer-order-${this.id}`;\n    }\n    return 'md-app-drawer-order';\n  }\n\n  /**\n   * Returns all slotted app item elements.\n   */\n  getItems(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('.grid slot:not([name])');\n    if (slot) {\n      const assigned = slot\n        .assignedElements()\n        .filter(\n          (el): el is HTMLElement =>\n            el instanceof HTMLElement &&\n            (!el.hasAttribute('slot') || el.getAttribute('slot') === '')\n        );\n      if (assigned.length > 0) return assigned;\n    }\n    return Array.from(this.children).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        (!el.hasAttribute('slot') || el.getAttribute('slot') === '')\n    );\n  }\n\n  /**\n   * Retrieves the saved order array from persistent storage.\n   */\n  loadOrder(): string[] | null {\n    if (this.disableStorage) return null;\n    try {\n      const key = this.getEffectiveStorageKey();\n      const stored = localStorage.getItem(key);\n      if (!stored) return null;\n      const parsed = JSON.parse(stored);\n      return Array.isArray(parsed) ? parsed : null;\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Persists the item order to storage.\n   */\n  saveOrder(order?: string[]): string[] {\n    const currentOrder = order || this.getOrder();\n    if (!this.disableStorage) {\n      try {\n        const key = this.getEffectiveStorageKey();\n        localStorage.setItem(key, JSON.stringify(currentOrder));\n      } catch {\n        // Ignore localStorage quota / access errors\n      }\n    }\n    return currentOrder;\n  }\n\n  /**\n   * Returns the current array of item keys in DOM order.\n   */\n  getOrder(): string[] {\n    return this.getItems().map((item) => this.getItemKey(item));\n  }\n\n  override firstUpdated(changedProperties: Map<string, unknown>) {\n    super.firstUpdated(changedProperties);\n    if (this.initialOrder.length === 0) {\n      this.initialOrder = this.getOrder();\n    }\n    this.applySavedOrder();\n    this.updateDraggableItems();\n  }\n\n  /**\n   * Sets and applies the order of items in the app drawer.\n   */\n  setOrder(order: string[]) {\n    if (!order || !order.length) return;\n    if (this.initialOrder.length === 0) {\n      this.initialOrder = this.getOrder();\n    }\n    const items = this.getItems();\n    if (items.length <= 1) return;\n\n    const itemMap = new Map<string, HTMLElement>();\n    const unmatched: HTMLElement[] = [];\n\n    for (const item of items) {\n      const key = this.getItemKey(item);\n      if (key && !itemMap.has(key)) {\n        itemMap.set(key, item);\n      } else {\n        unmatched.push(item);\n      }\n    }\n\n    const newItemsOrder: HTMLElement[] = [];\n    for (const key of order) {\n      const item = itemMap.get(key);\n      if (item) {\n        newItemsOrder.push(item);\n        itemMap.delete(key);\n      }\n    }\n\n    // Append any items that were not part of the saved order\n    itemMap.forEach((item) => newItemsOrder.push(item));\n    newItemsOrder.push(...unmatched);\n\n    let changed = false;\n    for (let i = 0; i < items.length; i++) {\n      if (items[i] !== newItemsOrder[i]) {\n        changed = true;\n        break;\n      }\n    }\n\n    if (changed) {\n      this.isReordering = true;\n      for (const item of newItemsOrder) {\n        this.appendChild(item);\n      }\n      this.isReordering = false;\n    }\n  }\n\n  /**\n   * Applies the saved order from localStorage if available.\n   */\n  applySavedOrder() {\n    const savedOrder = this.loadOrder();\n    if (savedOrder && savedOrder.length > 0) {\n      this.setOrder(savedOrder);\n    }\n  }\n\n  /**\n   * Resets the persistent order and restores the initial layout.\n   */\n  resetOrder() {\n    if (!this.disableStorage) {\n      try {\n        localStorage.removeItem(this.getEffectiveStorageKey());\n      } catch {\n        // Ignore storage errors\n      }\n    }\n    if (this.initialOrder.length > 0) {\n      this.setOrder(this.initialOrder);\n    }\n    const currentOrder = this.getOrder();\n    this.emitEvent('reorder', {\n      order: currentOrder,\n      item: null,\n      oldIndex: -1,\n      newIndex: -1,\n    });\n    this.emitEvent('reset', { order: currentOrder });\n  }\n\n  /**\n   * Moves an item from one index position to another.\n   */\n  reorderItem(fromIndex: number, toIndex: number) {\n    if (this.initialOrder.length === 0) {\n      this.initialOrder = this.getOrder();\n    }\n    const items = this.getItems();\n    if (\n      fromIndex < 0 ||\n      fromIndex >= items.length ||\n      toIndex < 0 ||\n      toIndex >= items.length ||\n      fromIndex === toIndex\n    ) {\n      return;\n    }\n\n    const itemToMove = items[fromIndex];\n    const targetItem = items[toIndex];\n\n    if (!itemToMove || !targetItem) {\n      return;\n    }\n\n    this.isReordering = true;\n    if (fromIndex < toIndex) {\n      targetItem.after(itemToMove);\n    } else {\n      targetItem.before(itemToMove);\n    }\n    this.isReordering = false;\n\n    const newOrder = this.getOrder();\n    this.saveOrder(newOrder);\n\n    this.emitEvent('reorder', {\n      order: newOrder,\n      item: itemToMove,\n      oldIndex: fromIndex,\n      newIndex: toIndex,\n    });\n  }\n\n  /**\n   * Returns whether reordering is currently active.\n   */\n  isReorderActive(): boolean {\n    return this.reorderable && (!this.editable || this.editing);\n  }\n\n  /**\n   * Toggles the reordering editing mode.\n   */\n  toggleEdit() {\n    this.editing = !this.editing;\n  }\n\n  /**\n   * Enables the reordering editing mode.\n   */\n  startEditing() {\n    this.editing = true;\n  }\n\n  /**\n   * Disables the reordering editing mode.\n   */\n  stopEditing() {\n    this.editing = false;\n  }\n\n  private handleEditToggle = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggleEdit();\n  };\n\n  private handleResetClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.resetOrder();\n  };\n\n  private updateDraggableItems() {\n    const isEnabled = this.isReorderActive();\n    const items = this.getItems();\n    for (const item of items) {\n      const isDisabled = (item as unknown as { disabled?: boolean }).disabled || item.hasAttribute('disabled');\n      if (isEnabled && !isDisabled) {\n        item.setAttribute('draggable', 'true');\n      } else {\n        item.removeAttribute('draggable');\n      }\n    }\n  }\n\n  private handleSlotChange = () => {\n    if (this.isReordering) return;\n    if (this.initialOrder.length === 0) {\n      this.initialOrder = this.getOrder();\n    }\n    this.applySavedOrder();\n    this.updateDraggableItems();\n  };\n\n  private findDrawerItem(event: Event): HTMLElement | null {\n    const path = event.composedPath();\n    const items = this.getItems();\n    for (const el of path) {\n      if (el instanceof HTMLElement && items.includes(el)) {\n        return el;\n      }\n    }\n    return null;\n  }\n\n  private handleDragStart = (event: DragEvent) => {\n    if (!this.isReorderActive()) return;\n    const item = this.findDrawerItem(event);\n    if (!item) return;\n    const isDisabled = (item as unknown as { disabled?: boolean }).disabled || item.hasAttribute('disabled');\n    if (isDisabled) return;\n\n    this.draggedItem = item;\n    item.classList.add('is-dragging');\n    item.setAttribute('dragging', '');\n    if (typeof (item as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n      (item as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(true);\n    }\n\n    if (event.dataTransfer) {\n      event.dataTransfer.effectAllowed = 'move';\n      event.dataTransfer.setData('text/plain', this.getItemKey(item));\n    }\n  };\n\n  private handleDragOver = (event: DragEvent) => {\n    if (!this.isReorderActive() || !this.draggedItem) return;\n    const targetItem = this.findDrawerItem(event);\n    if (!targetItem || targetItem === this.draggedItem) {\n      if (this.dropTargetItem && this.dropTargetItem !== this.draggedItem) {\n        this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n        this.dropTargetItem.removeAttribute('drag-over');\n        if ('dragOver' in this.dropTargetItem) {\n          (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n        }\n        this.dropTargetItem = null;\n      }\n      return;\n    }\n\n    event.preventDefault();\n    if (event.dataTransfer) {\n      event.dataTransfer.dropEffect = 'move';\n    }\n\n    if (this.dropTargetItem !== targetItem) {\n      if (this.dropTargetItem) {\n        this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n        this.dropTargetItem.removeAttribute('drag-over');\n        if ('dragOver' in this.dropTargetItem) {\n          (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n        }\n      }\n      this.dropTargetItem = targetItem;\n      targetItem.classList.add('drag-over', 'drop-target');\n      targetItem.setAttribute('drag-over', '');\n      if ('dragOver' in targetItem) {\n        (targetItem as unknown as { dragOver: boolean }).dragOver = true;\n      }\n    }\n  };\n\n  private handleDragLeave = (event: DragEvent) => {\n    const relatedTarget = event.relatedTarget as Node | null;\n    if (\n      this.dropTargetItem &&\n      (!relatedTarget || !this.dropTargetItem.contains(relatedTarget))\n    ) {\n      this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n      this.dropTargetItem.removeAttribute('drag-over');\n      if ('dragOver' in this.dropTargetItem) {\n        (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n      }\n      this.dropTargetItem = null;\n    }\n  };\n\n  private handleDrop = (event: DragEvent) => {\n    if (!this.isReorderActive() || !this.draggedItem) return;\n    event.preventDefault();\n\n    const targetItem = this.findDrawerItem(event);\n    if (targetItem && targetItem !== this.draggedItem) {\n      const items = this.getItems();\n      const oldIndex = items.indexOf(this.draggedItem);\n      const newIndex = items.indexOf(targetItem);\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        this.reorderItem(oldIndex, newIndex);\n      }\n    }\n\n    this.cleanupDrag();\n  };\n\n  private handleDragEnd = () => {\n    this.cleanupDrag();\n  };\n\n  private cleanupDrag() {\n    if (this.draggedItem) {\n      this.draggedItem.classList.remove('is-dragging');\n      this.draggedItem.removeAttribute('dragging');\n      if (typeof (this.draggedItem as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n        (this.draggedItem as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(false);\n      }\n      this.draggedItem = null;\n    }\n    if (this.dropTargetItem) {\n      this.dropTargetItem.classList.remove('drag-over', 'drop-target');\n      this.dropTargetItem.removeAttribute('drag-over');\n      if ('dragOver' in this.dropTargetItem) {\n        (this.dropTargetItem as unknown as { dragOver: boolean }).dragOver = false;\n      }\n      this.dropTargetItem = null;\n    }\n    const items = this.getItems();\n    for (const item of items) {\n      item.classList.remove('is-dragging', 'drag-over', 'drop-target');\n      item.removeAttribute('dragging');\n      item.removeAttribute('drag-over');\n      if (typeof (item as unknown as { internalSetDragging?: (v: boolean) => void }).internalSetDragging === 'function') {\n        (item as unknown as { internalSetDragging: (v: boolean) => void }).internalSetDragging(false);\n      }\n      if ('dragOver' in item) {\n        (item as unknown as { dragOver: boolean }).dragOver = false;\n      }\n    }\n  }\n\n  private handleItemKeyDown = (event: KeyboardEvent) => {\n    if (!this.isReorderActive() || !event.altKey) return;\n    if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) {\n      const item = this.findDrawerItem(event);\n      if (!item) return;\n\n      const items = this.getItems();\n      const currentIndex = items.indexOf(item);\n      if (currentIndex === -1) return;\n\n      let targetIndex = currentIndex;\n      const cols = this.columns || 3;\n\n      if (event.key === 'ArrowLeft') {\n        targetIndex = currentIndex - 1;\n      } else if (event.key === 'ArrowRight') {\n        targetIndex = currentIndex + 1;\n      } else if (event.key === 'ArrowUp') {\n        targetIndex = currentIndex - cols;\n      } else if (event.key === 'ArrowDown') {\n        targetIndex = currentIndex + cols;\n      }\n\n      if (targetIndex >= 0 && targetIndex < items.length && targetIndex !== currentIndex) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.reorderItem(currentIndex, targetIndex);\n        item.focus?.();\n      }\n    }\n  };\n\n  /**\n   * Opens the app drawer popup.\n   */\n  show() {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  /**\n   * Closes the app drawer popup.\n   */\n  close() {\n    if (this.open) {\n      this.open = false;\n      if (this.editing) {\n        this.editing = false;\n      }\n    }\n  }\n\n  /**\n   * Toggles the app drawer open/closed state.\n   */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  override render() {\n    const headerContent = this.headline\n      ? html`<span class=\"headline\">${this.headline}</span>`\n      : nothing;\n\n    const backButton = html`\n      <slot name=\"back-button\">\n        <md-icon-button\n          class=\"back-btn\"\n          variant=\"standard\"\n          icon=\"arrow_back\"\n          aria-label=\"Close\"\n          title=\"Close\"\n          @click=${this.handleBackClick}\n        ></md-icon-button>\n      </slot>\n    `;\n\n    const editButton = this.reorderable && this.editable\n      ? html`\n          <div class=\"header-actions\">\n            ${this.editing\n              ? html`\n                  <slot name=\"reset-button\">\n                    <md-icon-button\n                      class=\"reset-btn\"\n                      variant=\"standard\"\n                      icon=\"arrow_back\"\n                      aria-label=\"Reset to default order\"\n                      title=\"Reset to default order\"\n                      @click=${this.handleResetClick}\n                    ></md-icon-button>\n                  </slot>\n                `\n              : nothing}\n            <slot name=\"edit-button\">\n              <md-icon-button\n                class=\"edit-btn\"\n                variant=${this.editing ? 'filled' : 'standard'}\n                icon=${this.editing ? 'check' : 'edit'}\n                aria-label=${this.editing ? 'Done editing' : 'Edit apps order'}\n                title=${this.editing ? 'Done editing' : 'Edit apps order'}\n                @click=${this.handleEditToggle}\n              ></md-icon-button>\n            </slot>\n          </div>\n        `\n      : nothing;\n\n    const triggerContent = !this.noTrigger\n      ? html`\n          <div class=\"trigger-container\" @click=${this.handleTriggerClick}>\n            <slot name=\"trigger\">\n              <md-icon-button\n                icon=${this.icon}\n                aria-label=${this.ariaLabelText}\n                aria-expanded=${this.open ? 'true' : 'false'}\n                aria-haspopup=\"dialog\"\n              ></md-icon-button>\n            </slot>\n          </div>\n        `\n      : html`<slot name=\"trigger\" @click=${this.handleTriggerClick}></slot>`;\n\n    return html`\n      <div class=\"backdrop\" @click=${this.handleBackdropClick}></div>\n\n      <div class=\"trigger-wrapper\">\n        ${triggerContent}\n      </div>\n\n      <div\n        class=\"popover\"\n        role=\"dialog\"\n        aria-modal=${this.modal ? 'true' : 'false'}\n        aria-label=${this.headline || this.ariaLabelText}\n        aria-hidden=${this.open ? 'false' : 'true'}\n      >\n        <div class=\"header\">\n          <div class=\"header-leading\">\n            ${backButton}\n            <slot name=\"header\">\n              ${headerContent}\n            </slot>\n          </div>\n          ${editButton}\n        </div>\n\n        <div class=\"grid\" role=\"group\" aria-label=\"Apps\">\n          <slot @slotchange=${this.handleSlotChange}></slot>\n        </div>\n\n        <div class=\"footer\">\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\n// Aliases\n@customElement('md-app-launcher')\nexport class MdAppLauncher extends MdAppDrawer {}\n\n@customElement('md-apps-menu')\nexport class MdAppsMenu extends MdAppDrawer {}\n\n@customElement('md-app-item')\nexport class MdAppItem extends MdAppDrawerItem {}\n\n@customElement('md-app-launcher-item')\nexport class MdAppLauncherItem extends MdAppDrawerItem {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-app-drawer': MdAppDrawer;\n    'md-app-launcher': MdAppLauncher;\n    'md-apps-menu': MdAppsMenu;\n    'md-app-drawer-item': MdAppDrawerItem;\n    'md-app-item': MdAppItem;\n    'md-app-launcher-item': MdAppLauncherItem;\n  }\n}\n"],"mappings":";;;;;;;AAEA,IAAa,IAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}

package/dist/chunks/bottom-sheet-q79BBYAj.js

@@ -0,0 +1,402 @@
+import { n as d, t } from "./decorate-DXuynaiA.js";
+import "./icon-DrNqcNEL.js";
+import "./icon-button-BQz73GLa.js";
+import { css as c, html as r, nothing as a } from "lit";
+import { customElement as m, property as i, query as p, state as v } from "lit/decorators.js";
+var g = c`
+  :host {
+    display: contents;
+    font-family: var(--md-sys-typescale-font-family, inherit);
+  }
+
+  /* Scrim for modal variant */
+  .scrim {
+    position: fixed;
+    inset: 0;
+    background-color: var(--md-bottom-sheet-scrim-color, var(--md-sys-color-scrim, rgba(0, 0, 0, 0.32)));
+    backdrop-filter: blur(1px);
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    transition: opacity 250ms cubic-bezier(0.2, 0, 0, 1),
+                visibility 250ms cubic-bezier(0.2, 0, 0, 1);
+    z-index: 999;
+  }
+
+  :host([open][modal]) .scrim,
+  :host([open][type="modal"]) .scrim {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+  }
+
+  /* Bottom Sheet Container */
+  .sheet {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));
+    color: var(--md-bottom-sheet-on-container-color, var(--md-sys-color-on-surface, #1D1B20));
+    overflow: hidden;
+    z-index: 1000;
+    border-top-left-radius: var(--md-bottom-sheet-shape, 28px);
+    border-top-right-radius: var(--md-bottom-sheet-shape, 28px);
+  }
+
+  /* Modal Mode (Default overlay or when type="modal" or [modal]) */
+  :host([type="modal"]) .sheet,
+  :host([modal]) .sheet {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    max-width: var(--md-bottom-sheet-max-width, 640px);
+    margin: 0 auto;
+    max-height: var(--md-bottom-sheet-max-height, calc(100dvh - 56px));
+    box-shadow: var(--md-bottom-sheet-elevation, var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15)));
+    transform: translateY(100%);
+    visibility: hidden;
+    transition: transform 300ms cubic-bezier(0.2, 0, 0, 1),
+                visibility 300ms cubic-bezier(0.2, 0, 0, 1);
+    will-change: transform;
+  }
+
+  :host([open][type="modal"]) .sheet,
+  :host([open][modal]) .sheet {
+    transform: translateY(0);
+    visibility: visible;
+  }
+
+  .sheet.is-dragging {
+    transition: none !important;
+    user-select: none;
+  }
+
+  /* Fullscreen Mode */
+  :host([fullscreen][type="modal"]) .sheet,
+  :host([fullscreen][modal]) .sheet {
+    max-width: 100%;
+    max-height: 100dvh;
+    border-radius: 0;
+  }
+
+  /* Standard Mode (In-flow / docked panel) */
+  :host(:not([type="modal"]):not([modal])) {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    transition: max-height 300ms cubic-bezier(0.2, 0, 0, 1),
+                opacity 250ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  :host(:not([type="modal"]):not([modal]):not([open])) {
+    max-height: 0 !important;
+    opacity: 0;
+    pointer-events: none;
+    visibility: hidden;
+  }
+
+  :host(:not([type="modal"]):not([modal])[open]) {
+    max-height: var(--md-bottom-sheet-standard-max-height, 600px);
+    opacity: 1;
+    visibility: visible;
+  }
+
+  :host(:not([type="modal"]):not([modal])) .scrim {
+    display: none;
+  }
+
+  :host(:not([type="modal"]):not([modal])) .sheet {
+    position: relative;
+    width: 100%;
+    max-width: 100%;
+    transform: none;
+    visibility: visible;
+    box-shadow: none;
+    border-top: 1px solid var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));
+    background-color: var(--md-bottom-sheet-container-color, var(--md-sys-color-surface, #FEF7FF));
+  }
+
+  /* Drag Handle Section */
+  .drag-handle-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px 0 8px 0;
+    width: 100%;
+    cursor: grab;
+    touch-action: none;
+    flex-shrink: 0;
+    user-select: none;
+  }
+
+  .drag-handle-container:active,
+  .sheet.is-dragging .drag-handle-container {
+    cursor: grabbing;
+  }
+
+  .drag-handle {
+    width: 32px;
+    height: 4px;
+    border-radius: 2px;
+    background-color: var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-outline, #79747E));
+    transition: background-color 150ms ease;
+  }
+
+  :host([hide-drag-handle]) .drag-handle-container {
+    display: none;
+  }
+
+  /* Header Section */
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 16px 12px 24px;
+    min-height: 48px;
+    box-sizing: border-box;
+    gap: 8px;
+    flex-shrink: 0;
+  }
+
+  .header-content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+    gap: 2px;
+  }
+
+  .headline {
+    margin: 0;
+    font-size: var(--md-sys-typescale-title-large-size, 20px);
+    line-height: 28px;
+    font-weight: 500;
+    color: var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1D1B20));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .subhead {
+    margin: 0;
+    font-size: var(--md-sys-typescale-body-medium-size, 14px);
+    line-height: 20px;
+    color: var(--md-bottom-sheet-subhead-color, var(--md-sys-color-on-surface-variant, #49454F));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .header-actions {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    flex-shrink: 0;
+  }
+
+  .close-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  /* Divider */
+  .divider {
+    height: 1px;
+    background-color: var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));
+    width: 100%;
+    flex-shrink: 0;
+  }
+
+  /* Content Section */
+  .content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 16px 24px;
+    box-sizing: border-box;
+    gap: 16px;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .content::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .content::-webkit-scrollbar-thumb {
+    background-color: var(--md-sys-color-outline-variant, #CAC4D0);
+    border-radius: 4px;
+  }
+
+  /* Footer Section */
+  .footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 16px 24px;
+    box-sizing: border-box;
+    gap: 8px;
+    flex-shrink: 0;
+  }
+`, e = class extends d {
+  constructor(...s) {
+    super(...s), this.open = !1, this.type = "standard", this.modal = !1, this.headline = "", this.subhead = "", this.hideDragHandle = !1, this.hideCloseButton = !1, this.divider = !1, this.fullscreen = !1, this.isDragging = !1, this.dragStartY = 0, this.currentDragY = 0, this.activePointerId = null, this.handleKeyDown = (o) => {
+      o.key === "Escape" && this.open && this.isModalMode() && (this.close(), this.emitEvent("cancel"));
+    }, this.handleScrimClick = () => {
+      this.close(), this.emitEvent("scrim-click");
+    }, this.handleCloseClick = () => {
+      this.close(), this.emitEvent("close-click");
+    }, this.handleDragPointerDown = (o) => {
+      o.button === 0 && (o.target.closest('button, md-icon-button, md-button, a, input, [role="button"]') || (this.isDragging = !0, this.dragStartY = o.clientY, this.currentDragY = 0, this.activePointerId = o.pointerId, this.sheetElement && this.sheetElement.classList.add("is-dragging"), window.addEventListener("pointermove", this.handlePointerMove), window.addEventListener("pointerup", this.handlePointerUp), window.addEventListener("pointercancel", this.handlePointerUp), this.emitEvent("drag-start", { startY: this.dragStartY })));
+    }, this.handlePointerMove = (o) => {
+      if (!this.isDragging) return;
+      const n = o.clientY - this.dragStartY;
+      if (this.currentDragY = n > 0 ? n : n * 0.15, this.sheetElement) {
+        const l = Math.max(0, this.currentDragY);
+        this.sheetElement.style.transform = `translateY(${l}px)`;
+      }
+      this.emitEvent("drag", { deltaY: this.currentDragY });
+    }, this.handlePointerUp = (o) => {
+      if (!this.isDragging) return;
+      this.isDragging = !1, this.cleanupDragListeners(), this.sheetElement && (this.sheetElement.classList.remove("is-dragging"), this.sheetElement.style.transform = "");
+      const n = this.sheetElement?.offsetHeight || 300, l = Math.min(100, n * 0.25);
+      this.currentDragY > l && (this.close(), this.emitEvent("drag-dismiss")), this.emitEvent("drag-end", { deltaY: this.currentDragY }), this.currentDragY = 0, this.activePointerId = null;
+    };
+  }
+  static {
+    this.styles = [d.styles, g];
+  }
+  connectedCallback() {
+    super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), this.cleanupDragListeners();
+  }
+  updated(s) {
+    super.updated(s), s.has("open") && (this.open ? this.emitEvent("open") : this.emitEvent("close"));
+  }
+  isModalMode() {
+    return this.modal || this.type === "modal";
+  }
+  cleanupDragListeners() {
+    window.removeEventListener("pointermove", this.handlePointerMove), window.removeEventListener("pointerup", this.handlePointerUp), window.removeEventListener("pointercancel", this.handlePointerUp);
+  }
+  show() {
+    this.open = !0;
+  }
+  close() {
+    this.open = !1;
+  }
+  toggle() {
+    this.open = !this.open;
+  }
+  render() {
+    const s = this.isModalMode(), o = this.hideDragHandle ? a : r`
+          <div
+            class="drag-handle-container"
+            @pointerdown=${this.handleDragPointerDown}
+            aria-hidden="true"
+          >
+            <slot name="drag-handle">
+              <div class="drag-handle"></div>
+            </slot>
+          </div>
+        `, n = this.headline ? r`<h2 class="headline">${this.headline}</h2>` : a, l = this.subhead ? r`<p class="subhead">${this.subhead}</p>` : a, h = this.hideCloseButton ? a : r`
+          <slot name="close-button">
+            <md-icon-button
+              class="close-button"
+              icon="close"
+              aria-label="Close bottom sheet"
+              @click=${this.handleCloseClick}
+            ></md-icon-button>
+          </slot>
+        `;
+    return r`
+      <div class="scrim" @click=${this.handleScrimClick}></div>
+
+      <aside
+        class="sheet"
+        role=${s ? "dialog" : "region"}
+        aria-modal=${s ? "true" : a}
+        aria-hidden=${this.open ? "false" : "true"}
+        aria-label=${this.headline || "Bottom sheet"}
+      >
+        ${o}
+
+        <slot name="header">
+          <div class="header" @pointerdown=${this.handleDragPointerDown}>
+            <div class="header-content">
+              <slot name="headline">
+                ${n}
+              </slot>
+              <slot name="subhead">
+                ${l}
+              </slot>
+            </div>
+
+            <div class="header-actions">
+              <slot name="header-actions"></slot>
+              ${h}
+            </div>
+          </div>
+        </slot>
+
+        ${this.divider ? r`<div class="divider"></div>` : a}
+
+        <div class="content">
+          <slot></slot>
+        </div>
+
+        <slot name="footer">
+          <div class="footer">
+            <slot name="actions"></slot>
+          </div>
+        </slot>
+      </aside>
+    `;
+  }
+};
+t([i({
+  type: Boolean,
+  reflect: !0
+})], e.prototype, "open", void 0);
+t([i({
+  type: String,
+  reflect: !0
+})], e.prototype, "type", void 0);
+t([i({
+  type: Boolean,
+  reflect: !0
+})], e.prototype, "modal", void 0);
+t([i({ type: String })], e.prototype, "headline", void 0);
+t([i({ type: String })], e.prototype, "subhead", void 0);
+t([i({
+  type: Boolean,
+  reflect: !0,
+  attribute: "hide-drag-handle"
+})], e.prototype, "hideDragHandle", void 0);
+t([i({
+  type: Boolean,
+  reflect: !0,
+  attribute: "hide-close-button"
+})], e.prototype, "hideCloseButton", void 0);
+t([i({
+  type: Boolean,
+  reflect: !0
+})], e.prototype, "divider", void 0);
+t([i({
+  type: Boolean,
+  reflect: !0
+})], e.prototype, "fullscreen", void 0);
+t([p(".sheet")], e.prototype, "sheetElement", void 0);
+t([v()], e.prototype, "isDragging", void 0);
+e = t([m("md-bottom-sheet")], e);
+export {
+  e as t
+};
+
+//# sourceMappingURL=bottom-sheet-q79BBYAj.js.map

package/dist/chunks/bottom-sheet-q79BBYAj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet-q79BBYAj.js","names":[],"sources":["../../src/components/bottom-sheet/bottom-sheet.css.ts","../../src/components/bottom-sheet/bottom-sheet.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const bottomSheetStyles = css`\n  :host {\n    display: contents;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n  }\n\n  /* Scrim for modal variant */\n  .scrim {\n    position: fixed;\n    inset: 0;\n    background-color: var(--md-bottom-sheet-scrim-color, var(--md-sys-color-scrim, rgba(0, 0, 0, 0.32)));\n    backdrop-filter: blur(1px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 250ms cubic-bezier(0.2, 0, 0, 1),\n                visibility 250ms cubic-bezier(0.2, 0, 0, 1);\n    z-index: 999;\n  }\n\n  :host([open][modal]) .scrim,\n  :host([open][type=\"modal\"]) .scrim {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  /* Bottom Sheet Container */\n  .sheet {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    background-color: var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));\n    color: var(--md-bottom-sheet-on-container-color, var(--md-sys-color-on-surface, #1D1B20));\n    overflow: hidden;\n    z-index: 1000;\n    border-top-left-radius: var(--md-bottom-sheet-shape, 28px);\n    border-top-right-radius: var(--md-bottom-sheet-shape, 28px);\n  }\n\n  /* Modal Mode (Default overlay or when type=\"modal\" or [modal]) */\n  :host([type=\"modal\"]) .sheet,\n  :host([modal]) .sheet {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100%;\n    max-width: var(--md-bottom-sheet-max-width, 640px);\n    margin: 0 auto;\n    max-height: var(--md-bottom-sheet-max-height, calc(100dvh - 56px));\n    box-shadow: var(--md-bottom-sheet-elevation, var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15)));\n    transform: translateY(100%);\n    visibility: hidden;\n    transition: transform 300ms cubic-bezier(0.2, 0, 0, 1),\n                visibility 300ms cubic-bezier(0.2, 0, 0, 1);\n    will-change: transform;\n  }\n\n  :host([open][type=\"modal\"]) .sheet,\n  :host([open][modal]) .sheet {\n    transform: translateY(0);\n    visibility: visible;\n  }\n\n  .sheet.is-dragging {\n    transition: none !important;\n    user-select: none;\n  }\n\n  /* Fullscreen Mode */\n  :host([fullscreen][type=\"modal\"]) .sheet,\n  :host([fullscreen][modal]) .sheet {\n    max-width: 100%;\n    max-height: 100dvh;\n    border-radius: 0;\n  }\n\n  /* Standard Mode (In-flow / docked panel) */\n  :host(:not([type=\"modal\"]):not([modal])) {\n    display: block;\n    width: 100%;\n    overflow: hidden;\n    transition: max-height 300ms cubic-bezier(0.2, 0, 0, 1),\n                opacity 250ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host(:not([type=\"modal\"]):not([modal]):not([open])) {\n    max-height: 0 !important;\n    opacity: 0;\n    pointer-events: none;\n    visibility: hidden;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])[open]) {\n    max-height: var(--md-bottom-sheet-standard-max-height, 600px);\n    opacity: 1;\n    visibility: visible;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])) .scrim {\n    display: none;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])) .sheet {\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    transform: none;\n    visibility: visible;\n    box-shadow: none;\n    border-top: 1px solid var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    background-color: var(--md-bottom-sheet-container-color, var(--md-sys-color-surface, #FEF7FF));\n  }\n\n  /* Drag Handle Section */\n  .drag-handle-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 0 8px 0;\n    width: 100%;\n    cursor: grab;\n    touch-action: none;\n    flex-shrink: 0;\n    user-select: none;\n  }\n\n  .drag-handle-container:active,\n  .sheet.is-dragging .drag-handle-container {\n    cursor: grabbing;\n  }\n\n  .drag-handle {\n    width: 32px;\n    height: 4px;\n    border-radius: 2px;\n    background-color: var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-outline, #79747E));\n    transition: background-color 150ms ease;\n  }\n\n  :host([hide-drag-handle]) .drag-handle-container {\n    display: none;\n  }\n\n  /* Header Section */\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 16px 12px 24px;\n    min-height: 48px;\n    box-sizing: border-box;\n    gap: 8px;\n    flex-shrink: 0;\n  }\n\n  .header-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n    gap: 2px;\n  }\n\n  .headline {\n    margin: 0;\n    font-size: var(--md-sys-typescale-title-large-size, 20px);\n    line-height: 28px;\n    font-weight: 500;\n    color: var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1D1B20));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .subhead {\n    margin: 0;\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    color: var(--md-bottom-sheet-subhead-color, var(--md-sys-color-on-surface-variant, #49454F));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .header-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n  }\n\n  .close-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Divider */\n  .divider {\n    height: 1px;\n    background-color: var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    width: 100%;\n    flex-shrink: 0;\n  }\n\n  /* Content Section */\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 16px 24px;\n    box-sizing: border-box;\n    gap: 16px;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .content::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .content::-webkit-scrollbar-thumb {\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n    border-radius: 4px;\n  }\n\n  /* Footer Section */\n  .footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 16px 24px;\n    box-sizing: border-box;\n    gap: 8px;\n    flex-shrink: 0;\n  }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport { bottomSheetStyles } from './bottom-sheet.css.js';\n\nexport type BottomSheetType = 'standard' | 'modal';\n\n/**\n * Material Design 3 Bottom Sheet component.\n *\n * Bottom sheets display supplementary content anchored to the bottom of the screen,\n * supporting standard (in-flow / docked panel) and modal (overlay with scrim) modes,\n * drag handle gestures, touch swipe-to-dismiss, and customizable headers and footers.\n *\n * @slot - Default slot for main sheet body content.\n * @slot drag-handle - Custom drag handle element.\n * @slot header - Full header area replacement.\n * @slot headline - Custom title / headline content.\n * @slot subhead - Custom subtitle / subhead content.\n * @slot header-actions - Additional actions next to the close button in the header.\n * @slot close-button - Custom close button element.\n * @slot footer - Bottom actions / footer area.\n * @slot actions - Action buttons container inside the default footer.\n */\n@customElement('md-bottom-sheet')\nexport class MdBottomSheet extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, bottomSheetStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String, reflect: true })\n  type: BottomSheetType = 'standard';\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  subhead = '';\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-drag-handle' })\n  hideDragHandle = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  @property({ type: Boolean, reflect: true })\n  divider = false;\n\n  @property({ type: Boolean, reflect: true })\n  fullscreen = false;\n\n  @query('.sheet')\n  private sheetElement?: HTMLElement;\n\n  @state()\n  private isDragging = false;\n\n  private dragStartY = 0;\n  private currentDragY = 0;\n  private activePointerId: number | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleKeyDown);\n    this.cleanupDragListeners();\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n      } else {\n        this.emitEvent('close');\n      }\n    }\n  }\n\n  /**\n   * Returns whether the bottom sheet is currently functioning in modal mode.\n   */\n  isModalMode(): boolean {\n    return this.modal || this.type === 'modal';\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.open && this.isModalMode()) {\n      this.close();\n      this.emitEvent('cancel');\n    }\n  };\n\n  private handleScrimClick = () => {\n    this.close();\n    this.emitEvent('scrim-click');\n  };\n\n  private handleCloseClick = () => {\n    this.close();\n    this.emitEvent('close-click');\n  };\n\n  private handleDragPointerDown = (event: PointerEvent) => {\n    if (event.button !== 0) return; // Only main button\n    const target = event.target as HTMLElement;\n    if (target.closest('button, md-icon-button, md-button, a, input, [role=\"button\"]')) {\n      return;\n    }\n\n    this.isDragging = true;\n    this.dragStartY = event.clientY;\n    this.currentDragY = 0;\n    this.activePointerId = event.pointerId;\n\n    if (this.sheetElement) {\n      this.sheetElement.classList.add('is-dragging');\n    }\n\n    window.addEventListener('pointermove', this.handlePointerMove);\n    window.addEventListener('pointerup', this.handlePointerUp);\n    window.addEventListener('pointercancel', this.handlePointerUp);\n\n    this.emitEvent('drag-start', { startY: this.dragStartY });\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (!this.isDragging) return;\n\n    const deltaY = event.clientY - this.dragStartY;\n    // Allow dragging downwards; apply resistance if dragged upwards\n    this.currentDragY = deltaY > 0 ? deltaY : deltaY * 0.15;\n\n    if (this.sheetElement) {\n      const translateY = Math.max(0, this.currentDragY);\n      this.sheetElement.style.transform = `translateY(${translateY}px)`;\n    }\n\n    this.emitEvent('drag', { deltaY: this.currentDragY });\n  };\n\n  private handlePointerUp = (_event?: PointerEvent) => {\n    if (!this.isDragging) return;\n\n    this.isDragging = false;\n    this.cleanupDragListeners();\n\n    if (this.sheetElement) {\n      this.sheetElement.classList.remove('is-dragging');\n      this.sheetElement.style.transform = '';\n    }\n\n    const sheetHeight = this.sheetElement?.offsetHeight || 300;\n    const threshold = Math.min(100, sheetHeight * 0.25);\n\n    if (this.currentDragY > threshold) {\n      this.close();\n      this.emitEvent('drag-dismiss');\n    }\n\n    this.emitEvent('drag-end', { deltaY: this.currentDragY });\n    this.currentDragY = 0;\n    this.activePointerId = null;\n  };\n\n  private cleanupDragListeners() {\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    window.removeEventListener('pointerup', this.handlePointerUp);\n    window.removeEventListener('pointercancel', this.handlePointerUp);\n  }\n\n  /**\n   * Opens the bottom sheet.\n   */\n  show() {\n    this.open = true;\n  }\n\n  /**\n   * Closes the bottom sheet.\n   */\n  close() {\n    this.open = false;\n  }\n\n  /**\n   * Toggles the open/closed state of the bottom sheet.\n   */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  override render() {\n    const isModal = this.isModalMode();\n\n    const dragHandleContent = !this.hideDragHandle\n      ? html`\n          <div\n            class=\"drag-handle-container\"\n            @pointerdown=${this.handleDragPointerDown}\n            aria-hidden=\"true\"\n          >\n            <slot name=\"drag-handle\">\n              <div class=\"drag-handle\"></div>\n            </slot>\n          </div>\n        `\n      : nothing;\n\n    const headlineContent = this.headline\n      ? html`<h2 class=\"headline\">${this.headline}</h2>`\n      : nothing;\n\n    const subheadContent = this.subhead\n      ? html`<p class=\"subhead\">${this.subhead}</p>`\n      : nothing;\n\n    const closeBtnContent = !this.hideCloseButton\n      ? html`\n          <slot name=\"close-button\">\n            <md-icon-button\n              class=\"close-button\"\n              icon=\"close\"\n              aria-label=\"Close bottom sheet\"\n              @click=${this.handleCloseClick}\n            ></md-icon-button>\n          </slot>\n        `\n      : nothing;\n\n    return html`\n      <div class=\"scrim\" @click=${this.handleScrimClick}></div>\n\n      <aside\n        class=\"sheet\"\n        role=${isModal ? 'dialog' : 'region'}\n        aria-modal=${isModal ? 'true' : nothing}\n        aria-hidden=${this.open ? 'false' : 'true'}\n        aria-label=${this.headline || 'Bottom sheet'}\n      >\n        ${dragHandleContent}\n\n        <slot name=\"header\">\n          <div class=\"header\" @pointerdown=${this.handleDragPointerDown}>\n            <div class=\"header-content\">\n              <slot name=\"headline\">\n                ${headlineContent}\n              </slot>\n              <slot name=\"subhead\">\n                ${subheadContent}\n              </slot>\n            </div>\n\n            <div class=\"header-actions\">\n              <slot name=\"header-actions\"></slot>\n              ${closeBtnContent}\n            </div>\n          </div>\n        </slot>\n\n        ${this.divider ? html`<div class=\"divider\"></div>` : nothing}\n\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"footer\">\n          <div class=\"footer\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </slot>\n      </aside>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-bottom-sheet': MdBottomSheet;\n  }\n}\n"],"mappings":";;;;;AAEA,IAAa,IAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}

package/dist/chunks/{button-B4TSZ7Sl.js → button-D2vn7kJ8.js}

@@ -22,11 +22,12 @@ var p = h`
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
+    width: 100%;
     min-width: 64px;
     height: 40px;
     padding: 0 24px;
     border: none;
-    border-radius: var(--md-sys-shape-corner-full, 9999px);
+    border-radius: var(--md-button-border-radius, var(--md-button-shape, var(--md-sys-shape-corner-full, 9999px)));
     font-family: var(--md-sys-typescale-font-family, inherit);
     font-size: var(--md-sys-typescale-label-large-size, 14px);
     font-weight: 500;
@@ -160,14 +161,14 @@ var p = h`
   }
 `, t = class extends l {
   constructor(...a) {
-    super(...a), this.variant = "filled", this.disabled = !1, this.loading = !1, this.type = "button", this.href = "", this.target = "", this.icon = "", this.trailingIcon = "", this.handleClick = (s) => {
+    super(...a), this.variant = "filled", this.disabled = !1, this.loading = !1, this.type = "button", this.href = "", this.target = "", this.icon = "", this.trailingIcon = "", this.handleClick = (r) => {
       if (this.disabled || this.loading) {
-        s.preventDefault(), s.stopImmediatePropagation();
+        r.preventDefault(), r.stopImmediatePropagation();
         return;
       }
       if (this.type === "submit" || this.type === "reset") {
-        const r = this.closest("form");
-        r && (this.type === "submit" ? r.requestSubmit() : r.reset());
+        const s = this.closest("form");
+        s && (this.type === "submit" ? s.requestSubmit() : s.reset());
       }
     };
   }
@@ -175,8 +176,8 @@ var p = h`
     this.styles = [l.styles, p];
   }
   handleSlotChange() {
-    const a = !!(this.icon || this.assignedIcons && this.assignedIcons.length > 0), s = !!(this.trailingIcon || this.assignedTrailingIcons && this.assignedTrailingIcons.length > 0);
-    this.toggleAttribute("has-icon", a), this.toggleAttribute("has-trailing-icon", s);
+    const a = !!(this.icon || this.assignedIcons && this.assignedIcons.length > 0), r = !!(this.trailingIcon || this.assignedTrailingIcons && this.assignedTrailingIcons.length > 0);
+    this.toggleAttribute("has-icon", a), this.toggleAttribute("has-trailing-icon", r);
   }
   firstUpdated() {
     this.handleSlotChange();
@@ -247,4 +248,4 @@ export {
   t
 };
 
-//# sourceMappingURL=button-B4TSZ7Sl.js.map
+//# sourceMappingURL=button-D2vn7kJ8.js.map