@francofantomius/material-components 0.1.0 → 1.0.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/components/app-drawer/app-drawer.css.ts","../src/components/app-drawer/app-drawer.ts","../src/components/account-menu/account-menu.css.ts","../src/components/account-menu/account-menu.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","import { css } from 'lit';\n\nexport const accountMenuStyles = 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    align-items: center;\n    justify-content: center;\n  }\n\n  .avatar-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--md-account-trigger-size, 40px);\n    height: var(--md-account-trigger-size, 40px);\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    color: var(--md-sys-color-on-primary-container, #21005D);\n    border: 2px solid transparent;\n    padding: 0;\n    cursor: pointer;\n    outline: none;\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 600;\n    user-select: none;\n    transition: box-shadow 150ms ease, transform 150ms ease, border-color 150ms ease;\n    -webkit-tap-highlight-color: transparent;\n    overflow: visible;\n  }\n\n  .avatar-btn:hover {\n    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3);\n    border-color: var(--md-sys-color-outline-variant, #CAC4D0);\n  }\n\n  .avatar-btn:focus-visible {\n    border-color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  .avatar-img {\n    width: 100%;\n    height: 100%;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    object-fit: cover;\n  }\n\n  .avatar-initials {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\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-account-menu-width, 380px);\n    max-width: calc(100vw - 24px);\n    height: fit-content;\n    max-height: var(--md-account-menu-max-height, none);\n    box-sizing: border-box;\n    padding: 0;\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\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    animation: md-account-menu-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes md-account-menu-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 Section */\n  .popover-header {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 12px 16px 4px;\n    box-sizing: border-box;\n  }\n\n  .header-leading {\n    display: flex;\n    align-items: center;\n    gap: 8px;\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  .popover-header .headline {\n    display: none;\n    margin: 0;\n    font-size: var(--md-sys-typescale-title-large-size, 20px);\n    font-weight: 500;\n    line-height: 28px;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .close-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: transparent;\n    border: none;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    cursor: pointer;\n    padding: 0;\n    transition: background-color 150ms ease;\n  }\n\n  .close-btn:hover {\n    background-color: var(--md-sys-color-surface-container-highest, rgba(0, 0, 0, 0.08));\n    color: var(--md-sys-color-on-surface, #1D1B20);\n  }\n\n  /* Profile Card (Account Centerpiece) */\n  .profile-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 8px 24px 20px;\n    background-color: var(--md-sys-color-surface-container-lowest, #FFFFFF);\n    margin: 8px 16px 12px;\n    border-radius: var(--md-sys-shape-corner-large, 24px);\n    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    box-sizing: border-box;\n  }\n\n  .profile-avatar-wrapper {\n    position: relative;\n    margin: 12px 0 14px;\n  }\n\n  .profile-avatar {\n    width: 76px;\n    height: 76px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-on-primary, #FFFFFF);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    font-weight: 600;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n    overflow: hidden;\n  }\n\n  .profile-avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-edit-badge {\n    position: absolute;\n    bottom: -2px;\n    right: -2px;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n    border: 2px solid var(--md-sys-color-surface-container-lowest, #FFFFFF);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    padding: 0;\n    transition: background-color 150ms ease;\n  }\n\n  .avatar-edit-badge:hover {\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    color: var(--md-sys-color-on-primary-container, #21005D);\n  }\n\n  .avatar-edit-badge md-icon {\n    --md-icon-size: 16px;\n    font-size: 16px;\n  }\n\n  .profile-name {\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 24px;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    margin: 0 0 4px;\n  }\n\n  .profile-email {\n    font-size: 13px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    margin: 0 0 16px;\n  }\n\n  .manage-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 8px 18px;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    border: 1px solid var(--md-sys-color-outline, #79747E);\n    background: transparent;\n    color: var(--md-sys-color-primary, #6750A4);\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    text-decoration: none;\n    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;\n    overflow: hidden;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .manage-btn:hover {\n    background-color: var(--md-sys-color-primary-container, rgba(103, 80, 164, 0.08));\n    border-color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  /* Internal Tabs for Account Info */\n  .account-tabs {\n    display: flex;\n    border-bottom: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    padding: 0 16px;\n    margin-bottom: 8px;\n    gap: 4px;\n  }\n\n  .tab-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 10px 8px;\n    background: transparent;\n    border: none;\n    border-bottom: 2px solid transparent;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: color 150ms ease, border-color 150ms ease;\n    outline: none;\n  }\n\n  .tab-btn:hover {\n    color: var(--md-sys-color-on-surface, #1D1B20);\n  }\n\n  .tab-btn.active {\n    color: var(--md-sys-color-primary, #6750A4);\n    border-bottom-color: var(--md-sys-color-primary, #6750A4);\n    font-weight: 600;\n  }\n\n  .tab-btn md-icon {\n    --md-icon-size: 16px;\n    font-size: 16px;\n  }\n\n  .tab-panel {\n    display: none;\n    padding: 8px 16px 14px;\n    box-sizing: border-box;\n  }\n\n  .tab-panel.active {\n    display: block;\n    animation: tabFadeIn 150ms ease forwards;\n  }\n\n  @keyframes tabFadeIn {\n    from { opacity: 0; transform: translateY(4px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  /* Info & Detail Rows */\n  .info-card {\n    background-color: var(--md-sys-color-surface-container-lowest, #FFFFFF);\n    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    border-radius: var(--md-sys-shape-corner-medium, 16px);\n    padding: 12px 16px;\n    margin-bottom: 8px;\n    box-sizing: border-box;\n  }\n\n  .info-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--md-sys-color-surface-container-high, #ECE6F0);\n    font-size: 13px;\n  }\n\n  .info-row:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n\n  .info-row:first-child {\n    padding-top: 0;\n  }\n\n  .info-label {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  .info-label md-icon {\n    --md-icon-size: 18px;\n    font-size: 18px;\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  .info-value {\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    text-align: right;\n  }\n\n  .badge-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: 100px;\n    font-size: 11px;\n    font-weight: 600;\n    background-color: var(--md-sys-color-secondary-container, #E8DEF8);\n    color: var(--md-sys-color-on-secondary-container, #1D192B);\n  }\n\n  .badge-chip.success {\n    background-color: #E8F5E9;\n    color: #2E7D32;\n  }\n\n  /* Storage Section */\n  .storage-box {\n    background-color: var(--md-sys-color-surface-container-lowest, #FFFFFF);\n    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    border-radius: var(--md-sys-shape-corner-medium, 16px);\n    padding: 16px;\n    box-sizing: border-box;\n  }\n\n  .storage-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n  }\n\n  .storage-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .storage-title md-icon {\n    --md-icon-size: 20px;\n    font-size: 20px;\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  .storage-meta {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  .storage-bar-track {\n    width: 100%;\n    height: 8px;\n    border-radius: 4px;\n    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n    overflow: hidden;\n    margin-bottom: 12px;\n  }\n\n  .storage-bar-fill {\n    height: 100%;\n    border-radius: 4px;\n    background: linear-gradient(90deg, var(--md-sys-color-primary, #6750A4), var(--md-sys-color-tertiary, #7D5260));\n    transition: width 300ms ease;\n  }\n\n  .storage-breakdown {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n    font-size: 12px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  .storage-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .storage-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n\n  /* Multi-account switcher list */\n  .accounts-list {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    box-sizing: border-box;\n  }\n\n  /* Footer */\n  .popover-footer {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px 16px;\n    border-top: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    box-sizing: border-box;\n  }\n\n  .signout-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    padding: 10px 16px;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background-color 150ms ease, color 150ms ease;\n    overflow: hidden;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .signout-btn:hover {\n    background-color: var(--md-sys-color-error-container, #F9DEDC);\n    color: var(--md-sys-color-on-error-container, #410E0B);\n    border-color: var(--md-sys-color-error, #B3261E);\n  }\n\n  .signout-btn md-icon {\n    --md-icon-size: 18px;\n    font-size: 18px;\n  }\n\n  .footer-links {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    font-size: 11px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  .footer-links a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .footer-links a:hover {\n    text-decoration: underline;\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  .footer-dot {\n    opacity: 0.5;\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    .popover-header .headline {\n      display: block;\n    }\n\n    .popover-header {\n      justify-content: space-between;\n      min-height: 48px;\n      padding: 12px 16px 8px;\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: 0 0 env(safe-area-inset-bottom, 16px) 0;\n      margin: 0;\n      animation: md-account-menu-mobile-in 200ms cubic-bezier(0.2, 0, 0, 1) forwards;\n    }\n\n    .profile-card {\n      margin: 4px 16px 12px;\n    }\n  }\n\n  @keyframes md-account-menu-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]) .popover-header .headline {\n    display: block;\n  }\n\n  :host([fullscreen]) .popover-header {\n    justify-content: space-between;\n    min-height: 48px;\n    padding: 12px 16px 8px;\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: 0 0 env(safe-area-inset-bottom, 16px) 0;\n    margin: 0;\n  }\n\n  :host([fullscreen]) .profile-card {\n    margin: 4px 16px 12px;\n  }\n`;\n\nexport const accountItemStyles = 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    align-items: center;\n    gap: 12px;\n    width: 100%;\n    padding: 10px 12px;\n    border-radius: var(--md-sys-shape-corner-medium, 14px);\n    background: transparent;\n    border: none;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    text-align: left;\n    cursor: pointer;\n    font-family: inherit;\n    text-decoration: none;\n    transition: background-color 150ms ease;\n    box-sizing: border-box;\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    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  .item-avatar {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    color: var(--md-sys-color-on-primary-container, #21005D);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    font-weight: 600;\n    flex-shrink: 0;\n    overflow: hidden;\n  }\n\n  .item-avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .item-content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .item-name {\n    font-size: 13.5px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .item-email {\n    font-size: 12px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .item-trailing {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex-shrink: 0;\n  }\n\n  .check-icon {\n    color: var(--md-sys-color-primary, #6750A4);\n    font-size: 20px;\n  }\n\n  .action-icon {\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    font-size: 20px;\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, 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 '../icon-button/icon-button.js';\nimport { accountMenuStyles, accountItemStyles } from './account-menu.css.js';\n\nexport type AccountMenuAlignment = 'start' | 'end';\nexport type AccountMenuPivot = 'left' | 'right';\nexport type AccountMenuTab = 'overview' | 'security' | 'storage' | 'accounts';\n\n/**\n * Material Design 3 Account Item component.\n * Represents a single account profile in the account switcher or an account action item.\n *\n * @slot icon - Custom icon or graphic.\n * @slot - Default slot for account name/details.\n * @slot trailing - Custom trailing content or checkmark.\n */\n@customElement('md-account-item')\nexport class MdAccountItem extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, accountItemStyles];\n\n  @property({ type: String })\n  name = '';\n\n  @property({ type: String })\n  email = '';\n\n  @property({ type: String })\n  avatar = '';\n\n  @property({ type: String })\n  initials = '';\n\n  @property({ type: String })\n  icon = '';\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  active = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean })\n  action = false;\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n\n    this.emitEvent('account-click', {\n      name: this.name,\n      email: this.email,\n      avatar: this.avatar,\n      initials: this.initials,\n      active: this.active,\n      action: this.action,\n    });\n  };\n\n  override render() {\n    const displayInitials = this.initials || (this.name ? this.name.charAt(0).toUpperCase() : '');\n\n    const avatarContent = this.avatar\n      ? html`<img class=\"item-avatar-img\" src=${this.avatar} alt=${this.name || 'Account avatar'} />`\n      : this.icon\n        ? html`<md-icon name=${this.icon}></md-icon>`\n        : displayInitials\n          ? html`<span>${displayInitials}</span>`\n          : html`<md-icon name=\"person\"></md-icon>`;\n\n    const trailingContent = this.active\n      ? html`<md-icon name=\"check\" class=\"check-icon\"></md-icon>`\n      : this.action\n        ? html`<md-icon name=\"chevron_right\" class=\"action-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=\"item-avatar\">\n        <slot name=\"icon\">${avatarContent}</slot>\n      </div>\n\n      <div class=\"item-content\">\n        <span class=\"item-name\"><slot name=\"name\">${this.name || 'Account'}</slot></span>\n        ${this.email ? html`<span class=\"item-email\"><slot name=\"email\">${this.email}</slot></span>` : nothing}\n      </div>\n\n      <div class=\"item-trailing\">\n        <slot name=\"trailing\">${trailingContent}</slot>\n      </div>\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          @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        @click=${this.handleClick}\n      >\n        ${inner}\n      </button>\n    `;\n  }\n}\n\n/**\n * Material Design 3 Account Menu (Account Profile Switcher) component.\n * Displays a profile menu with rich user info, storage usage, security overview, and multi-account switcher.\n *\n * @slot trigger - Custom trigger element replacing the default avatar button.\n * @slot header - Custom header element.\n * @slot overview - Custom overview info content.\n * @slot security - Custom security info content.\n * @slot storage - Custom storage info content.\n * @slot accounts - Container for md-account-item instances.\n * @slot footer - Custom footer content.\n */\n@customElement('md-account-menu')\nexport class MdAccountMenu extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, accountMenuStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  name = 'Franco Fantomius';\n\n  @property({ type: String })\n  email = 'franco.fantomius@example.com';\n\n  @property({ type: String })\n  avatar = '';\n\n  @property({ type: String })\n  initials = '';\n\n  @property({ type: String })\n  icon = 'account_circle';\n\n  @property({ type: String, attribute: 'headline' })\n  headline = 'Account';\n\n  @property({ type: String, attribute: 'manage-text' })\n  manageText = 'Manage your Account';\n\n  @property({ type: String, attribute: 'manage-url' })\n  manageUrl = '';\n\n  @property({ type: String, attribute: 'organization' })\n  organization = 'Material Components';\n\n  @property({ type: String, attribute: 'role-title' })\n  roleTitle = 'Lead Architect';\n\n  @property({ type: String, attribute: 'status' })\n  status = 'Active';\n\n  @property({ type: String, attribute: 'storage-used' })\n  storageUsed = '10.4 GB';\n\n  @property({ type: String, attribute: 'storage-total' })\n  storageTotal = '15 GB';\n\n  @property({ type: Number, attribute: 'storage-progress' })\n  storageProgress = 0.69;\n\n  @property({ type: String, attribute: 'security-status' })\n  securityStatus = 'Protected';\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'Account info';\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: AccountMenuAlignment = 'end';\n\n  @property({ type: String, reflect: true })\n  pivot: AccountMenuPivot = '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: Boolean, attribute: 'show-tabs' })\n  showTabs = true;\n\n  @state()\n  activeTab: AccountMenuTab = 'overview';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('pointerdown', this.handleDocumentClick);\n    this.addEventListener('account-click', this.handleAccountItemClick as EventListener);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('pointerdown', this.handleDocumentClick);\n    this.removeEventListener('account-click', this.handleAccountItemClick as EventListener);\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  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  private handleTabClick = (tab: AccountMenuTab) => {\n    this.activeTab = tab;\n    this.emitEvent('tab-change', { tab });\n  };\n\n  private handleManageClick = (event: MouseEvent) => {\n    this.emitEvent('manage-click', {\n      name: this.name,\n      email: this.email,\n      manageUrl: this.manageUrl,\n    });\n  };\n\n  private handleSignOutClick = () => {\n    this.emitEvent('sign-out', {\n      email: this.email,\n    });\n    this.close();\n  };\n\n  private handleEditAvatarClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.emitEvent('edit-avatar', {\n      email: this.email,\n    });\n  };\n\n  private handleAccountItemClick = (e: CustomEvent) => {\n    const detail = e.detail;\n    if (!detail.action && detail.email) {\n      this.name = detail.name || this.name;\n      this.email = detail.email;\n      if (detail.avatar) this.avatar = detail.avatar;\n      if (detail.initials) this.initials = detail.initials;\n    }\n    this.emitEvent('account-select', detail);\n  };\n\n  /**\n   * Opens the account menu popover.\n   */\n  show() {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  /**\n   * Closes the account menu popover.\n   */\n  close() {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Toggles the account menu open/closed state.\n   */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  override render() {\n    const displayInitials = this.initials || (this.name ? this.name.charAt(0).toUpperCase() : 'G');\n\n    const triggerAvatar = this.avatar\n      ? html`<img class=\"avatar-img\" src=${this.avatar} alt=${this.name || 'User Profile'} />`\n      : displayInitials\n        ? html`<span class=\"avatar-initials\">${displayInitials}</span>`\n        : html`<md-icon name=${this.icon}></md-icon>`;\n\n    const triggerContent = !this.noTrigger\n      ? html`\n          <div class=\"trigger-container\" @click=${this.handleTriggerClick}>\n            <slot name=\"trigger\">\n              <button\n                type=\"button\"\n                class=\"avatar-btn\"\n                aria-label=${this.ariaLabelText}\n                aria-expanded=${this.open ? 'true' : 'false'}\n                aria-haspopup=\"dialog\"\n                title=\"${this.name} (${this.email})\"\n              >\n                <md-ripple></md-ripple>\n                <md-focus-ring></md-focus-ring>\n                ${triggerAvatar}\n              </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        <!-- Popover Header -->\n        <div class=\"popover-header\">\n          <div class=\"header-leading\">\n            <slot name=\"back-button\">\n              <md-icon-button\n                class=\"back-btn\"\n                variant=\"standard\"\n                icon=\"arrow_back\"\n                aria-label=\"Back\"\n                title=\"Back\"\n                @click=${this.handleBackClick}\n              ></md-icon-button>\n            </slot>\n            ${this.headline ? html`<span class=\"headline\">${this.headline}</span>` : nothing}\n          </div>\n          <slot name=\"header\">\n            <button\n              type=\"button\"\n              class=\"close-btn\"\n              aria-label=\"Close account menu\"\n              @click=${this.close}\n            >\n              <md-icon name=\"close\"></md-icon>\n            </button>\n          </slot>\n        </div>\n\n        <!-- Central Profile Card -->\n        <div class=\"profile-card\">\n          <div class=\"profile-avatar-wrapper\">\n            <div class=\"profile-avatar\">\n              ${this.avatar\n                ? html`<img src=${this.avatar} alt=${this.name} />`\n                : html`<span>${displayInitials}</span>`}\n            </div>\n            <button\n              type=\"button\"\n              class=\"avatar-edit-badge\"\n              aria-label=\"Change profile picture\"\n              title=\"Change profile picture\"\n              @click=${this.handleEditAvatarClick}\n            >\n              <md-icon name=\"photo_camera\"></md-icon>\n            </button>\n          </div>\n\n          <h2 class=\"profile-name\">${this.name}</h2>\n          <span class=\"profile-email\">${this.email}</span>\n\n          <a\n            class=\"manage-btn\"\n            href=${this.manageUrl || 'javascript:void(0)'}\n            @click=${this.handleManageClick}\n          >\n            <md-ripple></md-ripple>\n            <md-focus-ring></md-focus-ring>\n            <md-icon name=\"manage_accounts\"></md-icon>\n            <span>${this.manageText}</span>\n          </a>\n        </div>\n\n        <!-- Account Info Tabs -->\n        ${this.showTabs\n          ? html`\n              <nav class=\"account-tabs\" role=\"tablist\" aria-label=\"Account information tabs\">\n                <button\n                  type=\"button\"\n                  class=\"tab-btn ${this.activeTab === 'overview' ? 'active' : ''}\"\n                  role=\"tab\"\n                  aria-selected=${this.activeTab === 'overview' ? 'true' : 'false'}\n                  @click=${() => this.handleTabClick('overview')}\n                >\n                  <md-icon name=\"badge\"></md-icon>\n                  <span>Overview</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"tab-btn ${this.activeTab === 'security' ? 'active' : ''}\"\n                  role=\"tab\"\n                  aria-selected=${this.activeTab === 'security' ? 'true' : 'false'}\n                  @click=${() => this.handleTabClick('security')}\n                >\n                  <md-icon name=\"shield\"></md-icon>\n                  <span>Security</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"tab-btn ${this.activeTab === 'storage' ? 'active' : ''}\"\n                  role=\"tab\"\n                  aria-selected=${this.activeTab === 'storage' ? 'true' : 'false'}\n                  @click=${() => this.handleTabClick('storage')}\n                >\n                  <md-icon name=\"cloud\"></md-icon>\n                  <span>Storage</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"tab-btn ${this.activeTab === 'accounts' ? 'active' : ''}\"\n                  role=\"tab\"\n                  aria-selected=${this.activeTab === 'accounts' ? 'true' : 'false'}\n                  @click=${() => this.handleTabClick('accounts')}\n                >\n                  <md-icon name=\"people\"></md-icon>\n                  <span>Accounts</span>\n                </button>\n              </nav>\n            `\n          : nothing}\n\n        <!-- Tab Panels -->\n        <!-- 1. Overview Tab Panel -->\n        <div class=\"tab-panel ${this.activeTab === 'overview' ? 'active' : ''}\" role=\"tabpanel\">\n          <slot name=\"overview\">\n            <div class=\"info-card\">\n              <div class=\"info-row\">\n                <div class=\"info-label\">\n                  <md-icon name=\"apartment\"></md-icon>\n                  <span>Organization</span>\n                </div>\n                <span class=\"info-value\">${this.organization}</span>\n              </div>\n              <div class=\"info-row\">\n                <div class=\"info-label\">\n                  <md-icon name=\"engineering\"></md-icon>\n                  <span>Role</span>\n                </div>\n                <span class=\"info-value\">${this.roleTitle}</span>\n              </div>\n              <div class=\"info-row\">\n                <div class=\"info-label\">\n                  <md-icon name=\"verified_user\"></md-icon>\n                  <span>Status</span>\n                </div>\n                <span class=\"info-value\">\n                  <span class=\"badge-chip success\">\n                    <md-icon name=\"check_circle\" style=\"font-size: 13px;\"></md-icon>\n                    ${this.status}\n                  </span>\n                </span>\n              </div>\n            </div>\n          </slot>\n        </div>\n\n        <!-- 2. Security Tab Panel -->\n        <div class=\"tab-panel ${this.activeTab === 'security' ? 'active' : ''}\" role=\"tabpanel\">\n          <slot name=\"security\">\n            <div class=\"info-card\">\n              <div class=\"info-row\">\n                <div class=\"info-label\">\n                  <md-icon name=\"security\"></md-icon>\n                  <span>2-Step Verification</span>\n                </div>\n                <span class=\"info-value\">\n                  <span class=\"badge-chip success\">Enabled</span>\n                </span>\n              </div>\n              <div class=\"info-row\">\n                <div class=\"info-label\">\n                  <md-icon name=\"devices\"></md-icon>\n                  <span>Active Sessions</span>\n                </div>\n                <span class=\"info-value\">2 devices (PC, Mobile)</span>\n              </div>\n              <div class=\"info-row\">\n                <div class=\"info-label\">\n                  <md-icon name=\"lock_reset\"></md-icon>\n                  <span>Password Changed</span>\n                </div>\n                <span class=\"info-value\">3 months ago</span>\n              </div>\n            </div>\n          </slot>\n        </div>\n\n        <!-- 3. Storage Tab Panel -->\n        <div class=\"tab-panel ${this.activeTab === 'storage' ? 'active' : ''}\" role=\"tabpanel\">\n          <slot name=\"storage\">\n            <div class=\"storage-box\">\n              <div class=\"storage-header\">\n                <div class=\"storage-title\">\n                  <md-icon name=\"cloud\"></md-icon>\n                  <span>Account Storage</span>\n                </div>\n                <span class=\"storage-meta\">${this.storageUsed} of ${this.storageTotal} used</span>\n              </div>\n              <div class=\"storage-bar-track\">\n                <div\n                  class=\"storage-bar-fill\"\n                  style=\"width: ${Math.min(100, Math.max(0, this.storageProgress * 100))}%;\"\n                ></div>\n              </div>\n              <div class=\"storage-breakdown\">\n                <div class=\"storage-item\">\n                  <span class=\"storage-dot\" style=\"background-color: var(--md-sys-color-primary, #6750A4);\"></span>\n                  <span>Files: 6.2 GB</span>\n                <div class=\"storage-item\">\n                  <span class=\"storage-dot\" style=\"background-color: var(--md-sys-color-tertiary, #7D5260);\"></span>\n                  <span>Mail: 3.1 GB</span>\n                </div>\n                  <span class=\"storage-dot\" style=\"background-color: var(--md-sys-color-secondary, #625B71);\"></span>\n                  <span>Media: 1.1 GB</span>\n                </div>\n                <div class=\"storage-item\">\n                  <span>Free: 4.6 GB</span>\n                </div>\n              </div>\n            </div>\n          </slot>\n        </div>\n\n        <!-- 4. Accounts Multi-switcher Tab Panel -->\n        <div class=\"tab-panel ${this.activeTab === 'accounts' ? 'active' : ''}\" role=\"tabpanel\">\n          <div class=\"accounts-list\">\n            <slot name=\"accounts\">\n              <md-account-item\n                name=${this.name}\n                email=${this.email}\n                initials=${displayInitials}\n                active\n              ></md-account-item>\n              <md-account-item\n                name=\"Work Workspace\"\n                email=\"franco.dev@work.corp\"\n                initials=\"W\"\n              ></md-account-item>\n              <md-account-item\n                name=\"Add another account\"\n                icon=\"person_add\"\n                action\n              ></md-account-item>\n            </slot>\n          </div>\n        </div>\n\n        <!-- Default Slot for Custom Extensions -->\n        <slot></slot>\n\n        <!-- Popover Footer -->\n        <div class=\"popover-footer\">\n          <slot name=\"footer\">\n            <button type=\"button\" class=\"signout-btn\" @click=${this.handleSignOutClick}>\n              <md-ripple></md-ripple>\n              <md-focus-ring></md-focus-ring>\n              <md-icon name=\"logout\"></md-icon>\n              <span>Sign out of all accounts</span>\n            </button>\n            <div class=\"footer-links\">\n              <a href=\"#/privacy\">Privacy Policy</a>\n              <span class=\"footer-dot\">&bull;</span>\n              <a href=\"#/terms\">Terms of Service</a>\n            </div>\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\n// Aliases\n@customElement('md-account-drawer')\nexport class MdAccountDrawer extends MdAccountMenu {}\n\n@customElement('md-account-profile')\nexport class MdAccountProfile extends MdAccountMenu {}\n\n@customElement('md-account-profile-item')\nexport class MdAccountProfileItem extends MdAccountItem {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-account-menu': MdAccountMenu;\n    'md-account-drawer': MdAccountDrawer;\n    'md-account-profile': MdAccountProfile;\n    'md-account-item': MdAccountItem;\n    'md-account-profile-item': MdAccountProfileItem;\n  }\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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A;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA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"}

package/dist/internal/focus-ring/focus-ring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus-ring.d.ts","sourceRoot":"","sources":["../../../src/internal/focus-ring/focus-ring.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,qBACa,WAAY,SAAQ,aAAa;IAC5C,OAAgB,MAAM,iCAA2C;IAGjE,OAAO,UAAS;IAGhB,MAAM,UAAS;IAEf,OAAO,CAAC,OAAO,CAA4B;IAElC,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
+{"version":3,"file":"focus-ring.d.ts","sourceRoot":"","sources":["../../../src/internal/focus-ring/focus-ring.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,qBACa,WAAY,SAAQ,aAAa;IAC5C,OAAgB,MAAM,iCAA2C;IAGjE,OAAO,UAAS;IAGhB,MAAM,UAAS;IAEf,OAAO,CAAC,OAAO,CAA4B;IAElC,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/internal/focus-ring/focus-ring.js

@@ -0,0 +1,4 @@
+import { t as r } from "../../chunks/focus-ring-CuiJuM-y.js";
+export {
+  r as MdFocusRing
+};

package/dist/internal/ripple/ripple.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.css.d.ts","sourceRoot":"","sources":["../../../src/internal/ripple/ripple.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAuExB,CAAC"}
+{"version":3,"file":"ripple.css.d.ts","sourceRoot":"","sources":["../../../src/internal/ripple/ripple.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAyExB,CAAC"}

package/dist/internal/ripple/ripple.d.ts

@@ -3,7 +3,6 @@ export declare class MdRipple extends MdBaseElement {
     static styles: import('lit').CSSResultGroup[];
     unbounded: boolean;
     disabled: boolean;
-    private isHovered;
     private isFocused;
     private ripples;
     private control;
@@ -11,8 +10,6 @@ export declare class MdRipple extends MdBaseElement {
     disconnectedCallback(): void;
     private setupControl;
     private cleanupControl;
-    private handlePointerEnter;
-    private handlePointerLeave;
     private handleFocusIn;
     private handleFocusOut;
     private handlePointerDown;

package/dist/internal/ripple/ripple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../src/internal/ripple/ripple.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,qBACa,QAAS,SAAQ,aAAa;IACzC,OAAgB,MAAM,iCAAwC;IAG9D,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,OAAO,CAA4B;IAElC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,iBAAiB,CAmCvB;IAEO,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../src/internal/ripple/ripple.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,qBACa,QAAS,SAAQ,aAAa;IACzC,OAAgB,MAAM,iCAAwC;IAG9D,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,OAAO,CAA4B;IAElC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,iBAAiB,CAmCvB;IAEO,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/internal/ripple/ripple.js

@@ -1,144 +1,4 @@
-import { css as f, html as m } from "lit";
-import { property as p, state as h, customElement as y } from "lit/decorators.js";
-import { M as u } from "../../chunks/base-component-DQTjlEVL.js";
-const b = f`
-  :host {
-    display: inline-flex;
-    position: absolute;
-    inset: 0;
-    overflow: hidden;
-    border-radius: inherit;
-    pointer-events: none;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  :host([unbounded]) {
-    overflow: visible;
-  }
-
-  :host([disabled]) {
-    opacity: 0;
-  }
-
-  .surface {
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    background-color: currentColor;
-    opacity: 0;
-    transition: opacity 150ms linear;
-  }
-
-  :host(:hover) .surface,
-  .surface.hovered {
-    opacity: var(--md-sys-state-hover-opacity, 0.08);
-  }
-
-  :host(:focus-visible) .surface,
-  .surface.focused {
-    opacity: var(--md-sys-state-focus-opacity, 0.12);
-  }
-
-  .ripple {
-    position: absolute;
-    border-radius: 50%;
-    background-color: currentColor;
-    opacity: var(--md-sys-state-pressed-opacity, 0.12);
-    transform: scale(0);
-    pointer-events: none;
-    animation: md-ripple-expand 350ms cubic-bezier(0.2, 0, 0, 1) forwards;
-  }
-
-  .ripple.fading {
-    animation: md-ripple-fade-out 250ms linear forwards;
-  }
-
-  @keyframes md-ripple-expand {
-    from {
-      transform: scale(0);
-      opacity: var(--md-sys-state-pressed-opacity, 0.12);
-    }
-    to {
-      transform: scale(2.5);
-      opacity: var(--md-sys-state-pressed-opacity, 0.12);
-    }
-  }
-
-  @keyframes md-ripple-fade-out {
-    from {
-      opacity: var(--md-sys-state-pressed-opacity, 0.12);
-    }
-    to {
-      opacity: 0;
-    }
-  }
-`;
-var w = Object.defineProperty, E = Object.getOwnPropertyDescriptor, l = (n, t, o, i) => {
-  for (var s = i > 1 ? void 0 : i ? E(t, o) : t, a = n.length - 1, e; a >= 0; a--)
-    (e = n[a]) && (s = (i ? e(t, o, s) : e(s)) || s);
-  return i && s && w(t, o, s), s;
-};
-let r = class extends u {
-  constructor() {
-    super(...arguments), this.unbounded = !1, this.disabled = !1, this.isHovered = !1, this.isFocused = !1, this.ripples = [], this.control = null, this.handlePointerEnter = () => {
-      this.disabled || (this.isHovered = !0);
-    }, this.handlePointerLeave = () => {
-      this.isHovered = !1;
-    }, this.handleFocusIn = () => {
-      this.disabled || (this.isFocused = !0);
-    }, this.handleFocusOut = () => {
-      this.isFocused = !1;
-    }, this.handlePointerDown = (n) => {
-      if (this.disabled || n.button !== 0) return;
-      const t = this.getBoundingClientRect(), o = Math.max(t.width, t.height), i = o / 2, s = this.unbounded ? t.width / 2 : n.clientX - t.left, a = this.unbounded ? t.height / 2 : n.clientY - t.top, e = document.createElement("div");
-      e.className = "ripple", e.style.width = `${o}px`, e.style.height = `${o}px`, e.style.left = `${s - i}px`, e.style.top = `${a - i}px`;
-      const c = this.shadowRoot?.querySelector(".surface-container");
-      c && (c.appendChild(e), this.ripples.push(e));
-      const d = () => {
-        e.classList.add("fading"), setTimeout(() => {
-          e.remove(), this.ripples = this.ripples.filter((v) => v !== e);
-        }, 250), window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", d);
-      };
-      window.addEventListener("pointerup", d), window.addEventListener("pointercancel", d);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setupControl();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.cleanupControl();
-  }
-  setupControl() {
-    this.control = this.parentElement || this.getRootNode()?.host, this.control && (this.control.addEventListener("pointerenter", this.handlePointerEnter), this.control.addEventListener("pointerleave", this.handlePointerLeave), this.control.addEventListener("pointerdown", this.handlePointerDown), this.control.addEventListener("focusin", this.handleFocusIn), this.control.addEventListener("focusout", this.handleFocusOut));
-  }
-  cleanupControl() {
-    this.control && (this.control.removeEventListener("pointerenter", this.handlePointerEnter), this.control.removeEventListener("pointerleave", this.handlePointerLeave), this.control.removeEventListener("pointerdown", this.handlePointerDown), this.control.removeEventListener("focusin", this.handleFocusIn), this.control.removeEventListener("focusout", this.handleFocusOut));
-  }
-  render() {
-    return m`
-      <div class="surface-container">
-        <div class="surface ${this.isHovered ? "hovered" : ""} ${this.isFocused ? "focused" : ""}"></div>
-      </div>
-    `;
-  }
-};
-r.styles = [u.styles, b];
-l([
-  p({ type: Boolean, reflect: !0 })
-], r.prototype, "unbounded", 2);
-l([
-  p({ type: Boolean, reflect: !0 })
-], r.prototype, "disabled", 2);
-l([
-  h()
-], r.prototype, "isHovered", 2);
-l([
-  h()
-], r.prototype, "isFocused", 2);
-r = l([
-  y("md-ripple")
-], r);
+import { t as o } from "../../chunks/ripple-squbKHhj.js";
 export {
-  r as MdRipple
+  o as MdRipple
 };
-//# sourceMappingURL=ripple.js.map