npm - @ds-mo/ui - Versions diffs - 15.3.0 → 15.4.0 - Mend

@ds-mo/ui 15.3.0 → 15.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (430) hide show

package/dist/components/{p-BSuMDPaV.js.map → p-CPamUzaj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["resolveMobileSectionPosition","sections","value","selectable","getSelectableTabs","matchedIndex","findIndex","section","id","selectedIndex","selected","hasPrevious","hasNext","length","mobileSectionSwitcherCss","nextMobileSectionSwitcherId","MobileSectionSwitcher","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","navigationLabel","presentation","pageLabel","menuOpen","menuSurfaceOpen","initialFocusVisible","pointerFocus","sheetClosing","focusedSection","instanceId","triggerId","menuId","triggerEl","dialogEl","browserEdgeEl","browserEdgeColors","closeTimer","handleDocumentKeyDown","event","includes","key","updateBrowserEdgeColor","base","getComputedStyle","color","shade","backgroundColor","colors","canvas","el","ownerDocument","createElement","width","height","context","getContext","fillStyle","fillRect","red","green","blue","getImageData","data","style","setProperty","handleSheetKeyDown","preventDefault","stopPropagation","closeMenu","selectableSections","filter","isInactive","index","Math","max","next","ctrlKey","metaKey","altKey","match","_","offset","label","toLowerCase","startsWith","focusSheetItem","toggleMenu","detail","selectedSection","open","handleSelect","String","find","candidate","dsChange","emit","requestAnimationFrame","focus","componentDidLoad","addEventListener","visibilityObserver","ResizeObserver","getClientRects","finishSheetClose","observe","componentDidRender","initialSection","observeBrowserEdgeTheme","showModal","duration","resolveMotionTimeMs","TOKEN_DEFAULTS","motionShort2","animationDurationShort3","setTimeout","disconnectedCallback","removeEventListener","disconnect","handlePresentationChange","handleContextChange","restoreFocus","clearTimeout","wasOpen","close","themeObserver","MutationObserver","ancestor","parentElement","attributes","attributeFilter","buttons","Array","from","querySelectorAll","button","item","disabled","resolvedSections","triggerAriaLabel","menuSections","groups","items","commit","push","isTabDivider","dot","isSelected","handleSectionsChange","renderSheet","h","ref","element","class","tabIndex","onCancel","onKeyDown","onClick","target","rect","getBoundingClientRect","clientY","top","bottom","clientX","left","right","role","map","type","undefined","onFocus","as","variant","emphasis","lineTruncation","render","Host","combined","onPointerDown","anchorId","align","menuLabel","onDsClose","onDsAfterClose","onDsSelect"],"sources":["src/wc/components/MobileSectionSwitcher/mobile-section-switcher-utils.ts","src/wc/components/MobileSectionSwitcher/MobileSectionSwitcher.css?tag=ds-mobile-section-switcher&encapsulation=scoped","src/wc/components/MobileSectionSwitcher/MobileSectionSwitcher.tsx"],"sourcesContent":["import { getSelectableTabs, type TabItem, type TabItemTab } from '../TabGroup/tab-item-utils';\n\nexport interface MobileSectionPosition {\n selectedIndex: number;\n selected?: TabItemTab;\n hasPrevious: boolean;\n hasNext: boolean;\n}\n\n/** Resolve ordered selectable neighbors while ignoring visual divider entries. /\nexport function resolveMobileSectionPosition(\n sections: TabItem[],\n value: string\n): MobileSectionPosition {\n const selectable = getSelectableTabs(sections);\n const matchedIndex = selectable.findIndex(section => section.id === value);\n const selectedIndex = matchedIndex >= 0 ? matchedIndex : 0;\n return {\n selectedIndex,\n selected: selectable[selectedIndex],\n hasPrevious: selectedIndex > 0,\n hasNext: selectedIndex < selectable.length - 1,\n };\n}\n","@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n\n:host {\n display: block;\n min-width: 0;\n max-width: 100%;\n color: var(--color-foreground-primary);\n}\n\n.mobile-section-switcher {\n appearance: none;\n display: grid;\n grid-template-columns: var(--dimension-size-100) minmax(0, auto) var(--dimension-size-100);\n align-items: center;\n justify-content: center;\n gap: var(--dimension-space-050);\n max-width: 100%;\n min-height: var(--dimension-size-400);\n padding-inline: var(--dimension-space-100);\n border: 0;\n border-radius: var(--dimension-radius-100);\n background: var(--color-background-secondary);\n color: inherit;\n box-sizing: border-box;\n cursor: default;\n}\n\n.mobile-section-switcher__label {\n min-width: 0;\n max-width: 100%;\n text-align: center;\n}\n\n.mobile-section-switcher__position {\n width: var(--dimension-size-050);\n height: var(--dimension-size-050);\n border-radius: var(--dimension-radius-half);\n background: currentColor;\n opacity: 0;\n}\n\n.mobile-section-switcher__position--visible {\n opacity: 1;\n}\n\n.mobile-section-switcher--sheet {\n grid-template-columns: minmax(0, auto);\n min-height: var(--dimension-size-500);\n padding-inline: var(--dimension-space-150);\n border-radius: var(--dimension-radius-half);\n background: transparent;\n --ds-interaction-border-width: var(--dimension-stroke-width-012);\n --ds-interaction-border-color: var(--color-border-tertiary);\n}\n\n.mobile-section-switcher--combined {\n display: flex;\n}\n\n.mobile-section-switcher__page-label {\n flex: 0 1 auto;\n min-width: 0;\n}\n\n.mobile-section-switcher__separator {\n flex: 0 0 auto;\n}\n\n.mobile-section-switcher--combined .mobile-section-switcher__label {\n flex: 0 0 auto;\n max-width: 50%;\n}\n\n.mobile-section-sheet {\n position: fixed;\n inset: 0 0 auto;\n width: 100%;\n max-width: none;\n max-height: calc(100dvh - var(--dimension-size-500) - var(--dimension-space-200));\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: 0;\n box-sizing: border-box;\n overflow: visible;\n background: transparent;\n color: var(--color-foreground-secondary);\n outline: none;\n}\n\n.mobile-section-sheet[open] {\n display: flex;\n flex-direction: column;\n}\n\n.mobile-section-sheet[open] .mobile-section-sheet__items {\n animation: mobileSectionSheetIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet::backdrop {\n background: var(--color-background-shade);\n animation: mobileSectionShadeIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet--closing[open] .mobile-section-sheet__items {\n animation-name: mobileSectionSheetOut;\n}\n\n.mobile-section-sheet--closing::backdrop {\n animation-name: mobileSectionShadeOut;\n}\n\n.mobile-section-sheet__items {\n display: flex;\n flex-direction: column;\n gap: var(--dimension-space-100);\n min-height: 0;\n max-height: inherit;\n box-sizing: border-box;\n background: var(--color-background-primary);\n box-shadow: var(--effect-elevation-elevated-floating);\n padding: var(--dimension-space-100);\n padding-block-start: max(var(--dimension-space-100), env(safe-area-inset-top, 0px));\n overflow-y: auto;\n overscroll-behavior: contain;\n}\n\n.mobile-section-sheet__item {\n appearance: none;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n height: var(--ds-control-height);\n width: 100%;\n min-width: 0;\n padding: 0 var(--ds-control-padding-inline);\n box-sizing: border-box;\n border: 0;\n border-radius: var(--ds-control-radius);\n background: transparent;\n color: inherit;\n text-align: start;\n}\n\n.mobile-section-sheet__item[aria-current='page'] {\n color: var(--color-foreground-primary);\n}\n\n.mobile-section-sheet__item:disabled {\n color: var(--color-foreground-tertiary);\n}\n\n.mobile-section-sheet__label {\n min-width: 0;\n padding-inline: var(--ds-control-label-inset);\n}\n\n.mobile-section-sheet__divider {\n flex: 0 0 auto;\n height: var(--dimension-stroke-width-012);\n margin-inline: var(--dimension-space-100);\n background: var(--color-border-tertiary);\n}\n\n@keyframes mobileSectionSheetIn {\n from {\n transform: translateY(-100%);\n }\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes mobileSectionSheetOut {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%);\n }\n}\n\n@keyframes mobileSectionShadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes mobileSectionShadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n/ Safari can preserve :focus-visible across modal entry and focus return after\n * a tap. Track the actual input, while leaving focus and keyboard access intact. /\n:host(.mobile-section-switcher--pointer-focus) .ds-focus-ring-inset::after {\n outline: none;\n}\n\n/ Keep this opaque strip in the modal top layer, outside the moving sheet.\n * Safari samples fixed edge backgrounds to tint its browser controls. /\n.mobile-section-sheet__browser-edge {\n position: fixed;\n inset: auto 0 0;\n height: max(var(--dimension-space-200), env(safe-area-inset-bottom, 0px));\n pointer-events: none;\n color: var(--color-background-primary);\n background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n}\n\n.mobile-section-sheet[open] .mobile-section-sheet__browser-edge {\n animation: mobileSectionEdgeIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet--closing[open] .mobile-section-sheet__browser-edge {\n animation-name: mobileSectionEdgeOut;\n}\n\n/ Animate the opaque color, not opacity: the backdrop is already fading below. /\n@keyframes mobileSectionEdgeIn {\n from {\n background-color: var(--color-background-primary);\n }\n to {\n background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n }\n}\n\n@keyframes mobileSectionEdgeOut {\n from {\n background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n }\n to {\n background-color: var(--color-background-primary);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mobile-section-sheet[open] .mobile-section-sheet__items,\n .mobile-section-sheet[open] .mobile-section-sheet__browser-edge,\n .mobile-section-sheet::backdrop {\n animation: none;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport {\n getSelectableTabs,\n isTabDivider,\n type TabItem,\n type TabItemTab,\n} from '../TabGroup/tab-item-utils';\nimport { resolveMobileSectionPosition } from './mobile-section-switcher-utils';\nimport { resolveMotionTimeMs, TOKEN_DEFAULTS } from '../../utils';\n\nlet nextMobileSectionSwitcherId = 0;\n\n@Component({\n tag: 'ds-mobile-section-switcher',\n styleUrl: 'MobileSectionSwitcher.css',\n scoped: true,\n})\nexport class MobileSectionSwitcher {\n @Element() el!: HTMLElement;\n\n /* Ordered controlled sections. Divider entries group the popup menu. /\n @Prop() sections: TabItem[] = [];\n /* Controlled selected section id. /\n @Prop() value: string = '';\n /* Accessible name for the section chooser. /\n @Prop() navigationLabel: string = 'Change page section';\n /* Anchored local-view menu or viewport-edge sheet for primary page sections. /\n @Prop() presentation: 'menu' \| 'sheet' = 'menu';\n /* Stable page identity shown before the selected section in a sheet trigger. /\n @Prop() pageLabel: string = '';\n\n /* Selection intent. The route, tool, or workflow owner updates `value`. */\n @Event() dsChange!: EventEmitter<string>;\n\n @State() private menuOpen = false;\n @State() private menuSurfaceOpen = false;\n @State() private initialFocusVisible = false;\n @State() private pointerFocus = false;\n @State() private sheetClosing = false;\n @State() private focusedSection = '';\n\n private readonly instanceId = nextMobileSectionSwitcherId++;\n private readonly triggerId = `ds-mobile-section-switcher-trigger-${this.instanceId}`;\n private readonly menuId = `ds-mobile-section-switcher-menu-${this.instanceId}`;\n private triggerEl: HTMLButtonElement \| null = null;\n private dialogEl: HTMLDialogElement \| null = null;\n private browserEdgeEl: HTMLDivElement \| null = null;\n private browserEdgeColors = '';\n private themeObserver?: MutationObserver;\n private closeTimer: ReturnType<typeof setTimeout> \| null = null;\n private visibilityObserver?: ResizeObserver;\n\n private readonly handleDocumentKeyDown = (event: KeyboardEvent) => {\n if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) return;\n this.pointerFocus = false;\n };\n\n componentDidLoad() {\n this.el.ownerDocument.addEventListener('keydown', this.handleDocumentKeyDown, true);\n this.visibilityObserver = new ResizeObserver(() => {\n if (this.dialogEl?.open && !this.triggerEl?.getClientRects().length) {\n this.finishSheetClose(false);\n }\n });\n this.visibilityObserver.observe(this.el);\n }\n\n componentDidRender() {\n if (!this.dialogEl) return;\n if (this.presentation === 'sheet' && this.menuOpen && !this.dialogEl.open) {\n const initialSection = this.focusedSection;\n this.updateBrowserEdgeColor();\n this.observeBrowserEdgeTheme();\n this.dialogEl.showModal();\n this.focusSheetItem(initialSection);\n }\n if (this.sheetClosing && this.dialogEl.open && !this.closeTimer) {\n const duration = resolveMotionTimeMs(\n TOKEN_DEFAULTS.motionShort2,\n TOKEN_DEFAULTS.animationDurationShort3\n );\n if (!duration) this.finishSheetClose();\n else this.closeTimer = setTimeout(() => this.finishSheetClose(), duration);\n }\n }\n\n disconnectedCallback() {\n this.el.ownerDocument.removeEventListener('keydown', this.handleDocumentKeyDown, true);\n this.visibilityObserver?.disconnect();\n this.menuSurfaceOpen = false;\n this.finishSheetClose(false);\n }\n\n @Watch('presentation')\n handlePresentationChange() {\n this.menuSurfaceOpen = false;\n this.closeMenu();\n }\n\n @Watch('value')\n @Watch('pageLabel')\n handleContextChange() {\n this.closeMenu();\n }\n\n private finishSheetClose(restoreFocus = true) {\n if (this.closeTimer) clearTimeout(this.closeTimer);\n this.closeTimer = null;\n const wasOpen = this.dialogEl?.open;\n this.dialogEl?.close();\n this.themeObserver?.disconnect();\n this.menuOpen = false;\n this.sheetClosing = false;\n if (wasOpen && restoreFocus && this.triggerEl?.getClientRects().length) this.triggerEl.focus();\n }\n\n private updateBrowserEdgeColor = () => {\n if (!this.browserEdgeEl \|\| !this.dialogEl) return;\n const base = getComputedStyle(this.browserEdgeEl).color;\n const shade = getComputedStyle(this.dialogEl, '::backdrop').backgroundColor;\n const colors = `${base}\|${shade}`;\n if (colors === this.browserEdgeColors) return;\n // Let the browser resolve token colors, including alpha and non-sRGB syntax,\n // then flatten the shade over the bar into the opaque color Safari samples.\n const canvas = this.el.ownerDocument.createElement('canvas');\n canvas.width = canvas.height = 1;\n const context = canvas.getContext('2d');\n if (!context) return;\n context.fillStyle = base;\n context.fillRect(0, 0, 1, 1);\n context.fillStyle = shade;\n context.fillRect(0, 0, 1, 1);\n const [red, green, blue] = context.getImageData(0, 0, 1, 1).data;\n this.browserEdgeEl.style.setProperty(\n '--_mobile-section-edge-color',\n `rgb(${red}, ${green}, ${blue})`\n );\n this.browserEdgeColors = colors;\n };\n\n private observeBrowserEdgeTheme() {\n this.themeObserver ??= new MutationObserver(this.updateBrowserEdgeColor);\n // Token themes are inherited from the page or a containing theme scope.\n for (let ancestor: HTMLElement \| null = this.el; ancestor; ancestor = ancestor.parentElement) {\n this.themeObserver.observe(ancestor, {\n attributes: true,\n attributeFilter: ['class', 'style', 'data-theme'],\n });\n }\n }\n\n private focusSheetItem(id: string) {\n const buttons = Array.from(this.dialogEl?.querySelectorAll<HTMLButtonElement>('button') ?? []);\n const button =\n buttons.find(item => item.value === id && !item.disabled) ??\n buttons.find(item => !item.disabled);\n if (button) {\n this.focusedSection = button.value;\n button.focus();\n } else this.dialogEl?.focus();\n }\n\n private handleSheetKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n this.closeMenu();\n return;\n }\n const sections = this.selectableSections.filter(section => !section.isInactive);\n if (!sections.length) return;\n const index = Math.max(\n 0,\n sections.findIndex(section => section.id === this.focusedSection)\n );\n let next: number;\n if (event.key === 'ArrowDown') next = (index + 1) % sections.length;\n else if (event.key === 'ArrowUp') next = (index + sections.length - 1) % sections.length;\n else if (event.key === 'Home') next = 0;\n else if (event.key === 'End') next = sections.length - 1;\n else if (event.key === 'Tab') next = index;\n else if (\n event.key.length === 1 &&\n !event.ctrlKey &&\n !event.metaKey &&\n !event.altKey &&\n event.key !== ' '\n ) {\n const match = sections.findIndex((_, offset) =>\n sections[(index + offset + 1) % sections.length].label\n .toLowerCase()\n .startsWith(event.key.toLowerCase())\n );\n if (match < 0) return;\n next = (index + match + 1) % sections.length;\n } else return;\n event.preventDefault();\n this.initialFocusVisible = true;\n this.focusSheetItem(sections[next].id);\n };\n\n private get resolvedSections(): TabItem[] {\n return this.sections ?? [];\n }\n\n private get selectableSections(): TabItemTab[] {\n return getSelectableTabs(this.resolvedSections);\n }\n\n private get selectedIndex(): number {\n return resolveMobileSectionPosition(this.resolvedSections, this.value).selectedIndex;\n }\n\n private get selectedSection(): TabItemTab \| undefined {\n return this.selectableSections[this.selectedIndex];\n }\n\n private get hasPrevious(): boolean {\n return resolveMobileSectionPosition(this.resolvedSections, this.value).hasPrevious;\n }\n\n private get hasNext(): boolean {\n return resolveMobileSectionPosition(this.resolvedSections, this.value).hasNext;\n }\n\n private get triggerAriaLabel(): string {\n return `${this.presentation === 'sheet' && this.pageLabel ? `${this.pageLabel}. ` : ''}${this.navigationLabel}. Current section: ${this.selectedSection?.label ?? ''}`;\n }\n\n private get menuSections(): MenuSection[] {\n const groups: MenuSection[] = [];\n let items: MenuItemData[] = [];\n const commit = () => {\n if (items.length) groups.push({ items });\n items = [];\n };\n\n for (const section of this.resolvedSections) {\n if (isTabDivider(section)) {\n commit();\n continue;\n }\n items.push({\n label: section.label,\n value: section.id,\n dot: section.dot,\n isSelected: section.id === this.selectedSection?.id,\n isInactive: section.isInactive,\n });\n }\n commit();\n return groups;\n }\n\n @Watch('sections')\n handleSectionsChange() {\n if (this.selectableSections.length <= 1) {\n this.closeMenu();\n this.menuSurfaceOpen = false;\n } else if (this.dialogEl?.open && !this.sheetClosing) this.focusSheetItem(this.focusedSection);\n }\n\n private toggleMenu = (event: MouseEvent) => {\n if (this.selectableSections.length <= 1) return;\n this.initialFocusVisible = event.detail === 0;\n if (this.presentation === 'sheet') {\n if (this.menuOpen) this.closeMenu();\n else {\n this.focusedSection = this.selectedSection?.id ?? '';\n this.menuOpen = true;\n }\n return;\n }\n this.menuOpen = !this.menuOpen;\n if (this.menuOpen) this.menuSurfaceOpen = true;\n };\n\n private closeMenu = () => {\n this.menuOpen = false;\n if (this.dialogEl?.open) this.sheetClosing = true;\n };\n\n private renderSheet() {\n return (\n <dialog\n id={this.menuId}\n ref={element => {\n this.dialogEl = element ?? null;\n }}\n class={{ 'mobile-section-sheet': true, 'mobile-section-sheet--closing': this.sheetClosing }}\n aria-label={this.navigationLabel}\n tabIndex={-1}\n onCancel={event => {\n event.preventDefault();\n this.closeMenu();\n }}\n onKeyDown={this.handleSheetKeyDown}\n onClick={event => {\n if (!this.dialogEl \|\| event.target !== this.dialogEl) return;\n const rect = this.dialogEl.getBoundingClientRect();\n if (\n event.clientY < rect.top \|\|\n event.clientY > rect.bottom \|\|\n event.clientX < rect.left \|\|\n event.clientX > rect.right\n )\n this.closeMenu();\n }}\n >\n <div class=\"mobile-section-sheet__items\" role=\"menu\" aria-label={this.navigationLabel}>\n {this.resolvedSections.map(section =>\n isTabDivider(section) ? (\n <div class=\"mobile-section-sheet__divider\" role=\"separator\" />\n ) : (\n <button\n type=\"button\"\n role=\"menuitem\"\n value={section.id}\n disabled={section.isInactive}\n aria-current={section.id === this.selectedSection?.id ? 'page' : undefined}\n tabIndex={section.id === this.focusedSection ? 0 : -1}\n class={{\n 'mobile-section-sheet__item': true,\n 'ds-control--lg': true,\n 'ds-interaction-fill': true,\n 'ds-focus-ring-inset': true,\n 'ds-focus-ring--visible':\n this.initialFocusVisible && section.id === this.focusedSection,\n }}\n onFocus={() => {\n this.focusedSection = section.id;\n }}\n onClick={() => {\n if (this.sheetClosing \|\| section.isInactive) return;\n this.closeMenu();\n if (section.id !== this.selectedSection?.id) this.dsChange.emit(section.id);\n }}\n >\n <ds-text\n class=\"mobile-section-sheet__label ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-large\"\n color=\"inherit\"\n emphasis={section.id === this.selectedSection?.id}\n lineTruncation={1}\n >\n {section.label}\n </ds-text>\n </button>\n )\n )}\n </div>\n <div\n ref={element => {\n if (this.browserEdgeEl !== element) this.browserEdgeColors = '';\n this.browserEdgeEl = element ?? null;\n }}\n class=\"mobile-section-sheet__browser-edge\"\n aria-hidden=\"true\"\n />\n </dialog>\n );\n }\n\n private handleSelect = (event: CustomEvent<MenuItemData>) => {\n const id = String(event.detail.value ?? '');\n const section = this.selectableSections.find(candidate => candidate.id === id);\n if (!section \|\| section.isInactive) return;\n this.closeMenu();\n if (id !== this.selectedSection?.id) this.dsChange.emit(id);\n requestAnimationFrame(() => this.triggerEl?.focus());\n };\n\n render() {\n const selected = this.selectedSection;\n if (!selected) return <Host />;\n const combined = this.presentation === 'sheet' && !!this.pageLabel;\n\n return (\n <Host\n class={{ 'mobile-section-switcher--pointer-focus': this.pointerFocus }}\n onPointerDown={() => {\n this.pointerFocus = true;\n this.initialFocusVisible = false;\n }}\n >\n <button\n ref={element => {\n this.triggerEl = element ?? null;\n }}\n id={this.triggerId}\n class={{\n 'mobile-section-switcher': true,\n 'mobile-section-switcher--expanded': this.menuOpen,\n 'ds-interaction-fill--surface-open':\n this.menuSurfaceOpen \|\| this.menuOpen \|\| this.sheetClosing,\n 'mobile-section-switcher--sheet': this.presentation === 'sheet',\n 'mobile-section-switcher--combined': combined,\n 'ds-focus-ring-inset': true,\n 'ds-interaction-fill': true,\n }}\n type=\"button\"\n aria-haspopup={this.presentation === 'sheet' ? 'dialog' : 'menu'}\n aria-controls={this.menuId}\n aria-expanded={String(this.menuOpen)}\n aria-label={this.triggerAriaLabel}\n onClick={this.toggleMenu}\n >\n {this.presentation === 'menu' ? (\n <span\n class={{\n 'mobile-section-switcher__position': true,\n 'mobile-section-switcher__position--visible': this.hasPrevious,\n 'ds-interaction-fill__content': true,\n }}\n aria-hidden=\"true\"\n />\n ) : null}\n {combined\n ? [\n <ds-text\n class=\"mobile-section-switcher__page-label ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-large\"\n emphasis\n color=\"inherit\"\n lineTruncation={1}\n >\n {this.pageLabel}\n </ds-text>,\n <ds-text\n class=\"mobile-section-switcher__separator ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-large\"\n color=\"inherit\"\n aria-hidden=\"true\"\n >\n ·\n </ds-text>,\n ]\n : null}\n <ds-text\n class=\"mobile-section-switcher__label ds-interaction-fill__content\"\n as=\"span\"\n variant={this.presentation === 'sheet' ? 'text-body-large' : 'text-body-medium'}\n emphasis\n color=\"inherit\"\n lineTruncation={1}\n >\n {selected.label}\n </ds-text>\n {this.presentation === 'menu' ? (\n <span\n class={{\n 'mobile-section-switcher__position': true,\n 'mobile-section-switcher__position--visible': this.hasNext,\n 'ds-interaction-fill__content': true,\n }}\n aria-hidden=\"true\"\n />\n ) : null}\n </button>\n\n {this.presentation === 'sheet' \|\| this.sheetClosing ? (\n this.renderSheet()\n ) : this.selectableSections.length > 1 ? (\n <ds-menu\n id={this.menuId}\n anchorId={this.triggerId}\n align=\"center\"\n menuLabel={this.navigationLabel}\n open={this.menuOpen}\n initialFocusVisible={this.initialFocusVisible}\n sections={this.menuSections}\n onDsClose={this.closeMenu}\n onDsAfterClose={() => {\n if (!this.menuOpen) this.menuSurfaceOpen = false;\n }}\n onDsSelect={this.handleSelect}\n />\n ) : null}\n </Host>\n );\n }\n}\n"],"mappings":"+YAUM,SAAUA,EACdC,EACAC,GAEA,MAAMC,EAAaC,EAAkBH,GACrC,MAAMI,EAAeF,EAAWG,WAAUC,GAAWA,EAAQC,KAAON,IACpE,MAAMO,EAAgBJ,GAAgB,EAAIA,EAAe,EACzD,MAAO,CACLI,gBACAC,SAAUP,EAAWM,GACrBE,YAAaF,EAAgB,EAC7BG,QAASH,EAAgBN,EAAWU,OAAS,EAEjD,CCvBA,MAAMC,EAA2B,IAAM,00oBCqBvC,IAAIC,EAA8B,E,MAOrBC,EAAqBC,EAAA,MAAAD,UAAAE,EALlC,WAAAC,CAAAC,G,+EASUC,KAAApB,SAAsB,GAEtBoB,KAAAnB,MAAgB,GAEhBmB,KAAAC,gBAA0B,sBAE1BD,KAAAE,aAAiC,OAEjCF,KAAAG,UAAoB,GAKXH,KAAAI,SAAW,MACXJ,KAAAK,gBAAkB,MAClBL,KAAAM,oBAAsB,MACtBN,KAAAO,aAAe,MACfP,KAAAQ,aAAe,MACfR,KAAAS,eAAiB,GAEjBT,KAAAU,WAAahB,IACbM,KAAAW,UAAY,sCAAsCX,KAAKU,aACvDV,KAAAY,OAAS,mCAAmCZ,KAAKU,aAC1DV,KAAAa,UAAsC,KACtCb,KAAAc,SAAqC,KACrCd,KAAAe,cAAuC,KACvCf,KAAAgB,kBAAoB,GAEpBhB,KAAAiB,WAAmD,KAG1CjB,KAAAkB,sBAAyBC,IACxC,GAAI,CAAC,QAAS,UAAW,MAAO,QAAQC,SAASD,EAAME,KAAM,OAC7DrB,KAAKO,aAAe,KAAK,EA8DnBP,KAAAsB,uBAAyB,KAC/B,IAAKtB,KAAKe,gBAAkBf,KAAKc,SAAU,OAC3C,MAAMS,EAAOC,iBAAiBxB,KAAKe,eAAeU,MAClD,MAAMC,EAAQF,iBAAiBxB,KAAKc,SAAU,cAAca,gBAC5D,MAAMC,EAAS,GAAGL,KAAQG,IAC1B,GAAIE,IAAW5B,KAAKgB,kBAAmB,OAGvC,MAAMa,EAAS7B,KAAK8B,GAAGC,cAAcC,cAAc,UACnDH,EAAOI,MAAQJ,EAAOK,OAAS,EAC/B,MAAMC,EAAUN,EAAOO,WAAW,MAClC,IAAKD,EAAS,OACdA,EAAQE,UAAYd,EACpBY,EAAQG,SAAS,EAAG,EAAG,EAAG,GAC1BH,EAAQE,UAAYX,EACpBS,EAAQG,SAAS,EAAG,EAAG,EAAG,GAC1B,MAAOC,EAAKC,EAAOC,GAAQN,EAAQO,aAAa,EAAG,EAAG,EAAG,GAAGC,KAC5D3C,KAAKe,cAAc6B,MAAMC,YACvB,+BACA,OAAON,MAAQC,MAAUC,MAE3BzC,KAAKgB,kBAAoBY,CAAM,EAyBzB5B,KAAA8C,mBAAsB3B,IAC5B,GAAIA,EAAME,MAAQ,SAAU,CAC1BF,EAAM4B,iBACN5B,EAAM6B,kBACNhD,KAAKiD,YACL,M,CAEF,MAAMrE,EAAWoB,KAAKkD,mBAAmBC,QAAOjE,IAAYA,EAAQkE,aACpE,IAAKxE,EAASY,OAAQ,OACtB,MAAM6D,EAAQC,KAAKC,IACjB,EACA3E,EAASK,WAAUC,GAAWA,EAAQC,KAAOa,KAAKS,kBAEpD,IAAI+C,EACJ,GAAIrC,EAAME,MAAQ,YAAamC,GAAQH,EAAQ,GAAKzE,EAASY,YACxD,GAAI2B,EAAME,MAAQ,UAAWmC,GAAQH,EAAQzE,EAASY,OAAS,GAAKZ,EAASY,YAC7E,GAAI2B,EAAME,MAAQ,OAAQmC,EAAO,OACjC,GAAIrC,EAAME,MAAQ,MAAOmC,EAAO5E,EAASY,OAAS,OAClD,GAAI2B,EAAME,MAAQ,MAAOmC,EAAOH,OAChC,GACHlC,EAAME,IAAI7B,SAAW,IACpB2B,EAAMsC,UACNtC,EAAMuC,UACNvC,EAAMwC,QACPxC,EAAME,MAAQ,IACd,CACA,MAAMuC,EAAQhF,EAASK,WAAU,CAAC4E,EAAGC,IACnClF,GAAUyE,EAAQS,EAAS,GAAKlF,EAASY,QAAQuE,MAC9CC,cACAC,WAAW9C,EAAME,IAAI2C,iBAE1B,GAAIJ,EAAQ,EAAG,OACfJ,GAAQH,EAAQO,EAAQ,GAAKhF,EAASY,M,MACjC,OACP2B,EAAM4B,iBACN/C,KAAKM,oBAAsB,KAC3BN,KAAKkE,eAAetF,EAAS4E,GAAMrE,GAAG,EAgEhCa,KAAAmE,WAAchD,IACpB,GAAInB,KAAKkD,mBAAmB1D,QAAU,EAAG,OACzCQ,KAAKM,oBAAsBa,EAAMiD,SAAW,EAC5C,GAAIpE,KAAKE,eAAiB,QAAS,CACjC,GAAIF,KAAKI,SAAUJ,KAAKiD,gBACnB,CACHjD,KAAKS,eAAiBT,KAAKqE,iBAAiBlF,IAAM,GAClDa,KAAKI,SAAW,I,CAElB,M,CAEFJ,KAAKI,UAAYJ,KAAKI,SACtB,GAAIJ,KAAKI,SAAUJ,KAAKK,gBAAkB,IAAI,EAGxCL,KAAAiD,UAAY,KAClBjD,KAAKI,SAAW,MAChB,GAAIJ,KAAKc,UAAUwD,KAAMtE,KAAKQ,aAAe,IAAI,EAqF3CR,KAAAuE,aAAgBpD,IACtB,MAAMhC,EAAKqF,OAAOrD,EAAMiD,OAAOvF,OAAS,IACxC,MAAMK,EAAUc,KAAKkD,mBAAmBuB,MAAKC,GAAaA,EAAUvF,KAAOA,IAC3E,IAAKD,GAAWA,EAAQkE,WAAY,OACpCpD,KAAKiD,YACL,GAAI9D,IAAOa,KAAKqE,iBAAiBlF,GAAIa,KAAK2E,SAASC,KAAKzF,GACxD0F,uBAAsB,IAAM7E,KAAKa,WAAWiE,SAAQ,CAkHvD,CA3aC,gBAAAC,GACE/E,KAAK8B,GAAGC,cAAciD,iBAAiB,UAAWhF,KAAKkB,sBAAuB,MAC9ElB,KAAKiF,mBAAqB,IAAIC,gBAAe,KAC3C,GAAIlF,KAAKc,UAAUwD,OAAStE,KAAKa,WAAWsE,iBAAiB3F,OAAQ,CACnEQ,KAAKoF,iBAAiB,M,KAG1BpF,KAAKiF,mBAAmBI,QAAQrF,KAAK8B,G,CAGvC,kBAAAwD,GACE,IAAKtF,KAAKc,SAAU,OACpB,GAAId,KAAKE,eAAiB,SAAWF,KAAKI,WAAaJ,KAAKc,SAASwD,KAAM,CACzE,MAAMiB,EAAiBvF,KAAKS,eAC5BT,KAAKsB,yBACLtB,KAAKwF,0BACLxF,KAAKc,SAAS2E,YACdzF,KAAKkE,eAAeqB,E,CAEtB,GAAIvF,KAAKQ,cAAgBR,KAAKc,SAASwD,OAAStE,KAAKiB,WAAY,CAC/D,MAAMyE,EAAWC,EACfC,EAAeC,aACfD,EAAeE,yBAEjB,IAAKJ,EAAU1F,KAAKoF,wBACfpF,KAAKiB,WAAa8E,YAAW,IAAM/F,KAAKoF,oBAAoBM,E,EAIrE,oBAAAM,GACEhG,KAAK8B,GAAGC,cAAckE,oBAAoB,UAAWjG,KAAKkB,sBAAuB,MACjFlB,KAAKiF,oBAAoBiB,aACzBlG,KAAKK,gBAAkB,MACvBL,KAAKoF,iBAAiB,M,CAIxB,wBAAAe,GACEnG,KAAKK,gBAAkB,MACvBL,KAAKiD,W,CAKP,mBAAAmD,GACEpG,KAAKiD,W,CAGC,gBAAAmC,CAAiBiB,EAAe,MACtC,GAAIrG,KAAKiB,WAAYqF,aAAatG,KAAKiB,YACvCjB,KAAKiB,WAAa,KAClB,MAAMsF,EAAUvG,KAAKc,UAAUwD,KAC/BtE,KAAKc,UAAU0F,QACfxG,KAAKyG,eAAeP,aACpBlG,KAAKI,SAAW,MAChBJ,KAAKQ,aAAe,MACpB,GAAI+F,GAAWF,GAAgBrG,KAAKa,WAAWsE,iBAAiB3F,OAAQQ,KAAKa,UAAUiE,O,CA2BjF,uBAAAU,GACNxF,KAAKyG,gBAALzG,KAAKyG,cAAkB,IAAIC,iBAAiB1G,KAAKsB,yBAEjD,IAAK,IAAIqF,EAA+B3G,KAAK8B,GAAI6E,EAAUA,EAAWA,EAASC,cAAe,CAC5F5G,KAAKyG,cAAcpB,QAAQsB,EAAU,CACnCE,WAAY,KACZC,gBAAiB,CAAC,QAAS,QAAS,e,EAKlC,cAAA5C,CAAe/E,GACrB,MAAM4H,EAAUC,MAAMC,KAAKjH,KAAKc,UAAUoG,iBAAoC,WAAa,IAC3F,MAAMC,EACJJ,EAAQtC,MAAK2C,GAAQA,EAAKvI,QAAUM,IAAOiI,EAAKC,YAChDN,EAAQtC,MAAK2C,IAASA,EAAKC,WAC7B,GAAIF,EAAQ,CACVnH,KAAKS,eAAiB0G,EAAOtI,MAC7BsI,EAAOrC,O,MACF9E,KAAKc,UAAUgE,O,CA0CxB,oBAAYwC,GACV,OAAOtH,KAAKpB,UAAY,E,CAG1B,sBAAYsE,GACV,OAAOnE,EAAkBiB,KAAKsH,iB,CAGhC,iBAAYlI,GACV,OAAOT,EAA6BqB,KAAKsH,iBAAkBtH,KAAKnB,OAAOO,a,CAGzE,mBAAYiF,GACV,OAAOrE,KAAKkD,mBAAmBlD,KAAKZ,c,CAGtC,eAAYE,GACV,OAAOX,EAA6BqB,KAAKsH,iBAAkBtH,KAAKnB,OAAOS,W,CAGzE,WAAYC,GACV,OAAOZ,EAA6BqB,KAAKsH,iBAAkBtH,KAAKnB,OAAOU,O,CAGzE,oBAAYgI,GACV,MAAO,GAAGvH,KAAKE,eAAiB,SAAWF,KAAKG,UAAY,GAAGH,KAAKG,cAAgB,KAAKH,KAAKC,qCAAqCD,KAAKqE,iBAAiBN,OAAS,I,CAGpK,gBAAYyD,GACV,MAAMC,EAAwB,GAC9B,IAAIC,EAAwB,GAC5B,MAAMC,EAAS,KACb,GAAID,EAAMlI,OAAQiI,EAAOG,KAAK,CAAEF,UAChCA,EAAQ,EAAE,EAGZ,IAAK,MAAMxI,KAAWc,KAAKsH,iBAAkB,CAC3C,GAAIO,EAAa3I,GAAU,CACzByI,IACA,Q,CAEFD,EAAME,KAAK,CACT7D,MAAO7E,EAAQ6E,MACflF,MAAOK,EAAQC,GACf2I,IAAK5I,EAAQ4I,IACbC,WAAY7I,EAAQC,KAAOa,KAAKqE,iBAAiBlF,GACjDiE,WAAYlE,EAAQkE,Y,CAGxBuE,IACA,OAAOF,C,CAIT,oBAAAO,GACE,GAAIhI,KAAKkD,mBAAmB1D,QAAU,EAAG,CACvCQ,KAAKiD,YACLjD,KAAKK,gBAAkB,K,MAClB,GAAIL,KAAKc,UAAUwD,OAAStE,KAAKQ,aAAcR,KAAKkE,eAAelE,KAAKS,e,CAuBzE,WAAAwH,GACN,OACEC,EAAA,UACE/I,GAAIa,KAAKY,OACTuH,IAAKC,IACHpI,KAAKc,SAAWsH,GAAW,IAAI,EAEjCC,MAAO,CAAE,uBAAwB,KAAM,gCAAiCrI,KAAKQ,cAAc,aAC/ER,KAAKC,gBACjBqI,UAAU,EACVC,SAAUpH,IACRA,EAAM4B,iBACN/C,KAAKiD,WAAW,EAElBuF,UAAWxI,KAAK8C,mBAChB2F,QAAStH,IACP,IAAKnB,KAAKc,UAAYK,EAAMuH,SAAW1I,KAAKc,SAAU,OACtD,MAAM6H,EAAO3I,KAAKc,SAAS8H,wBAC3B,GACEzH,EAAM0H,QAAUF,EAAKG,KACrB3H,EAAM0H,QAAUF,EAAKI,QACrB5H,EAAM6H,QAAUL,EAAKM,MACrB9H,EAAM6H,QAAUL,EAAKO,MAErBlJ,KAAKiD,WAAW,GAGpBiF,EAAA,OAAKG,MAAM,8BAA8Bc,KAAK,OAAM,aAAanJ,KAAKC,iBACnED,KAAKsH,iBAAiB8B,KAAIlK,GACzB2I,EAAa3I,GACXgJ,EAAA,OAAKG,MAAM,gCAAgCc,KAAK,cAEhDjB,EAAA,UACEmB,KAAK,SACLF,KAAK,WACLtK,MAAOK,EAAQC,GACfkI,SAAUnI,EAAQkE,WAAU,eACdlE,EAAQC,KAAOa,KAAKqE,iBAAiBlF,GAAK,OAASmK,UACjEhB,SAAUpJ,EAAQC,KAAOa,KAAKS,eAAiB,GAAI,EACnD4H,MAAO,CACL,6BAA8B,KAC9B,iBAAkB,KAClB,sBAAuB,KACvB,sBAAuB,KACvB,yBACErI,KAAKM,qBAAuBpB,EAAQC,KAAOa,KAAKS,gBAEpD8I,QAAS,KACPvJ,KAAKS,eAAiBvB,EAAQC,EAAE,EAElCsJ,QAAS,KACP,GAAIzI,KAAKQ,cAAgBtB,EAAQkE,WAAY,OAC7CpD,KAAKiD,YACL,GAAI/D,EAAQC,KAAOa,KAAKqE,iBAAiBlF,GAAIa,KAAK2E,SAASC,KAAK1F,EAAQC,GAAG,GAG7E+I,EAAA,WACEG,MAAM,2DACNmB,GAAG,OACHC,QAAQ,kBACRhI,MAAM,UACNiI,SAAUxK,EAAQC,KAAOa,KAAKqE,iBAAiBlF,GAC/CwK,eAAgB,GAEfzK,EAAQ6E,WAMnBmE,EAAA,OACEC,IAAKC,IACH,GAAIpI,KAAKe,gBAAkBqH,EAASpI,KAAKgB,kBAAoB,GAC7DhB,KAAKe,cAAgBqH,GAAW,IAAI,EAEtCC,MAAM,qCAAoC,cAC9B,S,CAepB,MAAAuB,GACE,MAAMvK,EAAWW,KAAKqE,gBACtB,IAAKhF,EAAU,OAAO6I,EAAC2B,EAAI,MAC3B,MAAMC,EAAW9J,KAAKE,eAAiB,WAAaF,KAAKG,UAEzD,OACE+H,EAAC2B,EAAI,CACHxB,MAAO,CAAE,yCAA0CrI,KAAKO,cACxDwJ,cAAe,KACb/J,KAAKO,aAAe,KACpBP,KAAKM,oBAAsB,KAAK,GAGlC4H,EAAA,UACEC,IAAKC,IACHpI,KAAKa,UAAYuH,GAAW,IAAI,EAElCjJ,GAAIa,KAAKW,UACT0H,MAAO,CACL,0BAA2B,KAC3B,oCAAqCrI,KAAKI,SAC1C,oCACEJ,KAAKK,iBAAmBL,KAAKI,UAAYJ,KAAKQ,aAChD,iCAAkCR,KAAKE,eAAiB,QACxD,oCAAqC4J,EACrC,sBAAuB,KACvB,sBAAuB,MAEzBT,KAAK,SAAQ,gBACErJ,KAAKE,eAAiB,QAAU,SAAW,OAAM,gBACjDF,KAAKY,OAAM,gBACX4D,OAAOxE,KAAKI,UAAS,aACxBJ,KAAKuH,iBACjBkB,QAASzI,KAAKmE,YAEbnE,KAAKE,eAAiB,OACrBgI,EAAA,QACEG,MAAO,CACL,oCAAqC,KACrC,6CAA8CrI,KAAKV,YACnD,+BAAgC,MACjC,cACW,SAEZ,KACHwK,EACG,CACE5B,EAAA,WACEG,MAAM,mEACNmB,GAAG,OACHC,QAAQ,kBACRC,SAAQ,KACRjI,MAAM,UACNkI,eAAgB,GAEf3J,KAAKG,WAER+H,EAAA,WACEG,MAAM,kEACNmB,GAAG,OACHC,QAAQ,kBACRhI,MAAM,UAAS,cACH,QAAM,MAKtB,KACJyG,EAAA,WACEG,MAAM,8DACNmB,GAAG,OACHC,QAASzJ,KAAKE,eAAiB,QAAU,kBAAoB,mBAC7DwJ,SAAQ,KACRjI,MAAM,UACNkI,eAAgB,GAEftK,EAAS0E,OAEX/D,KAAKE,eAAiB,OACrBgI,EAAA,QACEG,MAAO,CACL,oCAAqC,KACrC,6CAA8CrI,KAAKT,QACnD,+BAAgC,MACjC,cACW,SAEZ,MAGLS,KAAKE,eAAiB,SAAWF,KAAKQ,aACrCR,KAAKiI,cACHjI,KAAKkD,mBAAmB1D,OAAS,EACnC0I,EAAA,WACE/I,GAAIa,KAAKY,OACToJ,SAAUhK,KAAKW,UACfsJ,MAAM,SACNC,UAAWlK,KAAKC,gBAChBqE,KAAMtE,KAAKI,SACXE,oBAAqBN,KAAKM,oBAC1B1B,SAAUoB,KAAKwH,aACf2C,UAAWnK,KAAKiD,UAChBmH,eAAgB,KACd,IAAKpK,KAAKI,SAAUJ,KAAKK,gBAAkB,KAAK,EAElDgK,WAAYrK,KAAKuE,eAEjB,K","ignoreList":[]}
1	+ {"version":3,"names":["resolveMobileSectionPosition","sections","value","selectable","getSelectableTabs","matchedIndex","findIndex","section","id","selectedIndex","selected","hasPrevious","hasNext","length","mobileSectionSwitcherCss","nextMobileSectionSwitcherId","MobileSectionSwitcher","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","navigationLabel","presentation","pageLabel","menuOpen","menuSurfaceOpen","initialFocusVisible","pointerFocus","sheetClosing","focusedSection","instanceId","triggerId","menuId","triggerEl","dialogEl","browserEdgeEl","browserEdgeColors","closeTimer","handleDocumentKeyDown","event","includes","key","updateBrowserEdgeColor","base","getComputedStyle","color","shade","backgroundColor","colors","canvas","el","ownerDocument","createElement","width","height","context","getContext","fillStyle","fillRect","red","green","blue","getImageData","data","style","setProperty","handleSheetKeyDown","preventDefault","stopPropagation","closeMenu","selectableSections","filter","isInactive","index","Math","max","next","ctrlKey","metaKey","altKey","match","_","offset","label","toLowerCase","startsWith","focusSheetItem","toggleMenu","detail","selectedSection","open","handleSelect","String","find","candidate","dsChange","emit","requestAnimationFrame","focus","componentDidLoad","addEventListener","visibilityObserver","ResizeObserver","getClientRects","finishSheetClose","observe","componentDidRender","initialSection","observeBrowserEdgeTheme","showModal","duration","resolveMotionTimeMs","TOKEN_DEFAULTS","motionShort2","animationDurationShort3","setTimeout","disconnectedCallback","removeEventListener","disconnect","handlePresentationChange","handleContextChange","restoreFocus","clearTimeout","wasOpen","close","themeObserver","MutationObserver","ancestor","parentElement","attributes","attributeFilter","buttons","Array","from","querySelectorAll","button","item","disabled","resolvedSections","triggerAriaLabel","menuSections","groups","items","commit","push","isTabDivider","dot","isSelected","handleSectionsChange","renderSheet","h","ref","element","class","tabIndex","onCancel","onKeyDown","onClick","target","rect","getBoundingClientRect","clientY","top","bottom","clientX","left","right","role","map","type","undefined","onFocus","as","variant","emphasis","lineTruncation","render","Host","combined","onPointerDown","anchorId","align","menuLabel","onDsClose","onDsAfterClose","onDsSelect"],"sources":["src/wc/components/MobileSectionSwitcher/mobile-section-switcher-utils.ts","src/wc/components/MobileSectionSwitcher/MobileSectionSwitcher.css?tag=ds-mobile-section-switcher&encapsulation=scoped","src/wc/components/MobileSectionSwitcher/MobileSectionSwitcher.tsx"],"sourcesContent":["import { getSelectableTabs, type TabItem, type TabItemTab } from '../TabGroup/tab-item-utils';\n\nexport interface MobileSectionPosition {\n selectedIndex: number;\n selected?: TabItemTab;\n hasPrevious: boolean;\n hasNext: boolean;\n}\n\n/** Resolve ordered selectable neighbors while ignoring visual divider entries. /\nexport function resolveMobileSectionPosition(\n sections: TabItem[],\n value: string\n): MobileSectionPosition {\n const selectable = getSelectableTabs(sections);\n const matchedIndex = selectable.findIndex(section => section.id === value);\n const selectedIndex = matchedIndex >= 0 ? matchedIndex : 0;\n return {\n selectedIndex,\n selected: selectable[selectedIndex],\n hasPrevious: selectedIndex > 0,\n hasNext: selectedIndex < selectable.length - 1,\n };\n}\n","@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n\n:host {\n display: block;\n min-width: 0;\n max-width: 100%;\n color: var(--color-foreground-primary);\n}\n\n.mobile-section-switcher {\n appearance: none;\n display: grid;\n grid-template-columns: var(--dimension-size-100) minmax(0, auto) var(--dimension-size-100);\n align-items: center;\n justify-content: center;\n gap: var(--dimension-space-050);\n max-width: 100%;\n min-height: var(--dimension-size-400);\n padding-inline: var(--dimension-space-100);\n border: 0;\n border-radius: var(--dimension-radius-100);\n background: var(--color-background-secondary);\n color: inherit;\n box-sizing: border-box;\n cursor: default;\n}\n\n.mobile-section-switcher__label {\n min-width: 0;\n max-width: 100%;\n text-align: center;\n}\n\n.mobile-section-switcher__position {\n width: var(--dimension-size-050);\n height: var(--dimension-size-050);\n border-radius: var(--dimension-radius-half);\n background: currentColor;\n opacity: 0;\n}\n\n.mobile-section-switcher__position--visible {\n opacity: 1;\n}\n\n.mobile-section-switcher--sheet {\n grid-template-columns: minmax(0, auto);\n min-height: var(--dimension-size-500);\n padding-inline: var(--dimension-space-150);\n border-radius: var(--dimension-radius-half);\n background: transparent;\n --ds-interaction-border-width: var(--dimension-stroke-width-012);\n --ds-interaction-border-color: var(--color-border-tertiary);\n}\n\n.mobile-section-switcher--combined {\n display: flex;\n}\n\n.mobile-section-switcher__page-label {\n flex: 0 1 auto;\n min-width: 0;\n}\n\n.mobile-section-switcher__separator {\n flex: 0 0 auto;\n}\n\n.mobile-section-switcher--combined .mobile-section-switcher__label {\n flex: 0 0 auto;\n max-width: 50%;\n}\n\n.mobile-section-sheet {\n position: fixed;\n inset: 0 0 auto;\n width: 100%;\n max-width: none;\n max-height: calc(100dvh - var(--dimension-size-500) - var(--dimension-space-200));\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: 0;\n box-sizing: border-box;\n overflow: visible;\n background: transparent;\n color: var(--color-foreground-secondary);\n outline: none;\n}\n\n.mobile-section-sheet[open] {\n display: flex;\n flex-direction: column;\n}\n\n.mobile-section-sheet[open] .mobile-section-sheet__items {\n animation: mobileSectionSheetIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet::backdrop {\n background: var(--color-background-shade);\n animation: mobileSectionShadeIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet--closing[open] .mobile-section-sheet__items {\n animation-name: mobileSectionSheetOut;\n}\n\n.mobile-section-sheet--closing::backdrop {\n animation-name: mobileSectionShadeOut;\n}\n\n.mobile-section-sheet__items {\n display: flex;\n flex-direction: column;\n gap: var(--dimension-space-100);\n min-height: 0;\n max-height: inherit;\n box-sizing: border-box;\n background: var(--color-background-primary);\n box-shadow: var(--effect-elevation-elevated-floating);\n padding: var(--dimension-space-100);\n padding-block-start: max(var(--dimension-space-100), env(safe-area-inset-top, 0px));\n overflow-y: auto;\n overscroll-behavior: contain;\n}\n\n.mobile-section-sheet__item {\n appearance: none;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n height: var(--ds-control-height);\n width: 100%;\n min-width: 0;\n padding: 0 var(--ds-control-padding-inline);\n box-sizing: border-box;\n border: 0;\n border-radius: var(--ds-control-radius);\n background: transparent;\n color: inherit;\n text-align: start;\n}\n\n.mobile-section-sheet__item[aria-current='page'] {\n color: var(--color-foreground-primary);\n}\n\n.mobile-section-sheet__item:disabled {\n color: var(--color-foreground-tertiary);\n}\n\n.mobile-section-sheet__label {\n min-width: 0;\n padding-inline: var(--ds-control-label-inset);\n}\n\n.mobile-section-sheet__divider {\n flex: 0 0 auto;\n height: var(--dimension-stroke-width-012);\n margin-inline: var(--dimension-space-100);\n background: var(--color-border-tertiary);\n}\n\n@keyframes mobileSectionSheetIn {\n from {\n transform: translateY(-100%);\n }\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes mobileSectionSheetOut {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%);\n }\n}\n\n@keyframes mobileSectionShadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes mobileSectionShadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n/ Safari can preserve :focus-visible across modal entry and focus return after\n * a tap. Track the actual input, while leaving focus and keyboard access intact. /\n:host(.mobile-section-switcher--pointer-focus) .ds-focus-ring-inset::after {\n outline: none;\n}\n\n/ Keep this opaque strip in the modal top layer, outside the moving sheet.\n * Safari samples fixed edge backgrounds to tint its browser controls. /\n.mobile-section-sheet__browser-edge {\n position: fixed;\n inset: auto 0 0;\n height: max(var(--dimension-space-200), env(safe-area-inset-bottom, 0px));\n pointer-events: none;\n color: var(--color-background-primary);\n background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n}\n\n.mobile-section-sheet[open] .mobile-section-sheet__browser-edge {\n animation: mobileSectionEdgeIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet--closing[open] .mobile-section-sheet__browser-edge {\n animation-name: mobileSectionEdgeOut;\n}\n\n/ Animate the opaque color, not opacity: the backdrop is already fading below. /\n@keyframes mobileSectionEdgeIn {\n from {\n background-color: var(--color-background-primary);\n }\n to {\n background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n }\n}\n\n@keyframes mobileSectionEdgeOut {\n from {\n background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n }\n to {\n background-color: var(--color-background-primary);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mobile-section-sheet[open] .mobile-section-sheet__items,\n .mobile-section-sheet[open] .mobile-section-sheet__browser-edge,\n .mobile-section-sheet::backdrop {\n animation: none;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport {\n getSelectableTabs,\n isTabDivider,\n type TabItem,\n type TabItemTab,\n} from '../TabGroup/tab-item-utils';\nimport { resolveMobileSectionPosition } from './mobile-section-switcher-utils';\nimport { resolveMotionTimeMs, TOKEN_DEFAULTS } from '../../utils';\n\nlet nextMobileSectionSwitcherId = 0;\n\n@Component({\n tag: 'ds-mobile-section-switcher',\n styleUrl: 'MobileSectionSwitcher.css',\n scoped: true,\n})\nexport class MobileSectionSwitcher {\n @Element() el!: HTMLElement;\n\n /* Ordered controlled sections. Divider entries group the popup menu. /\n @Prop() sections: TabItem[] = [];\n /* Controlled selected section id. /\n @Prop() value: string = '';\n /* Accessible name for the section chooser. /\n @Prop() navigationLabel: string = 'Change page section';\n /* Anchored local-view menu or viewport-edge sheet for primary page sections. /\n @Prop() presentation: 'menu' \| 'sheet' = 'menu';\n /* Stable page identity shown before the selected section in a sheet trigger. /\n @Prop() pageLabel: string = '';\n\n /* Selection intent. The route, tool, or workflow owner updates `value`. */\n @Event() dsChange!: EventEmitter<string>;\n\n @State() private menuOpen = false;\n @State() private menuSurfaceOpen = false;\n @State() private initialFocusVisible = false;\n @State() private pointerFocus = false;\n @State() private sheetClosing = false;\n @State() private focusedSection = '';\n\n private readonly instanceId = nextMobileSectionSwitcherId++;\n private readonly triggerId = `ds-mobile-section-switcher-trigger-${this.instanceId}`;\n private readonly menuId = `ds-mobile-section-switcher-menu-${this.instanceId}`;\n private triggerEl: HTMLButtonElement \| null = null;\n private dialogEl: HTMLDialogElement \| null = null;\n private browserEdgeEl: HTMLDivElement \| null = null;\n private browserEdgeColors = '';\n private themeObserver?: MutationObserver;\n private closeTimer: ReturnType<typeof setTimeout> \| null = null;\n private visibilityObserver?: ResizeObserver;\n\n private readonly handleDocumentKeyDown = (event: KeyboardEvent) => {\n if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) return;\n this.pointerFocus = false;\n };\n\n componentDidLoad() {\n this.el.ownerDocument.addEventListener('keydown', this.handleDocumentKeyDown, true);\n this.visibilityObserver = new ResizeObserver(() => {\n if (this.dialogEl?.open && !this.triggerEl?.getClientRects().length) {\n this.finishSheetClose(false);\n }\n });\n this.visibilityObserver.observe(this.el);\n }\n\n componentDidRender() {\n if (!this.dialogEl) return;\n if (this.presentation === 'sheet' && this.menuOpen && !this.dialogEl.open) {\n const initialSection = this.focusedSection;\n this.updateBrowserEdgeColor();\n this.observeBrowserEdgeTheme();\n this.dialogEl.showModal();\n this.focusSheetItem(initialSection);\n }\n if (this.sheetClosing && this.dialogEl.open && !this.closeTimer) {\n const duration = resolveMotionTimeMs(\n TOKEN_DEFAULTS.motionShort2,\n TOKEN_DEFAULTS.animationDurationShort3\n );\n if (!duration) this.finishSheetClose();\n else this.closeTimer = setTimeout(() => this.finishSheetClose(), duration);\n }\n }\n\n disconnectedCallback() {\n this.el.ownerDocument.removeEventListener('keydown', this.handleDocumentKeyDown, true);\n this.visibilityObserver?.disconnect();\n this.menuSurfaceOpen = false;\n this.finishSheetClose(false);\n }\n\n @Watch('presentation')\n handlePresentationChange() {\n this.menuSurfaceOpen = false;\n this.closeMenu();\n }\n\n @Watch('value')\n @Watch('pageLabel')\n handleContextChange() {\n this.closeMenu();\n }\n\n private finishSheetClose(restoreFocus = true) {\n if (this.closeTimer) clearTimeout(this.closeTimer);\n this.closeTimer = null;\n const wasOpen = this.dialogEl?.open;\n this.dialogEl?.close();\n this.themeObserver?.disconnect();\n this.menuOpen = false;\n this.sheetClosing = false;\n if (wasOpen && restoreFocus && this.triggerEl?.getClientRects().length) this.triggerEl.focus();\n }\n\n private updateBrowserEdgeColor = () => {\n if (!this.browserEdgeEl \|\| !this.dialogEl) return;\n const base = getComputedStyle(this.browserEdgeEl).color;\n const shade = getComputedStyle(this.dialogEl, '::backdrop').backgroundColor;\n const colors = `${base}\|${shade}`;\n if (colors === this.browserEdgeColors) return;\n // Let the browser resolve token colors, including alpha and non-sRGB syntax,\n // then flatten the shade over the bar into the opaque color Safari samples.\n const canvas = this.el.ownerDocument.createElement('canvas');\n canvas.width = canvas.height = 1;\n const context = canvas.getContext('2d');\n if (!context) return;\n context.fillStyle = base;\n context.fillRect(0, 0, 1, 1);\n context.fillStyle = shade;\n context.fillRect(0, 0, 1, 1);\n const [red, green, blue] = context.getImageData(0, 0, 1, 1).data;\n this.browserEdgeEl.style.setProperty(\n '--_mobile-section-edge-color',\n `rgb(${red}, ${green}, ${blue})`\n );\n this.browserEdgeColors = colors;\n };\n\n private observeBrowserEdgeTheme() {\n this.themeObserver ??= new MutationObserver(this.updateBrowserEdgeColor);\n // Token themes are inherited from the page or a containing theme scope.\n for (let ancestor: HTMLElement \| null = this.el; ancestor; ancestor = ancestor.parentElement) {\n this.themeObserver.observe(ancestor, {\n attributes: true,\n attributeFilter: ['class', 'style', 'data-theme'],\n });\n }\n }\n\n private focusSheetItem(id: string) {\n const buttons = Array.from(this.dialogEl?.querySelectorAll<HTMLButtonElement>('button') ?? []);\n const button =\n buttons.find(item => item.value === id && !item.disabled) ??\n buttons.find(item => !item.disabled);\n if (button) {\n this.focusedSection = button.value;\n button.focus();\n } else this.dialogEl?.focus();\n }\n\n private handleSheetKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n this.closeMenu();\n return;\n }\n const sections = this.selectableSections.filter(section => !section.isInactive);\n if (!sections.length) return;\n const index = Math.max(\n 0,\n sections.findIndex(section => section.id === this.focusedSection)\n );\n let next: number;\n if (event.key === 'ArrowDown') next = (index + 1) % sections.length;\n else if (event.key === 'ArrowUp') next = (index + sections.length - 1) % sections.length;\n else if (event.key === 'Home') next = 0;\n else if (event.key === 'End') next = sections.length - 1;\n else if (event.key === 'Tab') next = index;\n else if (\n event.key.length === 1 &&\n !event.ctrlKey &&\n !event.metaKey &&\n !event.altKey &&\n event.key !== ' '\n ) {\n const match = sections.findIndex((_, offset) =>\n sections[(index + offset + 1) % sections.length].label\n .toLowerCase()\n .startsWith(event.key.toLowerCase())\n );\n if (match < 0) return;\n next = (index + match + 1) % sections.length;\n } else return;\n event.preventDefault();\n this.initialFocusVisible = true;\n this.focusSheetItem(sections[next].id);\n };\n\n private get resolvedSections(): TabItem[] {\n return this.sections ?? [];\n }\n\n private get selectableSections(): TabItemTab[] {\n return getSelectableTabs(this.resolvedSections);\n }\n\n private get selectedIndex(): number {\n return resolveMobileSectionPosition(this.resolvedSections, this.value).selectedIndex;\n }\n\n private get selectedSection(): TabItemTab \| undefined {\n return this.selectableSections[this.selectedIndex];\n }\n\n private get hasPrevious(): boolean {\n return resolveMobileSectionPosition(this.resolvedSections, this.value).hasPrevious;\n }\n\n private get hasNext(): boolean {\n return resolveMobileSectionPosition(this.resolvedSections, this.value).hasNext;\n }\n\n private get triggerAriaLabel(): string {\n return `${this.presentation === 'sheet' && this.pageLabel ? `${this.pageLabel}. ` : ''}${this.navigationLabel}. Current section: ${this.selectedSection?.label ?? ''}`;\n }\n\n private get menuSections(): MenuSection[] {\n const groups: MenuSection[] = [];\n let items: MenuItemData[] = [];\n const commit = () => {\n if (items.length) groups.push({ items });\n items = [];\n };\n\n for (const section of this.resolvedSections) {\n if (isTabDivider(section)) {\n commit();\n continue;\n }\n items.push({\n label: section.label,\n value: section.id,\n dot: section.dot,\n isSelected: section.id === this.selectedSection?.id,\n isInactive: section.isInactive,\n });\n }\n commit();\n return groups;\n }\n\n @Watch('sections')\n handleSectionsChange() {\n if (this.selectableSections.length <= 1) {\n this.closeMenu();\n this.menuSurfaceOpen = false;\n } else if (this.dialogEl?.open && !this.sheetClosing) this.focusSheetItem(this.focusedSection);\n }\n\n private toggleMenu = (event: MouseEvent) => {\n if (this.selectableSections.length <= 1) return;\n this.initialFocusVisible = event.detail === 0;\n if (this.presentation === 'sheet') {\n if (this.menuOpen) this.closeMenu();\n else {\n this.focusedSection = this.selectedSection?.id ?? '';\n this.menuOpen = true;\n }\n return;\n }\n this.menuOpen = !this.menuOpen;\n if (this.menuOpen) this.menuSurfaceOpen = true;\n };\n\n private closeMenu = () => {\n this.menuOpen = false;\n if (this.dialogEl?.open) this.sheetClosing = true;\n };\n\n private renderSheet() {\n return (\n <dialog\n id={this.menuId}\n ref={element => {\n this.dialogEl = element ?? null;\n }}\n class={{ 'mobile-section-sheet': true, 'mobile-section-sheet--closing': this.sheetClosing }}\n aria-label={this.navigationLabel}\n tabIndex={-1}\n onCancel={event => {\n event.preventDefault();\n this.closeMenu();\n }}\n onKeyDown={this.handleSheetKeyDown}\n onClick={event => {\n if (!this.dialogEl \|\| event.target !== this.dialogEl) return;\n const rect = this.dialogEl.getBoundingClientRect();\n if (\n event.clientY < rect.top \|\|\n event.clientY > rect.bottom \|\|\n event.clientX < rect.left \|\|\n event.clientX > rect.right\n )\n this.closeMenu();\n }}\n >\n <div class=\"mobile-section-sheet__items\" role=\"menu\" aria-label={this.navigationLabel}>\n {this.resolvedSections.map(section =>\n isTabDivider(section) ? (\n <div class=\"mobile-section-sheet__divider\" role=\"separator\" />\n ) : (\n <button\n type=\"button\"\n role=\"menuitem\"\n value={section.id}\n disabled={section.isInactive}\n aria-current={section.id === this.selectedSection?.id ? 'page' : undefined}\n tabIndex={section.id === this.focusedSection ? 0 : -1}\n class={{\n 'mobile-section-sheet__item': true,\n 'ds-control--lg': true,\n 'ds-interaction-fill': true,\n 'ds-focus-ring-inset': true,\n 'ds-focus-ring--visible':\n this.initialFocusVisible && section.id === this.focusedSection,\n }}\n onFocus={() => {\n this.focusedSection = section.id;\n }}\n onClick={() => {\n if (this.sheetClosing \|\| section.isInactive) return;\n this.closeMenu();\n if (section.id !== this.selectedSection?.id) this.dsChange.emit(section.id);\n }}\n >\n <ds-text\n class=\"mobile-section-sheet__label ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-large\"\n color=\"inherit\"\n emphasis={section.id === this.selectedSection?.id}\n lineTruncation={1}\n >\n {section.label}\n </ds-text>\n </button>\n )\n )}\n </div>\n <div\n ref={element => {\n if (this.browserEdgeEl !== element) this.browserEdgeColors = '';\n this.browserEdgeEl = element ?? null;\n }}\n class=\"mobile-section-sheet__browser-edge\"\n aria-hidden=\"true\"\n />\n </dialog>\n );\n }\n\n private handleSelect = (event: CustomEvent<MenuItemData>) => {\n const id = String(event.detail.value ?? '');\n const section = this.selectableSections.find(candidate => candidate.id === id);\n if (!section \|\| section.isInactive) return;\n this.closeMenu();\n if (id !== this.selectedSection?.id) this.dsChange.emit(id);\n requestAnimationFrame(() => this.triggerEl?.focus());\n };\n\n render() {\n const selected = this.selectedSection;\n if (!selected) return <Host />;\n const combined = this.presentation === 'sheet' && !!this.pageLabel;\n\n return (\n <Host\n class={{ 'mobile-section-switcher--pointer-focus': this.pointerFocus }}\n onPointerDown={() => {\n this.pointerFocus = true;\n this.initialFocusVisible = false;\n }}\n >\n <button\n ref={element => {\n this.triggerEl = element ?? null;\n }}\n id={this.triggerId}\n class={{\n 'mobile-section-switcher': true,\n 'mobile-section-switcher--expanded': this.menuOpen,\n 'ds-interaction-fill--surface-open':\n this.menuSurfaceOpen \|\| this.menuOpen \|\| this.sheetClosing,\n 'mobile-section-switcher--sheet': this.presentation === 'sheet',\n 'mobile-section-switcher--combined': combined,\n 'ds-focus-ring-inset': true,\n 'ds-interaction-fill': true,\n }}\n type=\"button\"\n aria-haspopup={this.presentation === 'sheet' ? 'dialog' : 'menu'}\n aria-controls={this.menuId}\n aria-expanded={String(this.menuOpen)}\n aria-label={this.triggerAriaLabel}\n onClick={this.toggleMenu}\n >\n {this.presentation === 'menu' ? (\n <span\n class={{\n 'mobile-section-switcher__position': true,\n 'mobile-section-switcher__position--visible': this.hasPrevious,\n 'ds-interaction-fill__content': true,\n }}\n aria-hidden=\"true\"\n />\n ) : null}\n {combined\n ? [\n <ds-text\n class=\"mobile-section-switcher__page-label ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-large\"\n emphasis\n color=\"inherit\"\n lineTruncation={1}\n >\n {this.pageLabel}\n </ds-text>,\n <ds-text\n class=\"mobile-section-switcher__separator ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-large\"\n color=\"inherit\"\n aria-hidden=\"true\"\n >\n ·\n </ds-text>,\n ]\n : null}\n <ds-text\n class=\"mobile-section-switcher__label ds-interaction-fill__content\"\n as=\"span\"\n variant={this.presentation === 'sheet' ? 'text-body-large' : 'text-body-medium'}\n emphasis\n color=\"inherit\"\n lineTruncation={1}\n >\n {selected.label}\n </ds-text>\n {this.presentation === 'menu' ? (\n <span\n class={{\n 'mobile-section-switcher__position': true,\n 'mobile-section-switcher__position--visible': this.hasNext,\n 'ds-interaction-fill__content': true,\n }}\n aria-hidden=\"true\"\n />\n ) : null}\n </button>\n\n {this.presentation === 'sheet' \|\| this.sheetClosing ? (\n this.renderSheet()\n ) : this.selectableSections.length > 1 ? (\n <ds-menu\n id={this.menuId}\n anchorId={this.triggerId}\n align=\"center\"\n menuLabel={this.navigationLabel}\n open={this.menuOpen}\n initialFocusVisible={this.initialFocusVisible}\n sections={this.menuSections}\n onDsClose={this.closeMenu}\n onDsAfterClose={() => {\n if (!this.menuOpen) this.menuSurfaceOpen = false;\n }}\n onDsSelect={this.handleSelect}\n />\n ) : null}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-BU1B6NW8.js → p-CUDocY23.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{p as n,H as e,c as r,h as i,a as s,t as a}from"./index.js";import{d as o}from"./p-D0KD-Nr_.js";import{d as t}from"./p-CI7c9kp-.js";import{d}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as l}from"./p-Cihjy4WY.js";import{d as f}from"./p-BXSHN1OK.js";const u=[{label:"Today",value:"today",days:1,offset:0},{label:"Yesterday",value:"yesterday",days:1,offset:-1},{label:"Last 7 days",value:"last-7-days",days:7,offset:0},{label:"Last 14 days",value:"last-14-days",days:14,offset:0},{label:"Last 30 days",value:"last-30-days",days:30,offset:0},{label:"Last 60 days",value:"last-60-days",days:60,offset:0},{label:"Last 90 days",value:"last-90-days",days:90,offset:0}];const v=/^\d{4}-\d{2}-\d{2}$/;const h=new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"UTC"});function g(n){if(!v.test(n))return false;const[e,r,i]=n.split("-").map(Number);const s=new Date(Date.UTC(e,r-1,i));return s.getUTCFullYear()===e&&s.getUTCMonth()===r-1&&s.getUTCDate()===i}function b(n){if(!g(n))return"";return h.format(new Date(`${n}T00:00:00Z`))}const m=["jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"];function p(n){const e=n.trim();if(!e)return"";if(g(e))return e;const r=e.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);if(r){const n=`${r[3]}-${r[1].padStart(2,"0")}-${r[2].padStart(2,"0")}`;return g(n)?n:""}const i=e.match(/^([A-Za-z]{3})\s+(\d{1,2}),\s+(\d{4})$/);if(!i)return"";const s=m.indexOf(i[1].toLowerCase());if(s<0)return"";const a=`${i[3]}-${String(s+1).padStart(2,"0")}-${i[2].padStart(2,"0")}`;return g(a)?a:""}function y(n,e){if(!g(n))return"";const[r,i,s]=n.split("-").map(Number);const a=new Date(Date.UTC(r,i-1,s+e));return a.toISOString().slice(0,10)}function w(n){return`relative:${n}`}function k(n,e=n){const r=n<=e?[n,e]:[e,n];return`range:${r[0]}/${r[1]}`}function x(n){if(typeof n!=="string"||!n)return null;if(n.startsWith("relative:")){const e=n.slice("relative:".length);return u.some((n=>n.value===e))?{kind:"relative",preset:e}:null}if(n.startsWith("range:")){const[e,r,...i]=n.slice("range:".length).split("/");if(i.length||!g(e)||!g(r))return null;return e<=r?{kind:"range",start:e,end:r}:{kind:"range",start:r,end:e}}return g(n)?{kind:"range",start:n,end:n}:null}const $=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];const D=new Intl.DateTimeFormat("en-US",{month:"long",year:"numeric",timeZone:"UTC"});const T=new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric",timeZone:"UTC"});function C(){const n=new Date;const e=n.getFullYear();const r=String(n.getMonth()+1).padStart(2,"0");const i=String(n.getDate()).padStart(2,"0");return`${e}-${r}-${i}`}function z(n){return g(n)?n.slice(0,7):C().slice(0,7)}function j(n,e){const[r,i]=n.split("-").map(Number);const s=new Date(Date.UTC(r,i-1+e,1));return`${s.getUTCFullYear()}-${String(s.getUTCMonth()+1).padStart(2,"0")}`}function _(n){const[e,r]=n.split("-").map(Number);return D.format(new Date(Date.UTC(e,r-1,1)))}function E(n){const[e,r]=n.split("-").map(Number);const i=`${e}-${String(r).padStart(2,"0")}-01`;const s=new Date(`${i}T00:00:00Z`).getUTCDay();const a=y(i,-s);return Array.from({length:42},((e,r)=>{const i=y(a,r);const s=new Date(`${i}T00:00:00Z`);return{value:i,day:s.getUTCDate(),inMonth:i.startsWith(`${n}-`),label:T.format(s)}}))}function L(n,e,r){return n?e:r}const S=()=>`.sc-ds-calendar-h,.sc-ds-calendar:where(.ds-table),.sc-ds-calendar:where(.tooltip-popup),.sc-ds-calendar:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-calendar,.ds-control--lg.sc-ds-calendar-h,.ds-control--md.sc-ds-calendar-h,.ds-control--md.sc-ds-calendar,.ds-control--sm.sc-ds-calendar-h,.ds-control--sm.sc-ds-calendar,.ds-control--xs.sc-ds-calendar-h,.ds-control--xs.sc-ds-calendar{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-calendar-h,.ds-control--lg.sc-ds-calendar{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-calendar-h,.ds-control--md.sc-ds-calendar{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-calendar-h,.ds-control--sm.sc-ds-calendar{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-calendar-h,.ds-control--xs.sc-ds-calendar{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}@media (forced-colors: active){.sc-ds-calendar:root,.sc-ds-calendar-h,.ds-forced-colors-scope.sc-ds-calendar{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-calendar-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-calendar-h,.ds-focus-ring.sc-ds-calendar,.ds-focus-ring-inset.sc-ds-calendar-h,.ds-focus-ring-inset.sc-ds-calendar{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-calendar-h:focus-visible,.ds-focus-ring.sc-ds-calendar:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-calendar-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-calendar{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-calendar-h:focus-visible,.ds-focus-ring-inset.sc-ds-calendar:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-calendar-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-calendar:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-calendar-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-calendar:root,.sc-ds-calendar-h,.ds-forced-colors-scope.sc-ds-calendar{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-calendar-h,.ds-interaction-fill.sc-ds-calendar{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-calendar-h::before,.ds-interaction-fill.sc-ds-calendar::before,.ds-interaction-fill.sc-ds-calendar-h::after,.ds-interaction-fill.sc-ds-calendar::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-calendar-h::before,.ds-interaction-fill.sc-ds-calendar::before{z-index:1}.ds-interaction-fill.sc-ds-calendar-h::after,.ds-interaction-fill.sc-ds-calendar::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-calendar-h,.ds-interaction-fill--bordered.sc-ds-calendar{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-calendar-h::before,.ds-interaction-fill--selected.sc-ds-calendar::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-calendar-h,.ds-interaction-fill--selected.sc-ds-calendar{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-calendar-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-calendar:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-calendar-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-calendar:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-calendar-h::after,.ds-interaction-fill--grouped.sc-ds-calendar::after,.ds-interaction-fill--grouped.sc-ds-calendar-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-calendar:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-calendar-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-calendar:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-calendar-h,.ds-interaction-fill--grouped.sc-ds-calendar{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-calendar-h>.ds-interaction-fill__content.sc-ds-calendar,.ds-interaction-fill.sc-ds-calendar>.ds-interaction-fill__content.sc-ds-calendar,.ds-interaction-fill__content.sc-ds-calendar{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-calendar-h,.ds-interaction-fill--on-faint.sc-ds-calendar{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-calendar-h,.ds-interaction-fill--on-medium.sc-ds-calendar{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-calendar-h,.ds-interaction-fill--on-bold.sc-ds-calendar{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-calendar-h,.ds-interaction-fill--on-strong.sc-ds-calendar{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-calendar-h,.ds-interaction-fill--on-translucent.sc-ds-calendar{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-calendar-h,.ds-interaction-fill--on-inverted.sc-ds-calendar{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-calendar-h,.ds-interaction-fill--on-media.sc-ds-calendar{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-calendar-h,.ds-interaction-fill--on-always-dark.sc-ds-calendar{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-calendar-h,.ds-interaction-fill--on-navigation.sc-ds-calendar{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-calendar-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-calendar:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-calendar-h::after,.ds-interaction-fill.sc-ds-calendar::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-calendar-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-calendar:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-calendar-h::before,.ds-interaction-fill--selected.sc-ds-calendar::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-calendar-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-calendar:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-calendar:root,.sc-ds-calendar-h,.ds-forced-colors-scope.sc-ds-calendar{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-calendar-h{display:flex;min-height:0;flex-direction:column}.calendar.sc-ds-calendar{display:flex;min-height:0;flex-direction:column;min-width:calc(     (var(--dimension-size-400) * 7) + (var(--dimension-space-050) * 6) +       (var(--dimension-space-100) * 2)   );padding:var(--ds-calendar-padding, var(--dimension-space-100))}.calendar-heading.sc-ds-calendar{display:grid;grid-template-columns:var(--dimension-size-400) minmax(0, 1fr) var(--dimension-size-400);align-items:center;text-align:center}.calendar-nav--previous.sc-ds-calendar{justify-self:start}.calendar-nav--next.sc-ds-calendar{justify-self:end}.calendar-weekdays.sc-ds-calendar,.calendar-grid__row.sc-ds-calendar{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:var(--dimension-space-050)}.calendar-grid.sc-ds-calendar{display:flex;flex-direction:column;row-gap:var(--dimension-space-050)}.calendar-weekdays.sc-ds-calendar{align-items:center;min-height:var(--dimension-size-400);margin-block-start:var(--dimension-space-050);color:var(--color-foreground-secondary);text-align:center}.calendar-day.sc-ds-calendar{appearance:none;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:var(--dimension-size-400);padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;color:var(--color-foreground-primary);cursor:default}.calendar-day.sc-ds-calendar:disabled{cursor:not-allowed}.calendar-day--outside.sc-ds-calendar{color:var(--color-foreground-tertiary)}.calendar-day--in-range.sc-ds-calendar{background:var(--color-background-faint-brand);color:var(--color-foreground-primary)}.calendar-day.ds-interaction-fill.calendar-day--range-preview.sc-ds-calendar:not(:disabled)::after{background:var(--ds-interaction-hover)}.calendar-day.ds-interaction-fill.calendar-day--range-preview.sc-ds-calendar:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.calendar-day--today.sc-ds-calendar{color:var(--color-foreground-primary)}.calendar-day--range-edge.sc-ds-calendar{background:var(--color-background-bold-brand);color:var(--color-foreground-on-bold-background-primary)}@media (forced-colors: active){.calendar-day--range-edge.sc-ds-calendar{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content)}}`;const B=n(class n extends e{constructor(n){super();if(n!==false){this.__registerHost()}this.dsChange=r(this,"dsChange",7);this.selectionMode="single";this.value="";this.isInactive=false;this.autoFocus=false;this.month=z(C());this.pendingStart="";this.previewEnd="";this.heldRange=null;this.moveMonth=n=>{this.previewEnd="";this.month=j(this.month,n)};this.selectDate=n=>{if(this.isDisabled(n))return;this.previewEnd="";if(this.selectionMode==="single"){this.pendingStart="";this.heldRange=null;this.dsChange.emit(n);return}const e=this.pendingStart;if(e){this.pendingStart="";this.heldRange=null;this.dsChange.emit(k(e,n));return}const r=x(this.value);this.heldRange=r?.kind==="range"?{start:r.start,end:r.end}:null;this.pendingStart=n;this.dsChange.emit(k(n,n))};this.previewRange=n=>{if(!this.pendingStart||this.previewEnd===n)return;this.previewEnd=n};this.clearPreview=()=>{if(!this.previewEnd)return;this.previewEnd=""};this.handleDayKeyDown=(n,e)=>{let r=null;if(n.key==="ArrowLeft")r=-1;else if(n.key==="ArrowRight")r=1;else if(n.key==="ArrowUp")r=-7;else if(n.key==="ArrowDown")r=7;else if(n.key==="Home"){r=-new Date(`${e}T00:00:00Z`).getUTCDay()}else if(n.key==="End"){r=6-new Date(`${e}T00:00:00Z`).getUTCDay()}else if(n.key==="PageUp"||n.key==="PageDown"){const r=j(z(e),n.key==="PageUp"?-1:1);const i=`${r}-${e.slice(8,10)}`;n.preventDefault();this.focusDate(g(i)?i:`${r}-01`);return}if(r===null)return;n.preventDefault();this.focusDate(y(e,r))}}componentWillLoad(){this.month=z(this.anchorDate())}componentDidLoad(){if(this.autoFocus)void this.setFocus()}onValueChange(){this.month=z(this.anchorDate())}async setFocus(){this.el.querySelector('.calendar-day[tabindex="0"]')?.focus()}anchorDate(){if(this.selectionMode==="range"){const n=x(this.value);if(n?.kind==="range")return n.start;return C()}return g(this.value)?this.value:C()}isDisabled(n){if(this.isInactive)return true;if(this.min&&g(this.min)&&n<this.min)return true;if(this.max&&g(this.max)&&n>this.max)return true;return false}focusDate(n){this.previewRange(n);const e=z(n);if(this.month!==e)this.month=e;requestAnimationFrame((()=>{this.el.querySelector(`[data-date-option="${n}"]`)?.focus()}))}render(){const n=this.selectionMode==="range"?x(this.value):null;const e=n?.kind==="range"?n:null;const r=L(this.pendingStart,this.heldRange,e);const a=E(this.month);const o=Array.from({length:6},((n,e)=>a.slice(e*7,e*7+7)));const t=C();const d=this.pendingStart&&this.previewEnd?[this.pendingStart,this.previewEnd].sort()[0]:null;const c=this.pendingStart&&this.previewEnd?[this.pendingStart,this.previewEnd].sort()[1]:null;const l=this.selectionMode==="single"&&g(this.value)?this.value:"";const f=this.pendingStart||l||r?.end||(this.month===t.slice(0,7)?t:"");const u=a.some((n=>n.value===f))?f:a.find((n=>n.inMonth))?.value??a[0]?.value;return i(s,{key:"7ec88683cc15f2c080770ed4db5a1ef3369e8661"},i("div",{key:"08783e78daf4f59ab38fb5084c8f2806fd51b098",class:"calendar"},i("div",{key:"e1d9d2bce6eb5d38c7e1be5d795fbeb03b8317f6",class:"calendar-heading ds-control--md"},i("ds-button-unfilled",{key:"d14cd644baa8db85a26ce082669da1b25fd62387",class:"calendar-nav calendar-nav--previous",variant:"icon",icon:"ChevronLeft",size:"md",hasBorder:false,isInactive:this.isInactive,ariaLabel:"Previous month",onDsClick:()=>this.moveMonth(-1)}),i("ds-text",{key:"da200b853bfe4b9fda83ba954330d3084bdd8c13",as:"span",variant:"text-body-medium",emphasis:true,color:"primary"},_(this.month)),i("ds-button-unfilled",{key:"279c75a70d88109a81848f39f81a1bf8bf867edb",class:"calendar-nav calendar-nav--next",variant:"icon",icon:"ChevronRight",size:"md",hasBorder:false,isInactive:this.isInactive,ariaLabel:"Next month",onDsClick:()=>this.moveMonth(1)})),i("div",{key:"9c1214a47c0ecdb12a19f624794f75a66b325d20",class:"calendar-weekdays","aria-hidden":"true"},$.map((n=>i("ds-text",{as:"span",variant:"text-body-small",color:"secondary"},n)))),i("div",{key:"dc3848af14cce81ebf3ebea865abab1c3d30b501",class:"calendar-grid",role:"grid","aria-label":_(this.month),onMouseLeave:this.clearPreview},o.map(((n,s)=>i("div",{class:"calendar-grid__row",role:"row",key:`week-${s}`},n.map((n=>{const s=Boolean(e&&n.value>=e.start&&n.value<=e.end);const a=Boolean(r&&n.value>=r.start&&n.value<=r.end);const o=this.selectionMode==="range"&&Boolean(this.pendingStart)&&n.value===this.pendingStart;const f=Boolean(this.pendingStart&&d&&c&&n.value>=d&&n.value<=c&&n.value!==this.pendingStart);const v=this.selectionMode==="range"&&a;const h=Boolean(this.selectionMode==="range"&&r&&(n.value===r.start||n.value===r.end));const g=this.selectionMode==="single"&&n.value===l;const b=h?"on-bold":g||v||o||f||n.value===t?"primary":n.inMonth?"secondary":"tertiary";return i("button",{type:"button",role:"gridcell","data-date-option":n.value,class:{"calendar-day":true,"calendar-day--outside":!n.inMonth,"calendar-day--today":n.value===t,"calendar-day--in-range":v,"calendar-day--range-preview":f,"calendar-day--range-edge":h,"calendar-day--selected":g,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-interaction-fill--on-bold":h,"ds-interaction-fill--surface-open":o&&!this.isDisabled(n.value),"ds-interaction-fill--selected":g&&!this.isDisabled(n.value)},disabled:this.isDisabled(n.value),"aria-label":n.label,"aria-selected":s||g?"true":"false",tabIndex:n.value===u?0:-1,onMouseEnter:()=>this.previewRange(n.value),onFocus:()=>this.previewRange(n.value),onClick:()=>this.selectDate(n.value),onKeyDown:e=>this.handleDayKeyDown(e,n.value)},i("ds-text",{class:"ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:b,emphasis:n.value===t},n.day))}))))))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return S()}},[2,"ds-calendar",{selectionMode:[1,"selection-mode"],value:[1],min:[1],max:[1],isInactive:[4,"is-inactive"],autoFocus:[4,"auto-focus"],month:[32],pendingStart:[32],previewEnd:[32],heldRange:[32],setFocus:[64]},undefined,{value:[{onValueChange:0}]}]);function U(){if(typeof customElements==="undefined"){return}const n=["ds-calendar","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];n.forEach((n=>{switch(n){case"ds-calendar":if(!customElements.get(a(n))){customElements.define(a(n),B)}break;case"ds-badge":if(!customElements.get(a(n))){o()}break;case"ds-button-unfilled":if(!customElements.get(a(n))){t()}break;case"ds-icon":if(!customElements.get(a(n))){d()}break;case"ds-loader":if(!customElements.get(a(n))){c()}break;case"ds-text":if(!customElements.get(a(n))){l()}break;case"ds-tooltip":if(!customElements.get(a(n))){f()}break}}))}U();export{B as C,u as D,w as a,p as b,U as d,b as f,g as i,x as p};
-//# sourceMappingURL=p-BU1B6NW8.js.map
+import{p as n,H as e,c as r,h as i,a as s,t as a}from"./index.js";import{d as o}from"./p-CwdRaJER.js";import{d as t}from"./p-D6FRqNhN.js";import{d}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as l}from"./p-D8OWhnID.js";import{d as f}from"./p-DIQiHX0q.js";const u=[{label:"Today",value:"today",days:1,offset:0},{label:"Yesterday",value:"yesterday",days:1,offset:-1},{label:"Last 7 days",value:"last-7-days",days:7,offset:0},{label:"Last 14 days",value:"last-14-days",days:14,offset:0},{label:"Last 30 days",value:"last-30-days",days:30,offset:0},{label:"Last 60 days",value:"last-60-days",days:60,offset:0},{label:"Last 90 days",value:"last-90-days",days:90,offset:0}];const v=/^\d{4}-\d{2}-\d{2}$/;const h=new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"UTC"});function g(n){if(!v.test(n))return false;const[e,r,i]=n.split("-").map(Number);const s=new Date(Date.UTC(e,r-1,i));return s.getUTCFullYear()===e&&s.getUTCMonth()===r-1&&s.getUTCDate()===i}function m(n){if(!g(n))return"";return h.format(new Date(`${n}T00:00:00Z`))}const b=["jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"];function p(n){const e=n.trim();if(!e)return"";if(g(e))return e;const r=e.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);if(r){const n=`${r[3]}-${r[1].padStart(2,"0")}-${r[2].padStart(2,"0")}`;return g(n)?n:""}const i=e.match(/^([A-Za-z]{3})\s+(\d{1,2}),\s+(\d{4})$/);if(!i)return"";const s=b.indexOf(i[1].toLowerCase());if(s<0)return"";const a=`${i[3]}-${String(s+1).padStart(2,"0")}-${i[2].padStart(2,"0")}`;return g(a)?a:""}function y(n,e){if(!g(n))return"";const[r,i,s]=n.split("-").map(Number);const a=new Date(Date.UTC(r,i-1,s+e));return a.toISOString().slice(0,10)}function w(n){return`relative:${n}`}function k(n,e=n){const r=n<=e?[n,e]:[e,n];return`range:${r[0]}/${r[1]}`}function x(n){if(typeof n!=="string"||!n)return null;if(n.startsWith("relative:")){const e=n.slice("relative:".length);return u.some((n=>n.value===e))?{kind:"relative",preset:e}:null}if(n.startsWith("range:")){const[e,r,...i]=n.slice("range:".length).split("/");if(i.length||!g(e)||!g(r))return null;return e<=r?{kind:"range",start:e,end:r}:{kind:"range",start:r,end:e}}return g(n)?{kind:"range",start:n,end:n}:null}const D=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];const $=new Intl.DateTimeFormat("en-US",{month:"long",year:"numeric",timeZone:"UTC"});const T=new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric",timeZone:"UTC"});function C(){const n=new Date;const e=n.getFullYear();const r=String(n.getMonth()+1).padStart(2,"0");const i=String(n.getDate()).padStart(2,"0");return`${e}-${r}-${i}`}function z(n){return g(n)?n.slice(0,7):C().slice(0,7)}function j(n,e){const[r,i]=n.split("-").map(Number);const s=new Date(Date.UTC(r,i-1+e,1));return`${s.getUTCFullYear()}-${String(s.getUTCMonth()+1).padStart(2,"0")}`}function E(n){const[e,r]=n.split("-").map(Number);return $.format(new Date(Date.UTC(e,r-1,1)))}function L(n){const[e,r]=n.split("-").map(Number);const i=`${e}-${String(r).padStart(2,"0")}-01`;const s=new Date(`${i}T00:00:00Z`).getUTCDay();const a=y(i,-s);return Array.from({length:42},((e,r)=>{const i=y(a,r);const s=new Date(`${i}T00:00:00Z`);return{value:i,day:s.getUTCDate(),inMonth:i.startsWith(`${n}-`),label:T.format(s)}}))}function _(n,e,r){return n?e:r}const S=()=>`.sc-ds-calendar-h,.sc-ds-calendar:where(.ds-table),.sc-ds-calendar:where(.tooltip-popup),.sc-ds-calendar:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-calendar,.ds-control--lg.sc-ds-calendar-h,.ds-control--md.sc-ds-calendar-h,.ds-control--md.sc-ds-calendar,.ds-control--sm.sc-ds-calendar-h,.ds-control--sm.sc-ds-calendar,.ds-control--xs.sc-ds-calendar-h,.ds-control--xs.sc-ds-calendar{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-calendar-h,.ds-control--lg.sc-ds-calendar{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-calendar-h,.ds-control--md.sc-ds-calendar{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-calendar-h,.ds-control--sm.sc-ds-calendar{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-calendar-h,.ds-control--xs.sc-ds-calendar{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}@media (forced-colors: active){.sc-ds-calendar:root,.sc-ds-calendar-h,.ds-forced-colors-scope.sc-ds-calendar{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-calendar-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-calendar-h,.ds-focus-ring.sc-ds-calendar,.ds-focus-ring-inset.sc-ds-calendar-h,.ds-focus-ring-inset.sc-ds-calendar{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-calendar-h:focus-visible,.ds-focus-ring.sc-ds-calendar:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-calendar-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-calendar{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-calendar-h:focus-visible,.ds-focus-ring-inset.sc-ds-calendar:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-calendar-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-calendar:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-calendar::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-calendar-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-calendar:root,.sc-ds-calendar-h,.ds-forced-colors-scope.sc-ds-calendar{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-calendar-h,.ds-interaction-fill.sc-ds-calendar{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-calendar-h::before,.ds-interaction-fill.sc-ds-calendar::before,.ds-interaction-fill.sc-ds-calendar-h::after,.ds-interaction-fill.sc-ds-calendar::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-calendar-h::before,.ds-interaction-fill.sc-ds-calendar::before{z-index:1}.ds-interaction-fill.sc-ds-calendar-h::after,.ds-interaction-fill.sc-ds-calendar::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-calendar-h,.ds-interaction-fill--bordered.sc-ds-calendar{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-calendar-h::before,.ds-interaction-fill--selected.sc-ds-calendar::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-calendar-h,.ds-interaction-fill--selected.sc-ds-calendar{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-calendar-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-calendar:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-calendar-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-calendar:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-calendar-h::after,.ds-interaction-fill--grouped.sc-ds-calendar::after,.ds-interaction-fill--grouped.sc-ds-calendar-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-calendar:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-calendar-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-calendar:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-calendar-h,.ds-interaction-fill--grouped.sc-ds-calendar{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-calendar-h>.ds-interaction-fill__content.sc-ds-calendar,.ds-interaction-fill.sc-ds-calendar>.ds-interaction-fill__content.sc-ds-calendar,.ds-interaction-fill__content.sc-ds-calendar{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-calendar-h,.ds-interaction-fill--on-faint.sc-ds-calendar{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-calendar-h,.ds-interaction-fill--on-medium.sc-ds-calendar{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-calendar-h,.ds-interaction-fill--on-bold.sc-ds-calendar{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-calendar-h,.ds-interaction-fill--on-strong.sc-ds-calendar{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-calendar-h,.ds-interaction-fill--on-translucent.sc-ds-calendar{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-calendar-h,.ds-interaction-fill--on-inverted.sc-ds-calendar{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-calendar-h,.ds-interaction-fill--on-media.sc-ds-calendar{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-calendar-h,.ds-interaction-fill--on-always-dark.sc-ds-calendar{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-calendar-h,.ds-interaction-fill--on-chrome.sc-ds-calendar{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-calendar-h,.ds-interaction-fill--on-navigation.sc-ds-calendar{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-calendar-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-calendar:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-calendar-h::after,.ds-interaction-fill.sc-ds-calendar::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-calendar-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-calendar:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-calendar-h::before,.ds-interaction-fill--selected.sc-ds-calendar::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-calendar-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-calendar:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-calendar:root,.sc-ds-calendar-h,.ds-forced-colors-scope.sc-ds-calendar{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-calendar-h{display:flex;min-height:0;flex-direction:column}.calendar.sc-ds-calendar{display:flex;min-height:0;flex-direction:column;min-width:calc(     (var(--dimension-size-400) * 7) + (var(--dimension-space-050) * 6) +       (var(--dimension-space-100) * 2)   );padding:var(--ds-calendar-padding, var(--dimension-space-100))}.calendar-heading.sc-ds-calendar{display:grid;grid-template-columns:var(--dimension-size-400) minmax(0, 1fr) var(--dimension-size-400);align-items:center;text-align:center}.calendar-nav--previous.sc-ds-calendar{justify-self:start}.calendar-nav--next.sc-ds-calendar{justify-self:end}.calendar-weekdays.sc-ds-calendar,.calendar-grid__row.sc-ds-calendar{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:var(--dimension-space-050)}.calendar-grid.sc-ds-calendar{display:flex;flex-direction:column;row-gap:var(--dimension-space-050)}.calendar-weekdays.sc-ds-calendar{align-items:center;min-height:var(--dimension-size-400);margin-block-start:var(--dimension-space-050);color:var(--color-foreground-secondary);text-align:center}.calendar-day.sc-ds-calendar{appearance:none;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:var(--dimension-size-400);padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;color:var(--color-foreground-primary);cursor:default}.calendar-day.sc-ds-calendar:disabled{cursor:not-allowed}.calendar-day--outside.sc-ds-calendar{color:var(--color-foreground-tertiary)}.calendar-day--in-range.sc-ds-calendar{background:var(--color-background-faint-brand);color:var(--color-foreground-primary)}.calendar-day.ds-interaction-fill.calendar-day--range-preview.sc-ds-calendar:not(:disabled)::after{background:var(--ds-interaction-hover)}.calendar-day.ds-interaction-fill.calendar-day--range-preview.sc-ds-calendar:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.calendar-day--today.sc-ds-calendar{color:var(--color-foreground-primary)}.calendar-day--range-edge.sc-ds-calendar{background:var(--color-background-bold-brand);color:var(--color-foreground-on-bold-background-primary)}@media (forced-colors: active){.calendar-day--range-edge.sc-ds-calendar{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content)}}`;const B=n(class n extends e{constructor(n){super();if(n!==false){this.__registerHost()}this.dsChange=r(this,"dsChange",7);this.selectionMode="single";this.value="";this.isInactive=false;this.autoFocus=false;this.month=z(C());this.pendingStart="";this.previewEnd="";this.heldRange=null;this.moveMonth=n=>{this.previewEnd="";this.month=j(this.month,n)};this.selectDate=n=>{if(this.isDisabled(n))return;this.previewEnd="";if(this.selectionMode==="single"){this.pendingStart="";this.heldRange=null;this.dsChange.emit(n);return}const e=this.pendingStart;if(e){this.pendingStart="";this.heldRange=null;this.dsChange.emit(k(e,n));return}const r=x(this.value);this.heldRange=r?.kind==="range"?{start:r.start,end:r.end}:null;this.pendingStart=n;this.dsChange.emit(k(n,n))};this.previewRange=n=>{if(!this.pendingStart||this.previewEnd===n)return;this.previewEnd=n};this.clearPreview=()=>{if(!this.previewEnd)return;this.previewEnd=""};this.handleDayKeyDown=(n,e)=>{let r=null;if(n.key==="ArrowLeft")r=-1;else if(n.key==="ArrowRight")r=1;else if(n.key==="ArrowUp")r=-7;else if(n.key==="ArrowDown")r=7;else if(n.key==="Home"){r=-new Date(`${e}T00:00:00Z`).getUTCDay()}else if(n.key==="End"){r=6-new Date(`${e}T00:00:00Z`).getUTCDay()}else if(n.key==="PageUp"||n.key==="PageDown"){const r=j(z(e),n.key==="PageUp"?-1:1);const i=`${r}-${e.slice(8,10)}`;n.preventDefault();this.focusDate(g(i)?i:`${r}-01`);return}if(r===null)return;n.preventDefault();this.focusDate(y(e,r))}}componentWillLoad(){this.month=z(this.anchorDate())}componentDidLoad(){if(this.autoFocus)void this.setFocus()}onValueChange(){this.month=z(this.anchorDate())}async setFocus(){this.el.querySelector('.calendar-day[tabindex="0"]')?.focus()}anchorDate(){if(this.selectionMode==="range"){const n=x(this.value);if(n?.kind==="range")return n.start;return C()}return g(this.value)?this.value:C()}isDisabled(n){if(this.isInactive)return true;if(this.min&&g(this.min)&&n<this.min)return true;if(this.max&&g(this.max)&&n>this.max)return true;return false}focusDate(n){this.previewRange(n);const e=z(n);if(this.month!==e)this.month=e;requestAnimationFrame((()=>{this.el.querySelector(`[data-date-option="${n}"]`)?.focus()}))}render(){const n=this.selectionMode==="range"?x(this.value):null;const e=n?.kind==="range"?n:null;const r=_(this.pendingStart,this.heldRange,e);const a=L(this.month);const o=Array.from({length:6},((n,e)=>a.slice(e*7,e*7+7)));const t=C();const d=this.pendingStart&&this.previewEnd?[this.pendingStart,this.previewEnd].sort()[0]:null;const c=this.pendingStart&&this.previewEnd?[this.pendingStart,this.previewEnd].sort()[1]:null;const l=this.selectionMode==="single"&&g(this.value)?this.value:"";const f=this.pendingStart||l||r?.end||(this.month===t.slice(0,7)?t:"");const u=a.some((n=>n.value===f))?f:a.find((n=>n.inMonth))?.value??a[0]?.value;return i(s,{key:"7ec88683cc15f2c080770ed4db5a1ef3369e8661"},i("div",{key:"08783e78daf4f59ab38fb5084c8f2806fd51b098",class:"calendar"},i("div",{key:"e1d9d2bce6eb5d38c7e1be5d795fbeb03b8317f6",class:"calendar-heading ds-control--md"},i("ds-button-unfilled",{key:"d14cd644baa8db85a26ce082669da1b25fd62387",class:"calendar-nav calendar-nav--previous",variant:"icon",icon:"ChevronLeft",size:"md",hasBorder:false,isInactive:this.isInactive,ariaLabel:"Previous month",onDsClick:()=>this.moveMonth(-1)}),i("ds-text",{key:"da200b853bfe4b9fda83ba954330d3084bdd8c13",as:"span",variant:"text-body-medium",emphasis:true,color:"primary"},E(this.month)),i("ds-button-unfilled",{key:"279c75a70d88109a81848f39f81a1bf8bf867edb",class:"calendar-nav calendar-nav--next",variant:"icon",icon:"ChevronRight",size:"md",hasBorder:false,isInactive:this.isInactive,ariaLabel:"Next month",onDsClick:()=>this.moveMonth(1)})),i("div",{key:"9c1214a47c0ecdb12a19f624794f75a66b325d20",class:"calendar-weekdays","aria-hidden":"true"},D.map((n=>i("ds-text",{as:"span",variant:"text-body-small",color:"secondary"},n)))),i("div",{key:"dc3848af14cce81ebf3ebea865abab1c3d30b501",class:"calendar-grid",role:"grid","aria-label":E(this.month),onMouseLeave:this.clearPreview},o.map(((n,s)=>i("div",{class:"calendar-grid__row",role:"row",key:`week-${s}`},n.map((n=>{const s=Boolean(e&&n.value>=e.start&&n.value<=e.end);const a=Boolean(r&&n.value>=r.start&&n.value<=r.end);const o=this.selectionMode==="range"&&Boolean(this.pendingStart)&&n.value===this.pendingStart;const f=Boolean(this.pendingStart&&d&&c&&n.value>=d&&n.value<=c&&n.value!==this.pendingStart);const v=this.selectionMode==="range"&&a;const h=Boolean(this.selectionMode==="range"&&r&&(n.value===r.start||n.value===r.end));const g=this.selectionMode==="single"&&n.value===l;const m=h?"on-bold":g||v||o||f||n.value===t?"primary":n.inMonth?"secondary":"tertiary";return i("button",{type:"button",role:"gridcell","data-date-option":n.value,class:{"calendar-day":true,"calendar-day--outside":!n.inMonth,"calendar-day--today":n.value===t,"calendar-day--in-range":v,"calendar-day--range-preview":f,"calendar-day--range-edge":h,"calendar-day--selected":g,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-interaction-fill--on-bold":h,"ds-interaction-fill--surface-open":o&&!this.isDisabled(n.value),"ds-interaction-fill--selected":g&&!this.isDisabled(n.value)},disabled:this.isDisabled(n.value),"aria-label":n.label,"aria-selected":s||g?"true":"false",tabIndex:n.value===u?0:-1,onMouseEnter:()=>this.previewRange(n.value),onFocus:()=>this.previewRange(n.value),onClick:()=>this.selectDate(n.value),onKeyDown:e=>this.handleDayKeyDown(e,n.value)},i("ds-text",{class:"ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:m,emphasis:n.value===t},n.day))}))))))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return S()}},[2,"ds-calendar",{selectionMode:[1,"selection-mode"],value:[1],min:[1],max:[1],isInactive:[4,"is-inactive"],autoFocus:[4,"auto-focus"],month:[32],pendingStart:[32],previewEnd:[32],heldRange:[32],setFocus:[64]},undefined,{value:[{onValueChange:0}]}]);function U(){if(typeof customElements==="undefined"){return}const n=["ds-calendar","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];n.forEach((n=>{switch(n){case"ds-calendar":if(!customElements.get(a(n))){customElements.define(a(n),B)}break;case"ds-badge":if(!customElements.get(a(n))){o()}break;case"ds-button-unfilled":if(!customElements.get(a(n))){t()}break;case"ds-icon":if(!customElements.get(a(n))){d()}break;case"ds-loader":if(!customElements.get(a(n))){c()}break;case"ds-text":if(!customElements.get(a(n))){l()}break;case"ds-tooltip":if(!customElements.get(a(n))){f()}break}}))}U();export{B as C,u as D,w as a,p as b,U as d,m as f,g as i,x as p};
+//# sourceMappingURL=p-CUDocY23.js.map

package/dist/components/{p-BU1B6NW8.js.map → p-CUDocY23.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["DATE_FILTER_RELATIVE_PRESETS","label","value","days","offset","ISO_DATE_PATTERN","ISO_CALENDAR_DATE_LABEL","Intl","DateTimeFormat","month","day","year","timeZone","isIsoCalendarDate","test","split","map","Number","date","Date","UTC","getUTCFullYear","getUTCMonth","getUTCDate","formatIsoCalendarDateLabel","format","MONTH_LABELS","parseLooseCalendarDate","trimmed","trim","numeric","match","iso","padStart","labelled","monthIndex","indexOf","toLowerCase","String","shiftIsoCalendarDate","toISOString","slice","dateFilterRelativeValue","preset","dateFilterRangeValue","start","end","ordered","parseDateFilterValue","startsWith","length","some","candidate","kind","rest","CALENDAR_WEEKDAYS","MONTH_FORMATTER","DATE_FORMATTER","weekday","calendarToday","today","getFullYear","getMonth","getDate","calendarMonth","shiftCalendarMonth","calendarMonthLabel","calendarDays","firstOfMonth","firstWeekday","getUTCDay","gridStart","Array","from","_","index","dateValue","inMonth","calendarPaintedRange","pendingStart","heldRange","valueRange","calendarCss","Calendar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","selectionMode","isInactive","autoFocus","previewEnd","moveMonth","selectDate","isDisabled","dsChange","emit","pending","current","previewRange","clearPreview","handleDayKeyDown","event","key","preventDefault","focusDate","componentWillLoad","anchorDate","componentDidLoad","setFocus","onValueChange","el","querySelector","focus","parsed","min","max","targetMonth","requestAnimationFrame","render","liveRange","liveRangeValue","rangeValue","weeks","previewStart","sort","previewFinish","selectedSingle","preferredFocus","find","h","Host","class","variant","icon","size","hasBorder","ariaLabel","onDsClick","as","emphasis","color","role","onMouseLeave","week","weekIndex","selectedInRange","Boolean","paintedInRange","pendingStartDay","previewInRange","inRange","rangeEdge","selected","textColor","type","disabled","tabIndex","onMouseEnter","onFocus","onClick","onKeyDown"],"sources":["src/wc/utils/date-filter-value.ts","src/wc/components/Calendar/calendar-grid.ts","src/wc/components/Calendar/Calendar.css?tag=ds-calendar&encapsulation=scoped","src/wc/components/Calendar/Calendar.tsx"],"sourcesContent":["export const DATE_FILTER_RELATIVE_PRESETS = [\n { label: 'Today', value: 'today', days: 1, offset: 0 },\n { label: 'Yesterday', value: 'yesterday', days: 1, offset: -1 },\n { label: 'Last 7 days', value: 'last-7-days', days: 7, offset: 0 },\n { label: 'Last 14 days', value: 'last-14-days', days: 14, offset: 0 },\n { label: 'Last 30 days', value: 'last-30-days', days: 30, offset: 0 },\n { label: 'Last 60 days', value: 'last-60-days', days: 60, offset: 0 },\n { label: 'Last 90 days', value: 'last-90-days', days: 90, offset: 0 },\n] as const;\n\nexport type DateFilterRelativePreset = (typeof DATE_FILTER_RELATIVE_PRESETS)[number]['value'];\nexport type DateFilterRelativeValue = `relative:${DateFilterRelativePreset}`;\nexport type DateFilterRangeValue = `range:${string}/${string}`;\nexport type DateFilterValue = DateFilterRelativeValue \| DateFilterRangeValue;\n\nexport interface DateFilterRange {\n start: string;\n end: string;\n}\n\nexport type ParsedDateFilterValue =\n \| { kind: 'relative'; preset: DateFilterRelativePreset }\n \| ({ kind: 'range' } & DateFilterRange);\n\nconst ISO_DATE_PATTERN = /^\\d{4}-\\d{2}-\\d{2}$/;\n\nconst ISO_CALENDAR_DATE_LABEL = new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n timeZone: 'UTC',\n});\n\nexport function isIsoCalendarDate(value: string): boolean {\n if (!ISO_DATE_PATTERN.test(value)) return false;\n const [year, month, day] = value.split('-').map(Number);\n const date = new Date(Date.UTC(year, month - 1, day));\n return (\n date.getUTCFullYear() === year && date.getUTCMonth() === month - 1 && date.getUTCDate() === day\n );\n}\n\n/** Readable calendar date for filled ISO values such as `2026-09-10` → `Sep 10, 2026`. /\nexport function formatIsoCalendarDateLabel(value: string): string {\n if (!isIsoCalendarDate(value)) return '';\n return ISO_CALENDAR_DATE_LABEL.format(new Date(`${value}T00:00:00Z`));\n}\n\nconst MONTH_LABELS = [\n 'jan',\n 'feb',\n 'mar',\n 'apr',\n 'may',\n 'jun',\n 'jul',\n 'aug',\n 'sep',\n 'oct',\n 'nov',\n 'dec',\n];\n\n/* Parse a typed calendar date: ISO, `M/D/YYYY`, or a short-month label such as `Sep 10, 2026`. /\nexport function parseLooseCalendarDate(value: string): string {\n const trimmed = value.trim();\n if (!trimmed) return '';\n if (isIsoCalendarDate(trimmed)) return trimmed;\n\n const numeric = trimmed.match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\n if (numeric) {\n const iso = `${numeric[3]}-${numeric[1].padStart(2, '0')}-${numeric[2].padStart(2, '0')}`;\n return isIsoCalendarDate(iso) ? iso : '';\n }\n\n const labelled = trimmed.match(/^([A-Za-z]{3})\\s+(\\d{1,2}),\\s+(\\d{4})$/);\n if (!labelled) return '';\n const monthIndex = MONTH_LABELS.indexOf(labelled[1].toLowerCase());\n if (monthIndex < 0) return '';\n const iso = `${labelled[3]}-${String(monthIndex + 1).padStart(2, '0')}-${labelled[2].padStart(2, '0')}`;\n return isIsoCalendarDate(iso) ? iso : '';\n}\n\nexport function shiftIsoCalendarDate(value: string, days: number): string {\n if (!isIsoCalendarDate(value)) return '';\n const [year, month, day] = value.split('-').map(Number);\n const date = new Date(Date.UTC(year, month - 1, day + days));\n return date.toISOString().slice(0, 10);\n}\n\nexport function dateFilterRelativeValue(preset: DateFilterRelativePreset): DateFilterRelativeValue {\n return `relative:${preset}`;\n}\n\nexport function dateFilterRangeValue(start: string, end: string = start): DateFilterRangeValue {\n const ordered = start <= end ? [start, end] : [end, start];\n return `range:${ordered[0]}/${ordered[1]}`;\n}\n\nexport function parseDateFilterValue(value: unknown): ParsedDateFilterValue \| null {\n if (typeof value !== 'string' \|\| !value) return null;\n\n if (value.startsWith('relative:')) {\n const preset = value.slice('relative:'.length) as DateFilterRelativePreset;\n return DATE_FILTER_RELATIVE_PRESETS.some(candidate => candidate.value === preset)\n ? { kind: 'relative', preset }\n : null;\n }\n\n if (value.startsWith('range:')) {\n const [start, end, ...rest] = value.slice('range:'.length).split('/');\n if (rest.length \|\| !isIsoCalendarDate(start) \|\| !isIsoCalendarDate(end)) return null;\n return start <= end ? { kind: 'range', start, end } : { kind: 'range', start: end, end: start };\n }\n\n // Preserve the previous single-date contract as a one-day range.\n return isIsoCalendarDate(value) ? { kind: 'range', start: value, end: value } : null;\n}\n\nexport function normalizeDateFilterValue(value: unknown): DateFilterValue \| '' {\n const parsed = parseDateFilterValue(value);\n if (!parsed) return '';\n return parsed.kind === 'relative'\n ? dateFilterRelativeValue(parsed.preset)\n : dateFilterRangeValue(parsed.start, parsed.end);\n}\n\nexport function resolveDateFilterRange(\n value: unknown,\n referenceDate: string\n): DateFilterRange \| null {\n if (!isIsoCalendarDate(referenceDate)) return null;\n const parsed = parseDateFilterValue(value);\n if (!parsed) return null;\n if (parsed.kind === 'range') return { start: parsed.start, end: parsed.end };\n\n const preset = DATE_FILTER_RELATIVE_PRESETS.find(candidate => candidate.value === parsed.preset);\n if (!preset) return null;\n const end = shiftIsoCalendarDate(referenceDate, preset.offset);\n return { start: shiftIsoCalendarDate(end, -(preset.days - 1)), end };\n}\n","import { isIsoCalendarDate, shiftIsoCalendarDate } from '../../utils';\n\nexport interface CalendarDateRange {\n start: string;\n end: string;\n}\n\nexport interface CalendarDay {\n value: string;\n day: number;\n inMonth: boolean;\n label: string;\n}\n\nexport const CALENDAR_WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nconst MONTH_FORMATTER = new Intl.DateTimeFormat('en-US', {\n month: 'long',\n year: 'numeric',\n timeZone: 'UTC',\n});\nconst DATE_FORMATTER = new Intl.DateTimeFormat('en-US', {\n weekday: 'long',\n month: 'long',\n day: 'numeric',\n year: 'numeric',\n timeZone: 'UTC',\n});\n\nexport function calendarToday(): string {\n const today = new Date();\n const year = today.getFullYear();\n const month = String(today.getMonth() + 1).padStart(2, '0');\n const day = String(today.getDate()).padStart(2, '0');\n return `${year}-${month}-${day}`;\n}\n\nexport function calendarMonth(value: string): string {\n return isIsoCalendarDate(value) ? value.slice(0, 7) : calendarToday().slice(0, 7);\n}\n\nexport function shiftCalendarMonth(value: string, offset: number): string {\n const [year, month] = value.split('-').map(Number);\n const date = new Date(Date.UTC(year, month - 1 + offset, 1));\n return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}`;\n}\n\nexport function calendarMonthLabel(value: string): string {\n const [year, month] = value.split('-').map(Number);\n return MONTH_FORMATTER.format(new Date(Date.UTC(year, month - 1, 1)));\n}\n\nexport function calendarDays(value: string): CalendarDay[] {\n const [year, month] = value.split('-').map(Number);\n const firstOfMonth = `${year}-${String(month).padStart(2, '0')}-01`;\n const firstWeekday = new Date(`${firstOfMonth}T00:00:00Z`).getUTCDay();\n const gridStart = shiftIsoCalendarDate(firstOfMonth, -firstWeekday);\n return Array.from({ length: 42 }, (_, index) => {\n const dateValue = shiftIsoCalendarDate(gridStart, index);\n const date = new Date(`${dateValue}T00:00:00Z`);\n return {\n value: dateValue,\n day: date.getUTCDate(),\n inMonth: dateValue.startsWith(`${value}-`),\n label: DATE_FORMATTER.format(date),\n };\n });\n}\n\n/* Keep the previous committed range visible while a replacement range is being chosen. /\nexport function calendarPaintedRange(\n pendingStart: string,\n heldRange: CalendarDateRange \| null,\n valueRange: CalendarDateRange \| null\n): CalendarDateRange \| null {\n return pendingStart ? heldRange : valueRange;\n}\n","@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n display: flex;\n min-height: 0;\n flex-direction: column;\n}\n\n.calendar {\n display: flex;\n min-height: 0;\n flex-direction: column;\n min-width: calc(\n (var(--dimension-size-400) 7) + (var(--dimension-space-050) * 6) +\n (var(--dimension-space-100) * 2)\n );\n padding: var(--ds-calendar-padding, var(--dimension-space-100));\n}\n\n.calendar-heading {\n display: grid;\n grid-template-columns: var(--dimension-size-400) minmax(0, 1fr) var(--dimension-size-400);\n align-items: center;\n text-align: center;\n}\n\n.calendar-nav--previous {\n justify-self: start;\n}\n\n.calendar-nav--next {\n justify-self: end;\n}\n\n.calendar-weekdays,\n.calendar-grid__row {\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n column-gap: var(--dimension-space-050);\n}\n\n.calendar-grid {\n display: flex;\n flex-direction: column;\n row-gap: var(--dimension-space-050);\n}\n\n.calendar-weekdays {\n align-items: center;\n min-height: var(--dimension-size-400);\n margin-block-start: var(--dimension-space-050);\n color: var(--color-foreground-secondary);\n text-align: center;\n}\n\n.calendar-day {\n appearance: none;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 0;\n width: 100%;\n height: var(--dimension-size-400);\n padding: 0;\n border: 0;\n border-radius: var(--dimension-radius-025);\n background: transparent;\n color: var(--color-foreground-primary);\n cursor: default;\n}\n\n.calendar-day:disabled {\n cursor: not-allowed;\n}\n\n.calendar-day--outside {\n color: var(--color-foreground-tertiary);\n}\n\n.calendar-day--in-range {\n background: var(--color-background-faint-brand);\n color: var(--color-foreground-primary);\n}\n\n/* In-progress span uses the shared hover overlay; the first day keeps pressed via --surface-open. /\n.calendar-day.ds-interaction-fill.calendar-day--range-preview:not(:disabled)::after {\n background: var(--ds-interaction-hover);\n}\n\n.calendar-day.ds-interaction-fill.calendar-day--range-preview:active:not(:disabled)::after {\n background: var(--ds-interaction-pressed);\n}\n\n.calendar-day--today {\n color: var(--color-foreground-primary);\n}\n\n.calendar-day--range-edge {\n background: var(--color-background-bold-brand);\n color: var(--color-foreground-on-bold-background-primary);\n}\n\n@media (forced-colors: active) {\n .calendar-day--range-edge {\n outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Method,\n Prop,\n State,\n Watch,\n h,\n Host,\n} from '@stencil/core';\nimport {\n dateFilterRangeValue,\n isIsoCalendarDate,\n parseDateFilterValue,\n shiftIsoCalendarDate,\n} from '../../utils';\nimport {\n CALENDAR_WEEKDAYS,\n calendarDays,\n calendarMonth,\n calendarMonthLabel,\n calendarPaintedRange,\n calendarToday,\n shiftCalendarMonth,\n type CalendarDateRange,\n} from './calendar-grid';\n\nexport type CalendarSelectionMode = 'single' \| 'range';\n\n@Component({\n tag: 'ds-calendar',\n styleUrl: 'Calendar.css',\n scoped: true,\n})\nexport class Calendar {\n @Element() el!: HTMLElement;\n\n /* Single date emits YYYY-MM-DD. Range emits the shared `range:start/end` string. /\n @Prop() selectionMode: CalendarSelectionMode = 'single';\n @Prop() value: string = '';\n @Prop() min: string \| undefined;\n @Prop() max: string \| undefined;\n @Prop() isInactive: boolean = false;\n /* Move keyboard focus into the grid after the calendar is rendered. /\n @Prop() autoFocus: boolean = false;\n\n @Event() dsChange!: EventEmitter<string>;\n\n @State() private month = calendarMonth(calendarToday());\n @State() private pendingStart = '';\n @State() private previewEnd = '';\n @State() private heldRange: CalendarDateRange \| null = null;\n\n componentWillLoad() {\n this.month = calendarMonth(this.anchorDate());\n }\n\n componentDidLoad() {\n if (this.autoFocus) void this.setFocus();\n }\n\n @Watch('value')\n onValueChange() {\n this.month = calendarMonth(this.anchorDate());\n }\n\n @Method()\n async setFocus() {\n this.el.querySelector<HTMLElement>('.calendar-day[tabindex=\"0\"]')?.focus();\n }\n\n private anchorDate(): string {\n if (this.selectionMode === 'range') {\n const parsed = parseDateFilterValue(this.value);\n if (parsed?.kind === 'range') return parsed.start;\n return calendarToday();\n }\n return isIsoCalendarDate(this.value) ? this.value : calendarToday();\n }\n\n private isDisabled(day: string): boolean {\n if (this.isInactive) return true;\n if (this.min && isIsoCalendarDate(this.min) && day < this.min) return true;\n if (this.max && isIsoCalendarDate(this.max) && day > this.max) return true;\n return false;\n }\n\n private moveMonth = (offset: number) => {\n this.previewEnd = '';\n this.month = shiftCalendarMonth(this.month, offset);\n };\n\n private selectDate = (day: string) => {\n if (this.isDisabled(day)) return;\n this.previewEnd = '';\n if (this.selectionMode === 'single') {\n this.pendingStart = '';\n this.heldRange = null;\n this.dsChange.emit(day);\n return;\n }\n const pending = this.pendingStart;\n if (pending) {\n this.pendingStart = '';\n this.heldRange = null;\n this.dsChange.emit(dateFilterRangeValue(pending, day));\n return;\n }\n const current = parseDateFilterValue(this.value);\n this.heldRange = current?.kind === 'range' ? { start: current.start, end: current.end } : null;\n this.pendingStart = day;\n this.dsChange.emit(dateFilterRangeValue(day, day));\n };\n\n private previewRange = (day: string) => {\n if (!this.pendingStart \|\| this.previewEnd === day) return;\n this.previewEnd = day;\n };\n\n private clearPreview = () => {\n if (!this.previewEnd) return;\n this.previewEnd = '';\n };\n\n private focusDate(day: string) {\n this.previewRange(day);\n const targetMonth = calendarMonth(day);\n if (this.month !== targetMonth) this.month = targetMonth;\n requestAnimationFrame(() => {\n this.el.querySelector<HTMLElement>(`[data-date-option=\"${day}\"]`)?.focus();\n });\n }\n\n private handleDayKeyDown = (event: KeyboardEvent, day: string) => {\n let offset: number \| null = null;\n if (event.key === 'ArrowLeft') offset = -1;\n else if (event.key === 'ArrowRight') offset = 1;\n else if (event.key === 'ArrowUp') offset = -7;\n else if (event.key === 'ArrowDown') offset = 7;\n else if (event.key === 'Home') {\n offset = -new Date(`${day}T00:00:00Z`).getUTCDay();\n } else if (event.key === 'End') {\n offset = 6 - new Date(`${day}T00:00:00Z`).getUTCDay();\n } else if (event.key === 'PageUp' \|\| event.key === 'PageDown') {\n const month = shiftCalendarMonth(calendarMonth(day), event.key === 'PageUp' ? -1 : 1);\n const candidate = `${month}-${day.slice(8, 10)}`;\n event.preventDefault();\n this.focusDate(isIsoCalendarDate(candidate) ? candidate : `${month}-01`);\n return;\n }\n if (offset === null) return;\n event.preventDefault();\n this.focusDate(shiftIsoCalendarDate(day, offset));\n };\n\n render() {\n const liveRange = this.selectionMode === 'range' ? parseDateFilterValue(this.value) : null;\n const liveRangeValue = liveRange?.kind === 'range' ? liveRange : null;\n const rangeValue = calendarPaintedRange(this.pendingStart, this.heldRange, liveRangeValue);\n const days = calendarDays(this.month);\n const weeks = Array.from({ length: 6 }, (_, index) => days.slice(index 7, index * 7 + 7));\n const today = calendarToday();\n const previewStart =\n this.pendingStart && this.previewEnd ? [this.pendingStart, this.previewEnd].sort()[0] : null;\n const previewFinish =\n this.pendingStart && this.previewEnd ? [this.pendingStart, this.previewEnd].sort()[1] : null;\n const selectedSingle =\n this.selectionMode === 'single' && isIsoCalendarDate(this.value) ? this.value : '';\n const preferredFocus =\n this.pendingStart \|\|\n selectedSingle \|\|\n rangeValue?.end \|\|\n (this.month === today.slice(0, 7) ? today : '');\n const focusDate = days.some(day => day.value === preferredFocus)\n ? preferredFocus\n : (days.find(day => day.inMonth)?.value ?? days[0]?.value);\n\n return (\n <Host>\n <div class=\"calendar\">\n <div class=\"calendar-heading ds-control--md\">\n <ds-button-unfilled\n class=\"calendar-nav calendar-nav--previous\"\n variant=\"icon\"\n icon=\"ChevronLeft\"\n size=\"md\"\n hasBorder={false}\n isInactive={this.isInactive}\n ariaLabel=\"Previous month\"\n onDsClick={() => this.moveMonth(-1)}\n />\n <ds-text as=\"span\" variant=\"text-body-medium\" emphasis color=\"primary\">\n {calendarMonthLabel(this.month)}\n </ds-text>\n <ds-button-unfilled\n class=\"calendar-nav calendar-nav--next\"\n variant=\"icon\"\n icon=\"ChevronRight\"\n size=\"md\"\n hasBorder={false}\n isInactive={this.isInactive}\n ariaLabel=\"Next month\"\n onDsClick={() => this.moveMonth(1)}\n />\n </div>\n <div class=\"calendar-weekdays\" aria-hidden=\"true\">\n {CALENDAR_WEEKDAYS.map(day => (\n <ds-text as=\"span\" variant=\"text-body-small\" color=\"secondary\">\n {day}\n </ds-text>\n ))}\n </div>\n <div\n class=\"calendar-grid\"\n role=\"grid\"\n aria-label={calendarMonthLabel(this.month)}\n onMouseLeave={this.clearPreview}\n >\n {weeks.map((week, weekIndex) => (\n <div class=\"calendar-grid__row\" role=\"row\" key={`week-${weekIndex}`}>\n {week.map(day => {\n const selectedInRange = Boolean(\n liveRangeValue &&\n day.value >= liveRangeValue.start &&\n day.value <= liveRangeValue.end\n );\n const paintedInRange = Boolean(\n rangeValue && day.value >= rangeValue.start && day.value <= rangeValue.end\n );\n const pendingStartDay =\n this.selectionMode === 'range' &&\n Boolean(this.pendingStart) &&\n day.value === this.pendingStart;\n const previewInRange = Boolean(\n this.pendingStart &&\n previewStart &&\n previewFinish &&\n day.value >= previewStart &&\n day.value <= previewFinish &&\n day.value !== this.pendingStart\n );\n const inRange = this.selectionMode === 'range' && paintedInRange;\n const rangeEdge = Boolean(\n this.selectionMode === 'range' &&\n rangeValue &&\n (day.value === rangeValue.start \|\| day.value === rangeValue.end)\n );\n const selected = this.selectionMode === 'single' && day.value === selectedSingle;\n const textColor = rangeEdge\n ? 'on-bold'\n : selected \|\|\n inRange \|\|\n pendingStartDay \|\|\n previewInRange \|\|\n day.value === today\n ? 'primary'\n : day.inMonth\n ? 'secondary'\n : 'tertiary';\n return (\n <button\n type=\"button\"\n role=\"gridcell\"\n data-date-option={day.value}\n class={{\n 'calendar-day': true,\n 'calendar-day--outside': !day.inMonth,\n 'calendar-day--today': day.value === today,\n 'calendar-day--in-range': inRange,\n 'calendar-day--range-preview': previewInRange,\n 'calendar-day--range-edge': rangeEdge,\n 'calendar-day--selected': selected,\n 'ds-focus-ring-inset': true,\n 'ds-interaction-fill': true,\n 'ds-interaction-fill--on-bold': rangeEdge,\n 'ds-interaction-fill--surface-open':\n pendingStartDay && !this.isDisabled(day.value),\n 'ds-interaction-fill--selected': selected && !this.isDisabled(day.value),\n }}\n disabled={this.isDisabled(day.value)}\n aria-label={day.label}\n aria-selected={selectedInRange \|\| selected ? 'true' : 'false'}\n tabIndex={day.value === focusDate ? 0 : -1}\n onMouseEnter={() => this.previewRange(day.value)}\n onFocus={() => this.previewRange(day.value)}\n onClick={() => this.selectDate(day.value)}\n onKeyDown={event => this.handleDayKeyDown(event, day.value)}\n >\n {/* eslint-disable compomo/no-selected-fill-emphasis-change -- Today emphasis is date-driven and remains unchanged when selection changes. /}\n <ds-text\n class=\"ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-medium\"\n color={textColor}\n emphasis={day.value === today}\n >\n {day.day}\n </ds-text>\n {/ eslint-enable compomo/no-selected-fill-emphasis-change */}\n </button>\n );\n })}\n </div>\n ))}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["DATE_FILTER_RELATIVE_PRESETS","label","value","days","offset","ISO_DATE_PATTERN","ISO_CALENDAR_DATE_LABEL","Intl","DateTimeFormat","month","day","year","timeZone","isIsoCalendarDate","test","split","map","Number","date","Date","UTC","getUTCFullYear","getUTCMonth","getUTCDate","formatIsoCalendarDateLabel","format","MONTH_LABELS","parseLooseCalendarDate","trimmed","trim","numeric","match","iso","padStart","labelled","monthIndex","indexOf","toLowerCase","String","shiftIsoCalendarDate","toISOString","slice","dateFilterRelativeValue","preset","dateFilterRangeValue","start","end","ordered","parseDateFilterValue","startsWith","length","some","candidate","kind","rest","CALENDAR_WEEKDAYS","MONTH_FORMATTER","DATE_FORMATTER","weekday","calendarToday","today","getFullYear","getMonth","getDate","calendarMonth","shiftCalendarMonth","calendarMonthLabel","calendarDays","firstOfMonth","firstWeekday","getUTCDay","gridStart","Array","from","_","index","dateValue","inMonth","calendarPaintedRange","pendingStart","heldRange","valueRange","calendarCss","Calendar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","selectionMode","isInactive","autoFocus","previewEnd","moveMonth","selectDate","isDisabled","dsChange","emit","pending","current","previewRange","clearPreview","handleDayKeyDown","event","key","preventDefault","focusDate","componentWillLoad","anchorDate","componentDidLoad","setFocus","onValueChange","el","querySelector","focus","parsed","min","max","targetMonth","requestAnimationFrame","render","liveRange","liveRangeValue","rangeValue","weeks","previewStart","sort","previewFinish","selectedSingle","preferredFocus","find","h","Host","class","variant","icon","size","hasBorder","ariaLabel","onDsClick","as","emphasis","color","role","onMouseLeave","week","weekIndex","selectedInRange","Boolean","paintedInRange","pendingStartDay","previewInRange","inRange","rangeEdge","selected","textColor","type","disabled","tabIndex","onMouseEnter","onFocus","onClick","onKeyDown"],"sources":["src/wc/utils/date-filter-value.ts","src/wc/components/Calendar/calendar-grid.ts","src/wc/components/Calendar/Calendar.css?tag=ds-calendar&encapsulation=scoped","src/wc/components/Calendar/Calendar.tsx"],"sourcesContent":["export const DATE_FILTER_RELATIVE_PRESETS = [\n { label: 'Today', value: 'today', days: 1, offset: 0 },\n { label: 'Yesterday', value: 'yesterday', days: 1, offset: -1 },\n { label: 'Last 7 days', value: 'last-7-days', days: 7, offset: 0 },\n { label: 'Last 14 days', value: 'last-14-days', days: 14, offset: 0 },\n { label: 'Last 30 days', value: 'last-30-days', days: 30, offset: 0 },\n { label: 'Last 60 days', value: 'last-60-days', days: 60, offset: 0 },\n { label: 'Last 90 days', value: 'last-90-days', days: 90, offset: 0 },\n] as const;\n\nexport type DateFilterRelativePreset = (typeof DATE_FILTER_RELATIVE_PRESETS)[number]['value'];\nexport type DateFilterRelativeValue = `relative:${DateFilterRelativePreset}`;\nexport type DateFilterRangeValue = `range:${string}/${string}`;\nexport type DateFilterValue = DateFilterRelativeValue \| DateFilterRangeValue;\n\nexport interface DateFilterRange {\n start: string;\n end: string;\n}\n\nexport type ParsedDateFilterValue =\n \| { kind: 'relative'; preset: DateFilterRelativePreset }\n \| ({ kind: 'range' } & DateFilterRange);\n\nconst ISO_DATE_PATTERN = /^\\d{4}-\\d{2}-\\d{2}$/;\n\nconst ISO_CALENDAR_DATE_LABEL = new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n timeZone: 'UTC',\n});\n\nexport function isIsoCalendarDate(value: string): boolean {\n if (!ISO_DATE_PATTERN.test(value)) return false;\n const [year, month, day] = value.split('-').map(Number);\n const date = new Date(Date.UTC(year, month - 1, day));\n return (\n date.getUTCFullYear() === year && date.getUTCMonth() === month - 1 && date.getUTCDate() === day\n );\n}\n\n/** Readable calendar date for filled ISO values such as `2026-09-10` → `Sep 10, 2026`. /\nexport function formatIsoCalendarDateLabel(value: string): string {\n if (!isIsoCalendarDate(value)) return '';\n return ISO_CALENDAR_DATE_LABEL.format(new Date(`${value}T00:00:00Z`));\n}\n\nconst MONTH_LABELS = [\n 'jan',\n 'feb',\n 'mar',\n 'apr',\n 'may',\n 'jun',\n 'jul',\n 'aug',\n 'sep',\n 'oct',\n 'nov',\n 'dec',\n];\n\n/* Parse a typed calendar date: ISO, `M/D/YYYY`, or a short-month label such as `Sep 10, 2026`. /\nexport function parseLooseCalendarDate(value: string): string {\n const trimmed = value.trim();\n if (!trimmed) return '';\n if (isIsoCalendarDate(trimmed)) return trimmed;\n\n const numeric = trimmed.match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\n if (numeric) {\n const iso = `${numeric[3]}-${numeric[1].padStart(2, '0')}-${numeric[2].padStart(2, '0')}`;\n return isIsoCalendarDate(iso) ? iso : '';\n }\n\n const labelled = trimmed.match(/^([A-Za-z]{3})\\s+(\\d{1,2}),\\s+(\\d{4})$/);\n if (!labelled) return '';\n const monthIndex = MONTH_LABELS.indexOf(labelled[1].toLowerCase());\n if (monthIndex < 0) return '';\n const iso = `${labelled[3]}-${String(monthIndex + 1).padStart(2, '0')}-${labelled[2].padStart(2, '0')}`;\n return isIsoCalendarDate(iso) ? iso : '';\n}\n\nexport function shiftIsoCalendarDate(value: string, days: number): string {\n if (!isIsoCalendarDate(value)) return '';\n const [year, month, day] = value.split('-').map(Number);\n const date = new Date(Date.UTC(year, month - 1, day + days));\n return date.toISOString().slice(0, 10);\n}\n\nexport function dateFilterRelativeValue(preset: DateFilterRelativePreset): DateFilterRelativeValue {\n return `relative:${preset}`;\n}\n\nexport function dateFilterRangeValue(start: string, end: string = start): DateFilterRangeValue {\n const ordered = start <= end ? [start, end] : [end, start];\n return `range:${ordered[0]}/${ordered[1]}`;\n}\n\nexport function parseDateFilterValue(value: unknown): ParsedDateFilterValue \| null {\n if (typeof value !== 'string' \|\| !value) return null;\n\n if (value.startsWith('relative:')) {\n const preset = value.slice('relative:'.length) as DateFilterRelativePreset;\n return DATE_FILTER_RELATIVE_PRESETS.some(candidate => candidate.value === preset)\n ? { kind: 'relative', preset }\n : null;\n }\n\n if (value.startsWith('range:')) {\n const [start, end, ...rest] = value.slice('range:'.length).split('/');\n if (rest.length \|\| !isIsoCalendarDate(start) \|\| !isIsoCalendarDate(end)) return null;\n return start <= end ? { kind: 'range', start, end } : { kind: 'range', start: end, end: start };\n }\n\n // Preserve the previous single-date contract as a one-day range.\n return isIsoCalendarDate(value) ? { kind: 'range', start: value, end: value } : null;\n}\n\nexport function normalizeDateFilterValue(value: unknown): DateFilterValue \| '' {\n const parsed = parseDateFilterValue(value);\n if (!parsed) return '';\n return parsed.kind === 'relative'\n ? dateFilterRelativeValue(parsed.preset)\n : dateFilterRangeValue(parsed.start, parsed.end);\n}\n\nexport function resolveDateFilterRange(\n value: unknown,\n referenceDate: string\n): DateFilterRange \| null {\n if (!isIsoCalendarDate(referenceDate)) return null;\n const parsed = parseDateFilterValue(value);\n if (!parsed) return null;\n if (parsed.kind === 'range') return { start: parsed.start, end: parsed.end };\n\n const preset = DATE_FILTER_RELATIVE_PRESETS.find(candidate => candidate.value === parsed.preset);\n if (!preset) return null;\n const end = shiftIsoCalendarDate(referenceDate, preset.offset);\n return { start: shiftIsoCalendarDate(end, -(preset.days - 1)), end };\n}\n","import { isIsoCalendarDate, shiftIsoCalendarDate } from '../../utils';\n\nexport interface CalendarDateRange {\n start: string;\n end: string;\n}\n\nexport interface CalendarDay {\n value: string;\n day: number;\n inMonth: boolean;\n label: string;\n}\n\nexport const CALENDAR_WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nconst MONTH_FORMATTER = new Intl.DateTimeFormat('en-US', {\n month: 'long',\n year: 'numeric',\n timeZone: 'UTC',\n});\nconst DATE_FORMATTER = new Intl.DateTimeFormat('en-US', {\n weekday: 'long',\n month: 'long',\n day: 'numeric',\n year: 'numeric',\n timeZone: 'UTC',\n});\n\nexport function calendarToday(): string {\n const today = new Date();\n const year = today.getFullYear();\n const month = String(today.getMonth() + 1).padStart(2, '0');\n const day = String(today.getDate()).padStart(2, '0');\n return `${year}-${month}-${day}`;\n}\n\nexport function calendarMonth(value: string): string {\n return isIsoCalendarDate(value) ? value.slice(0, 7) : calendarToday().slice(0, 7);\n}\n\nexport function shiftCalendarMonth(value: string, offset: number): string {\n const [year, month] = value.split('-').map(Number);\n const date = new Date(Date.UTC(year, month - 1 + offset, 1));\n return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}`;\n}\n\nexport function calendarMonthLabel(value: string): string {\n const [year, month] = value.split('-').map(Number);\n return MONTH_FORMATTER.format(new Date(Date.UTC(year, month - 1, 1)));\n}\n\nexport function calendarDays(value: string): CalendarDay[] {\n const [year, month] = value.split('-').map(Number);\n const firstOfMonth = `${year}-${String(month).padStart(2, '0')}-01`;\n const firstWeekday = new Date(`${firstOfMonth}T00:00:00Z`).getUTCDay();\n const gridStart = shiftIsoCalendarDate(firstOfMonth, -firstWeekday);\n return Array.from({ length: 42 }, (_, index) => {\n const dateValue = shiftIsoCalendarDate(gridStart, index);\n const date = new Date(`${dateValue}T00:00:00Z`);\n return {\n value: dateValue,\n day: date.getUTCDate(),\n inMonth: dateValue.startsWith(`${value}-`),\n label: DATE_FORMATTER.format(date),\n };\n });\n}\n\n/* Keep the previous committed range visible while a replacement range is being chosen. /\nexport function calendarPaintedRange(\n pendingStart: string,\n heldRange: CalendarDateRange \| null,\n valueRange: CalendarDateRange \| null\n): CalendarDateRange \| null {\n return pendingStart ? heldRange : valueRange;\n}\n","@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n display: flex;\n min-height: 0;\n flex-direction: column;\n}\n\n.calendar {\n display: flex;\n min-height: 0;\n flex-direction: column;\n min-width: calc(\n (var(--dimension-size-400) 7) + (var(--dimension-space-050) * 6) +\n (var(--dimension-space-100) * 2)\n );\n padding: var(--ds-calendar-padding, var(--dimension-space-100));\n}\n\n.calendar-heading {\n display: grid;\n grid-template-columns: var(--dimension-size-400) minmax(0, 1fr) var(--dimension-size-400);\n align-items: center;\n text-align: center;\n}\n\n.calendar-nav--previous {\n justify-self: start;\n}\n\n.calendar-nav--next {\n justify-self: end;\n}\n\n.calendar-weekdays,\n.calendar-grid__row {\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n column-gap: var(--dimension-space-050);\n}\n\n.calendar-grid {\n display: flex;\n flex-direction: column;\n row-gap: var(--dimension-space-050);\n}\n\n.calendar-weekdays {\n align-items: center;\n min-height: var(--dimension-size-400);\n margin-block-start: var(--dimension-space-050);\n color: var(--color-foreground-secondary);\n text-align: center;\n}\n\n.calendar-day {\n appearance: none;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 0;\n width: 100%;\n height: var(--dimension-size-400);\n padding: 0;\n border: 0;\n border-radius: var(--dimension-radius-025);\n background: transparent;\n color: var(--color-foreground-primary);\n cursor: default;\n}\n\n.calendar-day:disabled {\n cursor: not-allowed;\n}\n\n.calendar-day--outside {\n color: var(--color-foreground-tertiary);\n}\n\n.calendar-day--in-range {\n background: var(--color-background-faint-brand);\n color: var(--color-foreground-primary);\n}\n\n/* In-progress span uses the shared hover overlay; the first day keeps pressed via --surface-open. /\n.calendar-day.ds-interaction-fill.calendar-day--range-preview:not(:disabled)::after {\n background: var(--ds-interaction-hover);\n}\n\n.calendar-day.ds-interaction-fill.calendar-day--range-preview:active:not(:disabled)::after {\n background: var(--ds-interaction-pressed);\n}\n\n.calendar-day--today {\n color: var(--color-foreground-primary);\n}\n\n.calendar-day--range-edge {\n background: var(--color-background-bold-brand);\n color: var(--color-foreground-on-bold-background-primary);\n}\n\n@media (forced-colors: active) {\n .calendar-day--range-edge {\n outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Method,\n Prop,\n State,\n Watch,\n h,\n Host,\n} from '@stencil/core';\nimport {\n dateFilterRangeValue,\n isIsoCalendarDate,\n parseDateFilterValue,\n shiftIsoCalendarDate,\n} from '../../utils';\nimport {\n CALENDAR_WEEKDAYS,\n calendarDays,\n calendarMonth,\n calendarMonthLabel,\n calendarPaintedRange,\n calendarToday,\n shiftCalendarMonth,\n type CalendarDateRange,\n} from './calendar-grid';\n\nexport type CalendarSelectionMode = 'single' \| 'range';\n\n@Component({\n tag: 'ds-calendar',\n styleUrl: 'Calendar.css',\n scoped: true,\n})\nexport class Calendar {\n @Element() el!: HTMLElement;\n\n /* Single date emits YYYY-MM-DD. Range emits the shared `range:start/end` string. /\n @Prop() selectionMode: CalendarSelectionMode = 'single';\n @Prop() value: string = '';\n @Prop() min: string \| undefined;\n @Prop() max: string \| undefined;\n @Prop() isInactive: boolean = false;\n /* Move keyboard focus into the grid after the calendar is rendered. /\n @Prop() autoFocus: boolean = false;\n\n @Event() dsChange!: EventEmitter<string>;\n\n @State() private month = calendarMonth(calendarToday());\n @State() private pendingStart = '';\n @State() private previewEnd = '';\n @State() private heldRange: CalendarDateRange \| null = null;\n\n componentWillLoad() {\n this.month = calendarMonth(this.anchorDate());\n }\n\n componentDidLoad() {\n if (this.autoFocus) void this.setFocus();\n }\n\n @Watch('value')\n onValueChange() {\n this.month = calendarMonth(this.anchorDate());\n }\n\n @Method()\n async setFocus() {\n this.el.querySelector<HTMLElement>('.calendar-day[tabindex=\"0\"]')?.focus();\n }\n\n private anchorDate(): string {\n if (this.selectionMode === 'range') {\n const parsed = parseDateFilterValue(this.value);\n if (parsed?.kind === 'range') return parsed.start;\n return calendarToday();\n }\n return isIsoCalendarDate(this.value) ? this.value : calendarToday();\n }\n\n private isDisabled(day: string): boolean {\n if (this.isInactive) return true;\n if (this.min && isIsoCalendarDate(this.min) && day < this.min) return true;\n if (this.max && isIsoCalendarDate(this.max) && day > this.max) return true;\n return false;\n }\n\n private moveMonth = (offset: number) => {\n this.previewEnd = '';\n this.month = shiftCalendarMonth(this.month, offset);\n };\n\n private selectDate = (day: string) => {\n if (this.isDisabled(day)) return;\n this.previewEnd = '';\n if (this.selectionMode === 'single') {\n this.pendingStart = '';\n this.heldRange = null;\n this.dsChange.emit(day);\n return;\n }\n const pending = this.pendingStart;\n if (pending) {\n this.pendingStart = '';\n this.heldRange = null;\n this.dsChange.emit(dateFilterRangeValue(pending, day));\n return;\n }\n const current = parseDateFilterValue(this.value);\n this.heldRange = current?.kind === 'range' ? { start: current.start, end: current.end } : null;\n this.pendingStart = day;\n this.dsChange.emit(dateFilterRangeValue(day, day));\n };\n\n private previewRange = (day: string) => {\n if (!this.pendingStart \|\| this.previewEnd === day) return;\n this.previewEnd = day;\n };\n\n private clearPreview = () => {\n if (!this.previewEnd) return;\n this.previewEnd = '';\n };\n\n private focusDate(day: string) {\n this.previewRange(day);\n const targetMonth = calendarMonth(day);\n if (this.month !== targetMonth) this.month = targetMonth;\n requestAnimationFrame(() => {\n this.el.querySelector<HTMLElement>(`[data-date-option=\"${day}\"]`)?.focus();\n });\n }\n\n private handleDayKeyDown = (event: KeyboardEvent, day: string) => {\n let offset: number \| null = null;\n if (event.key === 'ArrowLeft') offset = -1;\n else if (event.key === 'ArrowRight') offset = 1;\n else if (event.key === 'ArrowUp') offset = -7;\n else if (event.key === 'ArrowDown') offset = 7;\n else if (event.key === 'Home') {\n offset = -new Date(`${day}T00:00:00Z`).getUTCDay();\n } else if (event.key === 'End') {\n offset = 6 - new Date(`${day}T00:00:00Z`).getUTCDay();\n } else if (event.key === 'PageUp' \|\| event.key === 'PageDown') {\n const month = shiftCalendarMonth(calendarMonth(day), event.key === 'PageUp' ? -1 : 1);\n const candidate = `${month}-${day.slice(8, 10)}`;\n event.preventDefault();\n this.focusDate(isIsoCalendarDate(candidate) ? candidate : `${month}-01`);\n return;\n }\n if (offset === null) return;\n event.preventDefault();\n this.focusDate(shiftIsoCalendarDate(day, offset));\n };\n\n render() {\n const liveRange = this.selectionMode === 'range' ? parseDateFilterValue(this.value) : null;\n const liveRangeValue = liveRange?.kind === 'range' ? liveRange : null;\n const rangeValue = calendarPaintedRange(this.pendingStart, this.heldRange, liveRangeValue);\n const days = calendarDays(this.month);\n const weeks = Array.from({ length: 6 }, (_, index) => days.slice(index 7, index * 7 + 7));\n const today = calendarToday();\n const previewStart =\n this.pendingStart && this.previewEnd ? [this.pendingStart, this.previewEnd].sort()[0] : null;\n const previewFinish =\n this.pendingStart && this.previewEnd ? [this.pendingStart, this.previewEnd].sort()[1] : null;\n const selectedSingle =\n this.selectionMode === 'single' && isIsoCalendarDate(this.value) ? this.value : '';\n const preferredFocus =\n this.pendingStart \|\|\n selectedSingle \|\|\n rangeValue?.end \|\|\n (this.month === today.slice(0, 7) ? today : '');\n const focusDate = days.some(day => day.value === preferredFocus)\n ? preferredFocus\n : (days.find(day => day.inMonth)?.value ?? days[0]?.value);\n\n return (\n <Host>\n <div class=\"calendar\">\n <div class=\"calendar-heading ds-control--md\">\n <ds-button-unfilled\n class=\"calendar-nav calendar-nav--previous\"\n variant=\"icon\"\n icon=\"ChevronLeft\"\n size=\"md\"\n hasBorder={false}\n isInactive={this.isInactive}\n ariaLabel=\"Previous month\"\n onDsClick={() => this.moveMonth(-1)}\n />\n <ds-text as=\"span\" variant=\"text-body-medium\" emphasis color=\"primary\">\n {calendarMonthLabel(this.month)}\n </ds-text>\n <ds-button-unfilled\n class=\"calendar-nav calendar-nav--next\"\n variant=\"icon\"\n icon=\"ChevronRight\"\n size=\"md\"\n hasBorder={false}\n isInactive={this.isInactive}\n ariaLabel=\"Next month\"\n onDsClick={() => this.moveMonth(1)}\n />\n </div>\n <div class=\"calendar-weekdays\" aria-hidden=\"true\">\n {CALENDAR_WEEKDAYS.map(day => (\n <ds-text as=\"span\" variant=\"text-body-small\" color=\"secondary\">\n {day}\n </ds-text>\n ))}\n </div>\n <div\n class=\"calendar-grid\"\n role=\"grid\"\n aria-label={calendarMonthLabel(this.month)}\n onMouseLeave={this.clearPreview}\n >\n {weeks.map((week, weekIndex) => (\n <div class=\"calendar-grid__row\" role=\"row\" key={`week-${weekIndex}`}>\n {week.map(day => {\n const selectedInRange = Boolean(\n liveRangeValue &&\n day.value >= liveRangeValue.start &&\n day.value <= liveRangeValue.end\n );\n const paintedInRange = Boolean(\n rangeValue && day.value >= rangeValue.start && day.value <= rangeValue.end\n );\n const pendingStartDay =\n this.selectionMode === 'range' &&\n Boolean(this.pendingStart) &&\n day.value === this.pendingStart;\n const previewInRange = Boolean(\n this.pendingStart &&\n previewStart &&\n previewFinish &&\n day.value >= previewStart &&\n day.value <= previewFinish &&\n day.value !== this.pendingStart\n );\n const inRange = this.selectionMode === 'range' && paintedInRange;\n const rangeEdge = Boolean(\n this.selectionMode === 'range' &&\n rangeValue &&\n (day.value === rangeValue.start \|\| day.value === rangeValue.end)\n );\n const selected = this.selectionMode === 'single' && day.value === selectedSingle;\n const textColor = rangeEdge\n ? 'on-bold'\n : selected \|\|\n inRange \|\|\n pendingStartDay \|\|\n previewInRange \|\|\n day.value === today\n ? 'primary'\n : day.inMonth\n ? 'secondary'\n : 'tertiary';\n return (\n <button\n type=\"button\"\n role=\"gridcell\"\n data-date-option={day.value}\n class={{\n 'calendar-day': true,\n 'calendar-day--outside': !day.inMonth,\n 'calendar-day--today': day.value === today,\n 'calendar-day--in-range': inRange,\n 'calendar-day--range-preview': previewInRange,\n 'calendar-day--range-edge': rangeEdge,\n 'calendar-day--selected': selected,\n 'ds-focus-ring-inset': true,\n 'ds-interaction-fill': true,\n 'ds-interaction-fill--on-bold': rangeEdge,\n 'ds-interaction-fill--surface-open':\n pendingStartDay && !this.isDisabled(day.value),\n 'ds-interaction-fill--selected': selected && !this.isDisabled(day.value),\n }}\n disabled={this.isDisabled(day.value)}\n aria-label={day.label}\n aria-selected={selectedInRange \|\| selected ? 'true' : 'false'}\n tabIndex={day.value === focusDate ? 0 : -1}\n onMouseEnter={() => this.previewRange(day.value)}\n onFocus={() => this.previewRange(day.value)}\n onClick={() => this.selectDate(day.value)}\n onKeyDown={event => this.handleDayKeyDown(event, day.value)}\n >\n {/* eslint-disable compomo/no-selected-fill-emphasis-change -- Today emphasis is date-driven and remains unchanged when selection changes. /}\n <ds-text\n class=\"ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-medium\"\n color={textColor}\n emphasis={day.value === today}\n >\n {day.day}\n </ds-text>\n {/ eslint-enable compomo/no-selected-fill-emphasis-change */}\n </button>\n );\n })}\n </div>\n ))}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}