@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/chunks/date-picker-B15_rR0f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-B15_rR0f.js","names":[],"sources":["../../src/components/date-picker/date-picker.css.ts","../../src/components/date-picker/date-picker.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const datePickerStyles = css`\n  :host {\n    display: inline-block;\n    font-family: var(--md-sys-typescale-font-family, Roboto, sans-serif);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    box-sizing: border-box;\n  }\n\n  :host([variant=\"modal\"]) {\n    display: contents;\n  }\n\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n\n  /* --- Picker Surface Container --- */\n  .picker-surface {\n    display: flex;\n    flex-direction: column;\n    width: 328px;\n    background-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\n    overflow: hidden;\n    position: relative;\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15));\n    user-select: none;\n    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([variant=\"docked\"]) .picker-surface {\n    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15));\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.38;\n  }\n\n  /* --- Header --- */\n  .header {\n    padding: 20px 24px 16px 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n  }\n\n  .header-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .subhead {\n    font-size: var(--md-sys-typescale-label-medium-size, 12px);\n    line-height: 16px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  .headline {\n    font-size: var(--md-sys-typescale-headline-large-size, 28px);\n    line-height: 36px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    min-height: 36px;\n    display: flex;\n    align-items: center;\n    word-break: break-word;\n  }\n\n  .headline.placeholder {\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    font-size: 24px;\n  }\n\n  .header-divider {\n    height: 1px;\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n    margin: 0 16px;\n  }\n\n  /* --- Navigation Controls --- */\n  .navigation {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px 4px 16px;\n  }\n\n  .month-year-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background: transparent;\n    border: none;\n    padding: 8px 12px;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    font-family: inherit;\n    font-size: var(--md-sys-typescale-label-large-size, 14px);\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    cursor: pointer;\n    transition: background-color 150ms ease, color 150ms ease;\n  }\n\n  .month-year-btn:hover {\n    background-color: rgba(73, 69, 79, 0.08);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n  }\n\n  .month-year-btn .dropdown-icon {\n    transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  .month-year-btn.open .dropdown-icon {\n    transform: rotate(180deg);\n  }\n\n  .nav-arrows {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  /* --- Calendar View --- */\n  .calendar-content {\n    padding: 0 12px 12px 12px;\n  }\n\n  .weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    text-align: center;\n    padding: 8px 0;\n  }\n\n  .weekday {\n    font-size: var(--md-sys-typescale-body-small-size, 12px);\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .days-grid {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    row-gap: 4px;\n  }\n\n  .day-cell {\n    position: relative;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Range Highlight Band */\n  .range-band {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    z-index: 0;\n  }\n\n  .day-cell.range-start .range-band {\n    left: 50%;\n  }\n\n  .day-cell.range-end .range-band {\n    right: 50%;\n  }\n\n  .day-cell.range-start.range-end .range-band {\n    display: none;\n  }\n\n  /* Day Button */\n  .day-btn {\n    position: relative;\n    z-index: 1;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--md-sys-shape-corner-full, 50%);\n    border: 1px solid transparent;\n    background: transparent;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    font-family: inherit;\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    font-weight: 400;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    padding: 0;\n    outline: none;\n    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;\n  }\n\n  .day-btn:hover:not(.disabled):not(.selected):not(.range-start):not(.range-end) {\n    background-color: rgba(103, 80, 164, 0.08);\n  }\n\n  /* Today state */\n  .day-btn.today {\n    border-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-primary, #6750A4);\n    font-weight: 500;\n  }\n\n  /* In range middle state */\n  .day-cell.in-range .day-btn {\n    color: var(--md-sys-color-on-primary-container, #21005D);\n    background-color: transparent;\n  }\n\n  /* Selected / Range Start / Range End */\n  .day-btn.selected,\n  .day-btn.range-start,\n  .day-btn.range-end {\n    background-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-on-primary, #FFFFFF);\n    font-weight: 500;\n  }\n\n  .day-btn.disabled {\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    opacity: 0.38;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* --- Year Picker View --- */\n  .year-picker-view {\n    height: 280px;\n    overflow-y: auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    padding: 12px 16px;\n    align-content: start;\n  }\n\n  .year-btn {\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    padding: 10px 0;\n    font-family: inherit;\n    font-size: var(--md-sys-typescale-label-large-size, 14px);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    cursor: pointer;\n    text-align: center;\n    transition: background-color 150ms ease, color 150ms ease;\n  }\n\n  .year-btn:hover:not(.selected) {\n    background-color: rgba(103, 80, 164, 0.08);\n  }\n\n  .year-btn.selected {\n    background-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-on-primary, #FFFFFF);\n    font-weight: 500;\n  }\n\n  .year-btn.current {\n    border-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  /* --- Actions Footer --- */\n  .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 8px 16px 16px 16px;\n  }\n\n  /* --- Supporting / Error Text --- */\n  .supporting-text {\n    padding: 4px 16px 0;\n    font-size: var(--md-sys-typescale-body-small-size, 12px);\n    line-height: 16px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  :host([error]) .supporting-text {\n    color: var(--md-sys-color-error, #B3261E);\n  }\n\n  /* --- Modal Scrim & Dialog Container --- */\n  dialog {\n    padding: 0;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\n    background: transparent;\n    color: inherit;\n    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0, 0, 0, 0.30));\n    position: fixed;\n    inset: 0;\n    margin: auto;\n    z-index: 1000;\n    overflow: visible;\n  }\n\n  dialog::backdrop {\n    background-color: rgba(0, 0, 0, 0.32);\n    backdrop-filter: blur(2px);\n    animation: md-fade-in 150ms ease-out forwards;\n  }\n\n  dialog[open] {\n    animation: md-dialog-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes md-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes md-dialog-in {\n    from {\n      opacity: 0;\n      transform: scale(0.92);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\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 '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport '../button/button.js';\nimport { datePickerStyles } from './date-picker.css.js';\n\nexport type DatePickerVariant = 'docked' | 'modal';\nexport type DatePickerViewMode = 'calendar' | 'year';\n\nconst MONTH_NAMES = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December'\n];\n\nconst WEEKDAY_NAMES_SUNDAY_FIRST = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst WEEKDAY_NAMES_MONDAY_FIRST = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n\nfunction padZero(num: number): string {\n  return num < 10 ? `0${num}` : `${num}`;\n}\n\nfunction formatDateString(year: number, month: number, day: number): string {\n  return `${year}-${padZero(month + 1)}-${padZero(day)}`;\n}\n\nfunction parseDateString(dateStr: string): { year: number; month: number; day: number } | null {\n  if (!dateStr || typeof dateStr !== 'string') return null;\n  const parts = dateStr.split('-');\n  if (parts.length !== 3) return null;\n  const year = parseInt(parts[0]!, 10);\n  const month = parseInt(parts[1]!, 10) - 1;\n  const day = parseInt(parts[2]!, 10);\n  if (isNaN(year) || isNaN(month) || isNaN(day)) return null;\n  return { year, month, day };\n}\n\nfunction getTodayString(): string {\n  const now = new Date();\n  return formatDateString(now.getFullYear(), now.getMonth(), now.getDate());\n}\n\nfunction formatDisplayDate(dateStr: string): string {\n  const parsed = parseDateString(dateStr);\n  if (!parsed) return '';\n  const d = new Date(parsed.year, parsed.month, parsed.day);\n  return d.toLocaleDateString('en-US', {\n    weekday: 'short',\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nfunction formatShortMonthDay(dateStr: string): string {\n  const parsed = parseDateString(dateStr);\n  if (!parsed) return '';\n  const d = new Date(parsed.year, parsed.month, parsed.day);\n  return d.toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\n@customElement('md-date-picker')\nexport class MdDatePicker extends MdFormAssociatedElement {\n  static override styles = [MdFormAssociatedElement.styles, datePickerStyles];\n\n  @property({ type: String, reflect: true })\n  variant: DatePickerVariant = 'docked';\n\n  @property({ type: Boolean, reflect: true })\n  range = false;\n\n  @property({ type: String, reflect: true })\n  value = '';\n\n  @property({ type: String, attribute: 'start-date' })\n  startDate = '';\n\n  @property({ type: String, attribute: 'end-date' })\n  endDate = '';\n\n  @property({ type: String, attribute: 'name-start' })\n  nameStart = '';\n\n  @property({ type: String, attribute: 'name-end' })\n  nameEnd = '';\n\n  @property({ type: String })\n  min = '';\n\n  @property({ type: String })\n  max = '';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  error = false;\n\n  @property({ type: String, attribute: 'error-text' })\n  errorText = '';\n\n  @property({ type: String, attribute: 'supporting-text' })\n  supportingText = '';\n\n  @property({ type: Number, attribute: 'first-day-of-week' })\n  firstDayOfWeek = 0;\n\n  @property({ type: Boolean, attribute: 'show-actions' })\n  showActions = false;\n\n  @state()\n  private viewYear: number = new Date().getFullYear();\n\n  @state()\n  private viewMonth: number = new Date().getMonth();\n\n  @state()\n  private viewMode: DatePickerViewMode = 'calendar';\n\n  @state()\n  private hoverDate: string | null = null;\n\n  @state()\n  private selectingEnd = false;\n\n  @query('dialog')\n  private dialogElement?: HTMLDialogElement;\n\n  private initialValue = '';\n  private initialStartDate = '';\n  private initialEndDate = '';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (this.range && (this.startDate || this.endDate)) {\n      this.value = this.startDate && this.endDate ? `${this.startDate}/${this.endDate}` : (this.startDate || '');\n    }\n    this.initialValue = this.value;\n    this.initialStartDate = this.startDate;\n    this.initialEndDate = this.endDate;\n    this.syncInitialState();\n    this.updateFormValue();\n    this.validateInput();\n  }\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    super.willUpdate(changedProperties);\n\n    if (changedProperties.has('value')) {\n      this.handleValueChange();\n    }\n\n    if (changedProperties.has('startDate') || changedProperties.has('endDate')) {\n      if (this.range) {\n        const newVal = this.startDate && this.endDate ? `${this.startDate}/${this.endDate}` : (this.startDate || '');\n        if (this.value !== newVal) {\n          this.value = newVal;\n        }\n      }\n    }\n\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('startDate') ||\n      changedProperties.has('endDate') ||\n      changedProperties.has('range') ||\n      changedProperties.has('name') ||\n      changedProperties.has('nameStart') ||\n      changedProperties.has('nameEnd') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('required') ||\n      changedProperties.has('min') ||\n      changedProperties.has('max')\n    ) {\n      this.updateFormValue();\n      this.validateInput();\n    }\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('open') && this.variant === 'modal') {\n      if (this.open) {\n        if (this.dialogElement && !this.dialogElement.open) {\n          this.dialogElement.showModal();\n        }\n        this.emitEvent('open');\n      } else {\n        if (this.dialogElement && this.dialogElement.open) {\n          this.dialogElement.close();\n        }\n        this.emitEvent('close');\n      }\n    }\n  }\n\n  private syncInitialState() {\n    const targetDate = this.startDate || (this.range ? (this.value.split('/')[0] ?? '') : this.value);\n    const parsed = parseDateString(targetDate);\n    if (parsed) {\n      this.viewYear = parsed.year;\n      this.viewMonth = parsed.month;\n    } else {\n      const now = new Date();\n      this.viewYear = now.getFullYear();\n      this.viewMonth = now.getMonth();\n    }\n\n    if (this.range && this.value && this.value.includes('/')) {\n      const [s, e] = this.value.split('/');\n      this.startDate = s || '';\n      this.endDate = e || '';\n    }\n  }\n\n  private handleValueChange() {\n    if (this.range) {\n      if (this.value.includes('/')) {\n        const [s, e] = this.value.split('/');\n        this.startDate = s || '';\n        this.endDate = e || '';\n      } else {\n        this.startDate = this.value;\n        this.endDate = '';\n      }\n    } else {\n      const parsed = parseDateString(this.value);\n      if (parsed) {\n        this.viewYear = parsed.year;\n        this.viewMonth = parsed.month;\n      }\n    }\n  }\n\n  private updateFormValue() {\n    if (this.disabled) {\n      this.setFormValue(null);\n      return;\n    }\n\n    if (this.range) {\n      if (this.nameStart || this.nameEnd) {\n        const formData = new FormData();\n        if (this.nameStart) formData.append(this.nameStart, this.startDate);\n        if (this.nameEnd) formData.append(this.nameEnd, this.endDate);\n        this.setFormValue(formData);\n      } else {\n        const rangeVal = this.startDate && this.endDate ? `${this.startDate}/${this.endDate}` : (this.startDate || this.value || '');\n        this.setFormValue(rangeVal || null);\n      }\n    } else {\n      this.setFormValue(this.value || null);\n    }\n  }\n\n  override formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n    this.updateFormValue();\n    this.validateInput();\n  }\n\n  override formResetCallback() {\n    this.value = this.initialValue;\n    this.startDate = this.initialStartDate;\n    this.endDate = this.initialEndDate;\n    this.selectingEnd = false;\n    this.syncInitialState();\n    this.updateFormValue();\n    this.validateInput();\n  }\n\n  showModal() {\n    this.open = true;\n  }\n\n  show() {\n    this.open = true;\n  }\n\n  close() {\n    this.open = false;\n  }\n\n  reset() {\n    this.formResetCallback();\n  }\n\n  private validateInput() {\n    if (this.disabled) {\n      this.setValidity({});\n      if (!this.errorText) {\n        this.error = false;\n      }\n      return;\n    }\n\n    if (this.required) {\n      const isMissing = this.range\n        ? (!this.startDate || !this.endDate)\n        : !this.value;\n      if (isMissing) {\n        this.setValidity({ valueMissing: true }, this.errorText || 'A date is required');\n        this.error = true;\n        return;\n      }\n    }\n\n    if (this.min && this.value) {\n      const checkVal = this.range ? this.startDate : this.value;\n      if (checkVal && checkVal < this.min) {\n        this.setValidity({ rangeUnderflow: true }, this.errorText || `Date must be after ${this.min}`);\n        this.error = true;\n        return;\n      }\n    }\n\n    if (this.max && this.value) {\n      const checkVal = this.range ? (this.endDate || this.startDate) : this.value;\n      if (checkVal && checkVal > this.max) {\n        this.setValidity({ rangeOverflow: true }, this.errorText || `Date must be before ${this.max}`);\n        this.error = true;\n        return;\n      }\n    }\n\n    this.setValidity({});\n    if (!this.errorText) {\n      this.error = false;\n    }\n  }\n\n  private handlePrevMonth = () => {\n    if (this.viewMonth === 0) {\n      this.viewMonth = 11;\n      this.viewYear -= 1;\n    } else {\n      this.viewMonth -= 1;\n    }\n  };\n\n  private handleNextMonth = () => {\n    if (this.viewMonth === 11) {\n      this.viewMonth = 0;\n      this.viewYear += 1;\n    } else {\n      this.viewMonth += 1;\n    }\n  };\n\n  private toggleViewMode = () => {\n    this.viewMode = this.viewMode === 'calendar' ? 'year' : 'calendar';\n  };\n\n  private selectYear = (year: number) => {\n    this.viewYear = year;\n    this.viewMode = 'calendar';\n  };\n\n  private isDateDisabled(dateStr: string): boolean {\n    if (this.disabled) return true;\n    if (this.min && dateStr < this.min) return true;\n    if (this.max && dateStr > this.max) return true;\n    return false;\n  }\n\n  private handleDayClick = (dateStr: string) => {\n    if (this.isDateDisabled(dateStr)) return;\n\n    if (!this.range) {\n      this.value = dateStr;\n      this.updateFormValue();\n      this.validateInput();\n      this.emitEvent('input', { value: this.value });\n      this.emitEvent('change', { value: this.value });\n      this.emitEvent('select', { date: dateStr, type: 'single' });\n      return;\n    }\n\n    // Range selection mode\n    if (!this.selectingEnd || !this.startDate) {\n      // Start fresh range selection\n      this.startDate = dateStr;\n      this.endDate = '';\n      this.value = dateStr;\n      this.selectingEnd = true;\n      this.updateFormValue();\n      this.validateInput();\n      this.emitEvent('select', { date: dateStr, type: 'start' });\n      this.emitEvent('input', { value: this.value });\n    } else {\n      // Selecting end date\n      if (dateStr < this.startDate) {\n        // Clicked a date before start date, restart range\n        this.startDate = dateStr;\n        this.endDate = '';\n        this.value = dateStr;\n        this.selectingEnd = true;\n        this.updateFormValue();\n        this.validateInput();\n        this.emitEvent('select', { date: dateStr, type: 'start' });\n        this.emitEvent('input', { value: this.value });\n      } else {\n        this.endDate = dateStr;\n        this.value = `${this.startDate}/${this.endDate}`;\n        this.selectingEnd = false;\n        this.updateFormValue();\n        this.validateInput();\n        this.emitEvent('select', { date: dateStr, type: 'end' });\n        this.emitEvent('input', { value: this.value });\n        this.emitEvent('change', {\n          value: this.value,\n          startDate: this.startDate,\n          endDate: this.endDate,\n        });\n      }\n    }\n  };\n\n  private handleDayMouseEnter = (dateStr: string) => {\n    if (this.range && this.selectingEnd && this.startDate) {\n      this.hoverDate = dateStr;\n    }\n  };\n\n  private handleDayMouseLeave = () => {\n    this.hoverDate = null;\n  };\n\n  private handleCancel = (event?: Event) => {\n    if (event) event.preventDefault();\n    this.emitEvent('cancel');\n    this.close();\n  };\n\n  private handleConfirm = () => {\n    this.emitEvent('change', {\n      value: this.value,\n      startDate: this.startDate,\n      endDate: this.endDate,\n    });\n    this.close();\n  };\n\n  private getFormattedHeadline(): string {\n    if (this.headline) return this.headline;\n\n    if (!this.range) {\n      if (!this.value) return 'Select date';\n      return formatDisplayDate(this.value);\n    }\n\n    // Range mode\n    if (!this.startDate && !this.endDate) {\n      return 'Select range';\n    }\n\n    if (this.startDate && !this.endDate) {\n      return `${formatShortMonthDay(this.startDate)} – End date`;\n    }\n\n    if (this.startDate && this.endDate) {\n      const s = parseDateString(this.startDate);\n      const e = parseDateString(this.endDate);\n      if (s && e && s.year === e.year) {\n        return `${formatShortMonthDay(this.startDate)} – ${formatShortMonthDay(this.endDate)}, ${s.year}`;\n      }\n      return `${formatShortMonthDay(this.startDate)} – ${formatShortMonthDay(this.endDate)}`;\n    }\n\n    return 'Select range';\n  }\n\n  private renderCalendarGrid() {\n    const year = this.viewYear;\n    const month = this.viewMonth;\n    const daysInMonth = new Date(year, month + 1, 0).getDate();\n    let firstDayIndex = new Date(year, month, 1).getDay();\n\n    if (this.firstDayOfWeek === 1) {\n      firstDayIndex = (firstDayIndex + 6) % 7;\n    }\n\n    const weekdays = this.firstDayOfWeek === 1\n      ? WEEKDAY_NAMES_MONDAY_FIRST\n      : WEEKDAY_NAMES_SUNDAY_FIRST;\n\n    const todayStr = getTodayString();\n\n    const days = [];\n    // Blank padding days\n    for (let i = 0; i < firstDayIndex; i++) {\n      days.push(html`<div class=\"day-cell empty\"></div>`);\n    }\n\n    // Days of current month\n    for (let d = 1; d <= daysInMonth; d++) {\n      const dateStr = formatDateString(year, month, d);\n      const isToday = dateStr === todayStr;\n      const isDisabled = this.isDateDisabled(dateStr);\n\n      let isSelected = false;\n      let isRangeStart = false;\n      let isRangeEnd = false;\n      let isInRange = false;\n\n      if (!this.range) {\n        isSelected = this.value === dateStr;\n      } else {\n        const effectiveEnd = this.endDate || (this.selectingEnd ? this.hoverDate : null);\n        isRangeStart = this.startDate === dateStr;\n        isRangeEnd = effectiveEnd === dateStr;\n        isSelected = isRangeStart || isRangeEnd;\n\n        if (this.startDate && effectiveEnd && effectiveEnd > this.startDate) {\n          isInRange = dateStr >= this.startDate && dateStr <= effectiveEnd;\n        }\n      }\n\n      const cellClasses = [\n        'day-cell',\n        isRangeStart ? 'range-start' : '',\n        isRangeEnd ? 'range-end' : '',\n        isInRange ? 'in-range' : '',\n      ].filter(Boolean).join(' ');\n\n      const btnClasses = [\n        'day-btn',\n        isSelected ? 'selected' : '',\n        isToday ? 'today' : '',\n        isRangeStart ? 'range-start' : '',\n        isRangeEnd ? 'range-end' : '',\n        isDisabled ? 'disabled' : '',\n      ].filter(Boolean).join(' ');\n\n      days.push(html`\n        <div class=${cellClasses}>\n          ${isInRange ? html`<div class=\"range-band\"></div>` : nothing}\n          <button\n            type=\"button\"\n            class=${btnClasses}\n            ?disabled=${isDisabled}\n            aria-label=${dateStr}\n            aria-selected=${isSelected ? 'true' : 'false'}\n            @click=${() => this.handleDayClick(dateStr)}\n            @mouseenter=${() => this.handleDayMouseEnter(dateStr)}\n            @mouseleave=${this.handleDayMouseLeave}\n          >\n            <md-ripple ?disabled=${isDisabled}></md-ripple>\n            ${d}\n          </button>\n        </div>\n      `);\n    }\n\n    return html`\n      <div class=\"calendar-content\">\n        <div class=\"weekdays\" role=\"row\">\n          ${weekdays.map(\n            (w) => html`<div class=\"weekday\" role=\"columnheader\">${w}</div>`\n          )}\n        </div>\n        <div class=\"days-grid\" role=\"grid\">\n          ${days}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderYearPicker() {\n    const currentYear = new Date().getFullYear();\n    const startYear = currentYear - 50;\n    const endYear = currentYear + 50;\n    const years = [];\n\n    for (let y = startYear; y <= endYear; y++) {\n      const isSelected = y === this.viewYear;\n      const isCurrent = y === currentYear;\n      years.push(html`\n        <button\n          type=\"button\"\n          class=\"year-btn ${isSelected ? 'selected' : ''} ${isCurrent ? 'current' : ''}\"\n          @click=${() => this.selectYear(y)}\n        >\n          <md-ripple></md-ripple>\n          ${y}\n        </button>\n      `);\n    }\n\n    return html`\n      <div class=\"year-picker-view\">\n        ${years}\n      </div>\n    `;\n  }\n\n  private renderPickerSurface() {\n    const isYearMode = this.viewMode === 'year';\n    const subheadText = this.label || (this.range ? 'Select range' : 'Select date');\n    const headlineText = this.getFormattedHeadline();\n    const hasValue = Boolean(this.range ? this.startDate : this.value);\n    const shouldShowActions = this.showActions || this.variant === 'modal';\n\n    return html`\n      <div class=\"picker-surface\">\n        <div class=\"header\">\n          <div class=\"header-top\">\n            <span class=\"subhead\">${subheadText}</span>\n            <md-icon-button\n              icon=${isYearMode ? 'calendar_month' : 'edit_calendar'}\n              aria-label=${isYearMode ? 'Switch to calendar view' : 'Switch to year view'}\n              @click=${this.toggleViewMode}\n            ></md-icon-button>\n          </div>\n          <div class=\"headline ${!hasValue ? 'placeholder' : ''}\">\n            ${headlineText}\n          </div>\n        </div>\n\n        <div class=\"header-divider\"></div>\n\n        <div class=\"navigation\">\n          <button\n            type=\"button\"\n            class=\"month-year-btn ${isYearMode ? 'open' : ''}\"\n            @click=${this.toggleViewMode}\n            aria-label=\"Toggle year selection\"\n          >\n            <span>${MONTH_NAMES[this.viewMonth]} ${this.viewYear}</span>\n            <md-icon class=\"dropdown-icon\" name=\"arrow_drop_down\"></md-icon>\n          </button>\n\n          ${!isYearMode\n            ? html`\n                <div class=\"nav-arrows\">\n                  <md-icon-button\n                    icon=\"chevron_left\"\n                    aria-label=\"Previous month\"\n                    @click=${this.handlePrevMonth}\n                  ></md-icon-button>\n                  <md-icon-button\n                    icon=\"chevron_right\"\n                    aria-label=\"Next month\"\n                    @click=${this.handleNextMonth}\n                  ></md-icon-button>\n                </div>\n              `\n            : nothing}\n        </div>\n\n        ${isYearMode ? this.renderYearPicker() : this.renderCalendarGrid()}\n\n        ${shouldShowActions\n          ? html`\n              <div class=\"actions\">\n                <slot name=\"actions\">\n                  <md-button variant=\"text\" @click=${this.handleCancel}>Cancel</md-button>\n                  <md-button variant=\"text\" @click=${this.handleConfirm}>OK</md-button>\n                </slot>\n              </div>\n            `\n          : nothing}\n      </div>\n\n      ${this.supportingText || this.errorText\n        ? html`\n            <div class=\"supporting-text\">\n              ${this.error ? (this.errorText || this.supportingText) : this.supportingText}\n            </div>\n          `\n        : nothing}\n    `;\n  }\n\n  override render() {\n    if (this.variant === 'modal') {\n      return html`\n        <dialog\n          @cancel=${this.handleCancel}\n          @click=${(e: MouseEvent) => {\n            if (e.target === this.dialogElement) {\n              this.handleCancel();\n            }\n          }}\n        >\n          ${this.renderPickerSurface()}\n        </dialog>\n      `;\n    }\n\n    return this.renderPickerSurface();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-date-picker': MdDatePicker;\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/decorate-DknOJ8FJ.js

@@ -0,0 +1,40 @@
+import { LitElement as e, css as t } from "lit";
+//#region src/internal/base-component.ts
+var n = class extends e {
+	static {
+		this.styles = t`
+    :host {
+      box-sizing: border-box;
+      font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    *, *::before, *::after {
+      box-sizing: inherit;
+    }
+  `;
+	}
+	emitEvent(e, t, n = {}) {
+		let r = new CustomEvent(e, {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: t,
+			...n
+		});
+		return this.dispatchEvent(r);
+	}
+};
+//#endregion
+//#region \0@oxc-project+runtime@0.146.0/helpers/esm/decorate.js
+function r(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}
+//#endregion
+export { n, r as t };
+
+//# sourceMappingURL=decorate-DknOJ8FJ.js.map

package/dist/chunks/{decorate-DXuynaiA.js.map → decorate-DknOJ8FJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"decorate-DXuynaiA.js","names":[],"sources":["../../src/internal/base-component.ts"],"sourcesContent":["import { LitElement, css, CSSResultGroup } from 'lit';\n\n/**\n * Base element class for all Material Web Components.\n * Provides standard reset styles and event dispatch helpers.\n */\nexport class MdBaseElement extends LitElement {\n  static override styles: CSSResultGroup = css`\n    :host {\n      box-sizing: border-box;\n      font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    *, *::before, *::after {\n      box-sizing: inherit;\n    }\n  `;\n\n  /**\n   * Helper to dispatch custom events with standard bubbles/composed defaults.\n   */\n  protected emitEvent<T = unknown>(\n    name: string,\n    detail?: T,\n    options: CustomEventInit<T> = {}\n  ): boolean {\n    const event = new CustomEvent<T>(name, {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail,\n      ...options,\n    });\n    return this.dispatchEvent(event);\n  }\n}\n\n"],"mappings":";AAMA,IAAa,IAAb,cAAmC,EAAW;AAAA;AACH,SAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBzC,UACE,GACA,GACA,IAA8B,CAAC,GACtB;AACT,UAAM,IAAQ,IAAI,YAAe,GAAM;AAAA,MACrC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAA;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AACD,WAAO,KAAK,cAAc,CAAK;AAAA,EACjC;AACF"}
+{"version":3,"file":"decorate-DknOJ8FJ.js","names":[],"sources":["../../src/internal/base-component.ts"],"sourcesContent":["import { LitElement, css, CSSResultGroup } from 'lit';\n\n/**\n * Base element class for all Material Web Components.\n * Provides standard reset styles and event dispatch helpers.\n */\nexport class MdBaseElement extends LitElement {\n  static override styles: CSSResultGroup = css`\n    :host {\n      box-sizing: border-box;\n      font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    *, *::before, *::after {\n      box-sizing: inherit;\n    }\n  `;\n\n  /**\n   * Helper to dispatch custom events with standard bubbles/composed defaults.\n   */\n  protected emitEvent<T = unknown>(\n    name: string,\n    detail?: T,\n    options: CustomEventInit<T> = {}\n  ): boolean {\n    const event = new CustomEvent<T>(name, {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail,\n      ...options,\n    });\n    return this.dispatchEvent(event);\n  }\n}\n\n"],"mappings":";;AAMA,IAAa,IAAb,cAAmC,EAAW;;EACH,KAAA,SAAA,CAAG;;;;;;;;;;;;;CAgB5C,UACE,GACA,GACA,IAA8B,CAAC,GACtB;EACT,IAAM,IAAQ,IAAI,YAAe,GAAM;GACrC,SAAS;GACT,UAAU;GACV,YAAY;GACZ;GACA,GAAG;EACL,CAAC;EACD,OAAO,KAAK,cAAc,CAAK;CACjC;AACF"}

package/dist/chunks/{dialog-DGVEE5m_.js → dialog-Czknf8dl.js}

@@ -1,8 +1,9 @@
-import { n, t as a } from "./decorate-DXuynaiA.js";
-import "./icon-DrNqcNEL.js";
-import { css as d, html as l, nothing as r } from "lit";
-import { customElement as c, property as s, query as p } from "lit/decorators.js";
-var h = d`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./icon-FvKeXi61.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o, query as s } from "lit/decorators.js";
+//#region src/components/dialog/dialog.css.ts
+var c = n`
   :host {
     display: contents;
   }
@@ -84,34 +85,34 @@ var h = d`
     gap: 8px;
     padding-top: 8px;
   }
-`, i = class extends n {
-  constructor(...e) {
-    super(...e), this.open = !1, this.headline = "", this.icon = "", this.returnValue = "", this.handleCancel = (o) => {
-      o.preventDefault(), this.close("cancel");
-    }, this.handleBackdropClick = (o) => {
-      if (o.target === this.dialogElement) {
-        const t = this.dialogElement.getBoundingClientRect();
-        t.top <= o.clientY && o.clientY <= t.top + t.height && t.left <= o.clientX && o.clientX <= t.left + t.width || this.close("backdrop");
-      }
-    };
-  }
-  static {
-    this.styles = [n.styles, h];
-  }
-  updated(e) {
-    super.updated(e), e.has("open") && (this.open ? this.dialogElement && !this.dialogElement.open && this.dialogElement.showModal() : this.dialogElement && this.dialogElement.open && this.dialogElement.close());
-  }
-  showModal() {
-    this.open = !0;
-  }
-  show() {
-    this.open = !0;
-  }
-  close(e) {
-    e !== void 0 && (this.returnValue = e), this.open = !1, this.emitEvent("close", { returnValue: this.returnValue });
-  }
-  render() {
-    return l`
+`, l = class extends e {
+	constructor(...e) {
+		super(...e), this.open = !1, this.headline = "", this.icon = "", this.returnValue = "", this.handleCancel = (e) => {
+			e.preventDefault(), this.close("cancel");
+		}, this.handleBackdropClick = (e) => {
+			if (e.target === this.dialogElement) {
+				let t = this.dialogElement.getBoundingClientRect();
+				t.top <= e.clientY && e.clientY <= t.top + t.height && t.left <= e.clientX && e.clientX <= t.left + t.width || this.close("backdrop");
+			}
+		};
+	}
+	static {
+		this.styles = [e.styles, c];
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open ? this.dialogElement && !this.dialogElement.open && this.dialogElement.showModal() : this.dialogElement && this.dialogElement.open && this.dialogElement.close());
+	}
+	showModal() {
+		this.open = !0;
+	}
+	show() {
+		this.open = !0;
+	}
+	close(e) {
+		e !== void 0 && (this.returnValue = e), this.open = !1, this.emitEvent("close", { returnValue: this.returnValue });
+	}
+	render() {
+		return r`
       <dialog
         @cancel=${this.handleCancel}
         @click=${this.handleBackdropClick}
@@ -119,12 +120,12 @@ var h = d`
         <div class="dialog-container">
           <div class="icon">
             <slot name="icon">
-              ${this.icon ? l`<md-icon name=${this.icon} size="32"></md-icon>` : r}
+              ${this.icon ? r`<md-icon name=${this.icon} size="32"></md-icon>` : i}
             </slot>
           </div>
 
           <slot name="headline">
-            ${this.headline ? l`<h2 class="headline">${this.headline}</h2>` : r}
+            ${this.headline ? r`<h2 class="headline">${this.headline}</h2>` : i}
           </slot>
 
           <div class="content">
@@ -137,22 +138,16 @@ var h = d`
         </div>
       </dialog>
     `;
-  }
-};
-a([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "open", void 0);
-a([s({ type: String })], i.prototype, "headline", void 0);
-a([s({ type: String })], i.prototype, "icon", void 0);
-a([s({
-  type: String,
-  attribute: "return-value"
-})], i.prototype, "returnValue", void 0);
-a([p("dialog")], i.prototype, "dialogElement", void 0);
-i = a([c("md-dialog")], i);
-export {
-  i as t
+	}
 };
+t([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "open", void 0), t([o({ type: String })], l.prototype, "headline", void 0), t([o({ type: String })], l.prototype, "icon", void 0), t([o({
+	type: String,
+	attribute: "return-value"
+})], l.prototype, "returnValue", void 0), t([s("dialog")], l.prototype, "dialogElement", void 0), l = t([a("md-dialog")], l);
+//#endregion
+export { l as t };
 
-//# sourceMappingURL=dialog-DGVEE5m_.js.map
+//# sourceMappingURL=dialog-Czknf8dl.js.map

package/dist/chunks/{dialog-DGVEE5m_.js.map → dialog-Czknf8dl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-DGVEE5m_.js","names":[],"sources":["../../src/components/dialog/dialog.css.ts","../../src/components/dialog/dialog.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const dialogStyles = css`\n  :host {\n    display: contents;\n  }\n\n  dialog {\n    box-sizing: border-box;\n    min-width: 280px;\n    max-width: 560px;\n    padding: 24px;\n    border: none;\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 1px 3px 0px rgba(0,0,0,0.30));\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    position: fixed;\n    inset: 0;\n    margin: auto;\n    overflow: auto;\n    z-index: 1000;\n  }\n\n  dialog::backdrop {\n    background-color: rgba(0, 0, 0, 0.32);\n    backdrop-filter: blur(2px);\n    animation: md-fade-in 150ms ease-out forwards;\n  }\n\n  dialog[open] {\n    animation: md-dialog-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes md-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes md-dialog-in {\n    from {\n      opacity: 0;\n      transform: scale(0.92);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .dialog-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    color: var(--md-sys-color-secondary, #625B71);\n  }\n\n  .headline {\n    font-size: var(--md-sys-typescale-headline-small-size, 24px);\n    line-height: 32px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    margin: 0;\n  }\n\n  .content {\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 8px;\n    padding-top: 8px;\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport { dialogStyles } from './dialog.css.js';\n\n@customElement('md-dialog')\nexport class MdDialog extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, dialogStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String, attribute: 'return-value' })\n  returnValue = '';\n\n  @query('dialog')\n  private dialogElement?: HTMLDialogElement;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        if (this.dialogElement && !this.dialogElement.open) {\n          this.dialogElement.showModal();\n        }\n      } else {\n        if (this.dialogElement && this.dialogElement.open) {\n          this.dialogElement.close();\n        }\n      }\n    }\n  }\n\n  showModal() {\n    this.open = true;\n  }\n\n  show() {\n    this.open = true;\n  }\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  private handleCancel = (event: Event) => {\n    event.preventDefault();\n    this.close('cancel');\n  };\n\n  private handleBackdropClick = (event: MouseEvent) => {\n    if (event.target === this.dialogElement) {\n      const rect = this.dialogElement.getBoundingClientRect();\n      const isInDialog = (\n        rect.top <= event.clientY &&\n        event.clientY <= rect.top + rect.height &&\n        rect.left <= event.clientX &&\n        event.clientX <= rect.left + rect.width\n      );\n      if (!isInDialog) {\n        this.close('backdrop');\n      }\n    }\n  };\n\n  override render() {\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @click=${this.handleBackdropClick}\n      >\n        <div class=\"dialog-container\">\n          <div class=\"icon\">\n            <slot name=\"icon\">\n              ${this.icon ? html`<md-icon name=${this.icon} size=\"32\"></md-icon>` : nothing}\n            </slot>\n          </div>\n\n          <slot name=\"headline\">\n            ${this.headline ? html`<h2 class=\"headline\">${this.headline}</h2>` : nothing}\n          </slot>\n\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n\n          <div class=\"actions\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </div>\n      </dialog>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-dialog': MdDialog;\n  }\n}\n\n"],"mappings":";;;;AAEA,IAAa,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCKf,IAAN,cAAuB,EAAc;AAAA;iBAInC,KAAA,OAAA,IAGI,KAAA,WAAA,IAGJ,KAAA,OAAA,IAGO,KAAA,cAAA,IAoCU,KAAA,eAAA,CAAA,MAAiB;AACvC,MAAA,EAAM,eAAe,GACrB,KAAK,MAAM,QAAQ;AAAA,IACrB,GAE+B,KAAA,sBAAA,CAAA,MAAsB;AACnD,UAAI,EAAM,WAAW,KAAK,eAAe;AACvC,cAAM,IAAO,KAAK,cAAc,sBAAsB;AAOtD,QALE,EAAK,OAAO,EAAM,WAClB,EAAM,WAAW,EAAK,MAAM,EAAK,UACjC,EAAK,QAAQ,EAAM,WACnB,EAAM,WAAW,EAAK,OAAO,EAAK,SAGlC,KAAK,MAAM,UAAU;AAAA,MAEzB;AAAA,IACF;AAAA;;AAlEyB,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAY;AAAA;EAiB5D,QAAiB,GAAyC;AACxD,UAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,MAAM,MAC1B,KAAK,OACH,KAAK,iBAAiB,CAAC,KAAK,cAAc,QAC5C,KAAK,cAAc,UAAU,IAG3B,KAAK,iBAAiB,KAAK,cAAc,QAC3C,KAAK,cAAc,MAAM;AAAA,EAIjC;AAAA,EAEA,YAAY;AACV,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,OAAO;AACL,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,MAAM,GAAsB;AAC1B,IAAI,MAAgB,WAClB,KAAK,cAAc,IAErB,KAAK,OAAO,IACZ,KAAK,UAAU,SAAS,EAAE,aAAa,KAAK,YAAY,CAAC;AAAA,EAC3D;AAAA,EAsBA,SAAkB;AAChB,WAAO;AAAA;AAAA,kBAEO,KAAK,YAAA;AAAA,iBACN,KAAK,mBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKN,KAAK,OAAO,kBAAqB,KAAK,IAAA,0BAA8B,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAKtE,KAAK,WAAW,yBAA4B,KAAK,QAAA,UAAkB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAa/E;AACF;AA9FG,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,MAAA;AAGzC,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,QAAA,MAAA;AAGzB,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,WAAW;AAAe,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,MAAA;AAGpD,EAAA,CAAA,EAAM,QAAQ,CAAA,GAAA,EAAA,WAAA,iBAAA,MAAA;AAhBhB,IAAA,EAAA,CAAA,EAAc,WAAW,CAAA,GAAA,CAAA"}
+{"version":3,"file":"dialog-Czknf8dl.js","names":[],"sources":["../../src/components/dialog/dialog.css.ts","../../src/components/dialog/dialog.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const dialogStyles = css`\n  :host {\n    display: contents;\n  }\n\n  dialog {\n    box-sizing: border-box;\n    min-width: 280px;\n    max-width: 560px;\n    padding: 24px;\n    border: none;\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 1px 3px 0px rgba(0,0,0,0.30));\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    position: fixed;\n    inset: 0;\n    margin: auto;\n    overflow: auto;\n    z-index: 1000;\n  }\n\n  dialog::backdrop {\n    background-color: rgba(0, 0, 0, 0.32);\n    backdrop-filter: blur(2px);\n    animation: md-fade-in 150ms ease-out forwards;\n  }\n\n  dialog[open] {\n    animation: md-dialog-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes md-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes md-dialog-in {\n    from {\n      opacity: 0;\n      transform: scale(0.92);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .dialog-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    color: var(--md-sys-color-secondary, #625B71);\n  }\n\n  .headline {\n    font-size: var(--md-sys-typescale-headline-small-size, 24px);\n    line-height: 32px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    margin: 0;\n  }\n\n  .content {\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 8px;\n    padding-top: 8px;\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport { dialogStyles } from './dialog.css.js';\n\n@customElement('md-dialog')\nexport class MdDialog extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, dialogStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String, attribute: 'return-value' })\n  returnValue = '';\n\n  @query('dialog')\n  private dialogElement?: HTMLDialogElement;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        if (this.dialogElement && !this.dialogElement.open) {\n          this.dialogElement.showModal();\n        }\n      } else {\n        if (this.dialogElement && this.dialogElement.open) {\n          this.dialogElement.close();\n        }\n      }\n    }\n  }\n\n  showModal() {\n    this.open = true;\n  }\n\n  show() {\n    this.open = true;\n  }\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  private handleCancel = (event: Event) => {\n    event.preventDefault();\n    this.close('cancel');\n  };\n\n  private handleBackdropClick = (event: MouseEvent) => {\n    if (event.target === this.dialogElement) {\n      const rect = this.dialogElement.getBoundingClientRect();\n      const isInDialog = (\n        rect.top <= event.clientY &&\n        event.clientY <= rect.top + rect.height &&\n        rect.left <= event.clientX &&\n        event.clientX <= rect.left + rect.width\n      );\n      if (!isInDialog) {\n        this.close('backdrop');\n      }\n    }\n  };\n\n  override render() {\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @click=${this.handleBackdropClick}\n      >\n        <div class=\"dialog-container\">\n          <div class=\"icon\">\n            <slot name=\"icon\">\n              ${this.icon ? html`<md-icon name=${this.icon} size=\"32\"></md-icon>` : nothing}\n            </slot>\n          </div>\n\n          <slot name=\"headline\">\n            ${this.headline ? html`<h2 class=\"headline\">${this.headline}</h2>` : nothing}\n          </slot>\n\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n\n          <div class=\"actions\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </div>\n      </dialog>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-dialog': MdDialog;\n  }\n}\n\n"],"mappings":";;;;;AAEA,IAAa,IAAe,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCKlB,IAAN,cAAuB,EAAc;;EAsDX,aAlDxB,KAAA,OAAA,IAGI,KAAA,WAAA,IAGJ,KAAA,OAAA,IAGO,KAAA,cAAA,IAoCU,KAAA,gBAAA,MAAiB;GAEvC,AADA,EAAM,eAAe,GACrB,KAAK,MAAM,QAAQ;EACrB,GAE+B,KAAA,uBAAA,MAAsB;GACnD,IAAI,EAAM,WAAW,KAAK,eAAe;IACvC,IAAM,IAAO,KAAK,cAAc,sBAAsB;IAOtD,AALE,EAAK,OAAO,EAAM,WAClB,EAAM,WAAW,EAAK,MAAM,EAAK,UACjC,EAAK,QAAQ,EAAM,WACnB,EAAM,WAAW,EAAK,OAAO,EAAK,SAGlC,KAAK,MAAM,UAAU;GAEzB;EACF;;;EAlEyB,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAY;;CAiB5D,QAAiB,GAAyC;EAExD,AADA,MAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,MAAM,MAC1B,KAAK,OACH,KAAK,iBAAiB,CAAC,KAAK,cAAc,QAC5C,KAAK,cAAc,UAAU,IAG3B,KAAK,iBAAiB,KAAK,cAAc,QAC3C,KAAK,cAAc,MAAM;CAIjC;CAEA,YAAY;EACV,KAAK,OAAO;CACd;CAEA,OAAO;EACL,KAAK,OAAO;CACd;CAEA,MAAM,GAAsB;EAK1B,AAJI,MAAgB,KAAA,MAClB,KAAK,cAAc,IAErB,KAAK,OAAO,IACZ,KAAK,UAAU,SAAS,EAAE,aAAa,KAAK,YAAY,CAAC;CAC3D;CAsBA,SAAkB;EAChB,OAAO,CAAI;;kBAEG,KAAK,aAAa;iBACnB,KAAK,oBAAoB;;;;;gBAK1B,KAAK,OAAO,CAAI,iBAAiB,KAAK,KAAK,yBAAyB,EAAQ;;;;;cAK9E,KAAK,WAAW,CAAI,wBAAwB,KAAK,SAAS,SAAS,EAAQ;;;;;;;;;;;;;CAavF;AACF;AA9FG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAe,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAGpD,EAAA,CAAA,EAAM,QAAQ,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA,GAhBhB,IAAA,EAAA,CAAA,EAAc,WAAW,CAAA,GAAA,CAAA"}

package/dist/chunks/divider-DIyCOosa.js

@@ -0,0 +1,78 @@
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import { css as n, html as r } from "lit";
+import { customElement as i, property as a } from "lit/decorators.js";
+//#region src/components/divider/divider.css.ts
+var o = n`
+  :host {
+    display: block;
+    box-sizing: border-box;
+  }
+
+  :host(:not([vertical])) {
+    width: 100%;
+    height: 1px;
+    background-color: var(--md-sys-color-outline-variant, #CAC4D0);
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+    width: 1px;
+    height: 100%;
+    vertical-align: middle;
+    background-color: var(--md-sys-color-outline-variant, #CAC4D0);
+  }
+
+  :host([inset]:not([vertical])) {
+    margin-left: 16px;
+    margin-right: 16px;
+    width: calc(100% - 32px);
+  }
+
+  :host([inset-start]:not([vertical])) {
+    margin-left: 16px;
+    width: calc(100% - 16px);
+  }
+
+  :host([inset-end]:not([vertical])) {
+    margin-right: 16px;
+    width: calc(100% - 16px);
+  }
+
+  :host([inset][vertical]) {
+    margin-top: 8px;
+    margin-bottom: 8px;
+    height: calc(100% - 16px);
+  }
+`, s = class extends e {
+	constructor(...e) {
+		super(...e), this.vertical = !1, this.inset = !1, this.insetStart = !1, this.insetEnd = !1;
+	}
+	static {
+		this.styles = [e.styles, o];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("role", "separator"), this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
+	}
+	render() {
+		return r``;
+	}
+};
+t([a({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "vertical", void 0), t([a({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "inset", void 0), t([a({
+	type: Boolean,
+	reflect: !0,
+	attribute: "inset-start"
+})], s.prototype, "insetStart", void 0), t([a({
+	type: Boolean,
+	reflect: !0,
+	attribute: "inset-end"
+})], s.prototype, "insetEnd", void 0), s = t([i("md-divider")], s);
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=divider-DIyCOosa.js.map

package/dist/chunks/{divider-DNepwoZv.js.map → divider-DIyCOosa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"divider-DNepwoZv.js","names":[],"sources":["../../src/components/divider/divider.css.ts","../../src/components/divider/divider.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const dividerStyles = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  :host(:not([vertical])) {\n    width: 100%;\n    height: 1px;\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n  }\n\n  :host([vertical]) {\n    display: inline-block;\n    width: 1px;\n    height: 100%;\n    vertical-align: middle;\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n  }\n\n  :host([inset]:not([vertical])) {\n    margin-left: 16px;\n    margin-right: 16px;\n    width: calc(100% - 32px);\n  }\n\n  :host([inset-start]:not([vertical])) {\n    margin-left: 16px;\n    width: calc(100% - 16px);\n  }\n\n  :host([inset-end]:not([vertical])) {\n    margin-right: 16px;\n    width: calc(100% - 16px);\n  }\n\n  :host([inset][vertical]) {\n    margin-top: 8px;\n    margin-bottom: 8px;\n    height: calc(100% - 16px);\n  }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { dividerStyles } from './divider.css.js';\n\n@customElement('md-divider')\nexport class MdDivider extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, dividerStyles];\n\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  @property({ type: Boolean, reflect: true })\n  inset = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'inset-start' })\n  insetStart = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'inset-end' })\n  insetEnd = false;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n    this.setAttribute('aria-orientation', this.vertical ? 'vertical' : 'horizontal');\n  }\n\n  override render() {\n    return html``;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-divider': MdDivider;\n  }\n}\n\n"],"mappings":";;;AAEA,IAAa,IAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCIhB,IAAN,cAAwB,EAAc;AAAA;iBAIhC,KAAA,WAAA,IAGH,KAAA,QAAA,IAGK,KAAA,aAAA,IAGF,KAAA,WAAA;AAAA;;AAZc,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAa;AAAA;EAc7D,oBAA6B;AAC3B,UAAM,kBAAkB,GACxB,KAAK,aAAa,QAAQ,WAAW,GACrC,KAAK,aAAa,oBAAoB,KAAK,WAAW,aAAa,YAAY;AAAA,EACjF;AAAA,EAEA,SAAkB;AAChB,WAAO;AAAA,EACT;AACF;AArBG,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;AAGzC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAA,EAAM,WAAW;AAAc,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,MAAA;AAGnE,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAA,EAAM,WAAW;AAAY,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,MAAA;AAbnE,IAAA,EAAA,CAAA,EAAc,YAAY,CAAA,GAAA,CAAA"}
+{"version":3,"file":"divider-DIyCOosa.js","names":[],"sources":["../../src/components/divider/divider.css.ts","../../src/components/divider/divider.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const dividerStyles = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  :host(:not([vertical])) {\n    width: 100%;\n    height: 1px;\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n  }\n\n  :host([vertical]) {\n    display: inline-block;\n    width: 1px;\n    height: 100%;\n    vertical-align: middle;\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n  }\n\n  :host([inset]:not([vertical])) {\n    margin-left: 16px;\n    margin-right: 16px;\n    width: calc(100% - 32px);\n  }\n\n  :host([inset-start]:not([vertical])) {\n    margin-left: 16px;\n    width: calc(100% - 16px);\n  }\n\n  :host([inset-end]:not([vertical])) {\n    margin-right: 16px;\n    width: calc(100% - 16px);\n  }\n\n  :host([inset][vertical]) {\n    margin-top: 8px;\n    margin-bottom: 8px;\n    height: calc(100% - 16px);\n  }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { dividerStyles } from './divider.css.js';\n\n@customElement('md-divider')\nexport class MdDivider extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, dividerStyles];\n\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  @property({ type: Boolean, reflect: true })\n  inset = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'inset-start' })\n  insetStart = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'inset-end' })\n  insetEnd = false;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n    this.setAttribute('aria-orientation', this.vertical ? 'vertical' : 'horizontal');\n  }\n\n  override render() {\n    return html``;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-divider': MdDivider;\n  }\n}\n\n"],"mappings":";;;;AAEA,IAAa,IAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCInB,IAAN,cAAwB,EAAc;;EAahC,aATA,KAAA,WAAA,IAGH,KAAA,QAAA,IAGK,KAAA,aAAA,IAGF,KAAA,WAAA;;;EAZc,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAa;;CAc7D,oBAA6B;EAG3B,AAFA,MAAM,kBAAkB,GACxB,KAAK,aAAa,QAAQ,WAAW,GACrC,KAAK,aAAa,oBAAoB,KAAK,WAAW,aAAa,YAAY;CACjF;CAEA,SAAkB;EAChB,OAAO,CAAI;CACb;AACF;AArBG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAc,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,GAGnE,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAY,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAbnE,IAAA,EAAA,CAAA,EAAc,YAAY,CAAA,GAAA,CAAA"}

package/dist/chunks/{fab-C9j3WBHE.js → fab-aZC0-lHo.js}

@@ -1,10 +1,11 @@
-import { n as r, t } from "./decorate-DXuynaiA.js";
-import "./ripple-squbKHhj.js";
-import "./focus-ring-CuiJuM-y.js";
-import "./icon-DrNqcNEL.js";
-import { css as a, html as s, nothing as n } from "lit";
-import { customElement as l, property as o } from "lit/decorators.js";
-var d = a`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./ripple-CBOKeVfm.js";
+import "./focus-ring-K6SY_mIm.js";
+import "./icon-FvKeXi61.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/components/fab/fab.css.ts
+var s = n`
   :host {
     display: inline-flex;
     outline: none;
@@ -97,54 +98,47 @@ var d = a`
     position: relative;
     z-index: 1;
   }
-`, e = class extends r {
-  constructor(...i) {
-    super(...i), this.size = "medium", this.label = "", this.icon = "", this.lowered = !1, this.disabled = !1, this.extended = !1;
-  }
-  static {
-    this.styles = [r.styles, d];
-  }
-  updated(i) {
-    super.updated(i), i.has("label") && (this.extended = !!this.label);
-  }
-  render() {
-    return s`
+`, c = class extends e {
+	constructor(...e) {
+		super(...e), this.size = "medium", this.label = "", this.icon = "", this.lowered = !1, this.disabled = !1, this.extended = !1;
+	}
+	static {
+		this.styles = [e.styles, s];
+	}
+	updated(e) {
+		super.updated(e), e.has("label") && (this.extended = !!this.label);
+	}
+	render() {
+		return r`
       <button ?disabled=${this.disabled}>
         <md-ripple ?disabled=${this.disabled}></md-ripple>
         <md-focus-ring></md-focus-ring>
         <span class="content">
           <slot name="icon">
-            ${this.icon ? s`<md-icon name=${this.icon}></md-icon>` : n}
+            ${this.icon ? r`<md-icon name=${this.icon}></md-icon>` : i}
           </slot>
           <slot>
-            ${this.label ? s`<span class="label">${this.label}</span>` : n}
+            ${this.label ? r`<span class="label">${this.label}</span>` : i}
           </slot>
         </span>
       </button>
     `;
-  }
+	}
 };
 t([o({
-  type: String,
-  reflect: !0
-})], e.prototype, "size", void 0);
-t([o({ type: String })], e.prototype, "label", void 0);
-t([o({ type: String })], e.prototype, "icon", void 0);
-t([o({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "lowered", void 0);
-t([o({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "disabled", void 0);
-t([o({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "extended", void 0);
-e = t([l("md-fab")], e);
-export {
-  e as t
-};
+	type: String,
+	reflect: !0
+})], c.prototype, "size", void 0), t([o({ type: String })], c.prototype, "label", void 0), t([o({ type: String })], c.prototype, "icon", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "lowered", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "extended", void 0), c = t([a("md-fab")], c);
+//#endregion
+export { c as t };
 
-//# sourceMappingURL=fab-C9j3WBHE.js.map
+//# sourceMappingURL=fab-aZC0-lHo.js.map

package/dist/chunks/{fab-C9j3WBHE.js.map → fab-aZC0-lHo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fab-C9j3WBHE.js","names":[],"sources":["../../src/components/fab/fab.css.ts","../../src/components/fab/fab.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const fabStyles = css`\n  :host {\n    display: inline-flex;\n    outline: none;\n    vertical-align: middle;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    color: var(--md-sys-color-on-primary-container, #21005D);\n    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));\n    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),\n                background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n    overflow: hidden;\n  }\n\n  button:hover {\n    box-shadow: var(--md-sys-elevation-level4, 0px 2px 3px 0px rgba(0,0,0,0.30));\n  }\n\n  :host([lowered]) button {\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  :host([lowered]) button:hover {\n    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));\n  }\n\n  /* --- Sizes --- */\n  :host(:not([size])) button,\n  :host([size=\"medium\"]) button {\n    width: 56px;\n    height: 56px;\n    border-radius: var(--md-sys-shape-corner-large, 16px);\n  }\n\n  :host([size=\"small\"]) button {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--md-sys-shape-corner-medium, 12px);\n  }\n\n  :host([size=\"large\"]) button {\n    width: 96px;\n    height: 96px;\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\n  }\n\n  :host([size=\"large\"]) md-icon {\n    --md-icon-size: 36px;\n  }\n\n  /* --- Extended FAB --- */\n  :host([extended]) button {\n    width: auto;\n    min-width: 80px;\n    height: 56px;\n    padding: 0 20px;\n    border-radius: var(--md-sys-shape-corner-large, 16px);\n    gap: 12px;\n  }\n\n  .label {\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    font-size: var(--md-sys-typescale-label-large-size, 14px);\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n    white-space: nowrap;\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    position: relative;\n    z-index: 1;\n  }\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 { fabStyles } from './fab.css.js';\n\nexport type FabSize = 'small' | 'medium' | 'large';\n\n@customElement('md-fab')\nexport class MdFab extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, fabStyles];\n\n  @property({ type: String, reflect: true })\n  size: FabSize = 'medium';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: Boolean, reflect: true })\n  lowered = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  extended = false;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('label')) {\n      this.extended = Boolean(this.label);\n    }\n  }\n\n  override render() {\n    return html`\n      <button ?disabled=${this.disabled}>\n        <md-ripple ?disabled=${this.disabled}></md-ripple>\n        <md-focus-ring></md-focus-ring>\n        <span class=\"content\">\n          <slot name=\"icon\">\n            ${this.icon ? html`<md-icon name=${this.icon}></md-icon>` : nothing}\n          </slot>\n          <slot>\n            ${this.label ? html`<span class=\"label\">${this.label}</span>` : nothing}\n          </slot>\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-fab': MdFab;\n  }\n}\n\n"],"mappings":";;;;;;AAEA,IAAa,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCSZ,IAAN,cAAoB,EAAc;AAAA;iBAIvB,KAAA,OAAA,UAGR,KAAA,QAAA,IAGD,KAAA,OAAA,IAGG,KAAA,UAAA,IAGC,KAAA,WAAA,IAGA,KAAA,WAAA;AAAA;;AAlBc,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAS;AAAA;EAoBzD,QAAiB,GAAyC;AACxD,UAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,OAAO,MAC/B,KAAK,WAAW,EAAQ,KAAK;AAAA,EAEjC;AAAA,EAEA,SAAkB;AAChB,WAAO;AAAA,0BACe,KAAK,QAAA;AAAA,+BACA,KAAK,QAAA;AAAA;AAAA;AAAA;AAAA,cAItB,KAAK,OAAO,kBAAqB,KAAK,IAAA,gBAAoB,CAAA;AAAA;AAAA;AAAA,cAG1D,KAAK,QAAQ,wBAA2B,KAAK,KAAA,YAAiB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1E;AACF;AAzCG,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,MAAA;AAGxC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,MAAA;AAGzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,MAAA;AAGzB,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,MAAA;AAGzC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,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,YAAA,MAAA;AAnB3C,IAAA,EAAA,CAAA,EAAc,QAAQ,CAAA,GAAA,CAAA"}
+{"version":3,"file":"fab-aZC0-lHo.js","names":[],"sources":["../../src/components/fab/fab.css.ts","../../src/components/fab/fab.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const fabStyles = css`\n  :host {\n    display: inline-flex;\n    outline: none;\n    vertical-align: middle;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    color: var(--md-sys-color-on-primary-container, #21005D);\n    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));\n    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),\n                background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n    overflow: hidden;\n  }\n\n  button:hover {\n    box-shadow: var(--md-sys-elevation-level4, 0px 2px 3px 0px rgba(0,0,0,0.30));\n  }\n\n  :host([lowered]) button {\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  :host([lowered]) button:hover {\n    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));\n  }\n\n  /* --- Sizes --- */\n  :host(:not([size])) button,\n  :host([size=\"medium\"]) button {\n    width: 56px;\n    height: 56px;\n    border-radius: var(--md-sys-shape-corner-large, 16px);\n  }\n\n  :host([size=\"small\"]) button {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--md-sys-shape-corner-medium, 12px);\n  }\n\n  :host([size=\"large\"]) button {\n    width: 96px;\n    height: 96px;\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\n  }\n\n  :host([size=\"large\"]) md-icon {\n    --md-icon-size: 36px;\n  }\n\n  /* --- Extended FAB --- */\n  :host([extended]) button {\n    width: auto;\n    min-width: 80px;\n    height: 56px;\n    padding: 0 20px;\n    border-radius: var(--md-sys-shape-corner-large, 16px);\n    gap: 12px;\n  }\n\n  .label {\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    font-size: var(--md-sys-typescale-label-large-size, 14px);\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n    white-space: nowrap;\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    position: relative;\n    z-index: 1;\n  }\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 { fabStyles } from './fab.css.js';\n\nexport type FabSize = 'small' | 'medium' | 'large';\n\n@customElement('md-fab')\nexport class MdFab extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, fabStyles];\n\n  @property({ type: String, reflect: true })\n  size: FabSize = 'medium';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: Boolean, reflect: true })\n  lowered = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  extended = false;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('label')) {\n      this.extended = Boolean(this.label);\n    }\n  }\n\n  override render() {\n    return html`\n      <button ?disabled=${this.disabled}>\n        <md-ripple ?disabled=${this.disabled}></md-ripple>\n        <md-focus-ring></md-focus-ring>\n        <span class=\"content\">\n          <slot name=\"icon\">\n            ${this.icon ? html`<md-icon name=${this.icon}></md-icon>` : nothing}\n          </slot>\n          <slot>\n            ${this.label ? html`<span class=\"label\">${this.label}</span>` : nothing}\n          </slot>\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-fab': MdFab;\n  }\n}\n\n"],"mappings":";;;;;;;AAEA,IAAa,IAAY,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCSf,IAAN,cAAoB,EAAc;;EAmB5B,aAfK,KAAA,OAAA,UAGR,KAAA,QAAA,IAGD,KAAA,OAAA,IAGG,KAAA,UAAA,IAGC,KAAA,WAAA,IAGA,KAAA,WAAA;;;EAlBc,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAS;;CAoBzD,QAAiB,GAAyC;EAExD,AADA,MAAM,QAAQ,CAAiB,GAC3B,EAAkB,IAAI,OAAO,MAC/B,KAAK,WAAW,EAAQ,KAAK;CAEjC;CAEA,SAAkB;EAChB,OAAO,CAAI;0BACW,KAAK,SAAS;+BACT,KAAK,SAAS;;;;cAI/B,KAAK,OAAO,CAAI,iBAAiB,KAAK,KAAK,eAAe,EAAQ;;;cAGlE,KAAK,QAAQ,CAAI,uBAAuB,KAAK,MAAM,WAAW,EAAQ;;;;;CAKlF;AACF;AAzCG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAnB3C,IAAA,EAAA,CAAA,EAAc,QAAQ,CAAA,GAAA,CAAA"}

package/dist/chunks/{fab-menu.css-3pu930sZ.js → fab-menu.css-BdVg1k4c.js}

@@ -1,4 +1,5 @@
 import { css as e } from "lit";
+//#region src/components/fab-menu/fab-menu.css.ts
 var t = e`
   :host {
     display: inline-flex;
@@ -205,7 +206,7 @@ var t = e`
   :host([direction="right"][open]) .items {
     transform: translateY(-50%) !important;
   }
-`, r = e`
+`, n = e`
   :host {
     display: inline-flex;
     align-items: center;
@@ -312,9 +313,7 @@ var t = e`
     z-index: 1;
   }
 `;
-export {
-  t as n,
-  r as t
-};
+//#endregion
+export { t as n, n as t };
 
-//# sourceMappingURL=fab-menu.css-3pu930sZ.js.map
+//# sourceMappingURL=fab-menu.css-BdVg1k4c.js.map