@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/chunks/time-picker-CZnb2sWz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-picker-CZnb2sWz.js","names":[],"sources":["../../src/components/time-picker/time-picker.css.ts","../../src/components/time-picker/time-picker.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const timePickerStyles = css`\n  :host {\n    display: inline-block;\n    color: var(--md-sys-color-on-surface, #1d1b20);\n    font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);\n    user-select: none;\n    box-sizing: border-box;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  :host([modal]) {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  :host([modal][open]) {\n    pointer-events: auto;\n  }\n\n  :host([modal]:not([open])) {\n    display: none;\n  }\n\n  /* Scrim Backdrop for Modal */\n  .scrim {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.32);\n    z-index: -1;\n    opacity: 0;\n    transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([modal][open]) .scrim {\n    opacity: 1;\n  }\n\n  /* Picker Container / Surface */\n  .picker-surface {\n    background-color: var(--md-sys-color-surface-container-high, #ece6f0);\n    color: var(--md-sys-color-on-surface, #1d1b20);\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    box-shadow: var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.3));\n    max-width: 360px;\n    width: 100%;\n    box-sizing: border-box;\n    position: relative;\n  }\n\n  :host(:not([modal])) .picker-surface {\n    box-shadow: var(--md-sys-elevation-1, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3));\n    border: 1px solid var(--md-sys-color-outline-variant, #cac4d0);\n    background-color: var(--md-sys-color-surface, #fef7ff);\n  }\n\n  /* Headline / Header */\n  .header {\n    width: 100%;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .headline {\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 0.1px;\n    line-height: 20px;\n    color: var(--md-sys-color-on-surface-variant, #49454f);\n    margin: 0;\n  }\n\n  /* Time Display Input / Cards Row */\n  .time-display-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 24px;\n    width: 100%;\n  }\n\n  .time-card-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .time-card {\n    width: 96px;\n    height: 72px;\n    background-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n    color: var(--md-sys-color-on-surface, #1d1b20);\n    border-radius: var(--md-sys-shape-corner-medium, 8px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 45px;\n    font-weight: 400;\n    line-height: 52px;\n    cursor: pointer;\n    border: 2px solid transparent;\n    transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);\n    box-sizing: border-box;\n    position: relative;\n    outline: none;\n  }\n\n  .time-card:focus-visible {\n    border-color: var(--md-sys-color-primary, #6750a4);\n  }\n\n  .time-card.active {\n    background-color: var(--md-sys-color-primary-container, #eaddff);\n    color: var(--md-sys-color-on-primary-container, #21005d);\n    border-color: var(--md-sys-color-primary, #6750a4);\n  }\n\n  .time-input {\n    width: 100%;\n    height: 100%;\n    background: transparent;\n    border: none;\n    outline: none;\n    text-align: center;\n    font-size: 45px;\n    font-weight: 400;\n    line-height: 52px;\n    color: inherit;\n    font-family: inherit;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .time-card-label {\n    font-size: 12px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface-variant, #49454f);\n    text-transform: capitalize;\n  }\n\n  .time-separator {\n    font-size: 45px;\n    font-weight: 400;\n    line-height: 52px;\n    color: var(--md-sys-color-on-surface, #1d1b20);\n    margin: 0 2px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-bottom: 20px;\n  }\n\n  /* Period Toggle (AM / PM) */\n  .period-toggle {\n    display: flex;\n    flex-direction: column;\n    border: 1px solid var(--md-sys-color-outline, #79747e);\n    border-radius: var(--md-sys-shape-corner-medium, 8px);\n    overflow: hidden;\n    height: 72px;\n    width: 48px;\n    margin-left: 4px;\n    box-sizing: border-box;\n  }\n\n  .period-button {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant, #49454f);\n    cursor: pointer;\n    outline: none;\n    transition: background-color 0.15s, color 0.15s;\n    user-select: none;\n  }\n\n  .period-button:first-child {\n    border-bottom: 1px solid var(--md-sys-color-outline, #79747e);\n  }\n\n  .period-button.selected {\n    background-color: var(--md-sys-color-tertiary-container, #ffd8e4);\n    color: var(--md-sys-color-on-tertiary-container, #31111d);\n  }\n\n  .period-button:focus-visible {\n    background-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  }\n\n  /* Clock Dial Surface */\n  .dial-container {\n    width: 256px;\n    height: 256px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    touch-action: none;\n    cursor: pointer;\n    margin: 8px 0;\n  }\n\n  .dial-center-pin {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-primary, #6750a4);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 3;\n    pointer-events: none;\n  }\n\n  .dial-hand {\n    position: absolute;\n    bottom: 50%;\n    left: 50%;\n    width: 2px;\n    background-color: var(--md-sys-color-primary, #6750a4);\n    transform-origin: bottom center;\n    z-index: 2;\n    pointer-events: none;\n    transition: height 0.15s cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  .dial-selector-head {\n    position: absolute;\n    top: -24px;\n    left: -23px;\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-primary, #6750a4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n  }\n\n  .dial-inner-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-on-primary, #ffffff);\n  }\n\n  .dial-number {\n    position: absolute;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface, #1d1b20);\n    transform: translate(-50%, -50%);\n    z-index: 4;\n    pointer-events: none;\n    transition: color 0.15s ease;\n  }\n\n  .dial-number.small {\n    font-size: 13px;\n    color: var(--md-sys-color-on-surface-variant, #49454f);\n  }\n\n  .dial-number.selected {\n    color: var(--md-sys-color-on-primary, #ffffff);\n  }\n\n  /* Actions Row */\n  .actions-row {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 16px;\n  }\n\n  .mode-switch-btn {\n    background: transparent;\n    border: none;\n    color: var(--md-sys-color-on-surface-variant, #49454f);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    transition: background-color 0.15s;\n  }\n\n  .mode-switch-btn:hover {\n    background-color: rgba(0, 0, 0, 0.06);\n  }\n\n  .mode-switch-btn:focus-visible {\n    background-color: rgba(0, 0, 0, 0.12);\n  }\n\n  .dialog-buttons {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  /* Disabled state */\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.38;\n  }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { MdFormAssociatedElement } from '../../internal/form-associated.js';\nimport '../icon/icon.js';\nimport '../button/button.js';\nimport '../icon-button/icon-button.js';\nimport { timePickerStyles } from './time-picker.css.js';\n\nexport type TimePickerFormat = '12h' | '24h';\nexport type TimePickerView = 'dial' | 'input';\nexport type TimePickerField = 'hour' | 'minute';\nexport type TimePeriod = 'AM' | 'PM';\n\n@customElement('md-time-picker')\nexport class MdTimePicker extends MdFormAssociatedElement {\n  static override styles = [MdFormAssociatedElement.styles, timePickerStyles];\n\n  @property({ type: String })\n  value = '';\n\n  @property({ type: String })\n  format: TimePickerFormat = '12h';\n\n  @property({ type: String })\n  view: TimePickerView = 'dial';\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  headline = 'Select time';\n\n  @property({ type: String, attribute: 'return-value' })\n  returnValue = '';\n\n  @property({ type: Boolean, attribute: 'auto-switch-to-minute' })\n  autoSwitchToMinute = true;\n\n  @property({ type: String, attribute: 'cancel-label' })\n  cancelLabel = 'Cancel';\n\n  @property({ type: String, attribute: 'confirm-label' })\n  confirmLabel = 'OK';\n\n  @state()\n  activeField: TimePickerField = 'hour';\n\n  @state()\n  selectedHour = 12;\n\n  @state()\n  selectedMinute = 0;\n\n  @state()\n  selectedPeriod: TimePeriod = 'AM';\n\n  @state()\n  private isDragging = false;\n\n  @query('.dial-container')\n  private dialContainer?: HTMLElement;\n\n  @query('#hour-input')\n  private hourInputElement?: HTMLInputElement;\n\n  @query('#minute-input')\n  private minuteInputElement?: HTMLInputElement;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.parseValue(this.value);\n    this.syncFormValue();\n  }\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('value')) {\n      this.parseValue(this.value);\n      this.syncFormValue();\n    }\n  }\n\n  /**\n   * Parses time string (e.g. \"14:30\", \"02:30 PM\", \"2:30\", \"09:15 AM\") into components.\n   */\n  private parseValue(val: string) {\n    if (!val || typeof val !== 'string') {\n      const now = new Date();\n      let h = now.getHours();\n      const m = now.getMinutes();\n      let p: TimePeriod = 'AM';\n\n      if (this.format === '12h') {\n        p = h >= 12 ? 'PM' : 'AM';\n        h = h % 12 || 12;\n      }\n      this.selectedHour = h;\n      this.selectedMinute = m;\n      this.selectedPeriod = p;\n      return;\n    }\n\n    const trimmed = val.trim();\n    const is12hMatch = trimmed.match(/^(\\d{1,2}):(\\d{2})\\s*(AM|PM)$/i);\n    const is24hMatch = trimmed.match(/^(\\d{1,2}):(\\d{2})$/);\n\n    if (is12hMatch) {\n      let h = parseInt(is12hMatch[1]!, 10);\n      const m = Math.min(59, Math.max(0, parseInt(is12hMatch[2]!, 10)));\n      const p = (is12hMatch[3]!.toUpperCase() as TimePeriod);\n      if (this.format === '24h') {\n        if (p === 'PM' && h < 12) h += 12;\n        if (p === 'AM' && h === 12) h = 0;\n      } else {\n        h = Math.min(12, Math.max(1, h));\n      }\n      this.selectedHour = h;\n      this.selectedMinute = m;\n      this.selectedPeriod = p;\n    } else if (is24hMatch) {\n      let h = parseInt(is24hMatch[1]!, 10);\n      const m = Math.min(59, Math.max(0, parseInt(is24hMatch[2]!, 10)));\n      if (this.format === '12h') {\n        const p: TimePeriod = h >= 12 ? 'PM' : 'AM';\n        h = h % 12 || 12;\n        this.selectedPeriod = p;\n      } else {\n        h = Math.min(23, Math.max(0, h));\n      }\n      this.selectedHour = h;\n      this.selectedMinute = m;\n    }\n  }\n\n  /**\n   * Formats the current time state into a string according to format.\n   */\n  getFormattedTime(): string {\n    const minStr = this.selectedMinute.toString().padStart(2, '0');\n    if (this.format === '24h') {\n      const hrStr = this.selectedHour.toString().padStart(2, '0');\n      return `${hrStr}:${minStr}`;\n    } else {\n      const hrStr = this.selectedHour.toString().padStart(2, '0');\n      return `${hrStr}:${minStr} ${this.selectedPeriod}`;\n    }\n  }\n\n  /**\n   * Formats current time into standard 24h \"HH:MM\" string.\n   */\n  getFormatted24(): string {\n    const minStr = this.selectedMinute.toString().padStart(2, '0');\n    let h = this.selectedHour;\n    if (this.format === '12h') {\n      if (this.selectedPeriod === 'PM' && h < 12) h += 12;\n      if (this.selectedPeriod === 'AM' && h === 12) h = 0;\n    }\n    return `${h.toString().padStart(2, '0')}:${minStr}`;\n  }\n\n  /**\n   * Formats current time into 12h \"hh:mm A\" string.\n   */\n  getFormatted12(): string {\n    const minStr = this.selectedMinute.toString().padStart(2, '0');\n    let h = this.selectedHour;\n    let p = this.selectedPeriod;\n    if (this.format === '24h') {\n      p = h >= 12 ? 'PM' : 'AM';\n      h = h % 12 || 12;\n    }\n    return `${h.toString().padStart(2, '0')}:${minStr} ${p}`;\n  }\n\n  private syncFormValue() {\n    const val = this.getFormattedTime();\n    this.value = val;\n    this.setFormValue(val);\n  }\n\n  override formResetCallback() {\n    this.parseValue('');\n    this.syncFormValue();\n    this.activeField = 'hour';\n  }\n\n  /**\n   * Shows the time picker dialog modal.\n   */\n  showModal() {\n    this.modal = true;\n    this.open = true;\n    this.emitEvent('open');\n  }\n\n  /**\n   * Shows the time picker.\n   */\n  show() {\n    this.open = true;\n    this.emitEvent('open');\n  }\n\n  /**\n   * Closes the modal time picker.\n   */\n  close(returnValue?: string) {\n    if (returnValue !== undefined) {\n      this.returnValue = returnValue;\n    }\n    this.open = false;\n    this.emitEvent('close', { returnValue: this.returnValue });\n  }\n\n  /**\n   * Confirms the selected time and fires change event.\n   */\n  confirm() {\n    this.syncFormValue();\n    const detail = {\n      value: this.value,\n      hour: this.selectedHour,\n      minute: this.selectedMinute,\n      period: this.selectedPeriod,\n      formatted24: this.getFormatted24(),\n      formatted12: this.getFormatted12(),\n    };\n    this.emitEvent('change', detail);\n    this.emitEvent('confirm', detail);\n    if (this.modal) {\n      this.close('confirm');\n    }\n  }\n\n  /**\n   * Cancels selection and closes modal if opened.\n   */\n  cancel() {\n    this.emitEvent('cancel');\n    if (this.modal) {\n      this.close('cancel');\n    }\n  }\n\n  private toggleView() {\n    this.view = this.view === 'dial' ? 'input' : 'dial';\n  }\n\n  private setField(field: TimePickerField) {\n    this.activeField = field;\n  }\n\n  private setPeriod(period: TimePeriod) {\n    if (this.selectedPeriod !== period) {\n      this.selectedPeriod = period;\n      this.syncFormValue();\n      this.notifyInput();\n    }\n  }\n\n  private notifyInput() {\n    this.emitEvent('input', {\n      value: this.getFormattedTime(),\n      hour: this.selectedHour,\n      minute: this.selectedMinute,\n      period: this.selectedPeriod,\n      formatted24: this.getFormatted24(),\n      formatted12: this.getFormatted12(),\n    });\n  }\n\n  /* ------------------- Clock Dial Calculations ------------------- */\n\n  private handleDialPointerDown = (e: PointerEvent) => {\n    if (this.disabled) return;\n    this.isDragging = true;\n    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n    this.updateDialFromPointer(e);\n  };\n\n  private handleDialPointerMove = (e: PointerEvent) => {\n    if (!this.isDragging || this.disabled) return;\n    this.updateDialFromPointer(e);\n  };\n\n  private handleDialPointerUp = (e: PointerEvent) => {\n    if (!this.isDragging || this.disabled) return;\n    this.isDragging = false;\n    this.updateDialFromPointer(e);\n    this.syncFormValue();\n    this.emitEvent('change', {\n      value: this.value,\n      hour: this.selectedHour,\n      minute: this.selectedMinute,\n      period: this.selectedPeriod,\n      formatted24: this.getFormatted24(),\n      formatted12: this.getFormatted12(),\n    });\n\n    if (this.activeField === 'hour' && this.autoSwitchToMinute) {\n      this.activeField = 'minute';\n    }\n  };\n\n  private updateDialFromPointer(e: PointerEvent) {\n    if (!this.dialContainer) return;\n    const rect = this.dialContainer.getBoundingClientRect();\n    const centerX = rect.left + rect.width / 2;\n    const centerY = rect.top + rect.height / 2;\n    const x = e.clientX - centerX;\n    const y = e.clientY - centerY;\n\n    let angle = Math.atan2(y, x) * (180 / Math.PI) + 90;\n    if (angle < 0) angle += 360;\n\n    const distance = Math.hypot(x, y);\n\n    if (this.activeField === 'hour') {\n      if (this.format === '24h') {\n        const isInner = distance < 80;\n        let step = Math.round(angle / 30) % 12;\n        if (step === 0) step = 12;\n\n        if (isInner) {\n          this.selectedHour = step; // 1 to 12\n        } else {\n          this.selectedHour = step === 12 ? 0 : step + 12; // 00, 13 to 23\n        }\n      } else {\n        let step = Math.round(angle / 30) % 12;\n        if (step === 0) step = 12;\n        this.selectedHour = step;\n      }\n    } else {\n      const step = Math.round(angle / 6) % 60;\n      this.selectedMinute = step;\n    }\n\n    this.notifyInput();\n  }\n\n  /* ------------------- Text Input Mode Handlers ------------------- */\n\n  private handleHourInput = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n    let val = parseInt(input.value, 10);\n    if (isNaN(val)) return;\n\n    if (this.format === '24h') {\n      val = Math.min(23, Math.max(0, val));\n    } else {\n      val = Math.min(12, Math.max(1, val));\n    }\n    this.selectedHour = val;\n    this.syncFormValue();\n    this.notifyInput();\n\n    if (input.value.length >= 2 && this.minuteInputElement) {\n      this.minuteInputElement.focus();\n      this.minuteInputElement.select();\n    }\n  };\n\n  private handleMinuteInput = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n    let val = parseInt(input.value, 10);\n    if (isNaN(val)) return;\n\n    val = Math.min(59, Math.max(0, val));\n    this.selectedMinute = val;\n    this.syncFormValue();\n    this.notifyInput();\n  };\n\n  private handleHourBlur = () => {\n    if (this.hourInputElement) {\n      this.hourInputElement.value = this.selectedHour.toString().padStart(2, '0');\n    }\n    this.syncFormValue();\n    this.emitEvent('change', {\n      value: this.value,\n      hour: this.selectedHour,\n      minute: this.selectedMinute,\n      period: this.selectedPeriod,\n    });\n  };\n\n  private handleMinuteBlur = () => {\n    if (this.minuteInputElement) {\n      this.minuteInputElement.value = this.selectedMinute.toString().padStart(2, '0');\n    }\n    this.syncFormValue();\n    this.emitEvent('change', {\n      value: this.value,\n      hour: this.selectedHour,\n      minute: this.selectedMinute,\n      period: this.selectedPeriod,\n    });\n  };\n\n  /* ------------------- Rendering ------------------- */\n\n  private renderDialHand() {\n    let angle = 0;\n    let length = 96; // radius in px\n\n    if (this.activeField === 'hour') {\n      if (this.format === '24h') {\n        if (this.selectedHour >= 1 && this.selectedHour <= 12) {\n          angle = (this.selectedHour % 12) * 30;\n          length = 64; // inner ring\n        } else {\n          const h = this.selectedHour === 0 ? 12 : this.selectedHour - 12;\n          angle = (h % 12) * 30;\n          length = 98; // outer ring\n        }\n      } else {\n        angle = (this.selectedHour % 12) * 30;\n        length = 96;\n      }\n    } else {\n      angle = this.selectedMinute * 6;\n      length = 96;\n    }\n\n    const isNonFiveMinute = this.activeField === 'minute' && this.selectedMinute % 5 !== 0;\n\n    return html`\n      <div\n        class=\"dial-hand\"\n        style=\"transform: rotate(${angle}deg); height: ${length}px;\"\n      >\n        <div class=\"dial-selector-head\">\n          ${isNonFiveMinute ? html`<div class=\"dial-inner-dot\"></div>` : nothing}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderDialNumbers() {\n    const center = 128; // half of 256px\n    const numbers = [];\n\n    if (this.activeField === 'hour') {\n      if (this.format === '24h') {\n        // Outer ring: 00, 13..23\n        const outerRadius = 98;\n        const outerHours = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\n        for (let i = 0; i < 12; i++) {\n          const hVal = outerHours[i]! === 12 ? 0 : outerHours[i]! + 12;\n          const display = hVal.toString().padStart(2, '0');\n          const angle = (i * 30 - 90) * (Math.PI / 180);\n          const x = center + outerRadius * Math.cos(angle);\n          const y = center + outerRadius * Math.sin(angle);\n          const isSelected = this.selectedHour === hVal;\n          numbers.push(html`\n            <span\n              class=\"dial-number small ${isSelected ? 'selected' : ''}\"\n              style=\"left: ${x}px; top: ${y}px;\"\n            >\n              ${display}\n            </span>\n          `);\n        }\n\n        // Inner ring: 1..12\n        const innerRadius = 64;\n        const innerHours = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\n        for (let i = 0; i < 12; i++) {\n          const hVal = innerHours[i]!;\n          const display = hVal.toString();\n          const angle = (i * 30 - 90) * (Math.PI / 180);\n          const x = center + innerRadius * Math.cos(angle);\n          const y = center + innerRadius * Math.sin(angle);\n          const isSelected = this.selectedHour === hVal;\n          numbers.push(html`\n            <span\n              class=\"dial-number ${isSelected ? 'selected' : ''}\"\n              style=\"left: ${x}px; top: ${y}px;\"\n            >\n              ${display}\n            </span>\n          `);\n        }\n      } else {\n        // 12-hour dial\n        const radius = 96;\n        const hours = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\n        for (let i = 0; i < 12; i++) {\n          const hVal = hours[i];\n          const angle = (i * 30 - 90) * (Math.PI / 180);\n          const x = center + radius * Math.cos(angle);\n          const y = center + radius * Math.sin(angle);\n          const isSelected = this.selectedHour === hVal;\n          numbers.push(html`\n            <span\n              class=\"dial-number ${isSelected ? 'selected' : ''}\"\n              style=\"left: ${x}px; top: ${y}px;\"\n            >\n              ${hVal}\n            </span>\n          `);\n        }\n      }\n    } else {\n      // Minutes dial: 00, 05, 10, ... 55\n      const radius = 96;\n      for (let i = 0; i < 12; i++) {\n        const mVal = i * 5;\n        const display = mVal.toString().padStart(2, '0');\n        const angle = (i * 30 - 90) * (Math.PI / 180);\n        const x = center + radius * Math.cos(angle);\n        const y = center + radius * Math.sin(angle);\n        const isSelected = this.selectedMinute === mVal;\n        numbers.push(html`\n          <span\n            class=\"dial-number ${isSelected ? 'selected' : ''}\"\n            style=\"left: ${x}px; top: ${y}px;\"\n          >\n            ${display}\n          </span>\n        `);\n      }\n    }\n\n    return numbers;\n  }\n\n  override render() {\n    const hourFormatted = this.selectedHour.toString().padStart(2, '0');\n    const minuteFormatted = this.selectedMinute.toString().padStart(2, '0');\n\n    return html`\n      ${this.modal ? html`<div class=\"scrim\" @click=${this.cancel}></div>` : nothing}\n\n      <div class=\"picker-surface\" role=\"dialog\" aria-modal=${this.modal ? 'true' : 'false'}>\n        <div class=\"header\">\n          <h2 class=\"headline\">${this.headline}</h2>\n        </div>\n\n        <div class=\"time-display-row\">\n          <div class=\"time-card-wrapper\">\n            ${this.view === 'input'\n              ? html`\n                  <div class=\"time-card ${this.activeField === 'hour' ? 'active' : ''}\">\n                    <input\n                      id=\"hour-input\"\n                      class=\"time-input\"\n                      type=\"text\"\n                      inputmode=\"numeric\"\n                      maxlength=\"2\"\n                      .value=${hourFormatted}\n                      @input=${this.handleHourInput}\n                      @blur=${this.handleHourBlur}\n                      @focus=${() => this.setField('hour')}\n                      aria-label=\"Hour\"\n                    />\n                  </div>\n                `\n              : html`\n                  <button\n                    type=\"button\"\n                    class=\"time-card ${this.activeField === 'hour' ? 'active' : ''}\"\n                    @click=${() => this.setField('hour')}\n                    aria-label=\"Select hour\"\n                  >\n                    ${hourFormatted}\n                  </button>\n                `}\n            ${this.view === 'input' ? html`<span class=\"time-card-label\">Hour</span>` : nothing}\n          </div>\n\n          <span class=\"time-separator\" aria-hidden=\"true\">:</span>\n\n          <div class=\"time-card-wrapper\">\n            ${this.view === 'input'\n              ? html`\n                  <div class=\"time-card ${this.activeField === 'minute' ? 'active' : ''}\">\n                    <input\n                      id=\"minute-input\"\n                      class=\"time-input\"\n                      type=\"text\"\n                      inputmode=\"numeric\"\n                      maxlength=\"2\"\n                      .value=${minuteFormatted}\n                      @input=${this.handleMinuteInput}\n                      @blur=${this.handleMinuteBlur}\n                      @focus=${() => this.setField('minute')}\n                      aria-label=\"Minute\"\n                    />\n                  </div>\n                `\n              : html`\n                  <button\n                    type=\"button\"\n                    class=\"time-card ${this.activeField === 'minute' ? 'active' : ''}\"\n                    @click=${() => this.setField('minute')}\n                    aria-label=\"Select minute\"\n                  >\n                    ${minuteFormatted}\n                  </button>\n                `}\n            ${this.view === 'input' ? html`<span class=\"time-card-label\">Minute</span>` : nothing}\n          </div>\n\n          ${this.format === '12h'\n            ? html`\n                <div class=\"period-toggle\" role=\"group\" aria-label=\"Period selector\">\n                  <button\n                    type=\"button\"\n                    class=\"period-button ${this.selectedPeriod === 'AM' ? 'selected' : ''}\"\n                    @click=${() => this.setPeriod('AM')}\n                    aria-pressed=${this.selectedPeriod === 'AM'}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"period-button ${this.selectedPeriod === 'PM' ? 'selected' : ''}\"\n                    @click=${() => this.setPeriod('PM')}\n                    aria-pressed=${this.selectedPeriod === 'PM'}\n                  >\n                    PM\n                  </button>\n                </div>\n              `\n            : nothing}\n        </div>\n\n        ${this.view === 'dial'\n          ? html`\n              <div\n                class=\"dial-container\"\n                @pointerdown=${this.handleDialPointerDown}\n                @pointermove=${this.handleDialPointerMove}\n                @pointerup=${this.handleDialPointerUp}\n              >\n                <div class=\"dial-center-pin\"></div>\n                ${this.renderDialHand()}\n                ${this.renderDialNumbers()}\n              </div>\n            `\n          : nothing}\n\n        <div class=\"actions-row\">\n          <button\n            type=\"button\"\n            class=\"mode-switch-btn\"\n            aria-label=${this.view === 'dial' ? 'Switch to text input' : 'Switch to clock dial'}\n            @click=${this.toggleView}\n          >\n            <md-icon name=${this.view === 'dial' ? 'keyboard' : 'schedule'}></md-icon>\n          </button>\n\n          <div class=\"dialog-buttons\">\n            <md-button variant=\"text\" @click=${this.cancel}>${this.cancelLabel}</md-button>\n            <md-button variant=\"text\" @click=${this.confirm}>${this.confirmLabel}</md-button>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-time-picker': MdTimePicker;\n  }\n}\n"],"mappings":";;;;;;;AAEA,IAAa,IAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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/tooltip-CE7JMHMu.js

@@ -1,398 +0,0 @@
-import { n as u, t as o } from "./decorate-DXuynaiA.js";
-import { css as b, html as l, nothing as m } from "lit";
-import { customElement as y, property as s, query as x } from "lit/decorators.js";
-var g = b`
-  :host {
-    display: inline-block;
-    position: relative;
-  }
-
-  .tooltip {
-    box-sizing: border-box;
-    position: fixed;
-    z-index: 1000;
-    pointer-events: none;
-    opacity: 0;
-    visibility: hidden;
-    transform: scale(0.92);
-    transition:
-      opacity 150ms cubic-bezier(0, 0, 0.2, 1),
-      transform 150ms cubic-bezier(0, 0, 0.2, 1),
-      visibility 150ms linear;
-    word-wrap: break-word;
-    font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);
-  }
-
-  :host([open]) .tooltip {
-    opacity: 1;
-    visibility: visible;
-    transform: scale(1);
-  }
-
-  /* Plain Tooltip */
-  :host(:not([rich])) .tooltip {
-    background-color: var(--md-sys-color-inverse-surface, #313033);
-    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);
-    border-radius: var(--md-sys-shape-corner-extra-small, 4px);
-    padding: 4px 8px;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 16px;
-    letter-spacing: 0.4px;
-    min-height: 24px;
-    max-width: 240px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    box-shadow: var(--md-sys-elevation-level1, 0 1px 3px rgba(0, 0, 0, 0.2));
-    user-select: none;
-    text-align: center;
-  }
-
-  /* Rich Tooltip */
-  :host([rich]) .tooltip {
-    background-color: var(--md-sys-color-surface-container, #EDE7EE);
-    color: var(--md-sys-color-on-surface-variant, #49454E);
-    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);
-    border-radius: var(--md-sys-shape-corner-medium, 12px);
-    padding: 12px 16px;
-    min-width: 180px;
-    max-width: 320px;
-    box-shadow: var(--md-sys-elevation-level2, 0 2px 6px 2px rgba(0, 0, 0, 0.15));
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    text-align: left;
-  }
-
-  :host([rich][open]) .tooltip {
-    pointer-events: auto;
-  }
-
-  .subhead,
-  .headline {
-    color: var(--md-sys-color-on-surface, #1D1B20);
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-    margin: 0;
-  }
-
-  .supporting-text {
-    color: var(--md-sys-color-on-surface-variant, #49454E);
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20px;
-  }
-
-  .content {
-    color: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    line-height: inherit;
-  }
-
-  .actions {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 8px;
-    margin-top: 6px;
-  }
-
-  .action-button {
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    font-family: inherit;
-    font-size: 14px;
-    font-weight: 500;
-    color: var(--md-sys-color-primary, #6750A4);
-    padding: 4px 8px;
-    border-radius: var(--md-sys-shape-corner-extra-small, 4px);
-    transition: background-color 150ms ease;
-  }
-
-  .action-button:hover {
-    background-color: rgba(103, 80, 164, 0.08);
-  }
-
-  .action-button:focus-visible {
-    outline: 2px solid var(--md-sys-color-primary, #6750A4);
-    outline-offset: 1px;
-  }
-
-  /* Caret Arrow */
-  .caret {
-    display: none;
-    position: absolute;
-    width: 0;
-    height: 0;
-  }
-
-  :host([has-caret]) .caret {
-    display: block;
-  }
-
-  :host([position='top'][has-caret]) .caret {
-    bottom: -6px;
-    left: 50%;
-    transform: translateX(-50%);
-    border-left: 6px solid transparent;
-    border-right: 6px solid transparent;
-    border-top: 6px solid var(--md-sys-color-inverse-surface, #313033);
-  }
-
-  :host([rich][position='top'][has-caret]) .caret {
-    border-top-color: var(--md-sys-color-surface-container, #EDE7EE);
-  }
-
-  :host([position='bottom'][has-caret]) .caret {
-    top: -6px;
-    left: 50%;
-    transform: translateX(-50%);
-    border-left: 6px solid transparent;
-    border-right: 6px solid transparent;
-    border-bottom: 6px solid var(--md-sys-color-inverse-surface, #313033);
-  }
-
-  :host([rich][position='bottom'][has-caret]) .caret {
-    border-bottom-color: var(--md-sys-color-surface-container, #EDE7EE);
-  }
-
-  :host([position='left'][has-caret]) .caret {
-    right: -6px;
-    top: 50%;
-    transform: translateY(-50%);
-    border-top: 6px solid transparent;
-    border-bottom: 6px solid transparent;
-    border-left: 6px solid var(--md-sys-color-inverse-surface, #313033);
-  }
-
-  :host([rich][position='left'][has-caret]) .caret {
-    border-left-color: var(--md-sys-color-surface-container, #EDE7EE);
-  }
-
-  :host([position='right'][has-caret]) .caret {
-    left: -6px;
-    top: 50%;
-    transform: translateY(-50%);
-    border-top: 6px solid transparent;
-    border-bottom: 6px solid transparent;
-    border-right: 6px solid var(--md-sys-color-inverse-surface, #313033);
-  }
-
-  :host([rich][position='right'][has-caret]) .caret {
-    border-right-color: var(--md-sys-color-surface-container, #EDE7EE);
-  }
-`, i = class extends u {
-  constructor(...t) {
-    super(...t), this.open = !1, this.position = "bottom", this.rich = !1, this.for = "", this.value = "", this.text = "", this.headline = "", this.actionText = "", this.showDelay = 500, this.hideDelay = 150, this.persistent = !1, this.hasCaret = !1, this.disabled = !1, this._anchorElement = null, this._boundAnchor = null, this._showTimer = null, this._hideTimer = null, this.handleAnchorMouseEnter = () => {
-      this.disabled || (this.clearTimers(), this.showDelay > 0 ? this._showTimer = setTimeout(() => {
-        this.show();
-      }, this.showDelay) : this.show());
-    }, this.handleAnchorMouseLeave = () => {
-      this.disabled || this.persistent || (this._showTimer !== null && (clearTimeout(this._showTimer), this._showTimer = null), this.hideDelay > 0 ? this._hideTimer = setTimeout(() => {
-        this.hide();
-      }, this.hideDelay) : this.hide());
-    }, this.handleAnchorFocus = () => {
-      this.disabled || (this.clearTimers(), this.show());
-    }, this.handleAnchorBlur = () => {
-      this.disabled || this.persistent || (this.clearTimers(), this.hide());
-    }, this.handleTooltipMouseEnter = () => {
-      this.rich && this.open && this._hideTimer !== null && (clearTimeout(this._hideTimer), this._hideTimer = null);
-    }, this.handleTooltipMouseLeave = () => {
-      this.rich && this.open && !this.persistent && this.handleAnchorMouseLeave();
-    }, this.handleKeyDown = (e) => {
-      e.key === "Escape" && this.open && this.hide();
-    }, this.handleWindowChange = () => {
-      this.open && this.updatePosition();
-    }, this.handleDocumentClick = (e) => {
-      if (!this.open || !this.rich) return;
-      const n = e.composedPath(), r = this.resolveAnchorElement();
-      !n.includes(this) && (!r || !n.includes(r)) && this.hide();
-    }, this.handleActionClick = () => {
-      this.emitEvent("action", { target: this }), this.persistent || this.hide();
-    };
-  }
-  static {
-    this.styles = [u.styles, g];
-  }
-  get delay() {
-    return this.showDelay;
-  }
-  set delay(t) {
-    this.showDelay = t;
-  }
-  get anchor() {
-    return this._anchorElement || this.resolveAnchorElement();
-  }
-  set anchor(t) {
-    this._anchorElement = t, this.bindAnchorEvents();
-  }
-  get target() {
-    return this.anchor;
-  }
-  set target(t) {
-    this.anchor = t;
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown), window.addEventListener("resize", this.handleWindowChange), window.addEventListener("scroll", this.handleWindowChange, !0), document.addEventListener("pointerdown", this.handleDocumentClick), this.bindAnchorEvents();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("keydown", this.handleKeyDown), window.removeEventListener("resize", this.handleWindowChange), window.removeEventListener("scroll", this.handleWindowChange, !0), document.removeEventListener("pointerdown", this.handleDocumentClick), this.unbindAnchorEvents(), this.clearTimers();
-  }
-  firstUpdated() {
-    this.bindAnchorEvents();
-  }
-  updated(t) {
-    super.updated(t), t.has("for") && this.bindAnchorEvents(), t.has("open") && (this.open ? (this.updatePosition(), this.emitEvent("open", { target: this })) : this.emitEvent("close", { target: this })), t.has("position") && this.open && this.updatePosition();
-  }
-  resolveAnchorElement() {
-    if (this._anchorElement) return this._anchorElement;
-    if (this.for) {
-      const e = this.getRootNode(), n = e?.getElementById ? e.getElementById(this.for) : document.getElementById(this.for);
-      if (n) return n;
-    }
-    const t = this.querySelector('[slot="anchor"]');
-    return t || (this.previousElementSibling instanceof HTMLElement ? this.previousElementSibling : this.parentElement && this.parentElement !== document.body && this.parentElement !== document.documentElement ? this.parentElement : null);
-  }
-  bindAnchorEvents() {
-    const t = this.resolveAnchorElement();
-    t !== this._boundAnchor && (this.unbindAnchorEvents(), this._boundAnchor = t, this._boundAnchor && (this._boundAnchor.addEventListener("mouseenter", this.handleAnchorMouseEnter), this._boundAnchor.addEventListener("mouseleave", this.handleAnchorMouseLeave), this._boundAnchor.addEventListener("focusin", this.handleAnchorFocus), this._boundAnchor.addEventListener("focusout", this.handleAnchorBlur)));
-  }
-  unbindAnchorEvents() {
-    this._boundAnchor && (this._boundAnchor.removeEventListener("mouseenter", this.handleAnchorMouseEnter), this._boundAnchor.removeEventListener("mouseleave", this.handleAnchorMouseLeave), this._boundAnchor.removeEventListener("focusin", this.handleAnchorFocus), this._boundAnchor.removeEventListener("focusout", this.handleAnchorBlur), this._boundAnchor = null);
-  }
-  clearTimers() {
-    this._showTimer !== null && (clearTimeout(this._showTimer), this._showTimer = null), this._hideTimer !== null && (clearTimeout(this._hideTimer), this._hideTimer = null);
-  }
-  show() {
-    this.disabled || this.open || (this.open = !0, this.updatePosition());
-  }
-  hide() {
-    this.open && (this.open = !1);
-  }
-  close() {
-    this.hide();
-  }
-  toggle() {
-    this.open ? this.hide() : this.show();
-  }
-  updatePosition() {
-    if (!this.tooltipPanel) return;
-    const t = this.resolveAnchorElement();
-    if (!t) return;
-    const e = t.getBoundingClientRect(), n = this.tooltipPanel.getBoundingClientRect(), r = n.width || (this.rich ? 220 : 80), d = n.height || (this.rich ? 80 : 24), c = this.rich ? 8 : 4;
-    let h = 0, a = 0;
-    switch (this.position) {
-      case "top":
-        h = e.top - d - c, a = e.left + (e.width - r) / 2;
-        break;
-      case "bottom":
-        h = e.bottom + c, a = e.left + (e.width - r) / 2;
-        break;
-      case "left":
-        h = e.top + (e.height - d) / 2, a = e.left - r - c;
-        break;
-      case "right":
-        h = e.top + (e.height - d) / 2, a = e.right + c;
-    }
-    const p = 8, f = typeof window < "u" ? window.innerWidth : 1024, v = typeof window < "u" ? window.innerHeight : 768;
-    a = Math.max(p, Math.min(a, f - r - p)), h = Math.max(p, Math.min(h, v - d - p)), this.tooltipPanel.style.top = `${h}px`, this.tooltipPanel.style.left = `${a}px`;
-  }
-  render() {
-    const t = this.value || this.text;
-    return l`
-      <slot name="anchor"></slot>
-
-      <div
-        class="tooltip"
-        role="tooltip"
-        aria-hidden=${this.open ? "false" : "true"}
-        @mouseenter=${this.handleTooltipMouseEnter}
-        @mouseleave=${this.handleTooltipMouseLeave}
-      >
-        <span class="caret" aria-hidden="true"></span>
-
-        ${this.rich ? l`
-              ${this.headline ? l`<h3 class="headline"><slot name="headline">${this.headline}</slot></h3>` : l`<slot name="headline"></slot>`}
-              <div class="supporting-text">
-                <slot>${t}</slot>
-              </div>
-              ${this.actionText || this.querySelector('[slot="actions"]') ? l`
-                    <div class="actions">
-                      <slot name="actions">
-                        ${this.actionText ? l`
-                              <button
-                                type="button"
-                                class="action-button"
-                                @click=${this.handleActionClick}
-                              >
-                                ${this.actionText}
-                              </button>
-                            ` : m}
-                      </slot>
-                    </div>
-                  ` : m}
-            ` : l`
-              <span class="content">
-                <slot>${t}</slot>
-              </span>
-            `}
-      </div>
-    `;
-  }
-};
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "open", void 0);
-o([s({
-  type: String,
-  reflect: !0
-})], i.prototype, "position", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "rich", void 0);
-o([s({
-  type: String,
-  reflect: !0
-})], i.prototype, "for", void 0);
-o([s({ type: String })], i.prototype, "value", void 0);
-o([s({ type: String })], i.prototype, "text", void 0);
-o([s({ type: String })], i.prototype, "headline", void 0);
-o([s({
-  type: String,
-  attribute: "action-text"
-})], i.prototype, "actionText", void 0);
-o([s({
-  type: Number,
-  attribute: "show-delay"
-})], i.prototype, "showDelay", void 0);
-o([s({
-  type: Number,
-  attribute: "hide-delay"
-})], i.prototype, "hideDelay", void 0);
-o([s({ type: Number })], i.prototype, "delay", null);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "persistent", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0,
-  attribute: "has-caret"
-})], i.prototype, "hasCaret", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "disabled", void 0);
-o([x(".tooltip")], i.prototype, "tooltipPanel", void 0);
-i = o([y("md-tooltip")], i);
-export {
-  i as t
-};
-
-//# sourceMappingURL=tooltip-CE7JMHMu.js.map

package/dist/chunks/top-app-bar-Dgbp6CFv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"top-app-bar-Dgbp6CFv.js","names":[],"sources":["../../src/components/top-app-bar/top-app-bar.css.ts","../../src/components/top-app-bar/top-app-bar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const topAppBarStyles = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    position: relative;\n    background-color: var(--md-top-app-bar-container-color, var(--md-sys-color-surface, #FEF7FF));\n    color: var(--md-top-app-bar-on-container-color, var(--md-sys-color-on-surface, #1D1B20));\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1),\n                box-shadow 200ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([fixed]) {\n    position: sticky;\n    top: 0;\n    z-index: 8;\n  }\n\n  :host([elevated]) {\n    background-color: var(--md-top-app-bar-container-color, var(--md-sys-color-surface-container, #F3EDF7));\n    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0, 0, 0, 0.15));\n  }\n\n  .top-app-bar {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .row {\n    display: flex;\n    align-items: center;\n    height: 64px;\n    padding: 0 4px;\n    box-sizing: border-box;\n    position: relative;\n  }\n\n  .leading {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 48px;\n    min-height: 48px;\n    flex-shrink: 0;\n  }\n\n  .trailing {\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-end;\n    min-height: 48px;\n    flex-shrink: 0;\n    gap: 4px;\n    margin-left: auto;\n  }\n\n  .title-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    overflow: hidden;\n    flex: 1;\n    min-width: 0;\n    padding: 0 12px;\n  }\n\n  .headline {\n    margin: 0;\n    font-size: var(--md-sys-typescale-title-large-size, 22px);\n    line-height: 28px;\n    font-weight: 400;\n    color: var(--md-top-app-bar-headline-color, var(--md-sys-color-on-surface, #1D1B20));\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .subtitle {\n    margin: 0;\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    font-weight: 400;\n    color: var(--md-top-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant, #49454F));\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* Center-aligned variant (Default) */\n  :host([variant=\"center-aligned\"]) .title-container,\n  :host(:not([variant])) .title-container {\n    text-align: center;\n    align-items: center;\n  }\n\n  /* Small variant */\n  :host([variant=\"small\"]) .title-container {\n    text-align: start;\n    align-items: flex-start;\n  }\n\n  /* Medium variant */\n  :host([variant=\"medium\"]) .headline-row {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    min-height: 48px;\n    padding: 0 16px 16px 16px;\n    box-sizing: border-box;\n  }\n\n  :host([variant=\"medium\"]) .headline-row .headline {\n    font-size: 24px;\n    line-height: 32px;\n    font-weight: 400;\n  }\n\n  /* Large variant */\n  :host([variant=\"large\"]) .headline-row {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    min-height: 88px;\n    padding: 0 16px 20px 16px;\n    box-sizing: border-box;\n  }\n\n  :host([variant=\"large\"]) .headline-row .headline {\n    font-size: 28px;\n    line-height: 36px;\n    font-weight: 400;\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { topAppBarStyles } from './top-app-bar.css.js';\n\nexport type TopAppBarVariant = 'center-aligned' | 'small' | 'medium' | 'large';\n\n/**\n * Material Design 3 Top App Bar component.\n *\n * @slot navigation - Leading navigation icon button (e.g. menu, back arrow). Also aliased as `leading-icon` or `leading`.\n * @slot headline - Primary title text. Also aliased as `title`.\n * @slot subtitle - Secondary subtitle text. Also aliased as `supporting-text`.\n * @slot actions - Trailing action icon buttons or menus. Also aliased as `trailing-icon` or `trailing`.\n * @slot - Default slot for additional bar contents.\n */\n@customElement('md-top-app-bar')\nexport class MdTopAppBar extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, topAppBarStyles];\n\n  @property({ type: String, reflect: true })\n  variant: TopAppBarVariant = 'center-aligned';\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  subtitle = '';\n\n  @property({ type: Boolean, reflect: true })\n  elevated = false;\n\n  @property({ type: Boolean, reflect: true })\n  fixed = false;\n\n  override render() {\n    const isMultiRow = this.variant === 'medium' || this.variant === 'large';\n\n    const navigationSlot = html`\n      <div class=\"leading\">\n        <slot name=\"navigation\">\n          <slot name=\"leading-icon\">\n            <slot name=\"leading\"></slot>\n          </slot>\n        </slot>\n      </div>\n    `;\n\n    const actionsSlot = html`\n      <div class=\"trailing\">\n        <slot name=\"actions\">\n          <slot name=\"trailing-icon\">\n            <slot name=\"trailing\"></slot>\n          </slot>\n        </slot>\n      </div>\n    `;\n\n    const headlineSlot = html`\n      <slot name=\"headline\">\n        <slot name=\"title\">\n          ${this.headline ? html`<span class=\"headline\">${this.headline}</span>` : nothing}\n        </slot>\n      </slot>\n    `;\n\n    const subtitleSlot = html`\n      <slot name=\"subtitle\">\n        <slot name=\"supporting-text\">\n          ${this.subtitle ? html`<span class=\"subtitle\">${this.subtitle}</span>` : nothing}\n        </slot>\n      </slot>\n    `;\n\n    if (isMultiRow) {\n      return html`\n        <header class=\"top-app-bar\" role=\"banner\">\n          <div class=\"row\">\n            ${navigationSlot}\n            <slot></slot>\n            ${actionsSlot}\n          </div>\n          <div class=\"headline-row\">\n            <div class=\"title-container\">\n              ${headlineSlot}\n              ${subtitleSlot}\n            </div>\n          </div>\n        </header>\n      `;\n    }\n\n    return html`\n      <header class=\"top-app-bar\" role=\"banner\">\n        <div class=\"row\">\n          ${navigationSlot}\n          <div class=\"title-container\">\n            ${headlineSlot}\n            ${subtitleSlot}\n          </div>\n          <slot></slot>\n          ${actionsSlot}\n        </div>\n      </header>\n    `;\n  }\n}\n\n// Register md-top-bar as an alias\n@customElement('md-top-bar')\nexport class MdTopBar extends MdTopAppBar {}\n\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-top-app-bar': MdTopAppBar;\n    'md-top-bar': MdTopAppBar;\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,GCelB,IAAN,cAA0B,EAAc;AAAA;iBAIjB,KAAA,UAAA,kBAGjB,KAAA,WAAA,IAGA,KAAA,WAAA,IAGA,KAAA,WAAA,IAGH,KAAA,QAAA;AAAA;;AAfiB,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAe;AAAA;EAiB/D,SAAkB;AAChB,UAAM,IAAa,KAAK,YAAY,YAAY,KAAK,YAAY,SAE3D,IAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUjB,IAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUd,IAAe;AAAA;AAAA;AAAA,YAGb,KAAK,WAAW,2BAA8B,KAAK,QAAA,YAAoB,CAAA;AAAA;AAAA;AAAA,OAKzE,IAAe;AAAA;AAAA;AAAA,YAGb,KAAK,WAAW,2BAA8B,KAAK,QAAA,YAAoB,CAAA;AAAA;AAAA;AAAA;AAK/E,WAAI,IACK;AAAA;AAAA;AAAA,cAGC,CAAA;AAAA;AAAA,cAEA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAIE,CAAA;AAAA,gBACA,CAAA;AAAA;AAAA;AAAA;AAAA,UAOL;AAAA;AAAA;AAAA,YAGC,CAAA;AAAA;AAAA,cAEE,CAAA;AAAA,cACA,CAAA;AAAA;AAAA;AAAA,YAGF,CAAA;AAAA;AAAA;AAAA;AAAA,EAIV;AACF;AAtFG,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,MAAA;AAGxC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,MAAA;AAGzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,MAAA;AAGzB,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,MAAA;AAGzC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,MAAA;AAhB3C,IAAA,EAAA,CAAA,EAAc,gBAAgB,CAAA,GAAA,CAAA;AA8FxB,IAAM,IAAN,cAAuB,EAAY;AAAC;AAD1C,IAAA,EAAA,CAAA,EAAc,YAAY,CAAA,GAAA,CAAA"}

package/dist/components/account-menu/account-menu.css.d.ts

@@ -1,3 +0,0 @@
-export declare const accountMenuStyles: import('lit').CSSResult;
-export declare const accountItemStyles: import('lit').CSSResult;
-//# sourceMappingURL=account-menu.css.d.ts.map

package/dist/components/account-menu/account-menu.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"account-menu.css.d.ts","sourceRoot":"","sources":["../../../src/components/account-menu/account-menu.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA8oB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBA4G7B,CAAC"}

package/dist/components/account-menu/account-menu.d.ts

@@ -1,111 +0,0 @@
-import { MdBaseElement } from '../../internal/base-component.js';
-export type AccountMenuAlignment = 'start' | 'end';
-export type AccountMenuPivot = 'left' | 'right';
-export type AccountMenuTab = 'overview' | 'security' | 'storage' | 'accounts';
-/**
- * Material Design 3 Account Item component.
- * Represents a single account profile in the account switcher or an account action item.
- *
- * @slot icon - Custom icon or graphic.
- * @slot - Default slot for account name/details.
- * @slot trailing - Custom trailing content or checkmark.
- */
-export declare class MdAccountItem extends MdBaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    name: string;
-    email: string;
-    avatar: string;
-    initials: string;
-    icon: string;
-    badge: string;
-    href: string;
-    target: string;
-    active: boolean;
-    disabled: boolean;
-    action: boolean;
-    private handleClick;
-    render(): import('lit-html').TemplateResult<1>;
-}
-/**
- * Material Design 3 Account Menu (Account Profile Switcher) component.
- * Displays a profile menu with rich user info, storage usage, security overview, and multi-account switcher.
- *
- * @slot trigger - Custom trigger element replacing the default avatar button.
- * @slot header - Custom header element.
- * @slot overview - Custom overview info content.
- * @slot security - Custom security info content.
- * @slot storage - Custom storage info content.
- * @slot accounts - Container for md-account-item instances.
- * @slot footer - Custom footer content.
- */
-export declare class MdAccountMenu extends MdBaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    open: boolean;
-    name: string;
-    email: string;
-    avatar: string;
-    initials: string;
-    icon: string;
-    headline: string;
-    manageText: string;
-    manageUrl: string;
-    organization: string;
-    roleTitle: string;
-    status: string;
-    storageUsed: string;
-    storageTotal: string;
-    storageProgress: number;
-    securityStatus: string;
-    ariaLabelText: string;
-    noTrigger: boolean;
-    get trigger(): boolean;
-    set trigger(value: boolean);
-    alignment: AccountMenuAlignment;
-    pivot: AccountMenuPivot;
-    modal: boolean;
-    fullscreen: boolean;
-    showTabs: boolean;
-    activeTab: AccountMenuTab;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    private handleKeyDown;
-    private handleDocumentClick;
-    private handleBackdropClick;
-    private handleBackClick;
-    private handleTriggerClick;
-    private handleTabClick;
-    private handleManageClick;
-    private handleSignOutClick;
-    private handleEditAvatarClick;
-    private handleAccountItemClick;
-    /**
-     * Opens the account menu popover.
-     */
-    show(): void;
-    /**
-     * Closes the account menu popover.
-     */
-    close(): void;
-    /**
-     * Toggles the account menu open/closed state.
-     */
-    toggle(): void;
-    render(): import('lit-html').TemplateResult<1>;
-}
-export declare class MdAccountDrawer extends MdAccountMenu {
-}
-export declare class MdAccountProfile extends MdAccountMenu {
-}
-export declare class MdAccountProfileItem extends MdAccountItem {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-account-menu': MdAccountMenu;
-        'md-account-drawer': MdAccountDrawer;
-        'md-account-profile': MdAccountProfile;
-        'md-account-item': MdAccountItem;
-        'md-account-profile-item': MdAccountProfileItem;
-    }
-}
-//# sourceMappingURL=account-menu.d.ts.map

package/dist/components/account-menu/account-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"account-menu.d.ts","sourceRoot":"","sources":["../../../src/components/account-menu/account-menu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AACzB,OAAO,+BAA+B,CAAC;AAGvC,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAE9E;;;;;;;GAOG;AACH,qBACa,aAAc,SAAQ,aAAa;IAC9C,OAAgB,MAAM,iCAA6C;IAGnE,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,MAAM,SAAM;IAGZ,QAAQ,SAAM;IAGd,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,MAAM,SAAM;IAGZ,MAAM,UAAS;IAGf,QAAQ,UAAS;IAGjB,MAAM,UAAS;IAEf,OAAO,CAAC,WAAW,CAejB;IAEO,MAAM;CA+DhB;AAED;;;;;;;;;;;GAWG;AACH,qBACa,aAAc,SAAQ,aAAa;IAC9C,OAAgB,MAAM,iCAA6C;IAGnE,IAAI,UAAS;IAGb,IAAI,SAAsB;IAG1B,KAAK,SAAkC;IAGvC,MAAM,SAAM;IAGZ,QAAQ,SAAM;IAGd,IAAI,SAAoB;IAGxB,QAAQ,SAAa;IAGrB,UAAU,SAAyB;IAGnC,SAAS,SAAM;IAGf,YAAY,SAAyB;IAGrC,SAAS,SAAoB;IAG7B,MAAM,SAAY;IAGlB,WAAW,SAAa;IAGxB,YAAY,SAAW;IAGvB,eAAe,SAAQ;IAGvB,cAAc,SAAe;IAG7B,aAAa,SAAkB;IAG/B,SAAS,UAAS;IAElB,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAGD,SAAS,EAAE,oBAAoB,CAAS;IAGxC,KAAK,EAAE,gBAAgB,CAAW;IAGlC,KAAK,UAAS;IAGd,UAAU,UAAS;IAGnB,QAAQ,UAAQ;IAGhB,SAAS,EAAE,cAAc,CAAc;IAE9B,iBAAiB;IAOjB,oBAAoB;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAWxD,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,iBAAiB,CAMvB;IAEF,OAAO,CAAC,kBAAkB,CAKxB;IAEF,OAAO,CAAC,qBAAqB,CAK3B;IAEF,OAAO,CAAC,sBAAsB,CAS5B;IAEF;;OAEG;IACH,IAAI;IAMJ;;OAEG;IACH,KAAK;IAML;;OAEG;IACH,MAAM;IAIG,MAAM;CA6ShB;AAGD,qBACa,eAAgB,SAAQ,aAAa;CAAG;AAErD,qBACa,gBAAiB,SAAQ,aAAa;CAAG;AAEtD,qBACa,oBAAqB,SAAQ,aAAa;CAAG;AAE1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;QACjC,mBAAmB,EAAE,eAAe,CAAC;QACrC,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,iBAAiB,EAAE,aAAa,CAAC;QACjC,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF"}

package/dist/components/app-drawer/app-drawer.css.d.ts

@@ -1,3 +0,0 @@
-export declare const appDrawerStyles: import('lit').CSSResult;
-export declare const appDrawerItemStyles: import('lit').CSSResult;
-//# sourceMappingURL=app-drawer.css.d.ts.map

package/dist/components/app-drawer/app-drawer.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-drawer.css.d.ts","sourceRoot":"","sources":["../../../src/components/app-drawer/app-drawer.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA6S3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,yBA+G/B,CAAC"}