npm - @ds-mo/ui - Versions diffs - 14.21.0 → 14.22.1 - Mend

@ds-mo/ui 14.21.0 → 14.22.1

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 (152) hide show

package/dist/components/ds-table-search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["tableSearchFields","columns","resolved","seen","Set","column","isTableActionColumn","searchable","segments","headerSegments","length","segment","id","sortKey","trim","label","dataLabel","has","add","push","header","headerLabel","selectedTableSearchFields","fields","selectedFieldIds","byId","Map","map","field","selected","fieldId","get","availableTableSearchFields","filter","filterTableSearchFields","query","normalizedQuery","toLocaleLowerCase","includes","nextTableSearchActiveIndex","currentIndex","optionCount","direction","safeIndex","tableSearchCss","tableSearchSequence","TableSearch","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","value","placeholder","ariaLabel","clearLabel","fieldMenuLabel","isInactive","menuOpen","menuQuery","activeIndex","focusRingVisible","position","x","y","positionReady","availableHeight","announcement","componentId","inputId","listboxId","descriptionId","inputEl","controlEl","popupEl","positionController","AnchoredPositionController","getAnchor","getPopup","getOwnerDocument","el","ownerDocument","measure","anchor","popup","isConnected","inset","resolveCssLengthPx","TOKEN_DEFAULTS","space050","style","minWidth","menuWidthXs","choicePopupMinWidth","offsetWidth","anchorRect","getBoundingClientRect","popupWidth","popupHeight","offsetHeight","side","align","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","sectionInsetPx","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","apply","onReady","topLayer","liveUpdate","observeResize","observeAnchorMotion","interactionController","AnchoredOverlayInteractionController","onOutsideActivation","closeMenu","disconnectedCallback","syncAvailableFields","count","availableFields","syncInactive","setFocus","focus","selectedFields","searchFields","visibleFields","activeOptionId","undefined","openMenu","fromKeyboard","requestAnimationFrame","connect","observe","schedule","matches","hidePopover","unobserve","disconnect","handleInput","event","nextValue","target","dsChange","emit","selectField","dsFieldsChange","preventScroll","removeLastField","removed","removeField","clearSearch","dsClear","handleKeyDown","key","altKey","ctrlKey","metaKey","preventDefault","querySelector","CSS","escape","scrollIntoView","block","render","available","visible","inputValue","hasValue","description","join","popupStyle","left","top","transform","Math","round","zIndex","visibility","floor","h","Host","class","ref","element","name","size","color","state","isInset","insetDepth","onDsRemove","type","role","disabled","String","autoComplete","autoCapitalize","autoCorrect","spellcheck","onInput","onKeyDown","variant","icon","hasBorder","rounded","onDsClick","orientation","labelEmphasis","focusTabIndex","haspopup","controls","expanded","onMouseDown","popover","index","active","onMouseMove","onClick","as","body"],"sources":["src/wc/components/TableSearch/table-search-model.ts","src/wc/components/TableSearch/TableSearch.css?tag=ds-table-search&encapsulation=scoped","src/wc/components/TableSearch/TableSearch.tsx"],"sourcesContent":["import { isTableActionColumn } from '../Table/table-column-customizer';\nimport type { TableColumn } from '../Table/table-types';\nimport type { TableSearchField } from './table-search-types';\n\n/** Searchable data points from the table catalog, including compound header segments. /\nexport function tableSearchFields(columns: readonly TableColumn[]): TableSearchField[] {\n const resolved: TableSearchField[] = [];\n const seen = new Set<string>();\n\n for (const column of columns) {\n if (isTableActionColumn(column) \|\| column.searchable === false) continue;\n const segments = column.headerSegments ?? [];\n if (segments.length > 0) {\n for (const segment of segments) {\n const id = segment.sortKey.trim();\n const label = segment.dataLabel?.trim() \|\| segment.label.trim() \|\| id;\n if (!id \|\| !label \|\| segment.searchable === false \|\| seen.has(id)) continue;\n seen.add(id);\n resolved.push({ id, label });\n }\n continue;\n }\n\n const id = column.id.trim();\n const label =\n column.dataLabel?.trim() \|\| column.header.trim() \|\| column.headerLabel?.trim() \|\| id;\n if (!id \|\| !label \|\| seen.has(id)) continue;\n seen.add(id);\n resolved.push({ id, label });\n }\n\n return resolved;\n}\n\nexport function selectedTableSearchFields(\n fields: readonly TableSearchField[],\n selectedFieldIds: string[]\n): TableSearchField[] {\n const byId = new Map(fields.map(field => [field.id, field]));\n const selected: TableSearchField[] = [];\n const seen = new Set<string>();\n\n for (const fieldId of selectedFieldIds) {\n if (seen.has(fieldId)) continue;\n const field = byId.get(fieldId);\n if (!field) continue;\n seen.add(fieldId);\n selected.push(field);\n }\n\n return selected;\n}\n\nexport function availableTableSearchFields(\n fields: readonly TableSearchField[],\n selectedFieldIds: string[]\n): TableSearchField[] {\n const selected = new Set(selectedFieldIds);\n return fields.filter(field => !selected.has(field.id));\n}\n\n/* Matches the field-picker query against the complete visible label and canonical identity. /\nexport function filterTableSearchFields(\n fields: readonly TableSearchField[],\n query: string\n): TableSearchField[] {\n const normalizedQuery = query.trim().toLocaleLowerCase();\n if (!normalizedQuery) return [...fields];\n\n return fields.filter(field =>\n `${field.label} ${field.id}`.toLocaleLowerCase().includes(normalizedQuery)\n );\n}\n\nexport function nextTableSearchActiveIndex(\n currentIndex: number,\n optionCount: number,\n direction: 1 \| -1\n): number {\n if (optionCount <= 0) return -1;\n const safeIndex = currentIndex >= 0 && currentIndex < optionCount ? currentIndex : 0;\n return (safeIndex + direction + optionCount) % optionCount;\n}\n","@import '../../utils/choice-list.css';\n@import '../../utils/control-density-inset.css';\n@import '../../utils/typography.css';\n@import '../../utils/visually-hidden.css';\n\n:host(.table-search-host) {\n display: inline-flex;\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n --ds-table-search-foreground: var(--color-foreground-primary);\n --ds-table-search-adornment: var(--color-foreground-secondary);\n --ds-table-search-placeholder: var(--color-foreground-secondary);\n --ds-table-search-placeholder-active: var(--color-foreground-quaternary);\n --ds-table-search-border: var(--color-border-secondary);\n}\n\n.table-search__control {\n inline-size: 100%;\n min-inline-size: 0;\n padding-inline-end: var(--dimension-space-050);\n overflow: hidden;\n border: 0;\n background: transparent;\n color: var(--ds-table-search-foreground);\n --ds-interaction-border-width: var(--dimension-stroke-width-012);\n --ds-interaction-border-color: var(--ds-table-search-border);\n}\n\n.table-search__control:focus-within {\n --ds-interaction-border-width: var(--dimension-stroke-width-018);\n --ds-interaction-border-color: var(--color-border-bold-brand);\n}\n\n:host(.ds-control-inactive) .table-search__control::after {\n background: transparent;\n}\n\n.table-search__icon,\n.table-search__actions {\n position: relative;\n z-index: 2;\n flex: none;\n}\n\n.table-search__icon {\n color: var(--ds-table-search-adornment);\n}\n\n.table-search__editor {\n position: relative;\n z-index: 2;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n min-inline-size: 0;\n block-size: 100%;\n gap: var(--dimension-space-050);\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n}\n\n.table-search__editor::-webkit-scrollbar {\n display: none;\n}\n\n.table-search__chip {\n flex: none;\n max-inline-size: var(--dimension-panel-width-2xs);\n}\n\n.table-search__input {\n appearance: none;\n box-sizing: border-box;\n flex: 1 0 var(--dimension-size-600);\n min-inline-size: var(--dimension-size-600);\n block-size: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n background: transparent;\n color: var(--ds-table-search-foreground);\n text-overflow: ellipsis;\n}\n\n.table-search__input::-webkit-search-cancel-button,\n.table-search__input::-webkit-search-decoration {\n display: none;\n}\n\n.table-search__input::placeholder {\n color: var(--ds-table-search-placeholder);\n}\n\n.table-search__input:focus::placeholder {\n color: var(--ds-table-search-placeholder-active);\n}\n\n.table-search__actions {\n display: flex;\n align-items: center;\n gap: var(--dimension-space-050);\n}\n\n.table-search__clear,\n.table-search__slash,\n.table-search__action-divider {\n flex: none;\n}\n\n.table-search__slash {\n color: var(--ds-table-search-adornment);\n}\n\n.table-search__popup {\n --ds-choice-popup-min-inline-size: var(--dimension-menu-width-xs);\n}\n\n.table-search__list {\n padding: var(--dimension-space-050);\n}\n\n.table-search__option {\n flex: none;\n inline-size: 100%;\n}\n\n@media (forced-colors: active) {\n .table-search__control:focus-within::after {\n outline-color: var(--ds-forced-color-selected);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport {\n choicePopupMinWidth,\n resolveChoicePopupAlignOffset,\n resolveCssLengthPx,\n TOKEN_DEFAULTS,\n} from '../../utils';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport {\n availableTableSearchFields,\n filterTableSearchFields,\n nextTableSearchActiveIndex,\n selectedTableSearchFields,\n tableSearchFields,\n} from './table-search-model';\nimport type { TableColumn } from '../Table/table-types';\nimport type { TableSearchField, TableSearchFieldsChangeDetail } from './table-search-types';\n\nlet tableSearchSequence = 0;\n\n@Component({\n tag: 'ds-table-search',\n styleUrl: 'TableSearch.css',\n scoped: true,\n})\nexport class TableSearch {\n @Element() private el!: HTMLElement;\n\n /* Controlled free-text query. /\n @Prop() value: string = '';\n /* Table column catalog used to derive searchable data points and their complete labels. /\n @Prop() columns: TableColumn[] = [];\n /* Controlled ordered field scopes rendered as Tags. /\n @Prop() selectedFieldIds: string[] = [];\n @Prop() placeholder: string = 'Search';\n @Prop({ attribute: 'aria-label' }) ariaLabel: string = 'Search table';\n @Prop() clearLabel: string = 'Clear search';\n @Prop() fieldMenuLabel: string = 'Choose search fields';\n @Prop() isInactive: boolean = false;\n\n @Event({ bubbles: false }) dsChange!: EventEmitter<string>;\n @Event({ bubbles: false }) dsFieldsChange!: EventEmitter<TableSearchFieldsChangeDetail>;\n @Event({ bubbles: false }) dsClear!: EventEmitter<void>;\n\n @State() private menuOpen = false;\n @State() private menuQuery = '';\n @State() private activeIndex = 0;\n @State() private focusRingVisible = false;\n @State() private position = { x: 0, y: 0 };\n @State() private positionReady = false;\n @State() private availableHeight: number \| null = null;\n @State() private announcement = '';\n\n private readonly componentId = `ds-table-search-${++tableSearchSequence}`;\n private readonly inputId = `${this.componentId}-input`;\n private readonly listboxId = `${this.componentId}-listbox`;\n private readonly descriptionId = `${this.componentId}-description`;\n private inputEl: HTMLInputElement \| null = null;\n private controlEl: HTMLElement \| null = null;\n private popupEl: HTMLElement \| null = null;\n\n private readonly positionController = new AnchoredPositionController({\n getAnchor: () => this.controlEl,\n getPopup: () => this.popupEl,\n getOwnerDocument: () => this.el.ownerDocument,\n measure: (anchor, popup) => {\n if (!this.menuOpen \|\| !popup.isConnected) return null;\n const inset = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n popup.style.minWidth = `max(var(--ds-choice-popup-min-inline-size, ${TOKEN_DEFAULTS.menuWidthXs}), ${choicePopupMinWidth(anchor.offsetWidth, inset)}px)`;\n const anchorRect = anchor.getBoundingClientRect();\n return {\n anchorRect,\n popupWidth: popup.offsetWidth,\n popupHeight: popup.offsetHeight,\n side: 'bottom',\n align: 'start',\n sideOffsetPx: inset,\n alignOffsetPx: resolveChoicePopupAlignOffset({\n align: 'start',\n alignOffsetPx: 0,\n sectionInsetPx: inset,\n }),\n viewportPadPx: inset,\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n collisionRect: resolveAnchoredOverlayBoundaryRect(anchor),\n };\n },\n apply: ({ x, y, availableHeight }) => {\n this.position = { x, y };\n this.availableHeight = availableHeight;\n },\n onReady: () => {\n this.positionReady = true;\n },\n topLayer: true,\n liveUpdate: 'frame',\n observeResize: true,\n observeAnchorMotion: true,\n });\n\n private readonly interactionController = new AnchoredOverlayInteractionController({\n getAnchor: () => this.controlEl,\n getPopup: () => this.popupEl,\n getOwnerDocument: () => this.el.ownerDocument,\n onOutsideActivation: () => this.closeMenu(),\n });\n\n disconnectedCallback(): void {\n this.closeMenu();\n }\n\n @Watch('columns')\n @Watch('selectedFieldIds')\n syncAvailableFields(): void {\n const count = this.availableFields.length;\n if (count === 0) {\n this.closeMenu();\n return;\n }\n if (this.activeIndex >= count) this.activeIndex = count - 1;\n }\n\n @Watch('isInactive')\n syncInactive(isInactive: boolean): void {\n if (isInactive) this.closeMenu();\n }\n\n @Method()\n async setFocus(): Promise<void> {\n this.inputEl?.focus();\n }\n\n private get selectedFields(): TableSearchField[] {\n return selectedTableSearchFields(this.searchFields, this.selectedFieldIds);\n }\n\n private get availableFields(): TableSearchField[] {\n return availableTableSearchFields(this.searchFields, this.selectedFieldIds);\n }\n\n private get visibleFields(): TableSearchField[] {\n return filterTableSearchFields(this.availableFields, this.menuQuery);\n }\n\n private get searchFields(): TableSearchField[] {\n return tableSearchFields(this.columns);\n }\n\n private get activeOptionId(): string \| undefined {\n return this.menuOpen && this.activeIndex >= 0\n ? `${this.componentId}-option-${this.activeIndex}`\n : undefined;\n }\n\n private openMenu(fromKeyboard: boolean): void {\n if (this.isInactive \|\| this.menuOpen \|\| this.availableFields.length === 0) return;\n this.menuQuery = '';\n this.activeIndex = 0;\n this.focusRingVisible = fromKeyboard;\n this.positionReady = false;\n this.menuOpen = true;\n requestAnimationFrame(() => {\n if (!this.menuOpen) return;\n this.interactionController.connect();\n this.positionController.observe();\n this.positionController.schedule();\n });\n }\n\n private closeMenu(): void {\n if (!this.menuOpen && !this.popupEl) return;\n if (this.popupEl?.matches(':popover-open')) this.popupEl.hidePopover();\n this.positionController.unobserve();\n this.interactionController.disconnect();\n this.popupEl = null;\n this.positionReady = false;\n this.availableHeight = null;\n this.menuOpen = false;\n this.menuQuery = '';\n }\n\n private handleInput(event: Event): void {\n const nextValue = (event.target as HTMLInputElement).value;\n if (this.menuOpen) {\n this.menuQuery = nextValue;\n this.activeIndex = filterTableSearchFields(this.availableFields, nextValue).length ? 0 : -1;\n this.focusRingVisible = false;\n this.positionController.schedule();\n return;\n }\n\n this.dsChange.emit(nextValue);\n }\n\n private selectField(field: TableSearchField): void {\n this.dsFieldsChange.emit({ selectedFieldIds: [...this.selectedFieldIds, field.id] });\n this.announcement = `${field.label} search field added.`;\n this.closeMenu();\n requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n }\n\n private removeLastField(): void {\n const selected = this.selectedFields;\n const removed = selected[selected.length - 1];\n if (!removed) return;\n this.dsFieldsChange.emit({\n selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== removed.id),\n });\n this.announcement = `${removed.label} search field removed.`;\n }\n\n private removeField(field: TableSearchField): void {\n this.dsFieldsChange.emit({\n selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== field.id),\n });\n this.announcement = `${field.label} search field removed.`;\n requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n }\n\n private clearSearch(): void {\n if (this.value) this.dsChange.emit('');\n if (this.selectedFieldIds.length) this.dsFieldsChange.emit({ selectedFieldIds: [] });\n this.dsClear.emit();\n this.announcement = 'Search cleared.';\n this.closeMenu();\n requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n }\n\n private handleKeyDown(event: KeyboardEvent): void {\n if (event.key === '/' && !this.menuOpen && !event.altKey && !event.ctrlKey && !event.metaKey) {\n event.preventDefault();\n this.openMenu(true);\n return;\n }\n\n if (event.key === 'Backspace' && this.menuOpen && this.menuQuery.length === 0) {\n event.preventDefault();\n this.closeMenu();\n return;\n }\n\n if (event.key === 'Backspace' && this.value.length === 0) {\n if (this.selectedFields.length) {\n event.preventDefault();\n this.removeLastField();\n }\n return;\n }\n\n if (!this.menuOpen) return;\n\n if (event.key === 'Escape') {\n event.preventDefault();\n this.closeMenu();\n return;\n }\n\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n event.preventDefault();\n this.focusRingVisible = true;\n this.activeIndex = nextTableSearchActiveIndex(\n this.activeIndex,\n this.visibleFields.length,\n event.key === 'ArrowDown' ? 1 : -1\n );\n this.el\n .querySelector<HTMLElement>(`#${CSS.escape(this.activeOptionId ?? '')}`)\n ?.scrollIntoView({ block: 'nearest' });\n return;\n }\n\n if (event.key === 'Enter') {\n const field = this.visibleFields[this.activeIndex];\n if (!field) return;\n event.preventDefault();\n this.selectField(field);\n return;\n }\n\n if (event.key === 'Tab') this.closeMenu();\n }\n\n render() {\n const selected = this.selectedFields;\n const available = this.availableFields;\n const visible = this.visibleFields;\n const inputValue = this.menuOpen ? this.menuQuery : this.value;\n const hasValue = this.value.length > 0 \|\| selected.length > 0;\n const description = selected.length\n ? `Search limited to ${selected.map(field => field.label).join(' or ')}.`\n : 'Search includes every available table field. Type slash to choose fields.';\n const popupStyle: Record<string, string> = {\n position: 'fixed',\n left: '0',\n top: '0',\n transform: `translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,\n zIndex: 'var(--dimension-z-index-floating)',\n visibility: this.positionReady ? 'visible' : 'hidden',\n };\n if (this.availableHeight !== null) {\n popupStyle['max-height'] = `${Math.floor(this.availableHeight)}px`;\n }\n\n return (\n <Host\n class={{\n 'table-search-host': true,\n 'ds-control--md': true,\n 'ds-control-inactive': this.isInactive,\n }}\n data-filled={hasValue ? '' : undefined}\n data-expanded={this.menuOpen ? '' : undefined}\n >\n <div\n ref={element => {\n this.controlEl = element ?? null;\n }}\n class=\"table-search__control ds-control-frame ds-control--md ds-interaction-fill\"\n >\n <span\n class=\"table-search__icon ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-icon name=\"MagnifyingGlass\" size=\"md\" color=\"inherit\" />\n </span>\n <div class=\"table-search__editor ds-interaction-fill__content\">\n {selected.map(field => (\n <ds-chip\n class=\"table-search__chip\"\n key={field.id}\n label={field.label}\n size=\"md\"\n state=\"default\"\n isInset\n insetDepth=\"double\"\n isInactive={this.isInactive}\n onDsRemove={() => this.removeField(field)}\n />\n ))}\n <input\n ref={element => {\n this.inputEl = element ?? null;\n }}\n id={this.inputId}\n class=\"table-search__input ds-text--body-medium ds-text--regular\"\n type=\"search\"\n role=\"combobox\"\n value={inputValue}\n placeholder={this.placeholder}\n disabled={this.isInactive}\n aria-label={this.ariaLabel}\n aria-describedby={this.descriptionId}\n aria-haspopup=\"listbox\"\n aria-expanded={String(this.menuOpen)}\n aria-controls={this.menuOpen ? this.listboxId : undefined}\n aria-activedescendant={this.activeOptionId}\n aria-keyshortcuts=\"/\"\n autoComplete=\"off\"\n autoCapitalize=\"none\"\n autoCorrect=\"off\"\n spellcheck={false}\n onInput={event => this.handleInput(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n />\n </div>\n {this.searchFields.length > 0 && (\n <div class=\"table-search__actions ds-interaction-fill__content\">\n {inputValue.length > 0 && !this.isInactive && (\n <ds-button-unfilled\n class=\"table-search__clear\"\n variant=\"icon\"\n size=\"sm\"\n icon=\"CrossCircle\"\n hasBorder={false}\n rounded\n ariaLabel={this.clearLabel}\n onDsClick={() => this.clearSearch()}\n />\n )}\n {inputValue.length > 0 && !this.isInactive && (\n <ds-divider\n class=\"table-search__action-divider\"\n orientation=\"vertical\"\n length=\"var(--dimension-size-200)\"\n />\n )}\n <ds-button-unfilled\n class=\"table-search__slash\"\n variant=\"label\"\n size=\"md\"\n label=\"/\"\n labelEmphasis={false}\n isInset\n insetDepth=\"double\"\n hasBorder={false}\n ariaLabel={this.fieldMenuLabel}\n focusTabIndex={-1}\n haspopup=\"listbox\"\n controls={this.menuOpen ? this.listboxId : undefined}\n expanded={this.menuOpen}\n isInactive={this.isInactive \|\| available.length === 0}\n onMouseDown={(event: MouseEvent) => event.preventDefault()}\n onDsClick={() => {\n this.inputEl?.focus({ preventScroll: true });\n this.openMenu(false);\n }}\n />\n </div>\n )}\n </div>\n <span id={this.descriptionId} class=\"ds-visually-hidden\">\n {description}\n </span>\n <span class=\"ds-visually-hidden\" aria-live=\"polite\">\n {this.announcement}\n </span>\n {this.menuOpen && (\n <div\n popover=\"manual\"\n ref={element => {\n this.popupEl = element ?? null;\n }}\n class=\"table-search__popup ds-choice-popup\"\n style={popupStyle}\n >\n <div\n id={this.listboxId}\n class=\"table-search__list ds-choice-list\"\n role=\"listbox\"\n aria-label={this.fieldMenuLabel}\n >\n {visible.map((field, index) => {\n const active = index === this.activeIndex;\n return (\n / eslint-disable-next-line local/prefer-direct-ds-text -- The option owns listbox semantics and pointer interaction while ds-text remains its typography child. */\n <div\n id={`${this.componentId}-option-${index}`}\n key={field.id}\n class={{\n 'table-search__option': true,\n 'ds-choice-item': true,\n 'ds-control-frame': true,\n 'ds-control--md': true,\n 'ds-focus-ring-inset': true,\n 'ds-focus-ring--visible': active && this.focusRingVisible,\n 'ds-interaction-fill': true,\n 'ds-interaction-fill--selected': active,\n }}\n role=\"option\"\n aria-selected={String(active)}\n onMouseDown={event => event.preventDefault()}\n onMouseMove={() => {\n this.focusRingVisible = false;\n this.activeIndex = index;\n }}\n onClick={() => this.selectField(field)}\n >\n <ds-text\n class=\"ds-choice-item__label ds-control-label-box ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-medium\"\n color={active ? 'primary' : 'secondary'}\n >\n {field.label}\n </ds-text>\n </div>\n );\n })}\n {visible.length === 0 && (\n <div class=\"table-search__empty ds-choice-empty ds-empty-region\">\n <ds-empty-state body=\"No matching data points\" />\n </div>\n )}\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["tableSearchFields","columns","resolved","seen","Set","column","isTableActionColumn","searchable","segments","headerSegments","length","segment","id","sortKey","trim","label","dataLabel","has","add","push","header","headerLabel","selectedTableSearchFields","fields","selectedFieldIds","byId","Map","map","field","selected","fieldId","get","availableTableSearchFields","filter","filterTableSearchFields","query","normalizedQuery","toLocaleLowerCase","includes","nextTableSearchActiveIndex","currentIndex","optionCount","direction","safeIndex","tableSearchCss","tableSearchSequence","TableSearch","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","value","placeholder","ariaLabel","clearLabel","fieldMenuLabel","isInactive","menuOpen","menuQuery","activeIndex","focusRingVisible","position","x","y","positionReady","availableHeight","announcement","componentId","inputId","listboxId","descriptionId","inputEl","controlEl","popupEl","positionController","AnchoredPositionController","getAnchor","getPopup","getOwnerDocument","el","ownerDocument","measure","anchor","popup","isConnected","inset","resolveCssLengthPx","TOKEN_DEFAULTS","space050","style","minWidth","menuWidthXs","choicePopupMinWidth","offsetWidth","anchorRect","getBoundingClientRect","popupWidth","popupHeight","offsetHeight","side","align","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","sectionInsetPx","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","apply","onReady","topLayer","liveUpdate","observeResize","observeAnchorMotion","interactionController","AnchoredOverlayInteractionController","onOutsideActivation","closeMenu","disconnectedCallback","syncAvailableFields","count","availableFields","syncInactive","setFocus","focus","selectedFields","searchFields","visibleFields","activeOptionId","undefined","openMenu","fromKeyboard","requestAnimationFrame","connect","observe","schedule","matches","hidePopover","unobserve","disconnect","handleInput","event","nextValue","target","dsChange","emit","selectField","dsFieldsChange","preventScroll","removeLastField","removed","removeField","clearSearch","dsClear","handleKeyDown","key","altKey","ctrlKey","metaKey","preventDefault","querySelector","CSS","escape","scrollIntoView","block","render","available","visible","inputValue","hasValue","description","join","popupStyle","left","top","transform","Math","round","zIndex","visibility","floor","h","Host","class","ref","element","name","size","color","state","isInset","insetDepth","onDsRemove","type","role","disabled","String","autoComplete","autoCapitalize","autoCorrect","spellcheck","onInput","onKeyDown","variant","icon","hasBorder","rounded","onDsClick","orientation","labelEmphasis","focusTabIndex","haspopup","controls","expanded","onMouseDown","popover","index","active","onMouseMove","onClick","as","body"],"sources":["src/wc/components/TableSearch/table-search-model.ts","src/wc/components/TableSearch/TableSearch.css?tag=ds-table-search&encapsulation=scoped","src/wc/components/TableSearch/TableSearch.tsx"],"sourcesContent":["import { isTableActionColumn } from '../Table/table-column-customizer';\nimport type { TableColumn } from '../Table/table-types';\nimport type { TableSearchField } from './table-search-types';\n\n/** Searchable data points from the table catalog, including compound header segments. /\nexport function tableSearchFields(columns: readonly TableColumn[]): TableSearchField[] {\n const resolved: TableSearchField[] = [];\n const seen = new Set<string>();\n\n for (const column of columns) {\n if (isTableActionColumn(column) \|\| column.searchable === false) continue;\n const segments = column.headerSegments ?? [];\n if (segments.length > 0) {\n for (const segment of segments) {\n const id = segment.sortKey.trim();\n const label = segment.dataLabel?.trim() \|\| segment.label.trim() \|\| id;\n if (!id \|\| !label \|\| segment.searchable === false \|\| seen.has(id)) continue;\n seen.add(id);\n resolved.push({ id, label });\n }\n continue;\n }\n\n const id = column.id.trim();\n const label =\n column.dataLabel?.trim() \|\| column.header.trim() \|\| column.headerLabel?.trim() \|\| id;\n if (!id \|\| !label \|\| seen.has(id)) continue;\n seen.add(id);\n resolved.push({ id, label });\n }\n\n return resolved;\n}\n\nexport function selectedTableSearchFields(\n fields: readonly TableSearchField[],\n selectedFieldIds: string[]\n): TableSearchField[] {\n const byId = new Map(fields.map(field => [field.id, field]));\n const selected: TableSearchField[] = [];\n const seen = new Set<string>();\n\n for (const fieldId of selectedFieldIds) {\n if (seen.has(fieldId)) continue;\n const field = byId.get(fieldId);\n if (!field) continue;\n seen.add(fieldId);\n selected.push(field);\n }\n\n return selected;\n}\n\nexport function availableTableSearchFields(\n fields: readonly TableSearchField[],\n selectedFieldIds: string[]\n): TableSearchField[] {\n const selected = new Set(selectedFieldIds);\n return fields.filter(field => !selected.has(field.id));\n}\n\n/* Matches the field-picker query against the complete visible label and canonical identity. /\nexport function filterTableSearchFields(\n fields: readonly TableSearchField[],\n query: string\n): TableSearchField[] {\n const normalizedQuery = query.trim().toLocaleLowerCase();\n if (!normalizedQuery) return [...fields];\n\n return fields.filter(field =>\n `${field.label} ${field.id}`.toLocaleLowerCase().includes(normalizedQuery)\n );\n}\n\nexport function nextTableSearchActiveIndex(\n currentIndex: number,\n optionCount: number,\n direction: 1 \| -1\n): number {\n if (optionCount <= 0) return -1;\n const safeIndex = currentIndex >= 0 && currentIndex < optionCount ? currentIndex : 0;\n return (safeIndex + direction + optionCount) % optionCount;\n}\n","@import '../../utils/choice-list.css';\n@import '../../utils/control-density-inset.css';\n@import '../../utils/typography.css';\n@import '../../utils/visually-hidden.css';\n\n:host(.table-search-host) {\n display: inline-flex;\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n --ds-table-search-foreground: var(--color-foreground-primary);\n --ds-table-search-adornment: var(--color-foreground-secondary);\n --ds-table-search-placeholder: var(--color-foreground-secondary);\n --ds-table-search-placeholder-active: var(--color-foreground-quaternary);\n --ds-table-search-border: var(--color-border-secondary);\n}\n\n.table-search__control {\n inline-size: 100%;\n min-inline-size: 0;\n padding-inline-end: var(--dimension-space-050);\n overflow: hidden;\n border: 0;\n background: transparent;\n color: var(--ds-table-search-foreground);\n --ds-interaction-border-width: var(--dimension-stroke-width-012);\n --ds-interaction-border-color: var(--ds-table-search-border);\n}\n\n.table-search__control:focus-within {\n --ds-interaction-border-width: var(--dimension-stroke-width-018);\n --ds-interaction-border-color: var(--color-border-bold-brand);\n}\n\n:host(.ds-control-inactive) .table-search__control::after {\n background: transparent;\n}\n\n.table-search__icon,\n.table-search__actions {\n position: relative;\n z-index: 2;\n flex: none;\n}\n\n.table-search__icon {\n color: var(--ds-table-search-adornment);\n}\n\n.table-search__editor {\n position: relative;\n z-index: 2;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n min-inline-size: 0;\n block-size: 100%;\n gap: var(--dimension-space-050);\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n}\n\n.table-search__editor::-webkit-scrollbar {\n display: none;\n}\n\n.table-search__chip {\n flex: none;\n max-inline-size: var(--dimension-panel-width-2xs);\n}\n\n.table-search__input {\n appearance: none;\n box-sizing: border-box;\n flex: 1 0 var(--dimension-size-600);\n min-inline-size: var(--dimension-size-600);\n block-size: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n background: transparent;\n color: var(--ds-table-search-foreground);\n text-overflow: ellipsis;\n}\n\n.table-search__input::-webkit-search-cancel-button,\n.table-search__input::-webkit-search-decoration {\n display: none;\n}\n\n.table-search__input::placeholder {\n color: var(--ds-table-search-placeholder);\n}\n\n.table-search__input:focus::placeholder {\n color: var(--ds-table-search-placeholder-active);\n}\n\n.table-search__actions {\n display: flex;\n align-items: center;\n gap: var(--dimension-space-050);\n}\n\n.table-search__clear,\n.table-search__slash,\n.table-search__action-divider {\n flex: none;\n}\n\n.table-search__slash {\n color: var(--ds-table-search-adornment);\n}\n\n.table-search__popup {\n --ds-choice-popup-min-inline-size: var(--dimension-menu-width-xs);\n}\n\n.table-search__list {\n padding: var(--dimension-space-050);\n}\n\n.table-search__option {\n flex: none;\n inline-size: 100%;\n}\n\n@media (forced-colors: active) {\n .table-search__control:focus-within::after {\n outline-color: var(--ds-forced-color-selected);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport {\n choicePopupMinWidth,\n resolveChoicePopupAlignOffset,\n resolveCssLengthPx,\n TOKEN_DEFAULTS,\n} from '../../utils';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport {\n availableTableSearchFields,\n filterTableSearchFields,\n nextTableSearchActiveIndex,\n selectedTableSearchFields,\n tableSearchFields,\n} from './table-search-model';\nimport type { TableColumn } from '../Table/table-types';\nimport type { TableSearchField, TableSearchFieldsChangeDetail } from './table-search-types';\n\nlet tableSearchSequence = 0;\n\n@Component({\n tag: 'ds-table-search',\n styleUrl: 'TableSearch.css',\n scoped: true,\n})\nexport class TableSearch {\n @Element() private el!: HTMLElement;\n\n /* Controlled free-text query. /\n @Prop() value: string = '';\n /* Table column catalog used to derive searchable data points and their complete labels. /\n @Prop() columns: TableColumn[] = [];\n /* Controlled ordered field scopes rendered as Tags. /\n @Prop() selectedFieldIds: string[] = [];\n @Prop() placeholder: string = 'Search';\n @Prop({ attribute: 'aria-label' }) ariaLabel: string = 'Search table';\n @Prop() clearLabel: string = 'Clear search';\n @Prop() fieldMenuLabel: string = 'Choose search fields';\n @Prop() isInactive: boolean = false;\n\n @Event({ bubbles: false }) dsChange!: EventEmitter<string>;\n @Event({ bubbles: false }) dsFieldsChange!: EventEmitter<TableSearchFieldsChangeDetail>;\n @Event({ bubbles: false }) dsClear!: EventEmitter<void>;\n\n @State() private menuOpen = false;\n @State() private menuQuery = '';\n @State() private activeIndex = 0;\n @State() private focusRingVisible = false;\n @State() private position = { x: 0, y: 0 };\n @State() private positionReady = false;\n @State() private availableHeight: number \| null = null;\n @State() private announcement = '';\n\n private readonly componentId = `ds-table-search-${++tableSearchSequence}`;\n private readonly inputId = `${this.componentId}-input`;\n private readonly listboxId = `${this.componentId}-listbox`;\n private readonly descriptionId = `${this.componentId}-description`;\n private inputEl: HTMLInputElement \| null = null;\n private controlEl: HTMLElement \| null = null;\n private popupEl: HTMLElement \| null = null;\n\n private readonly positionController = new AnchoredPositionController({\n getAnchor: () => this.controlEl,\n getPopup: () => this.popupEl,\n getOwnerDocument: () => this.el.ownerDocument,\n measure: (anchor, popup) => {\n if (!this.menuOpen \|\| !popup.isConnected) return null;\n const inset = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n popup.style.minWidth = `max(var(--ds-choice-popup-min-inline-size, ${TOKEN_DEFAULTS.menuWidthXs}), ${choicePopupMinWidth(anchor.offsetWidth, inset)}px)`;\n const anchorRect = anchor.getBoundingClientRect();\n return {\n anchorRect,\n popupWidth: popup.offsetWidth,\n popupHeight: popup.offsetHeight,\n side: 'bottom',\n align: 'start',\n sideOffsetPx: inset,\n alignOffsetPx: resolveChoicePopupAlignOffset({\n align: 'start',\n alignOffsetPx: 0,\n sectionInsetPx: inset,\n }),\n viewportPadPx: inset,\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n collisionRect: resolveAnchoredOverlayBoundaryRect(anchor),\n };\n },\n apply: ({ x, y, availableHeight }) => {\n this.position = { x, y };\n this.availableHeight = availableHeight;\n },\n onReady: () => {\n this.positionReady = true;\n },\n topLayer: true,\n liveUpdate: 'frame',\n observeResize: true,\n observeAnchorMotion: true,\n });\n\n private readonly interactionController = new AnchoredOverlayInteractionController({\n getAnchor: () => this.controlEl,\n getPopup: () => this.popupEl,\n getOwnerDocument: () => this.el.ownerDocument,\n onOutsideActivation: () => this.closeMenu(),\n });\n\n disconnectedCallback(): void {\n this.closeMenu();\n }\n\n @Watch('columns')\n @Watch('selectedFieldIds')\n syncAvailableFields(): void {\n const count = this.availableFields.length;\n if (count === 0) {\n this.closeMenu();\n return;\n }\n if (this.activeIndex >= count) this.activeIndex = count - 1;\n }\n\n @Watch('isInactive')\n syncInactive(isInactive: boolean): void {\n if (isInactive) this.closeMenu();\n }\n\n @Method()\n async setFocus(): Promise<void> {\n this.inputEl?.focus();\n }\n\n private get selectedFields(): TableSearchField[] {\n return selectedTableSearchFields(this.searchFields, this.selectedFieldIds);\n }\n\n private get availableFields(): TableSearchField[] {\n return availableTableSearchFields(this.searchFields, this.selectedFieldIds);\n }\n\n private get visibleFields(): TableSearchField[] {\n return filterTableSearchFields(this.availableFields, this.menuQuery);\n }\n\n private get searchFields(): TableSearchField[] {\n return tableSearchFields(this.columns);\n }\n\n private get activeOptionId(): string \| undefined {\n return this.menuOpen && this.activeIndex >= 0\n ? `${this.componentId}-option-${this.activeIndex}`\n : undefined;\n }\n\n private openMenu(fromKeyboard: boolean): void {\n if (this.isInactive \|\| this.menuOpen \|\| this.availableFields.length === 0) return;\n this.menuQuery = '';\n // The native value can be ahead of the controlled prop when slash follows input\n // in the same frame, so clear it before the queued render can skip an equal value.\n if (this.inputEl) this.inputEl.value = '';\n this.activeIndex = 0;\n this.focusRingVisible = fromKeyboard;\n this.positionReady = false;\n this.menuOpen = true;\n requestAnimationFrame(() => {\n if (!this.menuOpen) return;\n this.interactionController.connect();\n this.positionController.observe();\n this.positionController.schedule();\n });\n }\n\n private closeMenu(): void {\n if (!this.menuOpen && !this.popupEl) return;\n if (this.popupEl?.matches(':popover-open')) this.popupEl.hidePopover();\n this.positionController.unobserve();\n this.interactionController.disconnect();\n this.popupEl = null;\n this.positionReady = false;\n this.availableHeight = null;\n this.menuOpen = false;\n this.menuQuery = '';\n }\n\n private handleInput(event: Event): void {\n const nextValue = (event.target as HTMLInputElement).value;\n if (this.menuOpen) {\n this.menuQuery = nextValue;\n this.activeIndex = filterTableSearchFields(this.availableFields, nextValue).length ? 0 : -1;\n this.focusRingVisible = false;\n this.positionController.schedule();\n return;\n }\n\n this.dsChange.emit(nextValue);\n }\n\n private selectField(field: TableSearchField): void {\n this.dsFieldsChange.emit({ selectedFieldIds: [...this.selectedFieldIds, field.id] });\n this.announcement = `${field.label} search field added.`;\n this.closeMenu();\n requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n }\n\n private removeLastField(): void {\n const selected = this.selectedFields;\n const removed = selected[selected.length - 1];\n if (!removed) return;\n this.dsFieldsChange.emit({\n selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== removed.id),\n });\n this.announcement = `${removed.label} search field removed.`;\n }\n\n private removeField(field: TableSearchField): void {\n this.dsFieldsChange.emit({\n selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== field.id),\n });\n this.announcement = `${field.label} search field removed.`;\n requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n }\n\n private clearSearch(): void {\n if (this.value) this.dsChange.emit('');\n if (this.selectedFieldIds.length) this.dsFieldsChange.emit({ selectedFieldIds: [] });\n this.dsClear.emit();\n this.announcement = 'Search cleared.';\n this.closeMenu();\n requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n }\n\n private handleKeyDown(event: KeyboardEvent): void {\n if (event.key === '/' && !this.menuOpen && !event.altKey && !event.ctrlKey && !event.metaKey) {\n event.preventDefault();\n this.openMenu(true);\n return;\n }\n\n if (event.key === 'Backspace' && this.menuOpen && this.menuQuery.length === 0) {\n event.preventDefault();\n this.closeMenu();\n return;\n }\n\n if (event.key === 'Backspace' && this.value.length === 0) {\n if (this.selectedFields.length) {\n event.preventDefault();\n this.removeLastField();\n }\n return;\n }\n\n if (!this.menuOpen) return;\n\n if (event.key === 'Escape') {\n event.preventDefault();\n this.closeMenu();\n return;\n }\n\n if (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n event.preventDefault();\n this.focusRingVisible = true;\n this.activeIndex = nextTableSearchActiveIndex(\n this.activeIndex,\n this.visibleFields.length,\n event.key === 'ArrowDown' ? 1 : -1\n );\n this.el\n .querySelector<HTMLElement>(`#${CSS.escape(this.activeOptionId ?? '')}`)\n ?.scrollIntoView({ block: 'nearest' });\n return;\n }\n\n if (event.key === 'Enter') {\n const field = this.visibleFields[this.activeIndex];\n if (!field) return;\n event.preventDefault();\n this.selectField(field);\n return;\n }\n\n if (event.key === 'Tab') this.closeMenu();\n }\n\n render() {\n const selected = this.selectedFields;\n const available = this.availableFields;\n const visible = this.visibleFields;\n const inputValue = this.menuOpen ? this.menuQuery : this.value;\n const hasValue = this.value.length > 0 \|\| selected.length > 0;\n const description = selected.length\n ? `Search limited to ${selected.map(field => field.label).join(' or ')}.`\n : 'Search includes every available table field. Type slash to choose fields.';\n const popupStyle: Record<string, string> = {\n position: 'fixed',\n left: '0',\n top: '0',\n transform: `translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,\n zIndex: 'var(--dimension-z-index-floating)',\n visibility: this.positionReady ? 'visible' : 'hidden',\n };\n if (this.availableHeight !== null) {\n popupStyle['max-height'] = `${Math.floor(this.availableHeight)}px`;\n }\n\n return (\n <Host\n class={{\n 'table-search-host': true,\n 'ds-control--md': true,\n 'ds-control-inactive': this.isInactive,\n }}\n data-filled={hasValue ? '' : undefined}\n data-expanded={this.menuOpen ? '' : undefined}\n >\n <div\n ref={element => {\n this.controlEl = element ?? null;\n }}\n class=\"table-search__control ds-control-frame ds-control--md ds-interaction-fill\"\n >\n <span\n class=\"table-search__icon ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-icon name=\"MagnifyingGlass\" size=\"md\" color=\"inherit\" />\n </span>\n <div class=\"table-search__editor ds-interaction-fill__content\">\n {selected.map(field => (\n <ds-chip\n class=\"table-search__chip\"\n key={field.id}\n label={field.label}\n size=\"md\"\n state=\"default\"\n isInset\n insetDepth=\"double\"\n isInactive={this.isInactive}\n onDsRemove={() => this.removeField(field)}\n />\n ))}\n <input\n ref={element => {\n this.inputEl = element ?? null;\n }}\n id={this.inputId}\n class=\"table-search__input ds-text--body-medium ds-text--regular\"\n type=\"search\"\n role=\"combobox\"\n value={inputValue}\n placeholder={this.placeholder}\n disabled={this.isInactive}\n aria-label={this.ariaLabel}\n aria-describedby={this.descriptionId}\n aria-haspopup=\"listbox\"\n aria-expanded={String(this.menuOpen)}\n aria-controls={this.menuOpen ? this.listboxId : undefined}\n aria-activedescendant={this.activeOptionId}\n aria-keyshortcuts=\"/\"\n autoComplete=\"off\"\n autoCapitalize=\"none\"\n autoCorrect=\"off\"\n spellcheck={false}\n onInput={event => this.handleInput(event)}\n onKeyDown={event => this.handleKeyDown(event)}\n />\n </div>\n {this.searchFields.length > 0 && (\n <div class=\"table-search__actions ds-interaction-fill__content\">\n {inputValue.length > 0 && !this.isInactive && (\n <ds-button-unfilled\n class=\"table-search__clear\"\n variant=\"icon\"\n size=\"sm\"\n icon=\"CrossCircle\"\n hasBorder={false}\n rounded\n ariaLabel={this.clearLabel}\n onDsClick={() => this.clearSearch()}\n />\n )}\n {inputValue.length > 0 && !this.isInactive && (\n <ds-divider\n class=\"table-search__action-divider\"\n orientation=\"vertical\"\n length=\"var(--dimension-size-200)\"\n />\n )}\n <ds-button-unfilled\n class=\"table-search__slash\"\n variant=\"label\"\n size=\"md\"\n label=\"/\"\n labelEmphasis={false}\n isInset\n insetDepth=\"double\"\n hasBorder={false}\n ariaLabel={this.fieldMenuLabel}\n focusTabIndex={-1}\n haspopup=\"listbox\"\n controls={this.menuOpen ? this.listboxId : undefined}\n expanded={this.menuOpen}\n isInactive={this.isInactive \|\| available.length === 0}\n onMouseDown={(event: MouseEvent) => event.preventDefault()}\n onDsClick={() => {\n this.inputEl?.focus({ preventScroll: true });\n this.openMenu(false);\n }}\n />\n </div>\n )}\n </div>\n <span id={this.descriptionId} class=\"ds-visually-hidden\">\n {description}\n </span>\n <span class=\"ds-visually-hidden\" aria-live=\"polite\">\n {this.announcement}\n </span>\n {this.menuOpen && (\n <div\n popover=\"manual\"\n ref={element => {\n this.popupEl = element ?? null;\n }}\n class=\"table-search__popup ds-choice-popup\"\n style={popupStyle}\n >\n <div\n id={this.listboxId}\n class=\"table-search__list ds-choice-list\"\n role=\"listbox\"\n aria-label={this.fieldMenuLabel}\n >\n {visible.map((field, index) => {\n const active = index === this.activeIndex;\n return (\n / eslint-disable-next-line local/prefer-direct-ds-text -- The option owns listbox semantics and pointer interaction while ds-text remains its typography child. */\n <div\n id={`${this.componentId}-option-${index}`}\n key={field.id}\n class={{\n 'table-search__option': true,\n 'ds-choice-item': true,\n 'ds-control-frame': true,\n 'ds-control--md': true,\n 'ds-focus-ring-inset': true,\n 'ds-focus-ring--visible': active && this.focusRingVisible,\n 'ds-interaction-fill': true,\n 'ds-interaction-fill--selected': active,\n }}\n role=\"option\"\n aria-selected={String(active)}\n onMouseDown={event => event.preventDefault()}\n onMouseMove={() => {\n this.focusRingVisible = false;\n this.activeIndex = index;\n }}\n onClick={() => this.selectField(field)}\n >\n <ds-text\n class=\"ds-choice-item__label ds-control-label-box ds-interaction-fill__content\"\n as=\"span\"\n variant=\"text-body-medium\"\n color={active ? 'primary' : 'secondary'}\n >\n {field.label}\n </ds-text>\n </div>\n );\n })}\n {visible.length === 0 && (\n <div class=\"table-search__empty ds-choice-empty ds-empty-region\">\n <ds-empty-state body=\"No matching data points\" />\n </div>\n )}\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-table-sort.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as t,h as i,a as n,t as o}from"./index.js";import{i as r}from"./p-BMERUCe1.js";import{d as a}from"./p-DzPtYdXy.js";import{d as l}from"./p-DSy1oOnd.js";import{d as c}from"./p-Cea7rROU.js";import{d}from"./p-0XTyQNRG.js";import{d as u}from"./p-CFkZSDwI.js";import{d as m}from"./p-XaCYqck3.js";import{d as f}from"./p-DGkn8FwV.js";import{d as h}from"./p-DbLLH3hr.js";import{d as p}from"./p-Cd1JnnVK.js";import{d as b}from"./p-pnO8tAYB.js";const k="direction:asc";const E="direction:desc";const g="field:";function w(s){const e=[];const t=new Set;for(const i of s){if(r(i)||!i.sortable)continue;const s=i.headerSegments?.filter((s=>s.sortKey.trim()))??[];if(s.length>0){for(const i of s){if(t.has(i.sortKey))continue;t.add(i.sortKey);e.push({id:i.sortKey,label:i.dataLabel?.trim()||i.label.trim()||i.sortKey})}continue}if(t.has(i.id))continue;t.add(i.id);e.push({id:i.id,label:i.dataLabel?.trim()||i.header.trim()||i.headerLabel?.trim()||i.id})}return e}function S(s,e){const t=w(s);return[{header:"Data",items:t.map((s=>({label:s.label,value:`${g}${encodeURIComponent(s.id)}`,isSelected:e?.columnId===s.id})))},{header:"Direction",items:[{label:"Ascending",value:k,icon:"ArrowUp",isSelected:e?.direction==="asc"},{label:"Descending",value:E,icon:"ArrowDown",isSelected:e?.direction==="desc"}]}]}function j(s,e){if(s===e)return true;if(!s||!e)return false;return s.columnId===e.columnId&&s.direction===e.direction}function D(s,e,t){const i=w(s);if(i.length===0)return e??null;if(t.value===k||t.value===E){const s=t.value===k?"asc":"desc";const n=i.some((s=>s.id===e?.columnId))?e.columnId:i[0].id;return{columnId:n,direction:s}}if(!t.value?.startsWith(g))return e??null;let n;try{n=decodeURIComponent(t.value.slice(g.length))}catch{return e??null}if(!i.some((s=>s.id===n)))return e??null;if(e?.columnId===n)return e??null;return{columnId:n,direction:e?.direction??"asc"}}const C=()=>`.sc-ds-table-sort-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}[hidden].sc-ds-table-sort-h{display:none}`;let y=0;const x=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsSortChange=t(this,"dsSortChange",3);this.columns=[];this.sort=null;this.ariaLabel=null;this.menuOpen=false;this.initialFocusVisible=false;this.componentId=`ds-table-sort-${++y}`;this.triggerId=`${this.componentId}-trigger`;this.menuId=`${this.componentId}-menu`}async setFocus(){const s=this.el.querySelector(`#${CSS.escape(this.triggerId)}`);await(s?.setFocus?.())}render(){const s=w(this.columns);const e=this.ariaLabel?.trim()||"Sort table";return i(n,{key:"dc87f32ec9798989f4d1f254a74da4dae3d47f21",hidden:s.length===0?true:undefined},s.length===0?null:i("ds-button-unfilled",{id:this.triggerId,variant:"icon-label",size:"md",icon:"ArrowsVertical",label:"Sort",labelEmphasis:false,pressScale:false,"aria-label":e,hasMenu:true,collapseLabel:true,expanded:this.menuOpen,controls:this.menuId,onDsClick:s=>{this.toggle(s.detail.detail===0)}}),s.length===0?null:i("ds-menu",{id:this.menuId,open:this.menuOpen,anchorId:this.triggerId,align:"start",side:"bottom",menuLabel:e,selectionMode:"none",initialFocusVisible:this.initialFocusVisible,sections:S(this.columns,this.sort),onDsClose:()=>this.close(),onDsSelect:s=>this.handleSelect(s.detail)}))}toggle(s=false){if(this.menuOpen)this.close();else this.open(s)}open(s=false){if(this.menuOpen)return;this.initialFocusVisible=s;this.menuOpen=true}close(){this.menuOpen=false}handleSelect(s){const e=D(this.columns,this.sort,s);if(j(this.sort,e))return;this.dsSortChange.emit({sort:e})}get el(){return this}static get style(){return C()}},[2,"ds-table-sort",{columns:[16],sort:[16],ariaLabel:[1,"aria-label"],menuOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function F(){if(typeof customElements==="undefined"){return}const s=["ds-table-sort","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-table-sort":if(!customElements.get(o(s))){customElements.define(o(s),x)}break;case"ds-badge":if(!customElements.get(o(s))){a()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){c()}break;case"ds-loader":if(!customElements.get(o(s))){d()}break;case"ds-menu":if(!customElements.get(o(s))){u()}break;case"ds-swatch-picker":if(!customElements.get(o(s))){m()}break;case"ds-switch":if(!customElements.get(o(s))){f()}break;case"ds-tag":if(!customElements.get(o(s))){h()}break;case"ds-text":if(!customElements.get(o(s))){p()}break;case"ds-tooltip":if(!customElements.get(o(s))){b()}break}}))}F();const I=x;const $=F;export{I as DsTableSort,$ as defineCustomElement};
+import{p as s,H as e,c as t,h as i,a as n,t as o}from"./index.js";import{i as r}from"./p-BMERUCe1.js";import{d as a}from"./p-DzPtYdXy.js";import{d as l}from"./p-7MWaWl8w.js";import{d as c}from"./p-Cea7rROU.js";import{d}from"./p-0XTyQNRG.js";import{d as u}from"./p-DeK_6Uym.js";import{d as m}from"./p-XaCYqck3.js";import{d as f}from"./p-DGkn8FwV.js";import{d as h}from"./p-DbLLH3hr.js";import{d as p}from"./p-Cd1JnnVK.js";import{d as b}from"./p-9X_p0bHr.js";const k="direction:asc";const E="direction:desc";const g="field:";function w(s){const e=[];const t=new Set;for(const i of s){if(r(i)||!i.sortable)continue;const s=i.headerSegments?.filter((s=>s.sortKey.trim()))??[];if(s.length>0){for(const i of s){if(t.has(i.sortKey))continue;t.add(i.sortKey);e.push({id:i.sortKey,label:i.dataLabel?.trim()||i.label.trim()||i.sortKey})}continue}if(t.has(i.id))continue;t.add(i.id);e.push({id:i.id,label:i.dataLabel?.trim()||i.header.trim()||i.headerLabel?.trim()||i.id})}return e}function j(s,e){const t=w(s);return[{header:"Data",items:t.map((s=>({label:s.label,value:`${g}${encodeURIComponent(s.id)}`,isSelected:e?.columnId===s.id})))},{header:"Direction",items:[{label:"Ascending",value:k,icon:"ArrowUp",isSelected:e?.direction==="asc"},{label:"Descending",value:E,icon:"ArrowDown",isSelected:e?.direction==="desc"}]}]}function S(s,e){if(s===e)return true;if(!s||!e)return false;return s.columnId===e.columnId&&s.direction===e.direction}function D(s,e,t){const i=w(s);if(i.length===0)return e??null;if(t.value===k||t.value===E){const s=t.value===k?"asc":"desc";const n=i.some((s=>s.id===e?.columnId))?e.columnId:i[0].id;return{columnId:n,direction:s}}if(!t.value?.startsWith(g))return e??null;let n;try{n=decodeURIComponent(t.value.slice(g.length))}catch{return e??null}if(!i.some((s=>s.id===n)))return e??null;if(e?.columnId===n)return e??null;return{columnId:n,direction:e?.direction??"asc"}}const y=()=>`.sc-ds-table-sort-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}[hidden].sc-ds-table-sort-h{display:none}`;let C=0;const x=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsSortChange=t(this,"dsSortChange",3);this.columns=[];this.sort=null;this.ariaLabel=null;this.menuOpen=false;this.initialFocusVisible=false;this.componentId=`ds-table-sort-${++C}`;this.triggerId=`${this.componentId}-trigger`;this.menuId=`${this.componentId}-menu`}async setFocus(){const s=this.el.querySelector(`#${CSS.escape(this.triggerId)}`);await(s?.setFocus?.())}render(){const s=w(this.columns);const e=this.ariaLabel?.trim()||"Sort table";return i(n,{key:"dc87f32ec9798989f4d1f254a74da4dae3d47f21",hidden:s.length===0?true:undefined},s.length===0?null:i("ds-button-unfilled",{id:this.triggerId,variant:"icon-label",size:"md",icon:"ArrowsVertical",label:"Sort",labelEmphasis:false,pressScale:false,"aria-label":e,hasMenu:true,collapseLabel:true,expanded:this.menuOpen,controls:this.menuId,onDsClick:s=>{this.toggle(s.detail.detail===0)}}),s.length===0?null:i("ds-menu",{id:this.menuId,open:this.menuOpen,anchorId:this.triggerId,align:"start",side:"bottom",menuLabel:e,selectionMode:"none",initialFocusVisible:this.initialFocusVisible,sections:j(this.columns,this.sort),onDsClose:()=>this.close(),onDsSelect:s=>this.handleSelect(s.detail)}))}toggle(s=false){if(this.menuOpen)this.close();else this.open(s)}open(s=false){if(this.menuOpen)return;this.initialFocusVisible=s;this.menuOpen=true}close(){this.menuOpen=false}handleSelect(s){const e=D(this.columns,this.sort,s);if(S(this.sort,e))return;this.dsSortChange.emit({sort:e})}get el(){return this}static get style(){return y()}},[2,"ds-table-sort",{columns:[16],sort:[16],ariaLabel:[1,"aria-label"],menuOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function U(){if(typeof customElements==="undefined"){return}const s=["ds-table-sort","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-table-sort":if(!customElements.get(o(s))){customElements.define(o(s),x)}break;case"ds-badge":if(!customElements.get(o(s))){a()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){c()}break;case"ds-loader":if(!customElements.get(o(s))){d()}break;case"ds-menu":if(!customElements.get(o(s))){u()}break;case"ds-swatch-picker":if(!customElements.get(o(s))){m()}break;case"ds-switch":if(!customElements.get(o(s))){f()}break;case"ds-tag":if(!customElements.get(o(s))){h()}break;case"ds-text":if(!customElements.get(o(s))){p()}break;case"ds-tooltip":if(!customElements.get(o(s))){b()}break}}))}U();const $=x;const v=U;export{$ as DsTableSort,v as defineCustomElement};
 //# sourceMappingURL=ds-table-sort.js.map