@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/chunks/{side-sheet-S2w081AK.js.map → side-sheet-sQ8qGKVm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"side-sheet-S2w081AK.js","names":[],"sources":["../../src/components/side-sheet/side-sheet.css.ts","../../src/components/side-sheet/side-sheet.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const sideSheetStyles = css`\n  :host {\n    display: contents;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n  }\n\n  /* Scrim for modal variant */\n  .scrim {\n    position: fixed;\n    inset: 0;\n    background-color: var(--md-side-sheet-scrim-color, var(--md-sys-color-scrim, rgba(0, 0, 0, 0.32)));\n    backdrop-filter: blur(1px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 250ms cubic-bezier(0.2, 0, 0, 1),\n                visibility 250ms cubic-bezier(0.2, 0, 0, 1);\n    z-index: 999;\n  }\n\n  :host([open][modal]) .scrim,\n  :host([open][type=\"modal\"]) .scrim {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  /* Side Sheet Container */\n  .sheet {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    width: var(--md-side-sheet-width, 400px);\n    max-width: calc(100vw - 56px);\n    background-color: var(--md-side-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));\n    color: var(--md-side-sheet-on-container-color, var(--md-sys-color-on-surface, #1D1B20));\n    overflow: hidden;\n    z-index: 1000;\n  }\n\n  /* Modal Mode (Overlay with scrim) */\n  :host([type=\"modal\"]) .sheet,\n  :host([modal]) .sheet {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: auto;\n    height: 100dvh;\n    border-radius: var(--md-side-sheet-shape, 16px) 0 0 var(--md-side-sheet-shape, 16px);\n    box-shadow: var(--md-side-sheet-elevation, var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15)));\n    transform: translateX(100%);\n    visibility: hidden;\n    transition: transform 300ms cubic-bezier(0.2, 0, 0, 1),\n                visibility 300ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([open][type=\"modal\"]) .sheet,\n  :host([open][modal]) .sheet {\n    transform: translateX(0);\n    visibility: visible;\n  }\n\n  /* Start / Left placement for Modal */\n  :host([type=\"modal\"][side=\"start\"]) .sheet,\n  :host([modal][side=\"start\"]) .sheet,\n  :host([type=\"modal\"][side=\"left\"]) .sheet,\n  :host([modal][side=\"left\"]) .sheet {\n    left: 0;\n    right: auto;\n    border-radius: 0 var(--md-side-sheet-shape, 16px) var(--md-side-sheet-shape, 16px) 0;\n    transform: translateX(-100%);\n  }\n\n  :host([open][type=\"modal\"][side=\"start\"]) .sheet,\n  :host([open][modal][side=\"start\"]) .sheet,\n  :host([open][type=\"modal\"][side=\"left\"]) .sheet,\n  :host([open][modal][side=\"left\"]) .sheet {\n    transform: translateX(0);\n    visibility: visible;\n  }\n\n  /* Standard Mode (In-flow side panel) */\n  :host(:not([type=\"modal\"]):not([modal])),\n  :host([type=\"standard\"]) {\n    display: block;\n    height: 100%;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    overflow: hidden;\n    transition: width 300ms cubic-bezier(0.2, 0, 0, 1),\n                min-width 300ms cubic-bezier(0.2, 0, 0, 1),\n                max-width 300ms cubic-bezier(0.2, 0, 0, 1),\n                opacity 250ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host(:not([type=\"modal\"]):not([modal]):not([open])),\n  :host([type=\"standard\"]:not([open])) {\n    width: 0 !important;\n    min-width: 0 !important;\n    max-width: 0 !important;\n    opacity: 0;\n    pointer-events: none;\n    visibility: hidden;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])[open]),\n  :host([type=\"standard\"][open]) {\n    width: var(--md-side-sheet-width, 400px);\n    opacity: 1;\n    visibility: visible;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])) .scrim,\n  :host([type=\"standard\"]) .scrim {\n    display: none;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])) .sheet,\n  :host([type=\"standard\"]) .sheet {\n    position: relative;\n    height: 100%;\n    width: var(--md-side-sheet-width, 400px);\n    min-width: var(--md-side-sheet-width, 400px);\n    transform: none;\n    visibility: visible;\n    box-shadow: none;\n    background-color: var(--md-side-sheet-container-color, var(--md-sys-color-surface, #FEF7FF));\n    border-left: 1px solid var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    border-right: none;\n  }\n\n  /* Start placement border (Standard) */\n  :host(:not([type=\"modal\"]):not([modal])[side=\"start\"]) .sheet,\n  :host(:not([type=\"modal\"]):not([modal])[side=\"left\"]) .sheet,\n  :host([type=\"standard\"][side=\"start\"]) .sheet,\n  :host([type=\"standard\"][side=\"left\"]) .sheet {\n    border-right: 1px solid var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    border-left: none;\n  }\n\n  /* Header Section */\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 16px 16px 24px;\n    min-height: 56px;\n    box-sizing: border-box;\n    gap: 8px;\n    flex-shrink: 0;\n  }\n\n  .header-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n    gap: 2px;\n  }\n\n  .headline {\n    margin: 0;\n    font-size: var(--md-sys-typescale-title-large-size, 20px);\n    line-height: 28px;\n    font-weight: 500;\n    color: var(--md-side-sheet-headline-color, var(--md-sys-color-on-surface, #1D1B20));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .subhead {\n    margin: 0;\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    color: var(--md-side-sheet-subhead-color, var(--md-sys-color-on-surface-variant, #49454F));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .header-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n  }\n\n  .close-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Divider */\n  .divider {\n    height: 1px;\n    background-color: var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    width: 100%;\n    flex-shrink: 0;\n  }\n\n  /* Content Section */\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 16px 24px;\n    box-sizing: border-box;\n    gap: 16px;\n  }\n\n  .content::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .content::-webkit-scrollbar-thumb {\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n    border-radius: 4px;\n  }\n\n  /* Footer Section */\n  .footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 16px 24px;\n    box-sizing: border-box;\n    gap: 8px;\n    flex-shrink: 0;\n  }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport { sideSheetStyles } from './side-sheet.css.js';\n\nexport type SideSheetType = 'standard' | 'modal';\nexport type SideSheetPlacement = 'start' | 'end' | 'left' | 'right';\n\n/**\n * Material Design 3 Side Sheet component.\n *\n * Side sheets display secondary content anchored to the side of the screen,\n * supporting standard (in-flow side panel) and modal (overlay with scrim) modes.\n *\n * @slot - Default slot for main sheet body content.\n * @slot header - Full header area replacement.\n * @slot headline - Custom title / headline content.\n * @slot subhead - Custom subtitle / subhead content.\n * @slot header-actions - Additional actions next to the close button in the header.\n * @slot close-button - Custom close button element.\n * @slot footer - Bottom actions / footer area.\n */\n@customElement('md-side-sheet')\nexport class MdSideSheet extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, sideSheetStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String, reflect: true })\n  type: SideSheetType = 'standard';\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  @property({ type: String, reflect: true })\n  side: SideSheetPlacement = 'end';\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  subhead = '';\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  @property({ type: Boolean, reflect: true })\n  divider = false;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n      } else {\n        this.emitEvent('close');\n      }\n    }\n  }\n\n  /**\n   * Returns whether the side sheet is currently functioning in modal mode.\n   */\n  isModalMode(): boolean {\n    return this.modal || this.type === 'modal';\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.open && this.isModalMode()) {\n      this.close();\n      this.emitEvent('cancel');\n    }\n  };\n\n  private handleScrimClick = () => {\n    this.close();\n    this.emitEvent('scrim-click');\n  };\n\n  private handleCloseClick = () => {\n    this.close();\n    this.emitEvent('close-click');\n  };\n\n  /**\n   * Opens the side sheet.\n   */\n  show() {\n    this.open = true;\n  }\n\n  /**\n   * Closes the side sheet.\n   */\n  close() {\n    this.open = false;\n  }\n\n  /**\n   * Toggles the open/closed state of the side sheet.\n   */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  override render() {\n    const isModal = this.isModalMode();\n\n    const headlineContent = this.headline\n      ? html`<h2 class=\"headline\">${this.headline}</h2>`\n      : nothing;\n\n    const subheadContent = this.subhead\n      ? html`<p class=\"subhead\">${this.subhead}</p>`\n      : nothing;\n\n    const closeBtnContent = !this.hideCloseButton\n      ? html`\n          <slot name=\"close-button\">\n            <md-icon-button\n              class=\"close-button\"\n              icon=\"close\"\n              aria-label=\"Close side sheet\"\n              @click=${this.handleCloseClick}\n            ></md-icon-button>\n          </slot>\n        `\n      : nothing;\n\n    return html`\n      <div class=\"scrim\" @click=${this.handleScrimClick}></div>\n\n      <aside\n        class=\"sheet\"\n        role=${isModal ? 'dialog' : 'complementary'}\n        aria-modal=${isModal ? 'true' : nothing}\n        aria-hidden=${this.open ? 'false' : 'true'}\n        aria-label=${this.headline || 'Side sheet'}\n      >\n        <slot name=\"header\">\n          <div class=\"header\">\n            <div class=\"header-content\">\n              <slot name=\"headline\">\n                ${headlineContent}\n              </slot>\n              <slot name=\"subhead\">\n                ${subheadContent}\n              </slot>\n            </div>\n\n            <div class=\"header-actions\">\n              <slot name=\"header-actions\"></slot>\n              ${closeBtnContent}\n            </div>\n          </div>\n        </slot>\n\n        ${this.divider ? html`<div class=\"divider\"></div>` : nothing}\n\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"footer\">\n          <div class=\"footer\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </slot>\n      </aside>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-side-sheet': MdSideSheet;\n  }\n}\n"],"mappings":";;;;;AAEA,IAAa,IAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCuBlB,IA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"}
+{"version":3,"file":"side-sheet-sQ8qGKVm.js","names":[],"sources":["../../src/components/side-sheet/side-sheet.css.ts","../../src/components/side-sheet/side-sheet.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const sideSheetStyles = css`\n  :host {\n    display: contents;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n  }\n\n  /* Scrim for modal variant */\n  .scrim {\n    position: fixed;\n    inset: 0;\n    background-color: var(--md-side-sheet-scrim-color, var(--md-sys-color-scrim, rgba(0, 0, 0, 0.32)));\n    backdrop-filter: blur(1px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 250ms cubic-bezier(0.2, 0, 0, 1),\n                visibility 250ms cubic-bezier(0.2, 0, 0, 1);\n    z-index: 999;\n  }\n\n  :host([open][modal]) .scrim,\n  :host([open][type=\"modal\"]) .scrim {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  /* Side Sheet Container */\n  .sheet {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    width: var(--md-side-sheet-width, 400px);\n    max-width: calc(100vw - 56px);\n    background-color: var(--md-side-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));\n    color: var(--md-side-sheet-on-container-color, var(--md-sys-color-on-surface, #1D1B20));\n    overflow: hidden;\n    z-index: 1000;\n  }\n\n  /* Modal Mode (Overlay with scrim) */\n  :host([type=\"modal\"]) .sheet,\n  :host([modal]) .sheet {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: auto;\n    height: 100dvh;\n    border-radius: var(--md-side-sheet-shape, 16px) 0 0 var(--md-side-sheet-shape, 16px);\n    box-shadow: var(--md-side-sheet-elevation, var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0, 0, 0, 0.15)));\n    transform: translateX(100%);\n    visibility: hidden;\n    transition: transform 300ms cubic-bezier(0.2, 0, 0, 1),\n                visibility 300ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([open][type=\"modal\"]) .sheet,\n  :host([open][modal]) .sheet {\n    transform: translateX(0);\n    visibility: visible;\n  }\n\n  /* Start / Left placement for Modal */\n  :host([type=\"modal\"][side=\"start\"]) .sheet,\n  :host([modal][side=\"start\"]) .sheet,\n  :host([type=\"modal\"][side=\"left\"]) .sheet,\n  :host([modal][side=\"left\"]) .sheet {\n    left: 0;\n    right: auto;\n    border-radius: 0 var(--md-side-sheet-shape, 16px) var(--md-side-sheet-shape, 16px) 0;\n    transform: translateX(-100%);\n  }\n\n  :host([open][type=\"modal\"][side=\"start\"]) .sheet,\n  :host([open][modal][side=\"start\"]) .sheet,\n  :host([open][type=\"modal\"][side=\"left\"]) .sheet,\n  :host([open][modal][side=\"left\"]) .sheet {\n    transform: translateX(0);\n    visibility: visible;\n  }\n\n  /* Standard Mode (In-flow side panel) */\n  :host(:not([type=\"modal\"]):not([modal])),\n  :host([type=\"standard\"]) {\n    display: block;\n    height: 100%;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    overflow: hidden;\n    transition: width 300ms cubic-bezier(0.2, 0, 0, 1),\n                min-width 300ms cubic-bezier(0.2, 0, 0, 1),\n                max-width 300ms cubic-bezier(0.2, 0, 0, 1),\n                opacity 250ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host(:not([type=\"modal\"]):not([modal]):not([open])),\n  :host([type=\"standard\"]:not([open])) {\n    width: 0 !important;\n    min-width: 0 !important;\n    max-width: 0 !important;\n    opacity: 0;\n    pointer-events: none;\n    visibility: hidden;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])[open]),\n  :host([type=\"standard\"][open]) {\n    width: var(--md-side-sheet-width, 400px);\n    opacity: 1;\n    visibility: visible;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])) .scrim,\n  :host([type=\"standard\"]) .scrim {\n    display: none;\n  }\n\n  :host(:not([type=\"modal\"]):not([modal])) .sheet,\n  :host([type=\"standard\"]) .sheet {\n    position: relative;\n    height: 100%;\n    width: var(--md-side-sheet-width, 400px);\n    min-width: var(--md-side-sheet-width, 400px);\n    transform: none;\n    visibility: visible;\n    box-shadow: none;\n    background-color: var(--md-side-sheet-container-color, var(--md-sys-color-surface, #FEF7FF));\n    border-left: 1px solid var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    border-right: none;\n  }\n\n  /* Start placement border (Standard) */\n  :host(:not([type=\"modal\"]):not([modal])[side=\"start\"]) .sheet,\n  :host(:not([type=\"modal\"]):not([modal])[side=\"left\"]) .sheet,\n  :host([type=\"standard\"][side=\"start\"]) .sheet,\n  :host([type=\"standard\"][side=\"left\"]) .sheet {\n    border-right: 1px solid var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    border-left: none;\n  }\n\n  /* Header Section */\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 16px 16px 24px;\n    min-height: 56px;\n    box-sizing: border-box;\n    gap: 8px;\n    flex-shrink: 0;\n  }\n\n  .header-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n    gap: 2px;\n  }\n\n  .headline {\n    margin: 0;\n    font-size: var(--md-sys-typescale-title-large-size, 20px);\n    line-height: 28px;\n    font-weight: 500;\n    color: var(--md-side-sheet-headline-color, var(--md-sys-color-on-surface, #1D1B20));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .subhead {\n    margin: 0;\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    color: var(--md-side-sheet-subhead-color, var(--md-sys-color-on-surface-variant, #49454F));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .header-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n  }\n\n  .close-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Divider */\n  .divider {\n    height: 1px;\n    background-color: var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));\n    width: 100%;\n    flex-shrink: 0;\n  }\n\n  /* Content Section */\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 16px 24px;\n    box-sizing: border-box;\n    gap: 16px;\n  }\n\n  .content::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .content::-webkit-scrollbar-thumb {\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n    border-radius: 4px;\n  }\n\n  /* Footer Section */\n  .footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 16px 24px;\n    box-sizing: border-box;\n    gap: 8px;\n    flex-shrink: 0;\n  }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport '../icon-button/icon-button.js';\nimport { sideSheetStyles } from './side-sheet.css.js';\n\nexport type SideSheetType = 'standard' | 'modal';\nexport type SideSheetPlacement = 'start' | 'end' | 'left' | 'right';\n\n/**\n * Material Design 3 Side Sheet component.\n *\n * Side sheets display secondary content anchored to the side of the screen,\n * supporting standard (in-flow side panel) and modal (overlay with scrim) modes.\n *\n * @slot - Default slot for main sheet body content.\n * @slot header - Full header area replacement.\n * @slot headline - Custom title / headline content.\n * @slot subhead - Custom subtitle / subhead content.\n * @slot header-actions - Additional actions next to the close button in the header.\n * @slot close-button - Custom close button element.\n * @slot footer - Bottom actions / footer area.\n */\n@customElement('md-side-sheet')\nexport class MdSideSheet extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, sideSheetStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String, reflect: true })\n  type: SideSheetType = 'standard';\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  @property({ type: String, reflect: true })\n  side: SideSheetPlacement = 'end';\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  subhead = '';\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  @property({ type: Boolean, reflect: true })\n  divider = false;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n      } else {\n        this.emitEvent('close');\n      }\n    }\n  }\n\n  /**\n   * Returns whether the side sheet is currently functioning in modal mode.\n   */\n  isModalMode(): boolean {\n    return this.modal || this.type === 'modal';\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.open && this.isModalMode()) {\n      this.close();\n      this.emitEvent('cancel');\n    }\n  };\n\n  private handleScrimClick = () => {\n    this.close();\n    this.emitEvent('scrim-click');\n  };\n\n  private handleCloseClick = () => {\n    this.close();\n    this.emitEvent('close-click');\n  };\n\n  /**\n   * Opens the side sheet.\n   */\n  show() {\n    this.open = true;\n  }\n\n  /**\n   * Closes the side sheet.\n   */\n  close() {\n    this.open = false;\n  }\n\n  /**\n   * Toggles the open/closed state of the side sheet.\n   */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  override render() {\n    const isModal = this.isModalMode();\n\n    const headlineContent = this.headline\n      ? html`<h2 class=\"headline\">${this.headline}</h2>`\n      : nothing;\n\n    const subheadContent = this.subhead\n      ? html`<p class=\"subhead\">${this.subhead}</p>`\n      : nothing;\n\n    const closeBtnContent = !this.hideCloseButton\n      ? html`\n          <slot name=\"close-button\">\n            <md-icon-button\n              class=\"close-button\"\n              icon=\"close\"\n              aria-label=\"Close side sheet\"\n              @click=${this.handleCloseClick}\n            ></md-icon-button>\n          </slot>\n        `\n      : nothing;\n\n    return html`\n      <div class=\"scrim\" @click=${this.handleScrimClick}></div>\n\n      <aside\n        class=\"sheet\"\n        role=${isModal ? 'dialog' : 'complementary'}\n        aria-modal=${isModal ? 'true' : nothing}\n        aria-hidden=${this.open ? 'false' : 'true'}\n        aria-label=${this.headline || 'Side sheet'}\n      >\n        <slot name=\"header\">\n          <div class=\"header\">\n            <div class=\"header-content\">\n              <slot name=\"headline\">\n                ${headlineContent}\n              </slot>\n              <slot name=\"subhead\">\n                ${subheadContent}\n              </slot>\n            </div>\n\n            <div class=\"header-actions\">\n              <slot name=\"header-actions\"></slot>\n              ${closeBtnContent}\n            </div>\n          </div>\n        </slot>\n\n        ${this.divider ? html`<div class=\"divider\"></div>` : nothing}\n\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"footer\">\n          <div class=\"footer\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </slot>\n      </aside>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-side-sheet': MdSideSheet;\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/slider-OIyEcUU9.js

@@ -0,0 +1,448 @@
+import { t as e } from "./decorate-DknOJ8FJ.js";
+import { t } from "./form-associated-Do5uXckv.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, query as s, state as c } from "lit/decorators.js";
+//#region src/components/slider/slider.css.ts
+var l = n`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    vertical-align: middle;
+    width: 100%;
+    min-width: 200px;
+    height: 48px;
+    box-sizing: border-box;
+    font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, sans-serif);
+    user-select: none;
+    -webkit-user-select: none;
+    touch-action: pan-y;
+  }
+
+  :host([disabled]) {
+    opacity: 0.38;
+    pointer-events: none;
+    cursor: not-allowed;
+  }
+
+  .container {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    gap: 16px;
+  }
+
+  .icon-slot {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--md-sys-color-on-surface-variant, #49454F);
+    font-size: 24px;
+    flex-shrink: 0;
+  }
+
+  .slider-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex: 1;
+    height: 100%;
+    cursor: pointer;
+    touch-action: none;
+  }
+
+  :host([disabled]) .slider-wrapper {
+    cursor: not-allowed;
+  }
+
+  /* Track */
+  .track-container {
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 6px;
+    border-radius: var(--md-sys-shape-corner-full, 9999px);
+    overflow: hidden;
+    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);
+  }
+
+  .track-active {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: var(--md-sys-color-primary, #6750A4);
+    border-radius: var(--md-sys-shape-corner-full, 9999px);
+    transition: left 50ms linear, width 50ms linear;
+  }
+
+  :host([disabled]) .track-active {
+    background-color: var(--md-sys-color-on-surface, #1D1B20);
+  }
+
+  :host([disabled]) .track-container {
+    background-color: var(--md-sys-color-on-surface, #1D1B20);
+    opacity: 0.12;
+  }
+
+  /* Tick marks */
+  .tick-marks-container {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    pointer-events: none;
+  }
+
+  .tick-mark {
+    position: absolute;
+    top: 50%;
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    background-color: var(--md-sys-color-on-surface-variant, #49454F);
+    opacity: 0.38;
+  }
+
+  .tick-mark.active {
+    background-color: var(--md-sys-color-on-primary, #FFFFFF);
+    opacity: 0.7;
+  }
+
+  /* Thumbs */
+  .thumb-container {
+    position: absolute;
+    top: 50%;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    outline: none;
+    z-index: 2;
+    cursor: grab;
+    color: var(--md-sys-color-primary, #6750A4);
+  }
+
+  .thumb-container:active,
+  .thumb-container.dragging {
+    cursor: grabbing;
+    z-index: 3;
+  }
+
+  .thumb-handle {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background-color: var(--md-sys-color-primary, #6750A4);
+    transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),
+                background-color 150ms ease,
+                box-shadow 150ms ease;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  }
+
+  :host([disabled]) .thumb-handle {
+    background-color: var(--md-sys-color-on-surface, #1D1B20);
+    box-shadow: none;
+  }
+
+  .thumb-container:hover .thumb-handle,
+  .thumb-container:active .thumb-handle,
+  .thumb-container:focus-visible .thumb-handle,
+  .thumb-container.dragging .thumb-handle {
+    transform: scale(1.3);
+  }
+
+  /* Value indicator label (balloon) */
+  .value-label {
+    position: absolute;
+    bottom: calc(50% + 15px);
+    left: 50%;
+    transform: translateX(-50%) translateY(4px) scale(0.6);
+    transform-origin: bottom center;
+    background-color: var(--md-sys-color-primary, #6750A4);
+    color: var(--md-sys-color-on-primary, #FFFFFF);
+    font-size: 12px;
+    font-weight: 500;
+    padding: 4px 8px;
+    min-width: 28px;
+    height: 28px;
+    box-sizing: border-box;
+    border-radius: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    opacity: 0;
+    pointer-events: none;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),
+                opacity 150ms ease;
+  }
+
+  .value-label::after {
+    content: '';
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 5px solid var(--md-sys-color-primary, #6750A4);
+  }
+
+  .thumb-container:hover .value-label,
+  .thumb-container:focus-visible .value-label,
+  .thumb-container.dragging .value-label,
+  .thumb-container.active-label .value-label {
+    transform: translateX(-50%) translateY(0) scale(1);
+    opacity: 1;
+  }
+`, u = class extends t {
+	constructor(...e) {
+		super(...e), this.min = 0, this.max = 100, this.step = 1, this.value = 50, this.valueStart = 0, this.valueEnd = 100, this.range = !1, this.ticks = !1, this.labeled = !1, this.icon = "", this.leadingIcon = "", this.trailingIcon = "", this.nameStart = "", this.nameEnd = "", this.valueText = "", this.valueStartText = "", this.valueEndText = "", this.error = !1, this.activeThumb = null, this.isDragging = !1, this.initialValue = 50, this.initialValueStart = 0, this.initialValueEnd = 100, this.handlePointerDown = (e) => {
+			if (this.disabled) return;
+			e.preventDefault(), this.sliderWrapper.setPointerCapture(e.pointerId), this.isDragging = !0;
+			let t = this.getValueFromPosition(e.clientX);
+			if (this.range) {
+				let e = Math.abs(t - this.valueStart), n = Math.abs(t - this.valueEnd);
+				e < n ? (this.activeThumb = "start", this.valueStart = Math.min(t, this.valueEnd)) : n < e ? (this.activeThumb = "end", this.valueEnd = Math.max(t, this.valueStart)) : t < this.valueStart ? (this.activeThumb = "start", this.valueStart = t) : (this.activeThumb = "end", this.valueEnd = t);
+			} else this.activeThumb = "end", this.value = t;
+			this.clampValues(), this.updateFormValue(), this.dispatchInputEvent();
+		}, this.handlePointerMove = (e) => {
+			if (!this.isDragging || this.disabled) return;
+			let t = this.getValueFromPosition(e.clientX);
+			this.range ? this.activeThumb === "start" ? this.valueStart = Math.min(t, this.valueEnd) : this.activeThumb === "end" && (this.valueEnd = Math.max(t, this.valueStart)) : this.value = t, this.clampValues(), this.updateFormValue(), this.dispatchInputEvent();
+		}, this.handlePointerUp = (e) => {
+			if (this.isDragging) {
+				try {
+					this.sliderWrapper.releasePointerCapture(e.pointerId);
+				} catch {}
+				this.isDragging = !1, this.activeThumb = null, this.dispatchChangeEvent();
+			}
+		}, this.handleKeyDown = (e, t) => {
+			if (this.disabled) return;
+			let n = this.step > 0 ? this.step : 1, r = Math.max(n * 10, (this.max - this.min) / 10), i = 0;
+			switch (e.key) {
+				case "ArrowLeft":
+				case "ArrowDown":
+					i = -n;
+					break;
+				case "ArrowRight":
+				case "ArrowUp":
+					i = n;
+					break;
+				case "PageDown":
+					i = -r;
+					break;
+				case "PageUp":
+					i = r;
+					break;
+				case "Home":
+					this.range ? t === "start" ? this.valueStart = this.min : this.valueEnd = this.valueStart : this.value = this.min, e.preventDefault(), this.clampValues(), this.updateFormValue(), this.dispatchInputEvent(), this.dispatchChangeEvent();
+					return;
+				case "End":
+					this.range ? t === "end" ? this.valueEnd = this.max : this.valueStart = this.valueEnd : this.value = this.max, e.preventDefault(), this.clampValues(), this.updateFormValue(), this.dispatchInputEvent(), this.dispatchChangeEvent();
+					return;
+				default: return;
+			}
+			e.preventDefault(), this.range ? t === "start" ? this.valueStart = Math.min(Math.max(this.valueStart + i, this.min), this.valueEnd) : this.valueEnd = Math.min(Math.max(this.valueEnd + i, this.valueStart), this.max) : this.value = Math.min(Math.max(this.value + i, this.min), this.max), this.clampValues(), this.updateFormValue(), this.dispatchInputEvent(), this.dispatchChangeEvent();
+		};
+	}
+	static {
+		this.styles = [t.styles, l];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.initialValue = this.value, this.initialValueStart = this.valueStart, this.initialValueEnd = this.valueEnd, this.clampValues(), this.updateFormValue();
+	}
+	updated(e) {
+		super.updated(e), (e.has("value") || e.has("valueStart") || e.has("valueEnd") || e.has("min") || e.has("max") || e.has("step") || e.has("range") || e.has("name") || e.has("nameStart") || e.has("nameEnd") || e.has("disabled") || e.has("required")) && (this.clampValues(), this.updateFormValue());
+	}
+	formDisabledCallback(e) {
+		this.disabled = e, this.updateFormValue();
+	}
+	formResetCallback() {
+		this.value = this.initialValue, this.valueStart = this.initialValueStart, this.valueEnd = this.initialValueEnd, this.clampValues(), this.updateFormValue();
+	}
+	clampValues() {
+		let e = this.min, t = this.max > e ? this.max : e + 1, n = this.step > 0 ? this.step : 1, r = (r) => {
+			let i = Math.round((r - e) / n), a = e + i * n;
+			return Number(Math.min(Math.max(a, e), t).toFixed(6));
+		};
+		if (this.range) {
+			let n = r(this.valueStart ?? e), i = r(this.valueEnd ?? t);
+			n > i && (n = i), this.valueStart = n, this.valueEnd = i;
+		} else this.value = r(this.value ?? e);
+	}
+	updateFormValue() {
+		if (this.disabled) {
+			this.setFormValue(null), this.setValidity({}), this.error = !1;
+			return;
+		}
+		if (this.range) {
+			if (this.nameStart || this.nameEnd) {
+				let e = new FormData();
+				this.nameStart && e.append(this.nameStart, String(this.valueStart)), this.nameEnd && e.append(this.nameEnd, String(this.valueEnd)), this.setFormValue(e);
+			} else this.setFormValue(`${this.valueStart},${this.valueEnd}`);
+		} else this.setFormValue(this.value !== null && this.value !== void 0 ? String(this.value) : null);
+		if (this.required && (this.range ? this.valueStart === void 0 || this.valueEnd === void 0 : this.value === void 0 || this.value === null)) {
+			this.setValidity({ valueMissing: !0 }, "Please select a value"), this.error = !0;
+			return;
+		}
+		if (!this.range && typeof this.value == "number") {
+			if (this.value < this.min) {
+				this.setValidity({ rangeUnderflow: !0 }, `Value must be at least ${this.min}`), this.error = !0;
+				return;
+			}
+			if (this.value > this.max) {
+				this.setValidity({ rangeOverflow: !0 }, `Value must be at most ${this.max}`), this.error = !0;
+				return;
+			}
+		}
+		this.setValidity({}), this.error = !1;
+	}
+	getPercentage(e) {
+		let t = this.max - this.min;
+		return t <= 0 ? 0 : Math.min(Math.max((e - this.min) / t, 0), 1) * 100;
+	}
+	getValueFromPosition(e) {
+		if (!this.sliderWrapper) return this.min;
+		let t = this.sliderWrapper.getBoundingClientRect();
+		if (t.width <= 0) return this.min;
+		let n = (e - t.left) / t.width, r = Math.min(Math.max(n, 0), 1), i = this.min + r * (this.max - this.min), a = this.step > 0 ? this.step : 1, o = Math.round((i - this.min) / a), s = this.min + o * a;
+		return Number(Math.min(Math.max(s, this.min), this.max).toFixed(6));
+	}
+	dispatchInputEvent() {
+		this.emitEvent("input", {
+			value: this.value,
+			valueStart: this.valueStart,
+			valueEnd: this.valueEnd
+		});
+	}
+	dispatchChangeEvent() {
+		this.emitEvent("change", {
+			value: this.value,
+			valueStart: this.valueStart,
+			valueEnd: this.valueEnd
+		});
+	}
+	renderTicks() {
+		if (!this.ticks) return i;
+		let e = this.step > 0 ? this.step : 1, t = Math.floor((this.max - this.min) / e);
+		if (t <= 0 || t > 200) return i;
+		let n = [], a = this.range ? this.getPercentage(this.valueStart) : 0, o = this.range ? this.getPercentage(this.valueEnd) : this.getPercentage(this.value);
+		for (let i = 0; i <= t; i++) {
+			let t = this.min + i * e, s = this.getPercentage(t), c = s >= a && s <= o;
+			n.push(r`
+        <div
+          class="tick-mark ${c ? "active" : ""}"
+          style="left: ${s}%"
+        ></div>
+      `);
+		}
+		return r`<div class="tick-marks-container">${n}</div>`;
+	}
+	renderThumb(e) {
+		let t = e === "start", n = t ? this.valueStart : this.range ? this.valueEnd : this.value, a = this.getPercentage(n), o = t ? this.valueStartText || String(this.valueStart) : this.range ? this.valueEndText || String(this.valueEnd) : this.valueText || String(this.value), s = this.isDragging && this.activeThumb === e;
+		return r`
+      <div
+        class="thumb-container ${t ? "start-thumb" : "end-thumb"} ${s ? "dragging" : ""} ${this.labeled ? "active-label" : ""}"
+        style="left: ${a}%"
+        tabindex=${this.disabled ? -1 : 0}
+        role="slider"
+        aria-valuemin=${t ? this.min : this.range ? this.valueStart : this.min}
+        aria-valuemax=${t && this.range ? this.valueEnd : this.max}
+        aria-valuenow=${n}
+        aria-label=${t ? "Start value" : this.range ? "End value" : "Value"}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        @keydown=${(t) => this.handleKeyDown(t, e)}
+      >
+        <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>
+        <md-focus-ring></md-focus-ring>
+        <div class="thumb-handle"></div>
+        ${this.labeled ? r`<div class="value-label">${o}</div>` : i}
+      </div>
+    `;
+	}
+	render() {
+		let e = this.range ? this.getPercentage(this.valueStart) : 0, t = this.range ? this.getPercentage(this.valueEnd) : this.getPercentage(this.value), n = Math.max(t - e, 0), a = this.leadingIcon || this.icon;
+		return r`
+      <div class="container">
+        ${a ? r`<md-icon class="icon-slot">${a}</md-icon>` : r`<slot name="leading-icon"><slot name="icon"></slot></slot>`}
+
+        <div
+          class="slider-wrapper"
+          @pointerdown=${this.handlePointerDown}
+          @pointermove=${this.handlePointerMove}
+          @pointerup=${this.handlePointerUp}
+          @pointercancel=${this.handlePointerUp}
+        >
+          <div class="track-container">
+            <div
+              class="track-active"
+              style="left: ${e}%; width: ${n}%"
+            ></div>
+            ${this.renderTicks()}
+          </div>
+
+          ${this.range ? this.renderThumb("start") : i}
+          ${this.renderThumb("end")}
+        </div>
+
+        ${this.trailingIcon ? r`<md-icon class="icon-slot">${this.trailingIcon}</md-icon>` : r`<slot name="trailing-icon"></slot>`}
+      </div>
+    `;
+	}
+};
+e([o({ type: Number })], u.prototype, "min", void 0), e([o({ type: Number })], u.prototype, "max", void 0), e([o({ type: Number })], u.prototype, "step", void 0), e([o({ type: Number })], u.prototype, "value", void 0), e([o({
+	type: Number,
+	attribute: "value-start"
+})], u.prototype, "valueStart", void 0), e([o({
+	type: Number,
+	attribute: "value-end"
+})], u.prototype, "valueEnd", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "range", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "ticks", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "labeled", void 0), e([o({ type: String })], u.prototype, "icon", void 0), e([o({
+	type: String,
+	attribute: "leading-icon"
+})], u.prototype, "leadingIcon", void 0), e([o({
+	type: String,
+	attribute: "trailing-icon"
+})], u.prototype, "trailingIcon", void 0), e([o({
+	type: String,
+	attribute: "name-start"
+})], u.prototype, "nameStart", void 0), e([o({
+	type: String,
+	attribute: "name-end"
+})], u.prototype, "nameEnd", void 0), e([o({
+	type: String,
+	attribute: "value-text"
+})], u.prototype, "valueText", void 0), e([o({
+	type: String,
+	attribute: "value-start-text"
+})], u.prototype, "valueStartText", void 0), e([o({
+	type: String,
+	attribute: "value-end-text"
+})], u.prototype, "valueEndText", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "error", void 0), e([s(".slider-wrapper")], u.prototype, "sliderWrapper", void 0), e([s(".start-thumb")], u.prototype, "startThumb", void 0), e([s(".end-thumb")], u.prototype, "endThumb", void 0), e([c()], u.prototype, "activeThumb", void 0), e([c()], u.prototype, "isDragging", void 0), u = e([a("md-slider")], u);
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=slider-OIyEcUU9.js.map

package/dist/chunks/slider-OIyEcUU9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-OIyEcUU9.js","names":[],"sources":["../../src/components/slider/slider.css.ts","../../src/components/slider/slider.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const sliderStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    vertical-align: middle;\n    width: 100%;\n    min-width: 200px;\n    height: 48px;\n    box-sizing: border-box;\n    font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, sans-serif);\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: pan-y;\n  }\n\n  :host([disabled]) {\n    opacity: 0.38;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  .container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    gap: 16px;\n  }\n\n  .icon-slot {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .slider-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    flex: 1;\n    height: 100%;\n    cursor: pointer;\n    touch-action: none;\n  }\n\n  :host([disabled]) .slider-wrapper {\n    cursor: not-allowed;\n  }\n\n  /* Track */\n  .track-container {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 6px;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    overflow: hidden;\n    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n  }\n\n  .track-active {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    background-color: var(--md-sys-color-primary, #6750A4);\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    transition: left 50ms linear, width 50ms linear;\n  }\n\n  :host([disabled]) .track-active {\n    background-color: var(--md-sys-color-on-surface, #1D1B20);\n  }\n\n  :host([disabled]) .track-container {\n    background-color: var(--md-sys-color-on-surface, #1D1B20);\n    opacity: 0.12;\n  }\n\n  /* Tick marks */\n  .tick-marks-container {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    pointer-events: none;\n  }\n\n  .tick-mark {\n    position: absolute;\n    top: 50%;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    background-color: var(--md-sys-color-on-surface-variant, #49454F);\n    opacity: 0.38;\n  }\n\n  .tick-mark.active {\n    background-color: var(--md-sys-color-on-primary, #FFFFFF);\n    opacity: 0.7;\n  }\n\n  /* Thumbs */\n  .thumb-container {\n    position: absolute;\n    top: 50%;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    z-index: 2;\n    cursor: grab;\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  .thumb-container:active,\n  .thumb-container.dragging {\n    cursor: grabbing;\n    z-index: 3;\n  }\n\n  .thumb-handle {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background-color: var(--md-sys-color-primary, #6750A4);\n    transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),\n                background-color 150ms ease,\n                box-shadow 150ms ease;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  }\n\n  :host([disabled]) .thumb-handle {\n    background-color: var(--md-sys-color-on-surface, #1D1B20);\n    box-shadow: none;\n  }\n\n  .thumb-container:hover .thumb-handle,\n  .thumb-container:active .thumb-handle,\n  .thumb-container:focus-visible .thumb-handle,\n  .thumb-container.dragging .thumb-handle {\n    transform: scale(1.3);\n  }\n\n  /* Value indicator label (balloon) */\n  .value-label {\n    position: absolute;\n    bottom: calc(50% + 15px);\n    left: 50%;\n    transform: translateX(-50%) translateY(4px) scale(0.6);\n    transform-origin: bottom center;\n    background-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-on-primary, #FFFFFF);\n    font-size: 12px;\n    font-weight: 500;\n    padding: 4px 8px;\n    min-width: 28px;\n    height: 28px;\n    box-sizing: border-box;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),\n                opacity 150ms ease;\n  }\n\n  .value-label::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid var(--md-sys-color-primary, #6750A4);\n  }\n\n  .thumb-container:hover .value-label,\n  .thumb-container:focus-visible .value-label,\n  .thumb-container.dragging .value-label,\n  .thumb-container.active-label .value-label {\n    transform: translateX(-50%) translateY(0) scale(1);\n    opacity: 1;\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 { sliderStyles } from './slider.css.js';\n\n@customElement('md-slider')\nexport class MdSlider extends MdFormAssociatedElement {\n  static override styles = [MdFormAssociatedElement.styles, sliderStyles];\n\n  @property({ type: Number })\n  min = 0;\n\n  @property({ type: Number })\n  max = 100;\n\n  @property({ type: Number })\n  step = 1;\n\n  @property({ type: Number })\n  value = 50;\n\n  @property({ type: Number, attribute: 'value-start' })\n  valueStart = 0;\n\n  @property({ type: Number, attribute: 'value-end' })\n  valueEnd = 100;\n\n  @property({ type: Boolean, reflect: true })\n  range = false;\n\n  @property({ type: Boolean, reflect: true })\n  ticks = false;\n\n  @property({ type: Boolean, reflect: true })\n  labeled = false;\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String, attribute: 'leading-icon' })\n  leadingIcon = '';\n\n  @property({ type: String, attribute: 'trailing-icon' })\n  trailingIcon = '';\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, attribute: 'value-text' })\n  valueText = '';\n\n  @property({ type: String, attribute: 'value-start-text' })\n  valueStartText = '';\n\n  @property({ type: String, attribute: 'value-end-text' })\n  valueEndText = '';\n\n  @property({ type: Boolean, reflect: true })\n  error = false;\n\n  @query('.slider-wrapper')\n  private sliderWrapper!: HTMLElement;\n\n  @query('.start-thumb')\n  private startThumb?: HTMLElement;\n\n  @query('.end-thumb')\n  private endThumb?: HTMLElement;\n\n  @state()\n  private activeThumb: 'start' | 'end' | null = null;\n\n  @state()\n  private isDragging = false;\n\n  private initialValue = 50;\n  private initialValueStart = 0;\n  private initialValueEnd = 100;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.initialValue = this.value;\n    this.initialValueStart = this.valueStart;\n    this.initialValueEnd = this.valueEnd;\n    this.clampValues();\n    this.updateFormValue();\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('valueStart') ||\n      changedProperties.has('valueEnd') ||\n      changedProperties.has('min') ||\n      changedProperties.has('max') ||\n      changedProperties.has('step') ||\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    ) {\n      this.clampValues();\n      this.updateFormValue();\n    }\n  }\n\n  override formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n    this.updateFormValue();\n  }\n\n  override formResetCallback() {\n    this.value = this.initialValue;\n    this.valueStart = this.initialValueStart;\n    this.valueEnd = this.initialValueEnd;\n    this.clampValues();\n    this.updateFormValue();\n  }\n\n  private clampValues() {\n    const min = this.min;\n    const max = this.max > min ? this.max : min + 1;\n    const step = this.step > 0 ? this.step : 1;\n\n    const roundToStep = (val: number) => {\n      const steps = Math.round((val - min) / step);\n      const rounded = min + steps * step;\n      // Handle floating point inaccuracies\n      return Number(Math.min(Math.max(rounded, min), max).toFixed(6));\n    };\n\n    if (this.range) {\n      let start = roundToStep(this.valueStart ?? min);\n      let end = roundToStep(this.valueEnd ?? max);\n\n      if (start > end) {\n        start = end;\n      }\n      this.valueStart = start;\n      this.valueEnd = end;\n    } else {\n      this.value = roundToStep(this.value ?? min);\n    }\n  }\n\n  private updateFormValue() {\n    if (this.disabled) {\n      this.setFormValue(null);\n      this.setValidity({});\n      this.error = false;\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, String(this.valueStart));\n        if (this.nameEnd) formData.append(this.nameEnd, String(this.valueEnd));\n        this.setFormValue(formData);\n      } else {\n        this.setFormValue(`${this.valueStart},${this.valueEnd}`);\n      }\n    } else {\n      this.setFormValue(this.value !== null && this.value !== undefined ? String(this.value) : null);\n    }\n\n    if (this.required) {\n      const isMissing = this.range\n        ? this.valueStart === undefined || this.valueEnd === undefined\n        : this.value === undefined || this.value === null;\n      if (isMissing) {\n        this.setValidity({ valueMissing: true }, 'Please select a value');\n        this.error = true;\n        return;\n      }\n    }\n\n    if (!this.range && typeof this.value === 'number') {\n      if (this.value < this.min) {\n        this.setValidity({ rangeUnderflow: true }, `Value must be at least ${this.min}`);\n        this.error = true;\n        return;\n      }\n      if (this.value > this.max) {\n        this.setValidity({ rangeOverflow: true }, `Value must be at most ${this.max}`);\n        this.error = true;\n        return;\n      }\n    }\n\n    this.setValidity({});\n    this.error = false;\n  }\n\n  private getPercentage(val: number): number {\n    const range = this.max - this.min;\n    if (range <= 0) return 0;\n    return Math.min(Math.max((val - this.min) / range, 0), 1) * 100;\n  }\n\n  private getValueFromPosition(clientX: number): number {\n    if (!this.sliderWrapper) return this.min;\n    const rect = this.sliderWrapper.getBoundingClientRect();\n    if (rect.width <= 0) return this.min;\n\n    const fraction = (clientX - rect.left) / rect.width;\n    const clampedFraction = Math.min(Math.max(fraction, 0), 1);\n    const rawValue = this.min + clampedFraction * (this.max - this.min);\n\n    const step = this.step > 0 ? this.step : 1;\n    const steps = Math.round((rawValue - this.min) / step);\n    const steppedValue = this.min + steps * step;\n    return Number(Math.min(Math.max(steppedValue, this.min), this.max).toFixed(6));\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    if (this.disabled) return;\n    event.preventDefault();\n    this.sliderWrapper.setPointerCapture(event.pointerId);\n    this.isDragging = true;\n\n    const clickValue = this.getValueFromPosition(event.clientX);\n\n    if (this.range) {\n      const distToStart = Math.abs(clickValue - this.valueStart);\n      const distToEnd = Math.abs(clickValue - this.valueEnd);\n\n      if (distToStart < distToEnd) {\n        this.activeThumb = 'start';\n        this.valueStart = Math.min(clickValue, this.valueEnd);\n      } else if (distToEnd < distToStart) {\n        this.activeThumb = 'end';\n        this.valueEnd = Math.max(clickValue, this.valueStart);\n      } else {\n        // Equal distance - move whichever allows direction of motion\n        if (clickValue < this.valueStart) {\n          this.activeThumb = 'start';\n          this.valueStart = clickValue;\n        } else {\n          this.activeThumb = 'end';\n          this.valueEnd = clickValue;\n        }\n      }\n    } else {\n      this.activeThumb = 'end';\n      this.value = clickValue;\n    }\n\n    this.clampValues();\n    this.updateFormValue();\n    this.dispatchInputEvent();\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (!this.isDragging || this.disabled) return;\n    const nextValue = this.getValueFromPosition(event.clientX);\n\n    if (this.range) {\n      if (this.activeThumb === 'start') {\n        this.valueStart = Math.min(nextValue, this.valueEnd);\n      } else if (this.activeThumb === 'end') {\n        this.valueEnd = Math.max(nextValue, this.valueStart);\n      }\n    } else {\n      this.value = nextValue;\n    }\n\n    this.clampValues();\n    this.updateFormValue();\n    this.dispatchInputEvent();\n  };\n\n  private handlePointerUp = (event: PointerEvent) => {\n    if (!this.isDragging) return;\n    try {\n      this.sliderWrapper.releasePointerCapture(event.pointerId);\n    } catch {\n      // Ignore if pointer was not captured\n    }\n    this.isDragging = false;\n    this.activeThumb = null;\n    this.dispatchChangeEvent();\n  };\n\n  private dispatchInputEvent() {\n    this.emitEvent('input', {\n      value: this.value,\n      valueStart: this.valueStart,\n      valueEnd: this.valueEnd,\n    });\n  }\n\n  private dispatchChangeEvent() {\n    this.emitEvent('change', {\n      value: this.value,\n      valueStart: this.valueStart,\n      valueEnd: this.valueEnd,\n    });\n  }\n\n  private handleKeyDown = (event: KeyboardEvent, thumb: 'start' | 'end') => {\n    if (this.disabled) return;\n\n    const step = this.step > 0 ? this.step : 1;\n    const bigStep = Math.max(step * 10, (this.max - this.min) / 10);\n    let delta = 0;\n\n    switch (event.key) {\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        delta = -step;\n        break;\n      case 'ArrowRight':\n      case 'ArrowUp':\n        delta = step;\n        break;\n      case 'PageDown':\n        delta = -bigStep;\n        break;\n      case 'PageUp':\n        delta = bigStep;\n        break;\n      case 'Home':\n        if (this.range) {\n          if (thumb === 'start') this.valueStart = this.min;\n          else this.valueEnd = this.valueStart;\n        } else {\n          this.value = this.min;\n        }\n        event.preventDefault();\n        this.clampValues();\n        this.updateFormValue();\n        this.dispatchInputEvent();\n        this.dispatchChangeEvent();\n        return;\n      case 'End':\n        if (this.range) {\n          if (thumb === 'end') this.valueEnd = this.max;\n          else this.valueStart = this.valueEnd;\n        } else {\n          this.value = this.max;\n        }\n        event.preventDefault();\n        this.clampValues();\n        this.updateFormValue();\n        this.dispatchInputEvent();\n        this.dispatchChangeEvent();\n        return;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n\n    if (this.range) {\n      if (thumb === 'start') {\n        this.valueStart = Math.min(Math.max(this.valueStart + delta, this.min), this.valueEnd);\n      } else {\n        this.valueEnd = Math.min(Math.max(this.valueEnd + delta, this.valueStart), this.max);\n      }\n    } else {\n      this.value = Math.min(Math.max(this.value + delta, this.min), this.max);\n    }\n\n    this.clampValues();\n    this.updateFormValue();\n    this.dispatchInputEvent();\n    this.dispatchChangeEvent();\n  };\n\n  private renderTicks() {\n    if (!this.ticks) return nothing;\n\n    const step = this.step > 0 ? this.step : 1;\n    const count = Math.floor((this.max - this.min) / step);\n    if (count <= 0 || count > 200) return nothing; // Avoid rendering thousands of DOM elements\n\n    const tickElements = [];\n    const startPct = this.range ? this.getPercentage(this.valueStart) : 0;\n    const endPct = this.range ? this.getPercentage(this.valueEnd) : this.getPercentage(this.value);\n\n    for (let i = 0; i <= count; i++) {\n      const val = this.min + i * step;\n      const pct = this.getPercentage(val);\n      const isActive = pct >= startPct && pct <= endPct;\n\n      tickElements.push(html`\n        <div\n          class=\"tick-mark ${isActive ? 'active' : ''}\"\n          style=\"left: ${pct}%\"\n        ></div>\n      `);\n    }\n\n    return html`<div class=\"tick-marks-container\">${tickElements}</div>`;\n  }\n\n  private renderThumb(thumb: 'start' | 'end') {\n    const isStart = thumb === 'start';\n    const val = isStart ? this.valueStart : (this.range ? this.valueEnd : this.value);\n    const pct = this.getPercentage(val);\n    const labelText = isStart\n      ? (this.valueStartText || String(this.valueStart))\n      : (this.range ? (this.valueEndText || String(this.valueEnd)) : (this.valueText || String(this.value)));\n    const isThumbDragging = this.isDragging && this.activeThumb === thumb;\n\n    return html`\n      <div\n        class=\"thumb-container ${isStart ? 'start-thumb' : 'end-thumb'} ${isThumbDragging ? 'dragging' : ''} ${this.labeled ? 'active-label' : ''}\"\n        style=\"left: ${pct}%\"\n        tabindex=${this.disabled ? -1 : 0}\n        role=\"slider\"\n        aria-valuemin=${isStart ? this.min : (this.range ? this.valueStart : this.min)}\n        aria-valuemax=${isStart ? (this.range ? this.valueEnd : this.max) : this.max}\n        aria-valuenow=${val}\n        aria-label=${isStart ? 'Start value' : (this.range ? 'End value' : 'Value')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @keydown=${(e: KeyboardEvent) => this.handleKeyDown(e, thumb)}\n      >\n        <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>\n        <md-focus-ring></md-focus-ring>\n        <div class=\"thumb-handle\"></div>\n        ${this.labeled\n          ? html`<div class=\"value-label\">${labelText}</div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  override render() {\n    const startPct = this.range ? this.getPercentage(this.valueStart) : 0;\n    const endPct = this.range ? this.getPercentage(this.valueEnd) : this.getPercentage(this.value);\n    const activeWidth = Math.max(endPct - startPct, 0);\n\n    const leadIcon = this.leadingIcon || this.icon;\n\n    return html`\n      <div class=\"container\">\n        ${leadIcon\n          ? html`<md-icon class=\"icon-slot\">${leadIcon}</md-icon>`\n          : html`<slot name=\"leading-icon\"><slot name=\"icon\"></slot></slot>`}\n\n        <div\n          class=\"slider-wrapper\"\n          @pointerdown=${this.handlePointerDown}\n          @pointermove=${this.handlePointerMove}\n          @pointerup=${this.handlePointerUp}\n          @pointercancel=${this.handlePointerUp}\n        >\n          <div class=\"track-container\">\n            <div\n              class=\"track-active\"\n              style=\"left: ${startPct}%; width: ${activeWidth}%\"\n            ></div>\n            ${this.renderTicks()}\n          </div>\n\n          ${this.range ? this.renderThumb('start') : nothing}\n          ${this.renderThumb('end')}\n        </div>\n\n        ${this.trailingIcon\n          ? html`<md-icon class=\"icon-slot\">${this.trailingIcon}</md-icon>`\n          : html`<slot name=\"trailing-icon\"></slot>`}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-slider': MdSlider;\n  }\n}\n"],"mappings":"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"}