@ds-mo/ui 14.28.0 → 14.29.1

package/dist/components/ds-table-search.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a,t as r}from"./index.js";import{A as o,r as c}from"./p-DjF2m7bf.js";import{c as n,r as d,A as l}from"./p-etg-Uk1u.js";import{i as h}from"./p-BMERUCe1.js";import{d as b}from"./p-rSC7ZUpy.js";import{d as p}from"./p-oAbq-DLk.js";import{d as f}from"./p-WM1GTEun.js";import{d as v}from"./p-DbDYEEWq.js";import{d as u}from"./p-BFHWoNH3.js";import{d as m}from"./p-Cea7rROU.js";import{d as g}from"./p-0XTyQNRG.js";import{d as x}from"./p-aMyflqva.js";import{d as y}from"./p-CN8PQLZu.js";import{r as w}from"./p-CochmPyg.js";import{T as _}from"./p-CUL5_8JM.js";function k(e){const s=[];const t=new Set;for(const i of e){if(h(i)||i.searchable===false)continue;const e=i.headerSegments??[];if(e.length>0){for(const i of e){const e=i.sortKey.trim();const a=i.dataLabel?.trim()||i.label.trim()||e;if(!e||!a||i.searchable===false||t.has(e))continue;t.add(e);s.push({id:e,label:a})}continue}const a=i.id.trim();const r=i.dataLabel?.trim()||i.header.trim()||i.headerLabel?.trim()||a;if(!a||!r||t.has(a))continue;t.add(a);s.push({id:a,label:r})}return s}function z(e,s){const t=new Map(e.map((e=>[e.id,e])));const i=[];const a=new Set;for(const e of s){if(a.has(e))continue;const s=t.get(e);if(!s)continue;a.add(e);i.push(s)}return i}function C(e,s){const t=new Set(s);return e.filter((e=>!t.has(e.id)))}function F(e,s){const t=s.trim().toLocaleLowerCase();if(!t)return[...e];return e.filter((e=>`${e.label} ${e.id}`.toLocaleLowerCase().includes(t)))}function I(e,s,t){if(s<=0)return-1;const i=e>=0&&e<s?e:0;return(i+t+s)%s}const T=()=>`@media (forced-colors: active){.sc-ds-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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-table-search-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-table-search-h,.ds-focus-ring.sc-ds-table-search,.ds-focus-ring-inset.sc-ds-table-search-h,.ds-focus-ring-inset.sc-ds-table-search{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-table-search-h:focus-visible,.ds-focus-ring.sc-ds-table-search: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-table-search-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-table-search{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-table-search-h:focus-visible,.ds-focus-ring-inset.sc-ds-table-search:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-table-search-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-table-search: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-table-search-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-search{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-search-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-search::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-table-search-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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}}@media (forced-colors: active){.sc-ds-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill.sc-ds-table-search{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-table-search-h::before,.ds-interaction-fill.sc-ds-table-search::before,.ds-interaction-fill.sc-ds-table-search-h::after,.ds-interaction-fill.sc-ds-table-search::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-table-search-h::before,.ds-interaction-fill.sc-ds-table-search::before{z-index:1}.ds-interaction-fill.sc-ds-table-search-h::after,.ds-interaction-fill.sc-ds-table-search::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-table-search-h,.ds-interaction-fill--bordered.sc-ds-table-search{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-table-search-h::before,.ds-interaction-fill--selected.sc-ds-table-search::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-table-search-h,.ds-interaction-fill--selected.sc-ds-table-search{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-table-search-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-table-search:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-table-search-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-table-search:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-table-search-h::after,.ds-interaction-fill--grouped.sc-ds-table-search::after,.ds-interaction-fill--grouped.sc-ds-table-search-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table-search:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-table-search-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table-search:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-table-search-h,.ds-interaction-fill--grouped.sc-ds-table-search{--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-table-search-h>.ds-interaction-fill__content.sc-ds-table-search,.ds-interaction-fill.sc-ds-table-search>.ds-interaction-fill__content.sc-ds-table-search,.ds-interaction-fill__content.sc-ds-table-search{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-table-search-h,.ds-interaction-fill--on-faint.sc-ds-table-search{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-table-search-h,.ds-interaction-fill--on-medium.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-bold.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-strong.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-translucent.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-inverted.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-media.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-always-dark.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-navigation.sc-ds-table-search{--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)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-table-search-h::after,.ds-interaction-fill.sc-ds-table-search::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--selected.sc-ds-table-search-h::before,.ds-interaction-fill--selected.sc-ds-table-search::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-table-search-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-table-search: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-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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-control-inactive.sc-ds-table-search-h,.ds-control-inactive.sc-ds-table-search{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-table-search-h,.ds-control-inactive.sc-ds-table-search{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-table-search,.ds-control--lg.sc-ds-table-search-h,.ds-control--md.sc-ds-table-search-h,.ds-control--md.sc-ds-table-search,.ds-control--sm.sc-ds-table-search-h,.ds-control--sm.sc-ds-table-search,.ds-control--xs.sc-ds-table-search-h,.ds-control--xs.sc-ds-table-search{--ds-control-radius:var(--dimension-radius-025)}.ds-control--lg.sc-ds-table-search-h,.ds-control--lg.sc-ds-table-search{--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-table-search-h,.ds-control--md.sc-ds-table-search{--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-table-search-h,.ds-control--sm.sc-ds-table-search{--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-table-search-h,.ds-control--xs.sc-ds-table-search{--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}.ds-chrome-space--sm.sc-ds-table-search-h,.ds-chrome-space--sm.sc-ds-table-search{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-table-search-h,.ds-chrome-space--md.sc-ds-table-search{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-table-search-h,.ds-chrome-space--lg.sc-ds-table-search{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-table-search-h,.ds-chrome-row.sc-ds-table-search,.ds-chrome-column.sc-ds-table-search-h,.ds-chrome-column.sc-ds-table-search,.ds-chrome-grid.sc-ds-table-search-h,.ds-chrome-grid.sc-ds-table-search{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-table-search-h,.ds-chrome-row.sc-ds-table-search{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-table-search-h,.ds-chrome-column.sc-ds-table-search{flex-direction:column}.ds-chrome-grid.sc-ds-table-search-h,.ds-chrome-grid.sc-ds-table-search{display:grid;align-items:center}.ds-control-frame.sc-ds-table-search{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-table-search{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-table-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-table-search{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-table-search{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-table-search{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-empty-region.sc-ds-table-search{display:flex;flex:1 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.ds-empty-region--padded.sc-ds-table-search{padding:var(--dimension-space-200)}.sc-ds-table-search:where(.ds-text-decoration,.ds-text-action).sc-ds-table-search{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-table-search:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-table-search{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-choice-popup.sc-ds-table-search{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--dimension-radius-075);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-table-search::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-table-search{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-table-search{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-table-search{opacity:0}}.ds-choice-list.sc-ds-table-search{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-choice-section--divided.sc-ds-table-search{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}ds-text.ds-choice-section__header.sc-ds-table-search{text-align:start;-webkit-user-select:none;user-select:none}.ds-choice-section--headed-after-first.sc-ds-table-search{margin-block-start:var(--dimension-space-050)}.ds-choice-item.sc-ds-table-search{width:100%;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent;cursor:default;-webkit-user-select:none;user-select:none;text-align:left;color:inherit}.ds-choice-item.sc-ds-table-search:has(.ds-choice-item__subtext){height:auto;min-height:var(--ds-control-height, var(--dimension-size-400));padding-block:var(--ds-control-padding-inline, var(--dimension-space-075));align-items:flex-start}.ds-choice-item__content.sc-ds-table-search{display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}ds-text.ds-choice-item__label.sc-ds-table-search{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ds-text.ds-choice-item__subtext.sc-ds-table-search{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-choice-item__icon.sc-ds-table-search,.ds-choice-item__suffix.sc-ds-table-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));pointer-events:none}.ds-choice-item.ds-interaction-fill--selected.sc-ds-table-search .ds-choice-item__icon.sc-ds-table-search{color:var(--color-foreground-primary)}.ds-choice-item__tag.sc-ds-table-search{flex-shrink:0;pointer-events:none}.ds-choice-empty.sc-ds-table-search,.ds-choice-loading.sc-ds-table-search{min-height:var(--dimension-size-600);padding:var(--dimension-space-100)}.ds-choice-footer.sc-ds-table-search{position:relative;box-sizing:border-box;padding-block:var(--dimension-space-050)}.ds-choice-footer.sc-ds-table-search::before{content:'';position:absolute;inset:0 0 auto;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.ds-choice-footer__content.sc-ds-table-search{display:flex;align-items:center;justify-content:space-between;column-gap:var(--dimension-space-050);box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400))}.ds-choice-footer__summary.sc-ds-table-search,.ds-choice-footer__summary-measure.sc-ds-table-search,.ds-choice-footer__clear.sc-ds-table-search ds-text.sc-ds-table-search,.ds-choice-footer__action.sc-ds-table-search ds-text.sc-ds-table-search{padding-inline:calc(     var(--dimension-space-050) + var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-choice-footer__summary.sc-ds-table-search,.ds-choice-footer__summary-measure.sc-ds-table-search,.ds-choice-footer__clear.sc-ds-table-search,.ds-choice-footer__action.sc-ds-table-search{white-space:nowrap}.ds-choice-footer__summary-measure.sc-ds-table-search{position:absolute;visibility:hidden;pointer-events:none}.ds-choice-footer__clear.sc-ds-table-search,.ds-choice-footer__action.sc-ds-table-search{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default}@media (forced-colors: active){.ds-choice-popup.sc-ds-table-search{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-table-search::after{box-shadow:none}.ds-choice-section--divided.sc-ds-table-search{border-bottom-color:var(--ds-forced-color-content)}.ds-choice-footer.sc-ds-table-search::before{background-color:var(--ds-forced-color-content)}}.ds-control--lg.ds-control--inset.sc-ds-table-search-h,.ds-control--lg.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-025))}.ds-control--md.ds-control--inset.sc-ds-table-search-h,.ds-control--md.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-025))}.ds-control--sm.ds-control--inset.sc-ds-table-search-h,.ds-control--sm.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-025))}.ds-control--xs.ds-control--inset.sc-ds-table-search-h,.ds-control--xs.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-200) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-025) - var(--dimension-space-025))}.ds-control--lg.ds-control--inset-double.sc-ds-table-search-h,.ds-control--lg.ds-control--inset-double.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-050))}.ds-control--md.ds-control--inset-double.sc-ds-table-search-h,.ds-control--md.ds-control--inset-double.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-050))}.ds-control--sm.ds-control--inset-double.sc-ds-table-search-h,.ds-control--sm.ds-control--inset-double.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-050))}.ds-text--display-medium.sc-ds-table-search-h,.ds-text--display-medium.sc-ds-table-search{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-table-search-h,.ds-text--display-small.sc-ds-table-search{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-table-search-h,.ds-text--title-large.sc-ds-table-search{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-table-search-h,.ds-text--title-medium.sc-ds-table-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-table-search-h,.ds-text--title-small.sc-ds-table-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-table-search-h,.ds-text--body-large.sc-ds-table-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-table-search-h,.ds-text--body-medium.sc-ds-table-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-table-search-h,.ds-text--body-small.sc-ds-table-search{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-table-search-h,.ds-text--caption.sc-ds-table-search{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-table-search-h,.ds-text--display-small.ds-text--emphasis.sc-ds-table-search-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-table-search,.ds-text--display-small.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-table-search-h,.ds-text--display-small.ds-text--regular.sc-ds-table-search-h,.ds-text--display-medium.ds-text--regular.sc-ds-table-search,.ds-text--display-small.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-table-search-h,.ds-text--title-large.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-table-search-h,.ds-text--title-large.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-table-search-h,.ds-text--title-small.ds-text--emphasis.sc-ds-table-search-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-table-search,.ds-text--title-small.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-table-search-h,.ds-text--title-small.ds-text--regular.sc-ds-table-search-h,.ds-text--title-medium.ds-text--regular.sc-ds-table-search,.ds-text--title-small.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-table-search-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-table-search-h,.ds-text--body-large.ds-text--emphasis.sc-ds-table-search,.ds-text--body-medium.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-table-search-h,.ds-text--body-medium.ds-text--regular.sc-ds-table-search-h,.ds-text--body-large.ds-text--regular.sc-ds-table-search,.ds-text--body-medium.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-table-search-h,.ds-text--body-small.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-table-search-h,.ds-text--body-small.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-table-search-h,.ds-text--caption.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-table-search-h,.ds-text--caption.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}.ds-visually-hidden.sc-ds-table-search-h,.ds-visually-hidden.sc-ds-table-search{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.table-search-host.sc-ds-table-search-h{display:inline-flex;box-sizing:border-box;inline-size:100%;min-inline-size:0;--ds-table-search-foreground:var(--color-foreground-primary);--ds-table-search-adornment:var(--color-foreground-secondary);--ds-table-search-placeholder:var(--color-foreground-secondary);--ds-table-search-placeholder-active:var(--color-foreground-quaternary);--ds-table-search-border:var(--color-border-secondary)}.table-search__control.sc-ds-table-search{inline-size:100%;min-inline-size:0;padding-inline-end:var(--dimension-space-050);overflow:hidden;border:0;background:transparent;color:var(--ds-table-search-foreground);--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-table-search-border)}.table-search__control.sc-ds-table-search:focus-within{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-brand)}.ds-control-inactive.sc-ds-table-search-h .table-search__control.sc-ds-table-search::after{background:transparent}.table-search__icon.sc-ds-table-search,.table-search__actions.sc-ds-table-search{position:relative;z-index:2;flex:none}.table-search__icon.sc-ds-table-search{color:var(--ds-table-search-adornment)}.table-search__editor.sc-ds-table-search{position:relative;z-index:2;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;block-size:100%;gap:var(--dimension-space-050);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.table-search__editor.sc-ds-table-search::-webkit-scrollbar{display:none}.table-search__chip.sc-ds-table-search{flex:none;max-inline-size:var(--dimension-panel-width-2xs)}.table-search__input.sc-ds-table-search{appearance:none;box-sizing:border-box;flex:1 0 var(--dimension-size-600);min-inline-size:var(--dimension-size-600);block-size:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--ds-table-search-foreground);text-overflow:ellipsis}.table-search__input.sc-ds-table-search::-webkit-search-cancel-button,.table-search__input.sc-ds-table-search::-webkit-search-decoration{display:none}.table-search__input.sc-ds-table-search::placeholder{color:var(--ds-table-search-placeholder)}.table-search__input.sc-ds-table-search:focus::placeholder{color:var(--ds-table-search-placeholder-active)}.table-search__actions.sc-ds-table-search{display:flex;align-items:center;gap:var(--dimension-space-050)}.table-search__clear.sc-ds-table-search,.table-search__slash.sc-ds-table-search,.table-search__action-divider.sc-ds-table-search{flex:none}.table-search__slash.sc-ds-table-search{color:var(--ds-table-search-adornment)}.table-search__popup.sc-ds-table-search{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}.table-search__list.sc-ds-table-search{padding:var(--dimension-space-050)}.table-search__option.sc-ds-table-search{flex:none;inline-size:100%}@media (forced-colors: active){.table-search__control.sc-ds-table-search:focus-within::after{outline-color:var(--ds-forced-color-selected)}}`;let j=0;const $=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",3);this.dsFieldsChange=t(this,"dsFieldsChange",3);this.dsClear=t(this,"dsClear",3);this.value="";this.columns=[];this.selectedFieldIds=[];this.placeholder="Search";this.ariaLabel="Search table";this.clearLabel="Clear search";this.fieldMenuLabel="Choose search fields";this.isInactive=false;this.menuOpen=false;this.menuQuery="";this.activeIndex=0;this.focusRingVisible=false;this.position={x:0,y:0};this.positionReady=false;this.availableHeight=null;this.announcement="";this.componentId=`ds-table-search-${++j}`;this.inputId=`${this.componentId}-input`;this.listboxId=`${this.componentId}-listbox`;this.descriptionId=`${this.componentId}-description`;this.inputEl=null;this.controlEl=null;this.popupEl=null;this.positionController=new o({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{if(!this.menuOpen||!s.isConnected)return null;const t=w(_.space050,_.space050);s.style.minWidth=`max(var(--ds-choice-popup-min-inline-size, ${_.menuWidthXs}), ${n(e.offsetWidth,t)}px)`;const i=e.getBoundingClientRect();return{anchorRect:i,popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:"start",sideOffsetPx:t,alignOffsetPx:d({align:"start",alignOffsetPx:0,sectionInsetPx:t}),viewportPadPx:t,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:c(e)}},apply:({x:e,y:s,availableHeight:t})=>{this.position={x:e,y:s};this.availableHeight=t},onReady:()=>{this.positionReady=true},topLayer:true,liveUpdate:"frame",observeResize:true,observeAnchorMotion:true});this.interactionController=new l({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.closeMenu()})}disconnectedCallback(){this.closeMenu()}syncAvailableFields(){const e=this.availableFields.length;if(e===0){this.closeMenu();return}if(this.activeIndex>=e)this.activeIndex=e-1}syncInactive(e){if(e)this.closeMenu()}async setFocus(){this.inputEl?.focus()}get selectedFields(){return z(this.searchFields,this.selectedFieldIds)}get availableFields(){return C(this.searchFields,this.selectedFieldIds)}get visibleFields(){return F(this.availableFields,this.menuQuery)}get searchFields(){return k(this.columns)}get activeOptionId(){return this.menuOpen&&this.activeIndex>=0?`${this.componentId}-option-${this.activeIndex}`:undefined}openMenu(e){if(this.isInactive||this.menuOpen||this.availableFields.length===0)return;this.menuQuery="";if(this.inputEl)this.inputEl.value="";this.activeIndex=0;this.focusRingVisible=e;this.positionReady=false;this.menuOpen=true;requestAnimationFrame((()=>{if(!this.menuOpen)return;this.interactionController.connect();this.positionController.observe();this.positionController.schedule()}))}closeMenu(){if(!this.menuOpen&&!this.popupEl)return;if(this.popupEl?.matches(":popover-open"))this.popupEl.hidePopover();this.positionController.unobserve();this.interactionController.disconnect();this.popupEl=null;this.positionReady=false;this.availableHeight=null;this.menuOpen=false;this.menuQuery=""}handleInput(e){const s=e.target.value;if(this.menuOpen){this.menuQuery=s;this.activeIndex=F(this.availableFields,s).length?0:-1;this.focusRingVisible=false;this.positionController.schedule();return}this.dsChange.emit(s)}selectField(e){this.dsFieldsChange.emit({selectedFieldIds:[...this.selectedFieldIds,e.id]});this.announcement=`${e.label} search field added.`;this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}removeLastField(){const e=this.selectedFields;const s=e[e.length-1];if(!s)return;this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((e=>e!==s.id))});this.announcement=`${s.label} search field removed.`}removeField(e){this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((s=>s!==e.id))});this.announcement=`${e.label} search field removed.`;requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}clearSearch(){if(this.value)this.dsChange.emit("");if(this.selectedFieldIds.length)this.dsFieldsChange.emit({selectedFieldIds:[]});this.dsClear.emit();this.announcement="Search cleared.";this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}handleKeyDown(e){if(e.key==="/"&&!this.menuOpen&&!e.altKey&&!e.ctrlKey&&!e.metaKey){e.preventDefault();this.openMenu(true);return}if(e.key==="Backspace"&&this.menuOpen&&this.menuQuery.length===0){e.preventDefault();this.closeMenu();return}if(e.key==="Backspace"&&this.value.length===0){if(this.selectedFields.length){e.preventDefault();this.removeLastField()}return}if(!this.menuOpen)return;if(e.key==="Escape"){e.preventDefault();this.closeMenu();return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();this.focusRingVisible=true;this.activeIndex=I(this.activeIndex,this.visibleFields.length,e.key==="ArrowDown"?1:-1);this.el.querySelector(`#${CSS.escape(this.activeOptionId??"")}`)?.scrollIntoView({block:"nearest"});return}if(e.key==="Enter"){const s=this.visibleFields[this.activeIndex];if(!s)return;e.preventDefault();this.selectField(s);return}if(e.key==="Tab")this.closeMenu()}render(){const e=this.selectedFields;const s=this.availableFields;const t=this.visibleFields;const r=this.menuOpen?this.menuQuery:this.value;const o=this.value.length>0||e.length>0;const c=e.length?`Search limited to ${e.map((e=>e.label)).join(" or ")}.`:"Search includes every available table field. Type slash to choose fields.";const n={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};if(this.availableHeight!==null){n["max-height"]=`${Math.floor(this.availableHeight)}px`}return i(a,{key:"be38223dfa6accca30941142ccfd8e1da5df5687",class:{"table-search-host":true,"ds-control--md":true,"ds-control-inactive":this.isInactive},"data-filled":o?"":undefined,"data-expanded":this.menuOpen?"":undefined},i("div",{key:"b3c63851a175a1148617519af8113bff306da0e6",ref:e=>{this.controlEl=e??null},class:"table-search__control ds-control-frame ds-control--md ds-interaction-fill"},i("span",{key:"8b42e2ffb77a3998d8315a971e8abf67002588c5",class:"table-search__icon ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},i("ds-icon",{key:"25e055c8686b6c16082cdc87fe322af11c824a32",name:"MagnifyingGlass",size:"md",color:"inherit"})),i("div",{key:"5bd50ef92829e8dbe5cef2e6ac91149dd06ee832",class:"table-search__editor ds-interaction-fill__content"},e.map((e=>i("ds-chip",{class:"table-search__chip",key:e.id,label:e.label,size:"md",state:"default",isInset:true,insetDepth:"double",isInactive:this.isInactive,onDsRemove:()=>this.removeField(e)}))),i("input",{key:"835f01992b1f27030d9c62c005e13c56a15c01ff",ref:e=>{this.inputEl=e??null},id:this.inputId,class:"table-search__input ds-text--body-medium ds-text--regular",type:"search",role:"combobox",value:r,placeholder:this.placeholder,disabled:this.isInactive,"aria-label":this.ariaLabel,"aria-describedby":this.descriptionId,"aria-haspopup":"listbox","aria-expanded":String(this.menuOpen),"aria-controls":this.menuOpen?this.listboxId:undefined,"aria-activedescendant":this.activeOptionId,"aria-keyshortcuts":"/",autoComplete:"off",autoCapitalize:"none",autoCorrect:"off",spellcheck:false,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)})),this.searchFields.length>0&&i("div",{key:"d5476fe6b39b60cee1dac952be4b9dd79849f894",class:"table-search__actions ds-interaction-fill__content"},r.length>0&&!this.isInactive&&i("ds-button-unfilled",{key:"1d4780f0901a0e106351cae47f8a809e3f7fef9f",class:"table-search__clear",variant:"icon",size:"sm",icon:"CrossCircle",hasBorder:false,rounded:true,ariaLabel:this.clearLabel,onDsClick:()=>this.clearSearch()}),r.length>0&&!this.isInactive&&i("ds-divider",{key:"48cdf7ac96cde7a5eee5fec73542ca3cbfc4103c",class:"table-search__action-divider",orientation:"vertical",length:"var(--dimension-size-200)"}),i("ds-button-unfilled",{key:"6bc2047c0e11c793eaa9ca061ea3842d9d5018ce",class:"table-search__slash",variant:"label",size:"md",label:"/",labelEmphasis:false,isInset:true,insetDepth:"double",hasBorder:false,ariaLabel:this.fieldMenuLabel,focusTabIndex:-1,haspopup:"listbox",controls:this.menuOpen?this.listboxId:undefined,expanded:this.menuOpen,isInactive:this.isInactive||s.length===0,onMouseDown:e=>e.preventDefault(),onDsClick:()=>{this.inputEl?.focus({preventScroll:true});this.openMenu(false)}}))),i("span",{key:"3246cb68cb3b4abee475c590366cc5719f7ab317",id:this.descriptionId,class:"ds-visually-hidden"},c),i("span",{key:"740ddcc58d785ca9e0e6395d22b11c92de68c994",class:"ds-visually-hidden","aria-live":"polite"},this.announcement),this.menuOpen&&i("div",{key:"d3f2e15682ba4e77c1d402b7152357268854ccf6",popover:"manual",ref:e=>{this.popupEl=e??null},class:"table-search__popup ds-choice-popup",style:n},i("div",{key:"fc9d267996745fb5855f7d8fdd3102be4fef0781",id:this.listboxId,class:"table-search__list ds-choice-list",role:"listbox","aria-label":this.fieldMenuLabel},t.map(((e,s)=>{const t=s===this.activeIndex;return i("div",{id:`${this.componentId}-option-${s}`,key:e.id,class:{"table-search__option":true,"ds-choice-item":true,"ds-control-frame":true,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-focus-ring--visible":t&&this.focusRingVisible,"ds-interaction-fill":true,"ds-interaction-fill--selected":t},role:"option","aria-selected":String(t),onMouseDown:e=>e.preventDefault(),onMouseMove:()=>{this.focusRingVisible=false;this.activeIndex=s},onClick:()=>this.selectField(e)},i("ds-text",{class:"ds-choice-item__label ds-control-label-box ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:t?"primary":"secondary"},e.label))})),t.length===0&&i("div",{key:"1f6d5f7d46bd3281cf23b285f802ac20c979d793",class:"table-search__empty ds-choice-empty ds-empty-region"},i("ds-empty-state",{key:"f329486adaa92f96a8239413966dc467503d8837",body:"No matching data points"})))))}get el(){return this}static get watchers(){return{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}}static get style(){return T()}},[2,"ds-table-search",{value:[1],columns:[16],selectedFieldIds:[16],placeholder:[1],ariaLabel:[1,"aria-label"],clearLabel:[1,"clear-label"],fieldMenuLabel:[1,"field-menu-label"],isInactive:[4,"is-inactive"],menuOpen:[32],menuQuery:[32],activeIndex:[32],focusRingVisible:[32],position:[32],positionReady:[32],availableHeight:[32],announcement:[32],setFocus:[64]},undefined,{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}]);function A(){if(typeof customElements==="undefined"){return}const e=["ds-table-search","ds-badge","ds-button-unfilled","ds-chip","ds-divider","ds-empty-state","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-table-search":if(!customElements.get(r(e))){customElements.define(r(e),$)}break;case"ds-badge":if(!customElements.get(r(e))){b()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){p()}break;case"ds-chip":if(!customElements.get(r(e))){f()}break;case"ds-divider":if(!customElements.get(r(e))){v()}break;case"ds-empty-state":if(!customElements.get(r(e))){u()}break;case"ds-icon":if(!customElements.get(r(e))){m()}break;case"ds-loader":if(!customElements.get(r(e))){g()}break;case"ds-text":if(!customElements.get(r(e))){x()}break;case"ds-tooltip":if(!customElements.get(r(e))){y()}break}}))}A();const E=$;const S=A;export{E as DsTableSearch,S as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a,t as r}from"./index.js";import{A as o,r as c}from"./p-DjF2m7bf.js";import{c as n,r as d,A as l}from"./p-etg-Uk1u.js";import{i as h}from"./p-BMERUCe1.js";import{d as b}from"./p-rSC7ZUpy.js";import{d as p}from"./p--yvQzZoO.js";import{d as f}from"./p-BfVlFinS.js";import{d as v}from"./p-DbDYEEWq.js";import{d as u}from"./p-BFHWoNH3.js";import{d as m}from"./p-Cea7rROU.js";import{d as g}from"./p-0XTyQNRG.js";import{d as x}from"./p-aMyflqva.js";import{d as y}from"./p-CN8PQLZu.js";import{r as w}from"./p-CochmPyg.js";import{T as _}from"./p-CUL5_8JM.js";function k(e){const s=[];const t=new Set;for(const i of e){if(h(i)||i.searchable===false)continue;const e=i.headerSegments??[];if(e.length>0){for(const i of e){const e=i.sortKey.trim();const a=i.dataLabel?.trim()||i.label.trim()||e;if(!e||!a||i.searchable===false||t.has(e))continue;t.add(e);s.push({id:e,label:a})}continue}const a=i.id.trim();const r=i.dataLabel?.trim()||i.header.trim()||i.headerLabel?.trim()||a;if(!a||!r||t.has(a))continue;t.add(a);s.push({id:a,label:r})}return s}function z(e,s){const t=new Map(e.map((e=>[e.id,e])));const i=[];const a=new Set;for(const e of s){if(a.has(e))continue;const s=t.get(e);if(!s)continue;a.add(e);i.push(s)}return i}function C(e,s){const t=new Set(s);return e.filter((e=>!t.has(e.id)))}function F(e,s){const t=s.trim().toLocaleLowerCase();if(!t)return[...e];return e.filter((e=>`${e.label} ${e.id}`.toLocaleLowerCase().includes(t)))}function I(e,s,t){if(s<=0)return-1;const i=e>=0&&e<s?e:0;return(i+t+s)%s}const T=()=>`@media (forced-colors: active){.sc-ds-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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-table-search-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-table-search-h,.ds-focus-ring.sc-ds-table-search,.ds-focus-ring-inset.sc-ds-table-search-h,.ds-focus-ring-inset.sc-ds-table-search{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-table-search-h:focus-visible,.ds-focus-ring.sc-ds-table-search: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-table-search-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-table-search{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-table-search-h:focus-visible,.ds-focus-ring-inset.sc-ds-table-search:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-table-search-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-table-search: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-table-search-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-search{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-search-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-search::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-table-search-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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}}@media (forced-colors: active){.sc-ds-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill.sc-ds-table-search{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-table-search-h::before,.ds-interaction-fill.sc-ds-table-search::before,.ds-interaction-fill.sc-ds-table-search-h::after,.ds-interaction-fill.sc-ds-table-search::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-table-search-h::before,.ds-interaction-fill.sc-ds-table-search::before{z-index:1}.ds-interaction-fill.sc-ds-table-search-h::after,.ds-interaction-fill.sc-ds-table-search::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-table-search-h,.ds-interaction-fill--bordered.sc-ds-table-search{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-table-search-h::before,.ds-interaction-fill--selected.sc-ds-table-search::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-table-search-h,.ds-interaction-fill--selected.sc-ds-table-search{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-table-search-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-table-search:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-table-search-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-table-search:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-table-search-h::after,.ds-interaction-fill--grouped.sc-ds-table-search::after,.ds-interaction-fill--grouped.sc-ds-table-search-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table-search:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-table-search-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table-search:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-table-search-h,.ds-interaction-fill--grouped.sc-ds-table-search{--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-table-search-h>.ds-interaction-fill__content.sc-ds-table-search,.ds-interaction-fill.sc-ds-table-search>.ds-interaction-fill__content.sc-ds-table-search,.ds-interaction-fill__content.sc-ds-table-search{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-table-search-h,.ds-interaction-fill--on-faint.sc-ds-table-search{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-table-search-h,.ds-interaction-fill--on-medium.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-bold.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-strong.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-translucent.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-inverted.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-media.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-always-dark.sc-ds-table-search{--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-table-search-h,.ds-interaction-fill--on-navigation.sc-ds-table-search{--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-table-search-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-table-search:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-table-search-h::after,.ds-interaction-fill.sc-ds-table-search::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-table-search-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-table-search: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-table-search-h::before,.ds-interaction-fill--selected.sc-ds-table-search::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-table-search-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-table-search: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-table-search:root,.sc-ds-table-search-h,.ds-forced-colors-scope.sc-ds-table-search{--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-control-inactive.sc-ds-table-search-h,.ds-control-inactive.sc-ds-table-search{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-table-search-h,.ds-control-inactive.sc-ds-table-search{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-table-search,.ds-control--lg.sc-ds-table-search-h,.ds-control--md.sc-ds-table-search-h,.ds-control--md.sc-ds-table-search,.ds-control--sm.sc-ds-table-search-h,.ds-control--sm.sc-ds-table-search,.ds-control--xs.sc-ds-table-search-h,.ds-control--xs.sc-ds-table-search{--ds-control-radius:var(--dimension-radius-025)}.ds-control--lg.sc-ds-table-search-h,.ds-control--lg.sc-ds-table-search{--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-table-search-h,.ds-control--md.sc-ds-table-search{--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-table-search-h,.ds-control--sm.sc-ds-table-search{--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-table-search-h,.ds-control--xs.sc-ds-table-search{--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}.ds-chrome-space--sm.sc-ds-table-search-h,.ds-chrome-space--sm.sc-ds-table-search{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-table-search-h,.ds-chrome-space--md.sc-ds-table-search{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-table-search-h,.ds-chrome-space--lg.sc-ds-table-search{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-table-search-h,.ds-chrome-row.sc-ds-table-search,.ds-chrome-column.sc-ds-table-search-h,.ds-chrome-column.sc-ds-table-search,.ds-chrome-grid.sc-ds-table-search-h,.ds-chrome-grid.sc-ds-table-search{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-table-search-h,.ds-chrome-row.sc-ds-table-search{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-table-search-h,.ds-chrome-column.sc-ds-table-search{flex-direction:column}.ds-chrome-grid.sc-ds-table-search-h,.ds-chrome-grid.sc-ds-table-search{display:grid;align-items:center}.ds-control-frame.sc-ds-table-search{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-table-search{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-table-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-table-search{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-table-search{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-table-search{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-empty-region.sc-ds-table-search{display:flex;flex:1 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.ds-empty-region--padded.sc-ds-table-search{padding:var(--dimension-space-200)}.sc-ds-table-search:where(.ds-text-decoration,.ds-text-action).sc-ds-table-search{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-table-search{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-table-search:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-table-search{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-choice-popup.sc-ds-table-search{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--dimension-radius-075);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-table-search::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-table-search{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-table-search{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-table-search{opacity:0}}.ds-choice-list.sc-ds-table-search{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-choice-section--divided.sc-ds-table-search{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}ds-text.ds-choice-section__header.sc-ds-table-search{text-align:start;-webkit-user-select:none;user-select:none}.ds-choice-section--headed-after-first.sc-ds-table-search{margin-block-start:var(--dimension-space-050)}.ds-choice-item.sc-ds-table-search{width:100%;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent;cursor:default;-webkit-user-select:none;user-select:none;text-align:left;color:inherit}.ds-choice-item.sc-ds-table-search:has(.ds-choice-item__subtext){height:auto;min-height:var(--ds-control-height, var(--dimension-size-400));padding-block:var(--ds-control-padding-inline, var(--dimension-space-075));align-items:flex-start}.ds-choice-item__content.sc-ds-table-search{display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}ds-text.ds-choice-item__label.sc-ds-table-search{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ds-text.ds-choice-item__subtext.sc-ds-table-search{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-choice-item__icon.sc-ds-table-search,.ds-choice-item__suffix.sc-ds-table-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));pointer-events:none}.ds-choice-item.ds-interaction-fill--selected.sc-ds-table-search .ds-choice-item__icon.sc-ds-table-search{color:var(--color-foreground-primary)}.ds-choice-item__tag.sc-ds-table-search{flex-shrink:0;pointer-events:none}.ds-choice-empty.sc-ds-table-search,.ds-choice-loading.sc-ds-table-search{min-height:var(--dimension-size-600);padding:var(--dimension-space-100)}.ds-choice-footer.sc-ds-table-search{position:relative;box-sizing:border-box;padding-block:var(--dimension-space-050)}.ds-choice-footer.sc-ds-table-search::before{content:'';position:absolute;inset:0 0 auto;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.ds-choice-footer__content.sc-ds-table-search{display:flex;align-items:center;justify-content:space-between;column-gap:var(--dimension-space-050);box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400))}.ds-choice-footer__summary.sc-ds-table-search,.ds-choice-footer__summary-measure.sc-ds-table-search,.ds-choice-footer__clear.sc-ds-table-search ds-text.sc-ds-table-search,.ds-choice-footer__action.sc-ds-table-search ds-text.sc-ds-table-search{padding-inline:calc(     var(--dimension-space-050) + var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-choice-footer__summary.sc-ds-table-search,.ds-choice-footer__summary-measure.sc-ds-table-search,.ds-choice-footer__clear.sc-ds-table-search,.ds-choice-footer__action.sc-ds-table-search{white-space:nowrap}.ds-choice-footer__summary-measure.sc-ds-table-search{position:absolute;visibility:hidden;pointer-events:none}.ds-choice-footer__clear.sc-ds-table-search,.ds-choice-footer__action.sc-ds-table-search{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default}@media (forced-colors: active){.ds-choice-popup.sc-ds-table-search{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-table-search::after{box-shadow:none}.ds-choice-section--divided.sc-ds-table-search{border-bottom-color:var(--ds-forced-color-content)}.ds-choice-footer.sc-ds-table-search::before{background-color:var(--ds-forced-color-content)}}.ds-control--lg.ds-control--inset.sc-ds-table-search-h,.ds-control--lg.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-025))}.ds-control--md.ds-control--inset.sc-ds-table-search-h,.ds-control--md.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-025))}.ds-control--sm.ds-control--inset.sc-ds-table-search-h,.ds-control--sm.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-025))}.ds-control--xs.ds-control--inset.sc-ds-table-search-h,.ds-control--xs.ds-control--inset.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-200) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-025) - var(--dimension-space-025))}.ds-control--lg.ds-control--inset-double.sc-ds-table-search-h,.ds-control--lg.ds-control--inset-double.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-050))}.ds-control--md.ds-control--inset-double.sc-ds-table-search-h,.ds-control--md.ds-control--inset-double.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-050))}.ds-control--sm.ds-control--inset-double.sc-ds-table-search-h,.ds-control--sm.ds-control--inset-double.sc-ds-table-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-050))}.ds-text--display-medium.sc-ds-table-search-h,.ds-text--display-medium.sc-ds-table-search{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-table-search-h,.ds-text--display-small.sc-ds-table-search{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-table-search-h,.ds-text--title-large.sc-ds-table-search{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-table-search-h,.ds-text--title-medium.sc-ds-table-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-table-search-h,.ds-text--title-small.sc-ds-table-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-table-search-h,.ds-text--body-large.sc-ds-table-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-table-search-h,.ds-text--body-medium.sc-ds-table-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-table-search-h,.ds-text--body-small.sc-ds-table-search{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-table-search-h,.ds-text--caption.sc-ds-table-search{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-table-search-h,.ds-text--display-small.ds-text--emphasis.sc-ds-table-search-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-table-search,.ds-text--display-small.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-table-search-h,.ds-text--display-small.ds-text--regular.sc-ds-table-search-h,.ds-text--display-medium.ds-text--regular.sc-ds-table-search,.ds-text--display-small.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-table-search-h,.ds-text--title-large.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-table-search-h,.ds-text--title-large.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-table-search-h,.ds-text--title-small.ds-text--emphasis.sc-ds-table-search-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-table-search,.ds-text--title-small.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-table-search-h,.ds-text--title-small.ds-text--regular.sc-ds-table-search-h,.ds-text--title-medium.ds-text--regular.sc-ds-table-search,.ds-text--title-small.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-table-search-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-table-search-h,.ds-text--body-large.ds-text--emphasis.sc-ds-table-search,.ds-text--body-medium.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-table-search-h,.ds-text--body-medium.ds-text--regular.sc-ds-table-search-h,.ds-text--body-large.ds-text--regular.sc-ds-table-search,.ds-text--body-medium.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-table-search-h,.ds-text--body-small.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-table-search-h,.ds-text--body-small.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-table-search-h,.ds-text--caption.ds-text--emphasis.sc-ds-table-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-table-search-h,.ds-text--caption.ds-text--regular.sc-ds-table-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}.ds-visually-hidden.sc-ds-table-search-h,.ds-visually-hidden.sc-ds-table-search{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.table-search-host.sc-ds-table-search-h{display:inline-flex;box-sizing:border-box;inline-size:100%;min-inline-size:0;--ds-table-search-foreground:var(--color-foreground-primary);--ds-table-search-adornment:var(--color-foreground-secondary);--ds-table-search-placeholder:var(--color-foreground-secondary);--ds-table-search-placeholder-active:var(--color-foreground-quaternary);--ds-table-search-border:var(--color-border-secondary)}.table-search__control.sc-ds-table-search{inline-size:100%;min-inline-size:0;padding-inline-end:var(--dimension-space-050);overflow:hidden;border:0;background:transparent;color:var(--ds-table-search-foreground);--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-table-search-border)}.table-search__control.sc-ds-table-search:focus-within{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-brand)}.ds-control-inactive.sc-ds-table-search-h .table-search__control.sc-ds-table-search::after{background:transparent}.table-search__icon.sc-ds-table-search,.table-search__actions.sc-ds-table-search{position:relative;z-index:2;flex:none}.table-search__icon.sc-ds-table-search{color:var(--ds-table-search-adornment)}.table-search__editor.sc-ds-table-search{position:relative;z-index:2;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;block-size:100%;gap:var(--dimension-space-050);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.table-search__editor.sc-ds-table-search::-webkit-scrollbar{display:none}.table-search__chip.sc-ds-table-search{flex:none;max-inline-size:var(--dimension-panel-width-2xs)}.table-search__input.sc-ds-table-search{appearance:none;box-sizing:border-box;flex:1 0 var(--dimension-size-600);min-inline-size:var(--dimension-size-600);block-size:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--ds-table-search-foreground);text-overflow:ellipsis}.table-search__input.sc-ds-table-search::-webkit-search-cancel-button,.table-search__input.sc-ds-table-search::-webkit-search-decoration{display:none}.table-search__input.sc-ds-table-search::placeholder{color:var(--ds-table-search-placeholder)}.table-search__input.sc-ds-table-search:focus::placeholder{color:var(--ds-table-search-placeholder-active)}.table-search__actions.sc-ds-table-search{display:flex;align-items:center;gap:var(--dimension-space-050)}.table-search__clear.sc-ds-table-search,.table-search__slash.sc-ds-table-search,.table-search__action-divider.sc-ds-table-search{flex:none}.table-search__slash.sc-ds-table-search{color:var(--ds-table-search-adornment)}.table-search__popup.sc-ds-table-search{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}.table-search__list.sc-ds-table-search{padding:var(--dimension-space-050)}.table-search__option.sc-ds-table-search{flex:none;inline-size:100%}@media (forced-colors: active){.table-search__control.sc-ds-table-search:focus-within::after{outline-color:var(--ds-forced-color-selected)}}`;let j=0;const $=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",3);this.dsFieldsChange=t(this,"dsFieldsChange",3);this.dsClear=t(this,"dsClear",3);this.value="";this.columns=[];this.selectedFieldIds=[];this.placeholder="Search";this.ariaLabel="Search table";this.clearLabel="Clear search";this.fieldMenuLabel="Choose search fields";this.isInactive=false;this.menuOpen=false;this.menuQuery="";this.activeIndex=0;this.focusRingVisible=false;this.position={x:0,y:0};this.positionReady=false;this.availableHeight=null;this.announcement="";this.componentId=`ds-table-search-${++j}`;this.inputId=`${this.componentId}-input`;this.listboxId=`${this.componentId}-listbox`;this.descriptionId=`${this.componentId}-description`;this.inputEl=null;this.controlEl=null;this.popupEl=null;this.positionController=new o({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{if(!this.menuOpen||!s.isConnected)return null;const t=w(_.space050,_.space050);s.style.minWidth=`max(var(--ds-choice-popup-min-inline-size, ${_.menuWidthXs}), ${n(e.offsetWidth,t)}px)`;const i=e.getBoundingClientRect();return{anchorRect:i,popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:"start",sideOffsetPx:t,alignOffsetPx:d({align:"start",alignOffsetPx:0,sectionInsetPx:t}),viewportPadPx:t,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:c(e)}},apply:({x:e,y:s,availableHeight:t})=>{this.position={x:e,y:s};this.availableHeight=t},onReady:()=>{this.positionReady=true},topLayer:true,liveUpdate:"frame",observeResize:true,observeAnchorMotion:true});this.interactionController=new l({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.closeMenu()})}disconnectedCallback(){this.closeMenu()}syncAvailableFields(){const e=this.availableFields.length;if(e===0){this.closeMenu();return}if(this.activeIndex>=e)this.activeIndex=e-1}syncInactive(e){if(e)this.closeMenu()}async setFocus(){this.inputEl?.focus()}get selectedFields(){return z(this.searchFields,this.selectedFieldIds)}get availableFields(){return C(this.searchFields,this.selectedFieldIds)}get visibleFields(){return F(this.availableFields,this.menuQuery)}get searchFields(){return k(this.columns)}get activeOptionId(){return this.menuOpen&&this.activeIndex>=0?`${this.componentId}-option-${this.activeIndex}`:undefined}openMenu(e){if(this.isInactive||this.menuOpen||this.availableFields.length===0)return;this.menuQuery="";if(this.inputEl)this.inputEl.value="";this.activeIndex=0;this.focusRingVisible=e;this.positionReady=false;this.menuOpen=true;requestAnimationFrame((()=>{if(!this.menuOpen)return;this.interactionController.connect();this.positionController.observe();this.positionController.schedule()}))}closeMenu(){if(!this.menuOpen&&!this.popupEl)return;if(this.popupEl?.matches(":popover-open"))this.popupEl.hidePopover();this.positionController.unobserve();this.interactionController.disconnect();this.popupEl=null;this.positionReady=false;this.availableHeight=null;this.menuOpen=false;this.menuQuery=""}handleInput(e){const s=e.target.value;if(this.menuOpen){this.menuQuery=s;this.activeIndex=F(this.availableFields,s).length?0:-1;this.focusRingVisible=false;this.positionController.schedule();return}this.dsChange.emit(s)}selectField(e){this.dsFieldsChange.emit({selectedFieldIds:[...this.selectedFieldIds,e.id]});this.announcement=`${e.label} search field added.`;this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}removeLastField(){const e=this.selectedFields;const s=e[e.length-1];if(!s)return;this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((e=>e!==s.id))});this.announcement=`${s.label} search field removed.`}removeField(e){this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((s=>s!==e.id))});this.announcement=`${e.label} search field removed.`;requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}clearSearch(){if(this.value)this.dsChange.emit("");if(this.selectedFieldIds.length)this.dsFieldsChange.emit({selectedFieldIds:[]});this.dsClear.emit();this.announcement="Search cleared.";this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}handleKeyDown(e){if(e.key==="/"&&!this.menuOpen&&!e.altKey&&!e.ctrlKey&&!e.metaKey){e.preventDefault();this.openMenu(true);return}if(e.key==="Backspace"&&this.menuOpen&&this.menuQuery.length===0){e.preventDefault();this.closeMenu();return}if(e.key==="Backspace"&&this.value.length===0){if(this.selectedFields.length){e.preventDefault();this.removeLastField()}return}if(!this.menuOpen)return;if(e.key==="Escape"){e.preventDefault();this.closeMenu();return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();this.focusRingVisible=true;this.activeIndex=I(this.activeIndex,this.visibleFields.length,e.key==="ArrowDown"?1:-1);this.el.querySelector(`#${CSS.escape(this.activeOptionId??"")}`)?.scrollIntoView({block:"nearest"});return}if(e.key==="Enter"){const s=this.visibleFields[this.activeIndex];if(!s)return;e.preventDefault();this.selectField(s);return}if(e.key==="Tab")this.closeMenu()}render(){const e=this.selectedFields;const s=this.availableFields;const t=this.visibleFields;const r=this.menuOpen?this.menuQuery:this.value;const o=this.value.length>0||e.length>0;const c=e.length?`Search limited to ${e.map((e=>e.label)).join(" or ")}.`:"Search includes every available table field. Type slash to choose fields.";const n={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};if(this.availableHeight!==null){n["max-height"]=`${Math.floor(this.availableHeight)}px`}return i(a,{key:"be38223dfa6accca30941142ccfd8e1da5df5687",class:{"table-search-host":true,"ds-control--md":true,"ds-control-inactive":this.isInactive},"data-filled":o?"":undefined,"data-expanded":this.menuOpen?"":undefined},i("div",{key:"b3c63851a175a1148617519af8113bff306da0e6",ref:e=>{this.controlEl=e??null},class:"table-search__control ds-control-frame ds-control--md ds-interaction-fill"},i("span",{key:"8b42e2ffb77a3998d8315a971e8abf67002588c5",class:"table-search__icon ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},i("ds-icon",{key:"25e055c8686b6c16082cdc87fe322af11c824a32",name:"MagnifyingGlass",size:"md",color:"inherit"})),i("div",{key:"5bd50ef92829e8dbe5cef2e6ac91149dd06ee832",class:"table-search__editor ds-interaction-fill__content"},e.map((e=>i("ds-chip",{class:"table-search__chip",key:e.id,label:e.label,size:"md",state:"default",isInset:true,insetDepth:"double",isInactive:this.isInactive,onDsRemove:()=>this.removeField(e)}))),i("input",{key:"835f01992b1f27030d9c62c005e13c56a15c01ff",ref:e=>{this.inputEl=e??null},id:this.inputId,class:"table-search__input ds-text--body-medium ds-text--regular",type:"search",role:"combobox",value:r,placeholder:this.placeholder,disabled:this.isInactive,"aria-label":this.ariaLabel,"aria-describedby":this.descriptionId,"aria-haspopup":"listbox","aria-expanded":String(this.menuOpen),"aria-controls":this.menuOpen?this.listboxId:undefined,"aria-activedescendant":this.activeOptionId,"aria-keyshortcuts":"/",autoComplete:"off",autoCapitalize:"none",autoCorrect:"off",spellcheck:false,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)})),this.searchFields.length>0&&i("div",{key:"d5476fe6b39b60cee1dac952be4b9dd79849f894",class:"table-search__actions ds-interaction-fill__content"},r.length>0&&!this.isInactive&&i("ds-button-unfilled",{key:"1d4780f0901a0e106351cae47f8a809e3f7fef9f",class:"table-search__clear",variant:"icon",size:"sm",icon:"CrossCircle",hasBorder:false,rounded:true,ariaLabel:this.clearLabel,onDsClick:()=>this.clearSearch()}),r.length>0&&!this.isInactive&&i("ds-divider",{key:"48cdf7ac96cde7a5eee5fec73542ca3cbfc4103c",class:"table-search__action-divider",orientation:"vertical",length:"var(--dimension-size-200)"}),i("ds-button-unfilled",{key:"0fe05c3188fefc28582dc7789ec4a55da39efa80",class:"table-search__slash",variant:"label",size:"md",label:"/",labelEmphasis:false,isInset:true,insetDepth:"double",hasBorder:false,ariaLabel:this.fieldMenuLabel,focusTabIndex:-1,haspopup:"listbox",controls:this.menuOpen?this.listboxId:undefined,expanded:this.menuOpen,surfaceOpen:this.menuOpen,isInactive:this.isInactive||s.length===0,onMouseDown:e=>e.preventDefault(),onDsClick:()=>{this.inputEl?.focus({preventScroll:true});this.openMenu(false)}}))),i("span",{key:"038c4c762e59e61482ecbc45a227d87d94c1982c",id:this.descriptionId,class:"ds-visually-hidden"},c),i("span",{key:"16396cf7a16c2315d2dc71667e5994d25607fcb2",class:"ds-visually-hidden","aria-live":"polite"},this.announcement),this.menuOpen&&i("div",{key:"975666e3b250d0e868cd67f105f951ac0a08e150",popover:"manual",ref:e=>{this.popupEl=e??null},class:"table-search__popup ds-choice-popup",style:n},i("div",{key:"2139eff61fce7d9332c723fcf9ed69a747c075a4",id:this.listboxId,class:"table-search__list ds-choice-list",role:"listbox","aria-label":this.fieldMenuLabel},t.map(((e,s)=>{const t=s===this.activeIndex;return i("div",{id:`${this.componentId}-option-${s}`,key:e.id,class:{"table-search__option":true,"ds-choice-item":true,"ds-control-frame":true,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-focus-ring--visible":t&&this.focusRingVisible,"ds-interaction-fill":true,"ds-interaction-fill--selected":t},role:"option","aria-selected":String(t),onMouseDown:e=>e.preventDefault(),onMouseMove:()=>{this.focusRingVisible=false;this.activeIndex=s},onClick:()=>this.selectField(e)},i("ds-text",{class:"ds-choice-item__label ds-control-label-box ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:t?"primary":"secondary"},e.label))})),t.length===0&&i("div",{key:"8de94c4b6b68048f8e47a931ff8c6189274ddd98",class:"table-search__empty ds-choice-empty ds-empty-region"},i("ds-empty-state",{key:"2ed6fede01cecb16a972c369cc2b50125780b957",body:"No matching data points"})))))}get el(){return this}static get watchers(){return{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}}static get style(){return T()}},[2,"ds-table-search",{value:[1],columns:[16],selectedFieldIds:[16],placeholder:[1],ariaLabel:[1,"aria-label"],clearLabel:[1,"clear-label"],fieldMenuLabel:[1,"field-menu-label"],isInactive:[4,"is-inactive"],menuOpen:[32],menuQuery:[32],activeIndex:[32],focusRingVisible:[32],position:[32],positionReady:[32],availableHeight:[32],announcement:[32],setFocus:[64]},undefined,{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}]);function S(){if(typeof customElements==="undefined"){return}const e=["ds-table-search","ds-badge","ds-button-unfilled","ds-chip","ds-divider","ds-empty-state","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-table-search":if(!customElements.get(r(e))){customElements.define(r(e),$)}break;case"ds-badge":if(!customElements.get(r(e))){b()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){p()}break;case"ds-chip":if(!customElements.get(r(e))){f()}break;case"ds-divider":if(!customElements.get(r(e))){v()}break;case"ds-empty-state":if(!customElements.get(r(e))){u()}break;case"ds-icon":if(!customElements.get(r(e))){m()}break;case"ds-loader":if(!customElements.get(r(e))){g()}break;case"ds-text":if(!customElements.get(r(e))){x()}break;case"ds-tooltip":if(!customElements.get(r(e))){y()}break}}))}S();const A=$;const E=S;export{A as DsTableSearch,E as defineCustomElement};
 //# sourceMappingURL=ds-table-search.js.map

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

@@ -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    // 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":[]}
+{"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","surfaceOpen","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                surfaceOpen={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

@@ -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-rSC7ZUpy.js";import{d as l}from"./p-oAbq-DLk.js";import{d as c}from"./p-Cea7rROU.js";import{d}from"./p-0XTyQNRG.js";import{d as u}from"./p-BWDbER5T.js";import{d as f}from"./p-BCFpqnAg.js";import{d as m}from"./p-Bl5wd3v3.js";import{d as h}from"./p-C1BJgnHY.js";import{d as b}from"./p-aMyflqva.js";import{d as p}from"./p-CN8PQLZu.js";const g="direction:asc";const k="direction:desc";const E="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:`${E}${encodeURIComponent(s.id)}`,isSelected:e?.columnId===s.id})))},{header:"Direction",items:[{label:"Ascending",value:g,icon:"ArrowUp",isSelected:e?.direction==="asc"},{label:"Descending",value:k,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 C(s,e,t){const i=w(s);if(i.length===0)return e??null;if(t.value===g||t.value===k){const s=t.value===g?"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(E))return e??null;let n;try{n=decodeURIComponent(t.value.slice(E.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 x=0;const D=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-${++x}`;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:"59d588ab6f2f2ff1ba291eb703c1234fee4b1872",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=C(this.columns,this.sort,s);if(j(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 v(){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),D)}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))){f()}break;case"ds-switch":if(!customElements.get(o(s))){m()}break;case"ds-tag":if(!customElements.get(o(s))){h()}break;case"ds-text":if(!customElements.get(o(s))){b()}break;case"ds-tooltip":if(!customElements.get(o(s))){p()}break}}))}v();const A=D;const R=v;export{A as DsTableSort,R 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-rSC7ZUpy.js";import{d as l}from"./p--yvQzZoO.js";import{d as c}from"./p-Cea7rROU.js";import{d}from"./p-0XTyQNRG.js";import{d as u}from"./p-D1pPq-y0.js";import{d as f}from"./p-BCFpqnAg.js";import{d as m}from"./p-Bl5wd3v3.js";import{d as h}from"./p-BGnRFtBa.js";import{d as p}from"./p-aMyflqva.js";import{d as b}from"./p-CN8PQLZu.js";const g="direction:asc";const k="direction:desc";const E="field:";function S(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 w(s,e){const t=S(s);return[{header:"Data",items:t.map((s=>({label:s.label,value:`${E}${encodeURIComponent(s.id)}`,isSelected:e?.columnId===s.id})))},{header:"Direction",items:[{label:"Ascending",value:g,icon:"ArrowUp",isSelected:e?.direction==="asc"},{label:"Descending",value:k,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 y(s,e,t){const i=S(s);if(i.length===0)return e??null;if(t.value===g||t.value===k){const s=t.value===g?"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(E))return e??null;let n;try{n=decodeURIComponent(t.value.slice(E.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 x=0;const D=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.menuSurfaceOpen=false;this.initialFocusVisible=false;this.componentId=`ds-table-sort-${++x}`;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=S(this.columns);const e=this.ariaLabel?.trim()||"Sort table";return i(n,{key:"dc10d9d95053c2747cc2d9afdc740f3fdd4590db",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,surfaceOpen:this.menuSurfaceOpen,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:w(this.columns,this.sort),onDsClose:()=>this.close(),onDsAfterClose:()=>{if(!this.menuOpen)this.menuSurfaceOpen=false},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;this.menuSurfaceOpen=true}close(){this.menuOpen=false}handleSelect(s){const e=y(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],menuSurfaceOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function v(){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),D)}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))){f()}break;case"ds-switch":if(!customElements.get(o(s))){m()}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}}))}v();const A=D;const F=v;export{A as DsTableSort,F as defineCustomElement};
 //# sourceMappingURL=ds-table-sort.js.map

package/dist/components/ds-table-sort.js.map

@@ -1 +1 @@
-{"version":3,"names":["TABLE_SORT_DIRECTION_ASC","TABLE_SORT_DIRECTION_DESC","TABLE_SORT_FIELD_PREFIX","tableSortFields","columns","fields","seen","Set","column","isTableActionColumn","sortable","segments","headerSegments","filter","segment","sortKey","trim","length","has","add","push","id","label","dataLabel","header","headerLabel","tableSortMenuSections","sort","items","map","field","value","encodeURIComponent","isSelected","columnId","icon","direction","tableSortStatesEqual","left","right","nextTableSortStateFromMenuItem","current","item","some","startsWith","decodeURIComponent","slice","tableSortCss","tableSortSeq","TableSort","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","ariaLabel","menuOpen","initialFocusVisible","componentId","triggerId","menuId","setFocus","trigger","el","querySelector","CSS","escape","render","name","h","Host","key","hidden","undefined","variant","size","labelEmphasis","pressScale","hasMenu","collapseLabel","expanded","controls","onDsClick","event","toggle","detail","open","anchorId","align","side","menuLabel","selectionMode","sections","onDsClose","close","onDsSelect","handleSelect","fromKeyboard","next","dsSortChange","emit"],"sources":["src/wc/components/TableSort/table-sort-menu.ts","src/wc/components/TableSort/TableSort.css?tag=ds-table-sort&encapsulation=scoped","src/wc/components/TableSort/TableSort.tsx"],"sourcesContent":["import type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport { isTableActionColumn } from '../Table/table-column-customizer';\nimport type { TableColumn, TableSortState } from '../Table/table-types';\n\nexport const TABLE_SORT_DIRECTION_ASC = 'direction:asc';\nexport const TABLE_SORT_DIRECTION_DESC = 'direction:desc';\nconst TABLE_SORT_FIELD_PREFIX = 'field:';\n\nexport interface TableSortField {\n  id: string;\n  label: string;\n}\n\n/** Sortable data fields from the catalog, including compound header segments. */\nexport function tableSortFields(columns: readonly TableColumn[]): TableSortField[] {\n  const fields: TableSortField[] = [];\n  const seen = new Set<string>();\n\n  for (const column of columns) {\n    if (isTableActionColumn(column) || !column.sortable) continue;\n    const segments = column.headerSegments?.filter(segment => segment.sortKey.trim()) ?? [];\n    if (segments.length > 0) {\n      for (const segment of segments) {\n        if (seen.has(segment.sortKey)) continue;\n        seen.add(segment.sortKey);\n        fields.push({\n          id: segment.sortKey,\n          label: segment.dataLabel?.trim() || segment.label.trim() || segment.sortKey,\n        });\n      }\n      continue;\n    }\n    if (seen.has(column.id)) continue;\n    seen.add(column.id);\n    fields.push({\n      id: column.id,\n      label:\n        column.dataLabel?.trim() || column.header.trim() || column.headerLabel?.trim() || column.id,\n    });\n  }\n\n  return fields;\n}\n\nexport function tableSortMenuSections(\n  columns: readonly TableColumn[],\n  sort: TableSortState | null | undefined\n): MenuSection[] {\n  const fields = tableSortFields(columns);\n  return [\n    {\n      header: 'Data',\n      items: fields.map(field => ({\n        label: field.label,\n        value: `${TABLE_SORT_FIELD_PREFIX}${encodeURIComponent(field.id)}`,\n        isSelected: sort?.columnId === field.id,\n      })),\n    },\n    {\n      header: 'Direction',\n      items: [\n        {\n          label: 'Ascending',\n          value: TABLE_SORT_DIRECTION_ASC,\n          icon: 'ArrowUp',\n          isSelected: sort?.direction === 'asc',\n        },\n        {\n          label: 'Descending',\n          value: TABLE_SORT_DIRECTION_DESC,\n          icon: 'ArrowDown',\n          isSelected: sort?.direction === 'desc',\n        },\n      ],\n    },\n  ];\n}\n\nexport function tableSortStatesEqual(\n  left: TableSortState | null | undefined,\n  right: TableSortState | null | undefined\n): boolean {\n  if (left === right) return true;\n  if (!left || !right) return false;\n  return left.columnId === right.columnId && left.direction === right.direction;\n}\n\n/** Next controlled sort from a Sort menu selection. Does not toggle like a header click. */\nexport function nextTableSortStateFromMenuItem(\n  columns: readonly TableColumn[],\n  current: TableSortState | null | undefined,\n  item: MenuItemData\n): TableSortState | null {\n  const fields = tableSortFields(columns);\n  if (fields.length === 0) return current ?? null;\n\n  if (item.value === TABLE_SORT_DIRECTION_ASC || item.value === TABLE_SORT_DIRECTION_DESC) {\n    const direction = item.value === TABLE_SORT_DIRECTION_ASC ? 'asc' : 'desc';\n    const columnId = fields.some(field => field.id === current?.columnId)\n      ? current!.columnId\n      : fields[0]!.id;\n    return { columnId, direction };\n  }\n\n  if (!item.value?.startsWith(TABLE_SORT_FIELD_PREFIX)) return current ?? null;\n  let columnId: string;\n  try {\n    columnId = decodeURIComponent(item.value.slice(TABLE_SORT_FIELD_PREFIX.length));\n  } catch {\n    return current ?? null;\n  }\n  if (!fields.some(field => field.id === columnId)) return current ?? null;\n  if (current?.columnId === columnId) return current ?? null;\n  return { columnId, direction: current?.direction ?? 'asc' };\n}\n",":host {\n  display: inline-flex;\n  min-inline-size: 0;\n  max-inline-size: var(--dimension-menu-width-xs);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport type { MenuItemData } from '../Menu/menu-types';\nimport type { TableColumn, TableSortChangeDetail, TableSortState } from '../Table/table-types';\nimport {\n  nextTableSortStateFromMenuItem,\n  tableSortFields,\n  tableSortMenuSections,\n  tableSortStatesEqual,\n} from './table-sort-menu';\n\nlet tableSortSeq = 0;\n\n@Component({\n  tag: 'ds-table-sort',\n  styleUrl: 'TableSort.css',\n  scoped: true,\n})\nexport class TableSort {\n  @Element() private el!: HTMLElement;\n\n  /** Catalog used to derive sortable fields, including compound header segments. */\n  @Prop() columns: TableColumn[] = [];\n  /** Controlled table sort. Header sorting and this menu share the same value. */\n  @Prop() sort: TableSortState | null = null;\n  /** Accessible name for the trigger and menu. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n\n  @Event({ bubbles: false }) dsSortChange!: EventEmitter<TableSortChangeDetail>;\n\n  @State() private menuOpen = false;\n  @State() private initialFocusVisible = false;\n\n  private readonly componentId = `ds-table-sort-${++tableSortSeq}`;\n  private readonly triggerId = `${this.componentId}-trigger`;\n  private readonly menuId = `${this.componentId}-menu`;\n\n  @Method()\n  async setFocus() {\n    const trigger = this.el.querySelector<HTMLElement & { setFocus?: () => Promise<void> }>(\n      `#${CSS.escape(this.triggerId)}`\n    );\n    await trigger?.setFocus?.();\n  }\n\n  render() {\n    const fields = tableSortFields(this.columns);\n    const name = this.ariaLabel?.trim() || 'Sort table';\n\n    return (\n      <Host hidden={fields.length === 0 ? true : undefined}>\n        {fields.length === 0 ? null : (\n          <ds-button-unfilled\n            id={this.triggerId}\n            variant=\"icon-label\"\n            size=\"md\"\n            icon=\"ArrowsVertical\"\n            label=\"Sort\"\n            labelEmphasis={false}\n            pressScale={false}\n            aria-label={name}\n            hasMenu={true}\n            collapseLabel={true}\n            expanded={this.menuOpen}\n            controls={this.menuId}\n            onDsClick={(event: CustomEvent<MouseEvent>) => {\n              this.toggle(event.detail.detail === 0);\n            }}\n          />\n        )}\n        {fields.length === 0 ? null : (\n          <ds-menu\n            id={this.menuId}\n            open={this.menuOpen}\n            anchorId={this.triggerId}\n            align=\"start\"\n            side=\"bottom\"\n            menuLabel={name}\n            selectionMode=\"none\"\n            initialFocusVisible={this.initialFocusVisible}\n            sections={tableSortMenuSections(this.columns, this.sort)}\n            onDsClose={() => this.close()}\n            onDsSelect={event => this.handleSelect(event.detail)}\n          />\n        )}\n      </Host>\n    );\n  }\n\n  private toggle(fromKeyboard = false): void {\n    if (this.menuOpen) this.close();\n    else this.open(fromKeyboard);\n  }\n\n  private open(fromKeyboard = false): void {\n    if (this.menuOpen) return;\n    this.initialFocusVisible = fromKeyboard;\n    this.menuOpen = true;\n  }\n\n  private close(): void {\n    this.menuOpen = false;\n  }\n\n  private handleSelect(item: MenuItemData): void {\n    const next = nextTableSortStateFromMenuItem(this.columns, this.sort, item);\n    if (tableSortStatesEqual(this.sort, next)) return;\n    this.dsSortChange.emit({ sort: next });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["TABLE_SORT_DIRECTION_ASC","TABLE_SORT_DIRECTION_DESC","TABLE_SORT_FIELD_PREFIX","tableSortFields","columns","fields","seen","Set","column","isTableActionColumn","sortable","segments","headerSegments","filter","segment","sortKey","trim","length","has","add","push","id","label","dataLabel","header","headerLabel","tableSortMenuSections","sort","items","map","field","value","encodeURIComponent","isSelected","columnId","icon","direction","tableSortStatesEqual","left","right","nextTableSortStateFromMenuItem","current","item","some","startsWith","decodeURIComponent","slice","tableSortCss","tableSortSeq","TableSort","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","ariaLabel","menuOpen","menuSurfaceOpen","initialFocusVisible","componentId","triggerId","menuId","setFocus","trigger","el","querySelector","CSS","escape","render","name","h","Host","key","hidden","undefined","variant","size","labelEmphasis","pressScale","hasMenu","collapseLabel","expanded","surfaceOpen","controls","onDsClick","event","toggle","detail","open","anchorId","align","side","menuLabel","selectionMode","sections","onDsClose","close","onDsAfterClose","onDsSelect","handleSelect","fromKeyboard","next","dsSortChange","emit"],"sources":["src/wc/components/TableSort/table-sort-menu.ts","src/wc/components/TableSort/TableSort.css?tag=ds-table-sort&encapsulation=scoped","src/wc/components/TableSort/TableSort.tsx"],"sourcesContent":["import type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport { isTableActionColumn } from '../Table/table-column-customizer';\nimport type { TableColumn, TableSortState } from '../Table/table-types';\n\nexport const TABLE_SORT_DIRECTION_ASC = 'direction:asc';\nexport const TABLE_SORT_DIRECTION_DESC = 'direction:desc';\nconst TABLE_SORT_FIELD_PREFIX = 'field:';\n\nexport interface TableSortField {\n  id: string;\n  label: string;\n}\n\n/** Sortable data fields from the catalog, including compound header segments. */\nexport function tableSortFields(columns: readonly TableColumn[]): TableSortField[] {\n  const fields: TableSortField[] = [];\n  const seen = new Set<string>();\n\n  for (const column of columns) {\n    if (isTableActionColumn(column) || !column.sortable) continue;\n    const segments = column.headerSegments?.filter(segment => segment.sortKey.trim()) ?? [];\n    if (segments.length > 0) {\n      for (const segment of segments) {\n        if (seen.has(segment.sortKey)) continue;\n        seen.add(segment.sortKey);\n        fields.push({\n          id: segment.sortKey,\n          label: segment.dataLabel?.trim() || segment.label.trim() || segment.sortKey,\n        });\n      }\n      continue;\n    }\n    if (seen.has(column.id)) continue;\n    seen.add(column.id);\n    fields.push({\n      id: column.id,\n      label:\n        column.dataLabel?.trim() || column.header.trim() || column.headerLabel?.trim() || column.id,\n    });\n  }\n\n  return fields;\n}\n\nexport function tableSortMenuSections(\n  columns: readonly TableColumn[],\n  sort: TableSortState | null | undefined\n): MenuSection[] {\n  const fields = tableSortFields(columns);\n  return [\n    {\n      header: 'Data',\n      items: fields.map(field => ({\n        label: field.label,\n        value: `${TABLE_SORT_FIELD_PREFIX}${encodeURIComponent(field.id)}`,\n        isSelected: sort?.columnId === field.id,\n      })),\n    },\n    {\n      header: 'Direction',\n      items: [\n        {\n          label: 'Ascending',\n          value: TABLE_SORT_DIRECTION_ASC,\n          icon: 'ArrowUp',\n          isSelected: sort?.direction === 'asc',\n        },\n        {\n          label: 'Descending',\n          value: TABLE_SORT_DIRECTION_DESC,\n          icon: 'ArrowDown',\n          isSelected: sort?.direction === 'desc',\n        },\n      ],\n    },\n  ];\n}\n\nexport function tableSortStatesEqual(\n  left: TableSortState | null | undefined,\n  right: TableSortState | null | undefined\n): boolean {\n  if (left === right) return true;\n  if (!left || !right) return false;\n  return left.columnId === right.columnId && left.direction === right.direction;\n}\n\n/** Next controlled sort from a Sort menu selection. Does not toggle like a header click. */\nexport function nextTableSortStateFromMenuItem(\n  columns: readonly TableColumn[],\n  current: TableSortState | null | undefined,\n  item: MenuItemData\n): TableSortState | null {\n  const fields = tableSortFields(columns);\n  if (fields.length === 0) return current ?? null;\n\n  if (item.value === TABLE_SORT_DIRECTION_ASC || item.value === TABLE_SORT_DIRECTION_DESC) {\n    const direction = item.value === TABLE_SORT_DIRECTION_ASC ? 'asc' : 'desc';\n    const columnId = fields.some(field => field.id === current?.columnId)\n      ? current!.columnId\n      : fields[0]!.id;\n    return { columnId, direction };\n  }\n\n  if (!item.value?.startsWith(TABLE_SORT_FIELD_PREFIX)) return current ?? null;\n  let columnId: string;\n  try {\n    columnId = decodeURIComponent(item.value.slice(TABLE_SORT_FIELD_PREFIX.length));\n  } catch {\n    return current ?? null;\n  }\n  if (!fields.some(field => field.id === columnId)) return current ?? null;\n  if (current?.columnId === columnId) return current ?? null;\n  return { columnId, direction: current?.direction ?? 'asc' };\n}\n",":host {\n  display: inline-flex;\n  min-inline-size: 0;\n  max-inline-size: var(--dimension-menu-width-xs);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport type { MenuItemData } from '../Menu/menu-types';\nimport type { TableColumn, TableSortChangeDetail, TableSortState } from '../Table/table-types';\nimport {\n  nextTableSortStateFromMenuItem,\n  tableSortFields,\n  tableSortMenuSections,\n  tableSortStatesEqual,\n} from './table-sort-menu';\n\nlet tableSortSeq = 0;\n\n@Component({\n  tag: 'ds-table-sort',\n  styleUrl: 'TableSort.css',\n  scoped: true,\n})\nexport class TableSort {\n  @Element() private el!: HTMLElement;\n\n  /** Catalog used to derive sortable fields, including compound header segments. */\n  @Prop() columns: TableColumn[] = [];\n  /** Controlled table sort. Header sorting and this menu share the same value. */\n  @Prop() sort: TableSortState | null = null;\n  /** Accessible name for the trigger and menu. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n\n  @Event({ bubbles: false }) dsSortChange!: EventEmitter<TableSortChangeDetail>;\n\n  @State() private menuOpen = false;\n  @State() private menuSurfaceOpen = false;\n  @State() private initialFocusVisible = false;\n\n  private readonly componentId = `ds-table-sort-${++tableSortSeq}`;\n  private readonly triggerId = `${this.componentId}-trigger`;\n  private readonly menuId = `${this.componentId}-menu`;\n\n  @Method()\n  async setFocus() {\n    const trigger = this.el.querySelector<HTMLElement & { setFocus?: () => Promise<void> }>(\n      `#${CSS.escape(this.triggerId)}`\n    );\n    await trigger?.setFocus?.();\n  }\n\n  render() {\n    const fields = tableSortFields(this.columns);\n    const name = this.ariaLabel?.trim() || 'Sort table';\n\n    return (\n      <Host hidden={fields.length === 0 ? true : undefined}>\n        {fields.length === 0 ? null : (\n          <ds-button-unfilled\n            id={this.triggerId}\n            variant=\"icon-label\"\n            size=\"md\"\n            icon=\"ArrowsVertical\"\n            label=\"Sort\"\n            labelEmphasis={false}\n            pressScale={false}\n            aria-label={name}\n            hasMenu={true}\n            collapseLabel={true}\n            expanded={this.menuOpen}\n            surfaceOpen={this.menuSurfaceOpen}\n            controls={this.menuId}\n            onDsClick={(event: CustomEvent<MouseEvent>) => {\n              this.toggle(event.detail.detail === 0);\n            }}\n          />\n        )}\n        {fields.length === 0 ? null : (\n          <ds-menu\n            id={this.menuId}\n            open={this.menuOpen}\n            anchorId={this.triggerId}\n            align=\"start\"\n            side=\"bottom\"\n            menuLabel={name}\n            selectionMode=\"none\"\n            initialFocusVisible={this.initialFocusVisible}\n            sections={tableSortMenuSections(this.columns, this.sort)}\n            onDsClose={() => this.close()}\n            onDsAfterClose={() => {\n              if (!this.menuOpen) this.menuSurfaceOpen = false;\n            }}\n            onDsSelect={event => this.handleSelect(event.detail)}\n          />\n        )}\n      </Host>\n    );\n  }\n\n  private toggle(fromKeyboard = false): void {\n    if (this.menuOpen) this.close();\n    else this.open(fromKeyboard);\n  }\n\n  private open(fromKeyboard = false): void {\n    if (this.menuOpen) return;\n    this.initialFocusVisible = fromKeyboard;\n    this.menuOpen = true;\n    this.menuSurfaceOpen = true;\n  }\n\n  private close(): void {\n    this.menuOpen = false;\n  }\n\n  private handleSelect(item: MenuItemData): void {\n    const next = nextTableSortStateFromMenuItem(this.columns, this.sort, item);\n    if (tableSortStatesEqual(this.sort, next)) return;\n    this.dsSortChange.emit({ sort: next });\n  }\n}\n"],"mappings":"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","ignoreList":[]}