@ds-mo/ui 15.6.0 → 15.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.package-ready.json +1 -1
- package/dist/agent-patterns.json +1 -1
- package/dist/agent.json +327 -5
- package/dist/angular/ds-navigation-tab-group.d.ts +15 -0
- package/dist/angular/ds-navigation-tab-group.js +42 -0
- package/dist/angular/ds-select-toggle.d.ts +15 -0
- package/dist/angular/ds-select-toggle.js +42 -0
- package/dist/angular/ds-table.d.ts +1 -1
- package/dist/angular/ds-table.js +3 -3
- package/dist/angular/index.d.ts +1 -1
- package/dist/angular/index.js +2 -0
- package/dist/angular/proxies.d.ts +2 -0
- package/dist/angular/proxies.js +2 -0
- package/dist/components/ds-agent-activity.js +1 -1
- package/dist/components/ds-agent-questionnaire.js +1 -1
- package/dist/components/ds-agent-response.js +1 -1
- package/dist/components/ds-agent-source-list.js +1 -1
- package/dist/components/ds-agent-tool-call.js +1 -1
- package/dist/components/ds-attachment-list.js +1 -1
- package/dist/components/ds-badge.js +1 -1
- package/dist/components/ds-banner.js +1 -1
- package/dist/components/ds-bar-action.js +1 -1
- package/dist/components/ds-bar-nav.js +1 -1
- package/dist/components/ds-bar-page-title.js +1 -1
- package/dist/components/ds-bar-title.js +1 -1
- package/dist/components/ds-bar-workflow.js +1 -1
- package/dist/components/ds-breadcrumb.js +1 -1
- package/dist/components/ds-button-filled.js +1 -1
- package/dist/components/ds-button-inverted.js +1 -1
- package/dist/components/ds-button-unfilled.js +1 -1
- package/dist/components/ds-calendar.js +1 -1
- package/dist/components/ds-card-action-center.js +1 -1
- package/dist/components/ds-card-chart.js +1 -1
- package/dist/components/ds-card-navigation.js +1 -1
- package/dist/components/ds-card-overview.js +1 -1
- package/dist/components/ds-card-setting.js +1 -1
- package/dist/components/ds-card-settings-scope.js +1 -1
- package/dist/components/ds-chart-legend.js +1 -1
- package/dist/components/ds-chart.js +1 -1
- package/dist/components/ds-checkbox-group.js +1 -1
- package/dist/components/ds-checkbox.js +1 -1
- package/dist/components/ds-chip.js +1 -1
- package/dist/components/ds-code-block.js +1 -1
- package/dist/components/ds-conversation-list-item.js +1 -1
- package/dist/components/ds-conversation-list-section.js +1 -1
- package/dist/components/ds-conversation-list.js +1 -1
- package/dist/components/ds-data-customize.js +1 -1
- package/dist/components/ds-data-filter.js +1 -1
- package/dist/components/ds-data-group.js +1 -1
- package/dist/components/ds-data-preferences.js +1 -1
- package/dist/components/ds-data-saved-views.js +1 -1
- package/dist/components/ds-data-search.js +1 -1
- package/dist/components/ds-data-sort.js +1 -1
- package/dist/components/ds-data-toolbar.js +1 -1
- package/dist/components/ds-empty-state.js +1 -1
- package/dist/components/ds-field.js +1 -1
- package/dist/components/ds-filter-menu.js +1 -1
- package/dist/components/ds-inline-banner-settings.js +1 -1
- package/dist/components/ds-input-date.js +1 -1
- package/dist/components/ds-input-time.js +1 -1
- package/dist/components/ds-input.js +1 -1
- package/dist/components/ds-map-cluster-marker.js +1 -1
- package/dist/components/ds-map-entity-marker.js +1 -1
- package/dist/components/ds-markdown.js +1 -1
- package/dist/components/ds-menu.js +1 -1
- package/dist/components/ds-message-actions.js +1 -1
- package/dist/components/ds-message-composer.js +1 -1
- package/dist/components/ds-message-scroller.js +1 -1
- package/dist/components/ds-message.js +1 -1
- package/dist/components/ds-mobile-bar-nav.js +1 -1
- package/dist/components/ds-mobile-header.js +1 -1
- package/dist/components/ds-mobile-section-switcher.js +1 -1
- package/dist/components/ds-mobile-sheet-nav.js +1 -1
- package/dist/components/ds-modal.js +1 -1
- package/dist/components/ds-navigation-tab-group.d.ts +11 -0
- package/dist/components/ds-navigation-tab-group.js +2 -0
- package/dist/components/ds-navigation-tab-group.js.map +1 -0
- package/dist/components/ds-pagination.js +1 -1
- package/dist/components/ds-panel-nav.js +1 -1
- package/dist/components/ds-panel-sub-nav.js +1 -1
- package/dist/components/ds-panel-tool-header.js +1 -1
- package/dist/components/ds-panel-tool-search.js +1 -1
- package/dist/components/ds-panel-tools.js +1 -1
- package/dist/components/ds-paper-texture.js +1 -1
- package/dist/components/ds-radio-tile.js +1 -1
- package/dist/components/ds-radio.js +1 -1
- package/dist/components/ds-score.js +1 -1
- package/dist/components/ds-select-toggle.d.ts +11 -0
- package/dist/components/ds-select-toggle.js +2 -0
- package/dist/components/ds-select-toggle.js.map +1 -0
- package/dist/components/ds-select.js +1 -1
- package/dist/components/ds-setting-row-checkbox.js +1 -1
- package/dist/components/ds-setting-row-radio.js +1 -1
- package/dist/components/ds-setting-row-radio.js.map +1 -1
- package/dist/components/ds-setting-row-toggle.js +1 -1
- package/dist/components/ds-shell-app.js +1 -1
- package/dist/components/ds-shell-page.js +1 -1
- package/dist/components/ds-shell-tools.js +1 -1
- package/dist/components/ds-skeleton.js +1 -1
- package/dist/components/ds-slider.js +1 -1
- package/dist/components/ds-slider.js.map +1 -1
- package/dist/components/ds-swatch-picker.js +1 -1
- package/dist/components/ds-switch.js +1 -1
- package/dist/components/ds-tab-group.js +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/ds-table.js.map +1 -1
- package/dist/components/ds-tag.js +1 -1
- package/dist/components/ds-text.js +1 -1
- package/dist/components/ds-textarea.js +1 -1
- package/dist/components/ds-time-picker.js +1 -1
- package/dist/components/ds-toast.js +1 -1
- package/dist/components/ds-tooltip-chart.js +1 -1
- package/dist/components/ds-tooltip.js +1 -1
- package/dist/components/ds-typing-indicator.js +1 -1
- package/dist/components/{p--pJyciTI.js → p--_bPiNCd.js} +2 -2
- package/dist/components/{p-UJMEz8_O.js → p-3SCy1PHa.js} +2 -2
- package/dist/components/{p-7MwoWtTJ.js → p-4sBUSsqs.js} +2 -2
- package/dist/components/p-4sBUSsqs.js.map +1 -0
- package/dist/components/{p-kwS-vkau.js → p-5aZVNYQz.js} +2 -2
- package/dist/components/{p-DKGW3gRa.js → p-AGqUGzNZ.js} +2 -2
- package/dist/components/{p-DbW8S5qe.js → p-BJf49edB.js} +2 -2
- package/dist/components/{p-BNarCFJZ.js → p-BKyE025p.js} +2 -2
- package/dist/components/{p-S1Ct3FJV.js → p-BNN9KkXe.js} +2 -2
- package/dist/components/p-BPDo1eQV.js +2 -0
- package/dist/components/{p-xMBaOeKa.js.map → p-BPDo1eQV.js.map} +1 -1
- package/dist/components/{p-CwdRaJER.js → p-BWJb2rih.js} +2 -2
- package/dist/components/{p-D8OWhnID.js → p-BbvAWFJA.js} +2 -2
- package/dist/components/{p-HfZ1gI2q.js → p-Bdp2V6-c.js} +2 -2
- package/dist/components/{p-CIMyD_6H.js → p-BjBFJ2dd.js} +2 -2
- package/dist/components/{p-BmIllmq2.js → p-BwNW5nqj.js} +2 -2
- package/dist/components/p-C0L-VnSr.js +2 -0
- package/dist/components/{p-CElsKlxj.js.map → p-C0L-VnSr.js.map} +1 -1
- package/dist/components/p-C2e7BkNn.js +2 -0
- package/dist/components/p-C2e7BkNn.js.map +1 -0
- package/dist/components/{p-BnuNaXR2.js → p-C4t7HnfZ.js} +2 -2
- package/dist/components/{p-C1ZfBbJ_.js → p-C7_awFtr.js} +2 -2
- package/dist/components/{p-leZFu-cd.js → p-CCsxoztj.js} +2 -2
- package/dist/components/{p-DYtVsnDS.js → p-CHyxUWqL.js} +2 -2
- package/dist/components/{p-d76Ry5nh.js → p-CKSJwSWd.js} +2 -2
- package/dist/components/p-CLqqb0Jp.js +2 -0
- package/dist/components/{p-BZY40-pE.js.map → p-CLqqb0Jp.js.map} +1 -1
- package/dist/components/{p-DdFeWC-e.js → p-CRhoeCC8.js} +2 -2
- package/dist/components/p-CWc6Blcp.js +2 -0
- package/dist/components/{p-B95UP66y.js.map → p-CWc6Blcp.js.map} +1 -1
- package/dist/components/{p-DYGllrVT.js → p-CXB_T13u.js} +2 -2
- package/dist/components/{p-DObhRLBa.js → p-CgC4SM5b.js} +2 -2
- package/dist/components/p-CqAC2IQO.js +2 -0
- package/dist/components/{p-5-gQbIIz.js.map → p-CqAC2IQO.js.map} +1 -1
- package/dist/components/{p-KA8srEed.js → p-Cs8Gq-PZ.js} +2 -2
- package/dist/components/{p-DcxY_pdJ.js → p-Ct2KQHF4.js} +2 -2
- package/dist/components/{p-B3o9zn3Y.js → p-CvIHBa8S.js} +2 -2
- package/dist/components/{p-YC7UM4jH.js → p-D1tmszmN.js} +2 -2
- package/dist/components/{p-CaFXrn_8.js → p-D62yUMhr.js} +2 -2
- package/dist/components/{p-CgQB8Ct5.js → p-D9l0QBgN.js} +2 -2
- package/dist/components/{p-Dr5rkAhe.js → p-DGrSro-o.js} +2 -2
- package/dist/components/{p-BVxK8ce0.js → p-DKvHBXwn.js} +2 -2
- package/dist/components/p-D_xZ5SFL.js +2 -0
- package/dist/components/{p-DP07JCed.js.map → p-D_xZ5SFL.js.map} +1 -1
- package/dist/components/{p-Ouk6FCxc.js → p-DdNJPBCS.js} +2 -2
- package/dist/components/p-DiPqdcD4.js +2 -0
- package/dist/components/{p-wXKIVUTn.js.map → p-DiPqdcD4.js.map} +1 -1
- package/dist/components/p-Dkh_40bl.js +2 -0
- package/dist/components/p-Dkh_40bl.js.map +1 -0
- package/dist/components/p-DmgDVoDb.js +2 -0
- package/dist/components/{p-BR9Pjp15.js.map → p-DmgDVoDb.js.map} +1 -1
- package/dist/components/{p-DXL5D30P.js → p-Du8LT8JS.js} +2 -2
- package/dist/components/{p-C6kUn-vb.js → p-Dyjs8_Cl.js} +2 -2
- package/dist/components/{p-CUYLGe5d.js → p-LJXiEPw1.js} +2 -2
- package/dist/components/{p-CbCN9ew9.js → p-QGtBlTMt.js} +2 -2
- package/dist/components/{p-CSxwWcwW.js → p-UBQ5O7B-.js} +2 -2
- package/dist/components/{p-DVsGfz7J.js → p-dSNHIJz6.js} +2 -2
- package/dist/components/{p-B9y6azEw.js → p-eKnJNQtL.js} +2 -2
- package/dist/components/{p-B-pkoIX9.js → p-g2OUK8Z0.js} +2 -2
- package/dist/components/{p-DSmDyI2o.js → p-n_OBbh94.js} +2 -2
- package/dist/components/{p-OJ5WeR05.js → p-oBpjD9OA.js} +2 -2
- package/dist/components/p-pJ6gbwSa.js +2 -0
- package/dist/components/p-pJ6gbwSa.js.map +1 -0
- package/dist/components/{p-DfMTDFcE.js → p-v9Nhw5yM.js} +2 -2
- package/dist/docs/components.json +683 -7
- package/dist/lint/index.js +1 -1
- package/dist/mcp-data/registry/navigation-tab-group.json +279 -0
- package/dist/mcp-data/registry/registry.json +332 -4
- package/dist/mcp-data/registry/select-toggle.json +351 -0
- package/dist/mcp-data/registry/slider.json +6 -5
- package/dist/mcp-data/registry/switch.json +2 -2
- package/dist/mcp-data/registry/tab-group.json +14 -8
- package/dist/mcp-data/registry/table.json +22 -3
- package/dist/react/components.d.ts +2 -0
- package/dist/react/components.js +2 -0
- package/dist/react/ds-navigation-tab-group.d.ts +12 -0
- package/dist/react/ds-navigation-tab-group.js +12 -0
- package/dist/react/ds-select-toggle.d.ts +12 -0
- package/dist/react/ds-select-toggle.js +12 -0
- package/dist/types/components/NavigationTabGroup/NavigationTabGroup.d.ts +16 -0
- package/dist/types/components/SelectToggle/SelectToggle.d.ts +46 -0
- package/dist/types/components/Slider/Slider.d.ts +1 -1
- package/dist/types/components/TabGroup/TabGroup.d.ts +2 -2
- package/dist/types/components/Table/Table.d.ts +3 -0
- package/dist/types/components.d.ts +237 -15
- package/dist/vue/components.d.ts +2 -0
- package/dist/vue/components.js +2 -0
- package/dist/vue/ds-navigation-tab-group.d.ts +3 -0
- package/dist/vue/ds-navigation-tab-group.js +16 -0
- package/dist/vue/ds-select-toggle.d.ts +3 -0
- package/dist/vue/ds-select-toggle.js +19 -0
- package/dist/vue/ds-table.js +1 -0
- package/package.json +1 -1
- package/dist/components/p-5-gQbIIz.js +0 -2
- package/dist/components/p-7MwoWtTJ.js.map +0 -1
- package/dist/components/p-B95UP66y.js +0 -2
- package/dist/components/p-BR9Pjp15.js +0 -2
- package/dist/components/p-BZY40-pE.js +0 -2
- package/dist/components/p-Bf-BphXP.js +0 -2
- package/dist/components/p-Bf-BphXP.js.map +0 -1
- package/dist/components/p-BqipGGua.js +0 -2
- package/dist/components/p-BqipGGua.js.map +0 -1
- package/dist/components/p-CElsKlxj.js +0 -2
- package/dist/components/p-DP07JCed.js +0 -2
- package/dist/components/p-wXKIVUTn.js +0 -2
- package/dist/components/p-xMBaOeKa.js +0 -2
- /package/dist/components/{p--pJyciTI.js.map → p--_bPiNCd.js.map} +0 -0
- /package/dist/components/{p-UJMEz8_O.js.map → p-3SCy1PHa.js.map} +0 -0
- /package/dist/components/{p-kwS-vkau.js.map → p-5aZVNYQz.js.map} +0 -0
- /package/dist/components/{p-DKGW3gRa.js.map → p-AGqUGzNZ.js.map} +0 -0
- /package/dist/components/{p-DbW8S5qe.js.map → p-BJf49edB.js.map} +0 -0
- /package/dist/components/{p-BNarCFJZ.js.map → p-BKyE025p.js.map} +0 -0
- /package/dist/components/{p-S1Ct3FJV.js.map → p-BNN9KkXe.js.map} +0 -0
- /package/dist/components/{p-CwdRaJER.js.map → p-BWJb2rih.js.map} +0 -0
- /package/dist/components/{p-D8OWhnID.js.map → p-BbvAWFJA.js.map} +0 -0
- /package/dist/components/{p-HfZ1gI2q.js.map → p-Bdp2V6-c.js.map} +0 -0
- /package/dist/components/{p-CIMyD_6H.js.map → p-BjBFJ2dd.js.map} +0 -0
- /package/dist/components/{p-BmIllmq2.js.map → p-BwNW5nqj.js.map} +0 -0
- /package/dist/components/{p-BnuNaXR2.js.map → p-C4t7HnfZ.js.map} +0 -0
- /package/dist/components/{p-C1ZfBbJ_.js.map → p-C7_awFtr.js.map} +0 -0
- /package/dist/components/{p-leZFu-cd.js.map → p-CCsxoztj.js.map} +0 -0
- /package/dist/components/{p-DYtVsnDS.js.map → p-CHyxUWqL.js.map} +0 -0
- /package/dist/components/{p-d76Ry5nh.js.map → p-CKSJwSWd.js.map} +0 -0
- /package/dist/components/{p-DdFeWC-e.js.map → p-CRhoeCC8.js.map} +0 -0
- /package/dist/components/{p-DYGllrVT.js.map → p-CXB_T13u.js.map} +0 -0
- /package/dist/components/{p-DObhRLBa.js.map → p-CgC4SM5b.js.map} +0 -0
- /package/dist/components/{p-KA8srEed.js.map → p-Cs8Gq-PZ.js.map} +0 -0
- /package/dist/components/{p-DcxY_pdJ.js.map → p-Ct2KQHF4.js.map} +0 -0
- /package/dist/components/{p-B3o9zn3Y.js.map → p-CvIHBa8S.js.map} +0 -0
- /package/dist/components/{p-YC7UM4jH.js.map → p-D1tmszmN.js.map} +0 -0
- /package/dist/components/{p-CaFXrn_8.js.map → p-D62yUMhr.js.map} +0 -0
- /package/dist/components/{p-CgQB8Ct5.js.map → p-D9l0QBgN.js.map} +0 -0
- /package/dist/components/{p-Dr5rkAhe.js.map → p-DGrSro-o.js.map} +0 -0
- /package/dist/components/{p-BVxK8ce0.js.map → p-DKvHBXwn.js.map} +0 -0
- /package/dist/components/{p-Ouk6FCxc.js.map → p-DdNJPBCS.js.map} +0 -0
- /package/dist/components/{p-DXL5D30P.js.map → p-Du8LT8JS.js.map} +0 -0
- /package/dist/components/{p-C6kUn-vb.js.map → p-Dyjs8_Cl.js.map} +0 -0
- /package/dist/components/{p-CUYLGe5d.js.map → p-LJXiEPw1.js.map} +0 -0
- /package/dist/components/{p-CbCN9ew9.js.map → p-QGtBlTMt.js.map} +0 -0
- /package/dist/components/{p-CSxwWcwW.js.map → p-UBQ5O7B-.js.map} +0 -0
- /package/dist/components/{p-DVsGfz7J.js.map → p-dSNHIJz6.js.map} +0 -0
- /package/dist/components/{p-B9y6azEw.js.map → p-eKnJNQtL.js.map} +0 -0
- /package/dist/components/{p-B-pkoIX9.js.map → p-g2OUK8Z0.js.map} +0 -0
- /package/dist/components/{p-DSmDyI2o.js.map → p-n_OBbh94.js.map} +0 -0
- /package/dist/components/{p-OJ5WeR05.js.map → p-oBpjD9OA.js.map} +0 -0
- /package/dist/components/{p-DfMTDFcE.js.map → p-v9Nhw5yM.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SelectController","constructor","state","this","triggerEl","popupEl","searchEl","typeahead","typeaheadTimer","outsideHandler","setTriggerElement","element","setPopupElement","setSearchElement","handleTriggerKeyDown","event","open","includes","key","preventDefault","openPopup","isTypeaheadKey","searchable","searchTerm","handleTypeahead","handleListKeyDown","focusRingVisible","activeIndex","moveChoiceIndex","options","enabledChoiceIndexes","enabled","length","target","Node","contains","option","selectOption","closePopup","position","AnchoredPositionController","getAnchor","anchor","getPopup","measure","trigger","popup","isConnected","host","sectionPadding","resolveCssLengthPx","TOKEN_DEFAULTS","space050","style","minWidth","menuWidthXs","offsetWidth","choicePopupMinWidth","align","popupAlign","anchorRect","getBoundingClientRect","popupWidth","popupHeight","offsetHeight","side","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","sectionInsetPx","anchorAlignment","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","boundary","apply","x","y","positionReady","topLayer","activeOptionId","isLoading","generatedId","undefined","connect","openChanged","disconnect","cancelPositionRetry","unbindPopupListeners","clearTimeout","setFocus","focus","optionsChanged","requestAnimationFrame","updatePosition","loadingChanged","positionChanged","bindPopupListeners","schedulePositionUpdate","scrollActiveOptionIntoView","searchChanged","activeIndexChanged","focusVisible","edge","isDisabled","preferredIndex","restoreFocus","focusSearchOrTrigger","metaKey","ctrlKey","altKey","normalized","toLocaleLowerCase","repeatedCharacter","every","character","match","findChoiceTypeaheadMatch","resetMs","resolveCssTimeMs","animationDurationMedium1","setTimeout","querySelector","scrollIntoView","block","inline","eventIntersectsComposedBoundary","document","addEventListener","observe","removeEventListener","unobserve","cancel","onReady","schedule","update","selectCss","ICON_SIZE","lg","md","sm","xs","OPTION_ACTION_SIZE","selectId","Select","__stencil_proxyCustomElement","HTMLElement","registerHost","sections","multiple","value","disabled","required","requiredMessage","DEFAULT_REQUIRED_MESSAGE","placeholder","triggerLabelPlaceholder","dot","size","isInset","insetDepth","width","isInactive","neutralTrigger","activeFill","collapseLabel","iconOnly","hasBorder","hasInteractionFill","hasFocusRing","rounded","indicator","allowClear","clearLabel","selectedLabel","searchPlaceholder","noResultsText","loadingLabel","error","ariaLabel","formDisabled","compactFooterSummary","captionCompact","listboxId","errorId","initialValue","controller","createController","hasLoaded","clearSelection","stopPropagation","dsChange","emit","dsClear","visibleOptions","activateFooterAction","dsFooterAction","owner","el","findIndex","scalarValue","componentWillLoad","normalizeValueForMode","Array","isArray","syncFormValue","componentDidLoad","observeFooterContent","syncCaptionCompactObserver","connectedCallback","componentDidRender","scheduleFooterSummaryMeasurement","disconnectedCallback","footerResizeObserver","observedFooterContentElement","footerMeasurementFrame","cancelAnimationFrame","disconnectCaptionCompactObserver","onCollapseLabelChange","inactive","values","resolvedValues","setRepeatedFormControlValue","internals","name","JSON","stringify","hasSelection","setFormControlValue","missing","setRequiredValidity","onLoadingChange","onPopupAlignChange","onOpenChange","dsOpenChange","onSearchTermChange","onActiveIndexChange","formDisabledCallback","formResetCallback","formStateRestoreCallback","restoreStringFormState","restoreStringArrayFormState","allSections","resolveChoiceSections","allOptions","flattenChoiceSections","visibleSections","filterChoiceSections","valid","Set","map","filter","has","selectedOption","find","Boolean","popupRole","some","action","content","footerContentElement","ResizeObserver","measureFooterSummary","summary","footerSummaryMeasureElement","clear","footerClearElement","styles","getComputedStyle","clientWidth","Number","parseFloat","paddingInlineStart","paddingInlineEnd","requiredWidth","columnGap","nextCompact","current","next","renderOption","index","usesIcons","usesSubtext","selected","active","actionId","h","ChoiceOptionRow","id","actionOpen","surfaceOpen","expanded","leading","class","label","checked","presentation","icon","color","supporting","subtextActions","actionIndex","as","variant","CONTROL_SUPPORTING_TEXT_VARIANT","type","tone","onKeyDown","onClick","dsOptionSubtextAction","actionValue","originalEvent","haspopup","controls","onDsClick","dsOptionAction","anchorId","detail","onHover","onSelect","captionIconOnly","doubleInset","captionCompactDisconnect","observeTableCaptionCompact","compact","renderCaptionTooltip","render","showPlaceholder","count","triggerLabel","textVariant","CONTROL_TEXT_VARIANT","iconSize","usesOptionIcons","choiceListUsesIcons","usesOptionSubtext","choiceListUsesSubtext","showError","errorMessage","describedBy","ariaDescribedby","join","popupStyle","left","top","transform","Math","round","zIndex","visibility","flatIndex","Host","controlWidthClass","background","ref","inputId","choiceBackgroundClassMap","role","String","ariaLabelledby","shiftKey","getElementById","lineTruncation","hasRing","trim","popover","ChoiceSearch","activeDescendant","inputRef","onValueChange","body","section","sectionIndex","divider","header","emphasis","footerActionLabel","ChoiceActionFooter","onAction","ChoiceFooter","compactSummary","useCompactSummary","contentRef","summaryMeasureRef","clearRef","onClear","textId"],"sources":["src/wc/utils/select-controller.ts","src/wc/components/Select/Select.css?tag=ds-select&encapsulation=scoped","src/wc/components/Select/Select.tsx"],"sourcesContent":["import { AnchoredPositionController } from './anchored-position-controller';\nimport {\n enabledChoiceIndexes,\n findChoiceTypeaheadMatch,\n moveChoiceIndex,\n type ChoiceOption,\n} from './choice-list';\nimport { choicePopupMinWidth, resolveChoicePopupAlignOffset } from './choice-popup-alignment';\nimport { resolveCssLengthPx } from './resolve-css-length-px';\nimport { resolveCssTimeMs } from './resolve-css-time-ms';\nimport { TOKEN_DEFAULTS } from './token-defaults';\nimport { eventIntersectsComposedBoundary } from './anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from './anchored-overlay-boundary';\n\ntype PopupPosition = { x: number; y: number };\n\nexport interface SelectControllerState<T extends ChoiceOption> {\n readonly host: HTMLElement;\n readonly generatedId: string;\n readonly options: T[];\n readonly searchable: boolean;\n readonly isLoading: boolean;\n readonly isDisabled: boolean;\n readonly preferredIndex: number;\n readonly popupAlign: 'start' | 'end';\n readonly boundary: HTMLElement | undefined;\n readonly anchor?: HTMLElement;\n open: boolean;\n activeIndex: number;\n searchTerm: string;\n focusRingVisible: boolean;\n position: PopupPosition;\n positionReady: boolean;\n selectOption(option: T): void;\n}\n\n/**\n * Shared single/multiple Select interaction controller.\n *\n * Decorated Stencil state and scalar/array selection remain in each component;\n * this controller owns only popup lifecycle, focus, positioning, typeahead,\n * and listbox keyboard traversal. Anchored placement is delegated to\n * `AnchoredPositionController`; only the choice-cell measurement stays here.\n */\nexport class SelectController<T extends ChoiceOption> {\n private triggerEl: HTMLButtonElement | null = null;\n private popupEl: HTMLDivElement | null = null;\n private searchEl: HTMLDsInputElement | null = null;\n private typeahead = '';\n private typeaheadTimer: ReturnType<typeof setTimeout> | null = null;\n private outsideHandler: ((event: MouseEvent) => void) | null = null;\n private readonly position: AnchoredPositionController;\n\n constructor(private readonly state: SelectControllerState<T>) {\n this.position = new AnchoredPositionController({\n getAnchor: () => this.state.anchor ?? this.triggerEl,\n getPopup: () => this.popupEl,\n measure: (trigger, popup) => {\n if (!this.state.open || !popup.isConnected || !this.state.host.contains(popup)) return null;\n\n const sectionPadding = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n popup.style.minWidth = `max(var(--ds-choice-popup-min-inline-size, ${TOKEN_DEFAULTS.menuWidthXs}), ${this.state.anchor ? trigger.offsetWidth : choicePopupMinWidth(trigger.offsetWidth, sectionPadding)}px)`;\n\n const align = this.state.popupAlign;\n return {\n anchorRect: trigger.getBoundingClientRect(),\n popupWidth: popup.offsetWidth,\n popupHeight: popup.offsetHeight,\n side: 'bottom',\n align,\n sideOffsetPx: sectionPadding,\n alignOffsetPx: resolveChoicePopupAlignOffset({\n align,\n alignOffsetPx: 0,\n sectionInsetPx: sectionPadding,\n anchorAlignment: this.state.anchor ? 'popup-frame' : 'choice-cell',\n }),\n viewportPadPx: sectionPadding,\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n collisionRect: resolveAnchoredOverlayBoundaryRect(trigger, this.state.boundary),\n };\n },\n apply: ({ x, y }) => {\n this.state.position = { x, y };\n this.state.positionReady = true;\n },\n topLayer: true,\n });\n }\n\n get activeOptionId(): string | undefined {\n return !this.state.isLoading && this.state.activeIndex >= 0\n ? `${this.state.generatedId}-option-${this.state.activeIndex}`\n : undefined;\n }\n\n setTriggerElement = (element: HTMLButtonElement | null) => {\n this.triggerEl = element;\n };\n\n setPopupElement = (element: HTMLDivElement | null) => {\n this.popupEl = element;\n };\n\n setSearchElement = (element: HTMLDsInputElement | null) => {\n this.searchEl = element;\n };\n\n connect() {\n if (this.state.open) this.openChanged(true);\n }\n\n disconnect() {\n this.cancelPositionRetry();\n this.unbindPopupListeners();\n if (this.typeaheadTimer) clearTimeout(this.typeaheadTimer);\n }\n\n setFocus() {\n this.triggerEl?.focus();\n }\n\n optionsChanged() {\n if (!this.state.open) return;\n const enabled = enabledChoiceIndexes(this.state.options);\n if (!enabled.includes(this.state.activeIndex)) this.state.activeIndex = enabled[0] ?? -1;\n requestAnimationFrame(() => this.updatePosition());\n }\n\n loadingChanged() {\n if (this.state.open) requestAnimationFrame(() => this.updatePosition());\n }\n\n positionChanged() {\n if (this.state.open) requestAnimationFrame(() => this.updatePosition());\n }\n\n openChanged(open: boolean) {\n if (open) {\n this.bindPopupListeners();\n this.schedulePositionUpdate(() => {\n this.scrollActiveOptionIntoView();\n if (this.state.searchable) void this.searchEl?.setFocus();\n });\n return;\n }\n this.cancelPositionRetry();\n this.unbindPopupListeners();\n this.state.searchTerm = '';\n this.state.positionReady = false;\n }\n\n searchChanged() {\n this.state.activeIndex = enabledChoiceIndexes(this.state.options)[0] ?? -1;\n requestAnimationFrame(() => {\n this.updatePosition();\n this.scrollActiveOptionIntoView();\n });\n }\n\n activeIndexChanged() {\n requestAnimationFrame(() => this.scrollActiveOptionIntoView());\n }\n\n openPopup(focusVisible: boolean, edge?: 'first' | 'last') {\n if (this.state.isDisabled || (!this.state.options.length && !this.state.isLoading)) return;\n const enabled = enabledChoiceIndexes(this.state.options);\n this.state.activeIndex =\n edge === 'last'\n ? (enabled[enabled.length - 1] ?? -1)\n : this.state.preferredIndex >= 0\n ? this.state.preferredIndex\n : (enabled[0] ?? -1);\n this.state.focusRingVisible = focusVisible;\n this.state.open = true;\n }\n\n closePopup(restoreFocus = false) {\n if (!this.state.open) return;\n this.state.open = false;\n if (restoreFocus) requestAnimationFrame(() => this.triggerEl?.focus());\n }\n\n focusSearchOrTrigger() {\n requestAnimationFrame(() => {\n if (this.state.searchable) void this.searchEl?.setFocus();\n else this.triggerEl?.focus();\n });\n }\n\n handleTriggerKeyDown = (event: KeyboardEvent) => {\n if (!this.state.open) {\n if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n event.preventDefault();\n this.openPopup(true, event.key === 'ArrowUp' ? 'last' : 'first');\n } else if (this.isTypeaheadKey(event)) {\n event.preventDefault();\n this.openPopup(true);\n if (this.state.searchable) this.state.searchTerm = event.key;\n else this.handleTypeahead(event.key);\n }\n return;\n }\n this.handleListKeyDown(event);\n };\n\n handleListKeyDown = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n this.state.focusRingVisible = true;\n this.state.activeIndex = moveChoiceIndex(this.state.options, this.state.activeIndex, 1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n this.state.focusRingVisible = true;\n this.state.activeIndex = moveChoiceIndex(this.state.options, this.state.activeIndex, -1);\n break;\n case 'Home':\n event.preventDefault();\n this.state.focusRingVisible = true;\n this.state.activeIndex = enabledChoiceIndexes(this.state.options)[0] ?? -1;\n break;\n case 'End': {\n event.preventDefault();\n this.state.focusRingVisible = true;\n const enabled = enabledChoiceIndexes(this.state.options);\n this.state.activeIndex = enabled[enabled.length - 1] ?? -1;\n break;\n }\n case 'Enter':\n case ' ': {\n if (\n event.key === ' ' &&\n this.state.searchable &&\n event.target instanceof Node &&\n this.searchEl?.contains(event.target)\n )\n break;\n event.preventDefault();\n const option = this.state.options[this.state.activeIndex];\n if (option) this.state.selectOption(option);\n break;\n }\n case 'Escape':\n event.preventDefault();\n this.closePopup(true);\n break;\n case 'Tab':\n this.closePopup();\n break;\n default:\n if (!this.state.searchable && this.isTypeaheadKey(event)) {\n this.handleTypeahead(event.key);\n }\n }\n };\n\n private isTypeaheadKey(event: KeyboardEvent) {\n return event.key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey;\n }\n\n private handleTypeahead(key: string) {\n if (this.typeaheadTimer) clearTimeout(this.typeaheadTimer);\n this.state.focusRingVisible = true;\n const normalized = key.toLocaleLowerCase();\n const repeatedCharacter =\n this.typeahead.length > 0 && [...this.typeahead].every(character => character === normalized);\n this.typeahead = repeatedCharacter ? normalized : `${this.typeahead}${normalized}`;\n const match = findChoiceTypeaheadMatch(\n this.state.options,\n this.typeahead,\n this.state.activeIndex\n );\n if (match >= 0) this.state.activeIndex = match;\n const resetMs = resolveCssTimeMs(\n TOKEN_DEFAULTS.animationDurationMedium1,\n TOKEN_DEFAULTS.animationDurationMedium1\n );\n this.typeaheadTimer = setTimeout(() => {\n this.typeahead = '';\n this.typeaheadTimer = null;\n }, resetMs);\n }\n\n private scrollActiveOptionIntoView() {\n if (!this.state.open || !this.activeOptionId) return;\n this.state.host\n .querySelector<HTMLElement>(`#${this.activeOptionId}`)\n ?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n\n private bindPopupListeners() {\n this.unbindPopupListeners();\n this.outsideHandler = event => {\n if (eventIntersectsComposedBoundary(event, this.state.host)) return;\n if (this.state.anchor && eventIntersectsComposedBoundary(event, this.state.anchor)) return;\n this.closePopup();\n };\n document.addEventListener('mousedown', this.outsideHandler, true);\n this.position.observe();\n }\n\n private unbindPopupListeners() {\n if (this.outsideHandler) {\n document.removeEventListener('mousedown', this.outsideHandler, true);\n this.outsideHandler = null;\n }\n this.position.unobserve();\n }\n\n private cancelPositionRetry() {\n this.position.cancel();\n }\n\n private schedulePositionUpdate(onReady?: () => void) {\n if (!this.state.open) return;\n this.state.positionReady = false;\n this.position.schedule(onReady);\n }\n\n private updatePosition(): boolean {\n return this.position.update();\n }\n}\n","@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/control-density-inset.css';\n@import '../../utils/control-parts.css';\n@import '../../utils/control-width.css';\n@import '../../utils/field-stack.css';\n@import '../../utils/search-control.css';\n@import '../../utils/select-trigger.css';\n@import '../../utils/table-caption-control.css';\n@import '../../utils/typography.css';\n@import '../../styles/control-elevation.css';\n\n.wrapper--error {\n --ds-interaction-border-width: var(--dimension-stroke-width-018);\n --ds-interaction-border-color: var(--color-border-bold-negative);\n}\n\n.select-popup {\n color: var(--color-foreground-secondary);\n}\n\n/* An embedding surface supplies the focus indicator instead of a second trigger ring. */\n.trigger--external-focus {\n outline: none;\n}\n\n.trigger--external-fill {\n --ds-interaction-hover: transparent;\n --ds-interaction-pressed: transparent;\n --ds-interaction-active: transparent;\n}\n\n.select-option[aria-selected='true'] .ds-choice-item__icon {\n color: var(--color-foreground-primary);\n}\n\n.select-option-row {\n position: relative;\n isolation: isolate;\n}\n\n.select-option-row__action {\n position: absolute;\n top: 50%;\n right: var(--dimension-space-050);\n z-index: var(--dimension-z-index-floating);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--dimension-radius-half);\n background: var(--color-background-transparent);\n -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n backdrop-filter: blur(var(--effect-blur-sm));\n opacity: 0;\n pointer-events: none;\n transform: translateY(-50%);\n}\n\n.select-option-row:has(:focus-visible) .select-option-row__action,\n.select-option-row--action-open .select-option-row__action,\n.select-option-row--keyboard-active .select-option-row__action {\n opacity: 1;\n pointer-events: auto;\n}\n\n.select-option-row--action-open .select-option::after {\n background: var(--ds-interaction-hover);\n}\n\n.select-option__subtext-actions {\n display: flex;\n align-items: center;\n gap: var(--dimension-space-050);\n min-inline-size: 0;\n color: var(--color-foreground-secondary);\n}\n\n.select-option__subtext-action {\n appearance: none;\n display: inline-flex;\n align-items: center;\n padding: 0;\n border: 0;\n border-radius: var(--dimension-radius-025);\n background: transparent;\n cursor: pointer;\n}\n\n.select-option__subtext-action--negative {\n --ds-text-action-foreground: var(--color-foreground-bold-negative);\n}\n\n.select-option__subtext-action-separator {\n color: var(--color-foreground-tertiary);\n pointer-events: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .select-option-row:hover .select-option-row__action {\n opacity: 1;\n pointer-events: auto;\n }\n\n .select-option-row:hover .select-option::after {\n background: var(--ds-interaction-hover);\n }\n}\n\n@media (hover: none) {\n .select-option-row__action {\n opacity: 1;\n pointer-events: auto;\n }\n\n .select-option-row--has-action .ds-choice-item__content {\n padding-inline-end: var(--dimension-size-400);\n }\n}\n\n.error-text {\n width: 100%;\n}\n","import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n type VNode,\n Watch,\n} from '@stencil/core';\nimport {\n controlWidthClass,\n CONTROL_SUPPORTING_TEXT_VARIANT,\n CONTROL_TEXT_VARIANT,\n DEFAULT_REQUIRED_MESSAGE,\n restoreStringArrayFormState,\n restoreStringFormState,\n setFormControlValue,\n setRepeatedFormControlValue,\n setRequiredValidity,\n type ControlInsetDepth,\n type ControlWidth,\n} from '../../utils';\nimport {\n ChoiceActionFooter,\n ChoiceFooter,\n ChoiceOptionRow,\n ChoiceSearch,\n} from '../../utils/choice-list-parts';\nimport {\n choiceBackgroundClassMap,\n choiceListUsesIcons,\n choiceListUsesSubtext,\n enabledChoiceIndexes,\n filterChoiceSections,\n flattenChoiceSections,\n resolveChoiceSections,\n type ChoiceBackground,\n type ChoiceOption,\n type ChoiceSection,\n} from '../../utils/choice-list';\nimport { SelectController } from '../../utils/select-controller';\nimport { observeTableCaptionCompact } from '../../utils/table-caption-compact';\n\nexport type SelectOption = ChoiceOption;\nexport type SelectSection = ChoiceSection;\nexport type SelectBackground = ChoiceBackground;\nexport type SelectSize = 'lg' | 'md' | 'sm' | 'xs';\nexport type SelectWidth = ControlWidth;\nexport type SelectPopupAlign = 'start' | 'end';\nexport type SelectValue = string | string[];\nexport type SelectIndicator = 'down' | 'up-down' | 'none';\n\nexport interface SelectOptionActionDetail {\n value: string;\n anchorId: string;\n originalEvent: MouseEvent;\n}\n\nexport interface SelectOptionSubtextActionDetail {\n value: string;\n actionValue: string;\n originalEvent: MouseEvent;\n}\n\nconst ICON_SIZE: Record<SelectSize, 'lg' | 'md' | 'sm' | 'xs'> = {\n lg: 'lg',\n md: 'md',\n sm: 'sm',\n xs: 'xs',\n};\n\nconst OPTION_ACTION_SIZE: Record<SelectSize, 'md' | 'sm' | 'xs'> = {\n lg: 'md',\n md: 'sm',\n sm: 'xs',\n xs: 'xs',\n};\n\nlet selectId = 0;\n\n@Component({\n tag: 'ds-select',\n styleUrl: 'Select.css',\n scoped: true,\n formAssociated: true,\n})\nexport class Select {\n @Element() el!: HTMLElement;\n @AttachInternals() internals!: ElementInternals;\n\n /** Flat choices. Assign arrays through the JavaScript property. */\n @Prop() options: SelectOption[] = [];\n /** Grouped choices; takes precedence over options. Assign through JavaScript. */\n @Prop() sections: SelectSection[] = [];\n /** Enable independent multi-value selection while keeping the popup open. */\n @Prop({ reflect: true }) multiple: boolean = false;\n /** Selected scalar or array value according to `multiple`. */\n @Prop({ mutable: true }) value: SelectValue = '';\n /** Controlled popup visibility. */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n /** Native form field name. */\n @Prop({ reflect: true }) name: string | undefined;\n /** Associates the select with a form by id when rendered outside that form. */\n @Prop({ reflect: true }) form: string | undefined;\n /** Native disabled state. */\n @Prop({ reflect: true }) disabled: boolean = false;\n /** Require one valid selected value. */\n @Prop({ reflect: true }) required: boolean = false;\n /** Validation message used when required is missing. */\n @Prop() requiredMessage: string = DEFAULT_REQUIRED_MESSAGE;\n /** Trigger text shown when no valid value is selected. */\n @Prop() placeholder: string = 'Select';\n /** Optional scalar-mode trigger text that does not change the selected option label. */\n @Prop() triggerLabel: string | undefined;\n /** Present triggerLabel with placeholder emphasis while preserving the selected value. */\n @Prop() triggerLabelPlaceholder: boolean = false;\n /** Show a supplemental notification dot beside the trigger label. */\n @Prop() dot: boolean = false;\n /** Control density. */\n @Prop() size: SelectSize = 'md';\n /** Use reduced outer geometry when nested inside a control of the same size. */\n @Prop() isInset: boolean = false;\n /** Single removes 4px overall; double removes 8px overall (xs stays single). */\n @Prop() insetDepth: ControlInsetDepth = 'single';\n /** Width fit — hug content (default) or fill the parent. */\n @Prop() width: SelectWidth = 'hug';\n /** Align the popup's choice edge to the trigger start or end edge. */\n @Prop() popupAlign: SelectPopupAlign = 'start';\n /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */\n @Prop() boundary: HTMLElement | undefined;\n /** Optional popup positioning anchor; the trigger still owns focus and accessibility. */\n @Prop() anchor: HTMLElement | undefined;\n /** Shared inactive treatment; removes interaction and form submission. */\n @Prop() isInactive: boolean = false;\n /** Replace the prefix with a loader and disable option interaction. */\n @Prop() isLoading: boolean = false;\n /** Show the selected interaction fill when a valid value exists. */\n /** Keep trigger colors neutral when a value is selected. */\n @Prop() neutralTrigger: boolean = false;\n @Prop() activeFill: boolean = false;\n /**\n * Opt into table-caption icon-only chrome below 900px. The trigger omits its\n * visible label and chevron; keep an accessible name via aria-label.\n */\n @Prop({ reflect: true }) collapseLabel: boolean = false;\n /** Always show only the prefix icon; retain an accessible name via aria-label. */\n @Prop() iconOnly: boolean = false;\n /** Show the surface-aware inset border, including focused and invalid strokes. */\n @Prop() hasBorder: boolean = true;\n /** Disable only when a containing surface owns hover and press feedback. */\n @Prop() hasInteractionFill: boolean = true;\n /** Disable only when a containing surface supplies a visible focus indicator. */\n @Prop() hasFocusRing: boolean = true;\n /** Use a pill radius on the trigger. Popup chrome stays on the menu radius. */\n @Prop() rounded: boolean = false;\n /** Optional trigger prefix icon name. */\n @Prop() icon: string | undefined;\n /** Trailing choice indicator. Use up-down for compact value steppers such as page size. */\n @Prop() indicator: SelectIndicator = 'down';\n /** Show the clear footer action when a value exists. */\n @Prop() allowClear: boolean = true;\n /** Localized clear action label. */\n @Prop() clearLabel: string = 'Clear';\n /** Localized noun displayed after the selected count in multiple mode. */\n @Prop() selectedLabel: string = 'selected';\n /** Optional text action shown in the popup footer instead of the clear action. */\n @Prop() footerActionLabel: string | undefined;\n /** Show immediate local filtering over option labels, subtext, and section headings. */\n @Prop() searchable: boolean = false;\n /** Localized search-field placeholder and accessible name. */\n @Prop() searchPlaceholder: string = 'Search';\n /** Localized empty-filter result text. */\n @Prop() noResultsText: string = 'No results found';\n /** Accessible loading status label. */\n @Prop() loadingLabel: string = 'Loading';\n /** Actual parent surface context; omit on primary and secondary surfaces. */\n @Prop() background: SelectBackground | undefined;\n /** Show invalid visual state. */\n @Prop() error: boolean = false;\n /** Error text rendered below the trigger when error is true. */\n @Prop() errorMessage: string | undefined;\n /** ID applied to the internal combobox trigger for external labels. */\n @Prop() inputId: string | undefined;\n /** Direct accessible name when no external label is available. */\n @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n /** IDs of elements that label the combobox. */\n @Prop({ attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined;\n /** Additional IDs that describe the combobox. */\n @Prop({ attribute: 'aria-describedby' }) ariaDescribedby: string | undefined;\n\n /** Emitted after selection or clearing with the next scalar or array value. */\n @Event() dsChange!: EventEmitter<SelectValue>;\n /** Emitted after the footer clear action. */\n @Event() dsClear!: EventEmitter<void>;\n /** Emitted whenever popup visibility changes. */\n @Event() dsOpenChange!: EventEmitter<boolean>;\n /** Emitted when the optional popup footer action is activated. */\n @Event() dsFooterAction!: EventEmitter<void>;\n /** Emitted when an option's contextual ellipsis action is activated. */\n @Event() dsOptionAction!: EventEmitter<SelectOptionActionDetail>;\n /** Emitted when an option's supporting text action is activated. */\n @Event() dsOptionSubtextAction!: EventEmitter<SelectOptionSubtextActionDetail>;\n\n @State() private activeIndex = -1;\n @State() private searchTerm = '';\n @State() private formDisabled = false;\n @State() private position = { x: 0, y: 0 };\n @State() private positionReady = false;\n @State() private focusRingVisible = false;\n @State() private compactFooterSummary = false;\n @State() private captionCompact = false;\n\n private readonly generatedId = `ds-select-${++selectId}`;\n private readonly listboxId = `${this.generatedId}-listbox`;\n private readonly errorId = `${this.generatedId}-error`;\n private initialValue: SelectValue = '';\n private readonly controller = this.createController();\n private footerContentElement?: HTMLDivElement;\n private footerSummaryMeasureElement?: HTMLElement;\n private footerClearElement?: HTMLButtonElement;\n private footerResizeObserver?: ResizeObserver;\n private observedFooterContentElement?: HTMLDivElement;\n private footerMeasurementFrame?: number;\n private captionCompactDisconnect: (() => void) | undefined;\n private hasLoaded = false;\n\n private createController() {\n // eslint-disable-next-line @typescript-eslint/no-this-alias -- adapter getters preserve reactive component ownership without inheritance.\n const owner = this;\n return new SelectController<SelectOption>({\n get host() {\n return owner.el;\n },\n generatedId: owner.generatedId,\n get options() {\n return owner.visibleOptions;\n },\n get searchable() {\n return owner.searchable;\n },\n get isLoading() {\n return owner.isLoading;\n },\n get isDisabled() {\n return owner.isDisabled;\n },\n get preferredIndex() {\n if (owner.multiple) return -1;\n return owner.visibleOptions.findIndex(\n option => option.value === owner.scalarValue && !option.isInactive\n );\n },\n get popupAlign() {\n return owner.popupAlign;\n },\n get boundary() {\n return owner.boundary;\n },\n get anchor() {\n return owner.anchor;\n },\n get open() {\n return owner.open;\n },\n set open(value) {\n owner.open = value;\n },\n get activeIndex() {\n return owner.activeIndex;\n },\n set activeIndex(value) {\n owner.activeIndex = value;\n },\n get searchTerm() {\n return owner.searchTerm;\n },\n set searchTerm(value) {\n owner.searchTerm = value;\n },\n get focusRingVisible() {\n return owner.focusRingVisible;\n },\n set focusRingVisible(value) {\n owner.focusRingVisible = value;\n },\n get position() {\n return owner.position;\n },\n set position(value) {\n owner.position = value;\n },\n get positionReady() {\n return owner.positionReady;\n },\n set positionReady(value) {\n owner.positionReady = value;\n },\n selectOption: option => owner.selectOption(option),\n });\n }\n\n componentWillLoad() {\n this.value = this.normalizeValueForMode(this.value);\n this.initialValue = Array.isArray(this.value) ? [...this.value] : this.value;\n this.syncFormValue();\n }\n\n componentDidLoad() {\n this.hasLoaded = true;\n this.controller.connect();\n this.observeFooterContent();\n this.syncCaptionCompactObserver();\n }\n\n connectedCallback() {\n if (!this.hasLoaded) return;\n this.controller.connect();\n this.observeFooterContent();\n this.syncCaptionCompactObserver();\n }\n\n componentDidRender() {\n this.observeFooterContent();\n this.scheduleFooterSummaryMeasurement();\n }\n\n disconnectedCallback() {\n this.controller.disconnect();\n this.footerResizeObserver?.disconnect();\n this.observedFooterContentElement = undefined;\n if (this.footerMeasurementFrame !== undefined) {\n cancelAnimationFrame(this.footerMeasurementFrame);\n this.footerMeasurementFrame = undefined;\n }\n this.disconnectCaptionCompactObserver();\n }\n\n @Watch('collapseLabel')\n onCollapseLabelChange() {\n this.syncCaptionCompactObserver();\n }\n\n @Watch('value')\n @Watch('multiple')\n @Watch('disabled')\n @Watch('isInactive')\n @Watch('required')\n @Watch('requiredMessage')\n @Watch('name')\n @Watch('options')\n @Watch('sections')\n syncFormValue() {\n if (\n (this.multiple && !Array.isArray(this.value)) ||\n (!this.multiple && Array.isArray(this.value))\n ) {\n this.value = this.normalizeValueForMode(this.value);\n }\n const inactive = this.isDisabled;\n if (this.multiple) {\n const values = this.resolvedValues;\n setRepeatedFormControlValue(this.internals, this.name, values, {\n inactive,\n state: JSON.stringify(this.value),\n });\n } else {\n const value = this.hasSelection ? this.scalarValue : '';\n setFormControlValue(this.internals, value, { inactive, state: this.scalarValue });\n }\n const missing = this.required && !inactive && !this.hasSelection;\n setRequiredValidity(this.internals, missing, this.requiredMessage);\n this.controller.optionsChanged();\n }\n\n @Watch('isLoading')\n onLoadingChange() {\n this.controller.loadingChanged();\n }\n\n @Watch('popupAlign')\n @Watch('boundary')\n @Watch('anchor')\n onPopupAlignChange() {\n this.controller.positionChanged();\n }\n\n @Watch('open')\n onOpenChange(open: boolean) {\n this.dsOpenChange.emit(open);\n this.controller.openChanged(open);\n }\n\n @Watch('searchTerm')\n onSearchTermChange() {\n this.controller.searchChanged();\n }\n\n @Watch('activeIndex')\n onActiveIndexChange() {\n this.controller.activeIndexChanged();\n }\n\n formDisabledCallback(disabled: boolean) {\n this.formDisabled = disabled;\n this.syncFormValue();\n }\n\n formResetCallback() {\n this.value = this.normalizeValueForMode(this.initialValue);\n this.closePopup();\n }\n\n formStateRestoreCallback(state: string | File | FormData | null) {\n if (!this.multiple) {\n this.value = restoreStringFormState(state);\n return;\n }\n this.value = restoreStringArrayFormState(state);\n }\n\n @Method()\n async setFocus() {\n this.controller.setFocus();\n }\n\n private get isDisabled(): boolean {\n return this.disabled || this.isInactive || this.formDisabled;\n }\n\n private normalizeValueForMode(value: SelectValue): SelectValue {\n if (this.multiple) {\n return Array.isArray(value) ? [...value] : value ? [value] : [];\n }\n return Array.isArray(value) ? (value[0] ?? '') : value;\n }\n\n private get allSections(): SelectSection[] {\n return resolveChoiceSections(this.options, this.sections);\n }\n\n private get allOptions(): SelectOption[] {\n return flattenChoiceSections(this.allSections);\n }\n\n private get visibleSections(): SelectSection[] {\n return this.searchable\n ? filterChoiceSections(this.allSections, this.searchTerm)\n : this.allSections;\n }\n\n private get visibleOptions(): SelectOption[] {\n return flattenChoiceSections(this.visibleSections);\n }\n\n private get scalarValue(): string {\n return typeof this.value === 'string' ? this.value : '';\n }\n\n private get resolvedValues(): string[] {\n if (!this.multiple || !Array.isArray(this.value)) return [];\n const valid = new Set(this.allOptions.map(option => option.value));\n return [...new Set(this.value.filter(value => valid.has(value)))];\n }\n\n private get selectedOption(): SelectOption | undefined {\n if (this.multiple) return undefined;\n return this.allOptions.find(option => option.value === this.scalarValue);\n }\n\n private get hasSelection(): boolean {\n return this.multiple ? this.resolvedValues.length > 0 : Boolean(this.selectedOption);\n }\n\n private get activeOptionId(): string | undefined {\n return this.controller.activeOptionId;\n }\n\n private get popupRole(): 'listbox' | 'grid' {\n return this.allOptions.some(option => Boolean(option.action)) ? 'grid' : 'listbox';\n }\n\n private observeFooterContent() {\n const content =\n this.open && this.multiple && this.hasSelection ? this.footerContentElement : undefined;\n if (!content?.isConnected) {\n this.footerResizeObserver?.disconnect();\n this.observedFooterContentElement = undefined;\n return;\n }\n if (this.observedFooterContentElement === content) return;\n\n this.footerResizeObserver?.disconnect();\n if (typeof ResizeObserver !== 'undefined') {\n this.footerResizeObserver = new ResizeObserver(() => this.scheduleFooterSummaryMeasurement());\n this.footerResizeObserver.observe(content);\n }\n this.observedFooterContentElement = content;\n }\n\n private scheduleFooterSummaryMeasurement() {\n if (\n !this.open ||\n !this.multiple ||\n !this.hasSelection ||\n this.footerMeasurementFrame !== undefined\n ) {\n return;\n }\n this.footerMeasurementFrame = requestAnimationFrame(() => {\n this.footerMeasurementFrame = undefined;\n this.measureFooterSummary();\n });\n }\n\n private measureFooterSummary() {\n const content = this.footerContentElement;\n const summary = this.footerSummaryMeasureElement;\n const clear = this.footerClearElement;\n if (!content?.isConnected || !summary?.isConnected || !clear?.isConnected) return;\n\n const styles = getComputedStyle(content);\n const innerWidth =\n content.clientWidth -\n Number.parseFloat(styles.paddingInlineStart || '0') -\n Number.parseFloat(styles.paddingInlineEnd || '0');\n const requiredWidth =\n summary.getBoundingClientRect().width +\n clear.getBoundingClientRect().width +\n Number.parseFloat(styles.columnGap || '0');\n const nextCompact = requiredWidth > innerWidth + 0.5;\n if (nextCompact !== this.compactFooterSummary) {\n this.compactFooterSummary = nextCompact;\n }\n }\n\n private closePopup(restoreFocus = false) {\n this.controller.closePopup(restoreFocus);\n }\n\n private openPopup(focusVisible: boolean, edge?: 'first' | 'last') {\n this.controller.openPopup(focusVisible, edge);\n }\n\n private selectOption(option: SelectOption) {\n if (option.isInactive || this.isLoading) return;\n if (this.multiple) {\n const current = this.resolvedValues;\n const next = current.includes(option.value)\n ? current.filter(value => value !== option.value)\n : [...current, option.value];\n this.value = next;\n this.dsChange.emit([...next]);\n return;\n }\n this.value = option.value;\n this.dsChange.emit(option.value);\n this.controller.closePopup(true);\n }\n\n private clearSelection = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n this.value = this.multiple ? [] : '';\n this.dsChange.emit(this.multiple ? [] : '');\n this.dsClear.emit();\n if (!this.multiple) {\n const enabled = enabledChoiceIndexes(this.visibleOptions);\n this.activeIndex = enabled[0] ?? -1;\n }\n this.controller.focusSearchOrTrigger();\n };\n\n private activateFooterAction = (event: MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n this.dsFooterAction.emit();\n this.closePopup();\n };\n\n private readonly handleListKeyDown = this.controller.handleListKeyDown;\n private readonly handleTriggerKeyDown = this.controller.handleTriggerKeyDown;\n\n private renderOption(\n option: SelectOption,\n index: number,\n usesIcons: boolean,\n usesSubtext: boolean\n ) {\n const selected = this.multiple\n ? this.resolvedValues.includes(option.value)\n : option.value === this.scalarValue;\n const active = index === this.activeIndex;\n const actionId = `${this.generatedId}-option-action-${index}`;\n return (\n <ChoiceOptionRow\n size={this.size}\n id={`${this.generatedId}-option-${index}`}\n option={option}\n selected={selected}\n active={active}\n focusRingVisible={this.focusRingVisible}\n usesSubtext={usesSubtext}\n actionOpen={option.action?.surfaceOpen ?? option.action?.expanded}\n popupRole={this.popupRole}\n leading={\n this.multiple ? (\n <span\n class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-checkbox\n class=\"select-option__checkbox\"\n label=\"\"\n size={this.size}\n checked={selected}\n presentation\n />\n </span>\n ) : usesIcons && option.icon ? (\n <span\n class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-icon name={option.icon} size={this.size} color=\"inherit\" />\n </span>\n ) : undefined\n }\n supporting={\n option.subtextActions?.length ? (\n <span class=\"ds-choice-item__subtext ds-control-label-box select-option__subtext-actions\">\n {option.subtextActions.map((action, actionIndex) => [\n actionIndex > 0 ? (\n <ds-text\n class=\"select-option__subtext-action-separator\"\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n color=\"inherit\"\n aria-hidden=\"true\"\n >\n ·\n </ds-text>\n ) : null,\n <button\n type=\"button\"\n class={{\n 'select-option__subtext-action': true,\n 'select-option__subtext-action--negative': action.tone === 'negative',\n 'ds-text-action': true,\n 'ds-focus-ring': true,\n }}\n onKeyDown={(event: KeyboardEvent) => event.stopPropagation()}\n onClick={(event: MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n this.dsOptionSubtextAction.emit({\n value: option.value,\n actionValue: action.value,\n originalEvent: event,\n });\n }}\n >\n <ds-text\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n color=\"inherit\"\n >\n {action.label}\n </ds-text>\n </button>,\n ])}\n </span>\n ) : undefined\n }\n action={\n option.action ? (\n <ds-tooltip label={option.action.label} side=\"left\" size=\"sm\">\n <ds-button-unfilled\n id={actionId}\n variant=\"icon\"\n size={OPTION_ACTION_SIZE[this.size]}\n icon=\"Ellipses\"\n rounded\n hasBorder={false}\n activeFill={false}\n ariaLabel={option.action.label}\n haspopup=\"menu\"\n controls={option.action.controls}\n expanded={option.action.expanded}\n surfaceOpen={option.action.surfaceOpen}\n onKeyDown={event => {\n event.stopPropagation();\n if (event.key === 'Escape' || event.key === 'ArrowLeft') {\n event.preventDefault();\n this.controller.focusSearchOrTrigger();\n }\n }}\n onDsClick={(event: CustomEvent<MouseEvent>) => {\n event.stopPropagation();\n this.dsOptionAction.emit({\n value: option.value,\n anchorId: actionId,\n originalEvent: event.detail,\n });\n }}\n />\n </ds-tooltip>\n ) : undefined\n }\n onHover={() => {\n this.focusRingVisible = false;\n this.activeIndex = index;\n }}\n onSelect={() => this.selectOption(option)}\n />\n );\n }\n\n private get captionIconOnly(): boolean {\n return (\n (this.iconOnly || (this.collapseLabel && this.captionCompact)) &&\n Boolean(this.icon || this.isLoading)\n );\n }\n\n private get doubleInset(): boolean {\n return this.isInset && this.insetDepth === 'double' && this.size !== 'xs';\n }\n\n private syncCaptionCompactObserver(): void {\n this.disconnectCaptionCompactObserver();\n if (!this.collapseLabel) {\n if (this.captionCompact) this.captionCompact = false;\n return;\n }\n this.captionCompactDisconnect = observeTableCaptionCompact(this.el, compact => {\n if (this.captionCompact !== compact) this.captionCompact = compact;\n });\n }\n\n private disconnectCaptionCompactObserver(): void {\n this.captionCompactDisconnect?.();\n this.captionCompactDisconnect = undefined;\n }\n\n private renderCaptionTooltip(trigger: VNode, label: string): VNode {\n if (!this.collapseLabel) return trigger;\n return (\n <ds-tooltip label={label} side=\"top\" size=\"sm\">\n {trigger}\n </ds-tooltip>\n );\n }\n\n render() {\n const inactive = this.isDisabled;\n const showPlaceholder = !this.hasSelection;\n const count = this.resolvedValues.length;\n const label = this.multiple\n ? `${this.placeholder}${count > 0 ? ` · ${count}` : ''}`\n : showPlaceholder\n ? this.placeholder\n : (this.triggerLabel ?? this.selectedOption?.label);\n const textVariant = CONTROL_TEXT_VARIANT[this.size];\n const iconSize = ICON_SIZE[this.size];\n const usesOptionIcons = !this.multiple && choiceListUsesIcons(this.allOptions);\n const usesOptionSubtext = choiceListUsesSubtext(this.allOptions);\n const showError = this.error && Boolean(this.errorMessage);\n const describedBy =\n [this.ariaDescribedby, showError ? this.errorId : undefined].filter(Boolean).join(' ') ||\n undefined;\n const popupStyle = {\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 let flatIndex = 0;\n\n return (\n <Host\n class={{\n 'select-host': true,\n 'ds-select-trigger-host': true,\n 'select-host--multiple': this.multiple,\n 'ds-field-stack': true,\n 'ds-field-stack--supporting-inset': !this.hasBorder,\n 'ds-control-inactive': inactive,\n [`ds-control--${this.size}`]: true,\n 'ds-table-caption-control': this.collapseLabel,\n 'ds-table-caption-control--compact': this.captionIconOnly,\n ...controlWidthClass(this.width),\n [`select-host--background-${this.background}`]: !!this.background,\n [`ds-select-trigger-host--background-${this.background}`]: !!this.background,\n }}\n >\n {this.renderCaptionTooltip(\n <button\n ref={element => {\n this.controller.setTriggerElement((element as HTMLButtonElement) ?? null);\n }}\n id={this.inputId ?? this.generatedId}\n type=\"button\"\n class={{\n trigger: true,\n 'ds-control-frame': true,\n 'ds-focus-ring-inset': this.hasFocusRing,\n 'trigger--external-focus': !this.hasFocusRing,\n // The shared overlay also carries borders/focus; suppress only its wash.\n 'ds-interaction-fill': this.hasInteractionFill || this.hasBorder || this.hasFocusRing,\n 'trigger--external-fill': !this.hasInteractionFill,\n 'ds-interaction-fill--selected':\n this.hasInteractionFill && !inactive && this.activeFill && this.hasSelection,\n 'trigger--expanded': !inactive && this.open,\n 'ds-interaction-fill--surface-open':\n this.hasInteractionFill && !inactive && this.open,\n 'trigger--bordered': this.hasBorder,\n 'trigger--rounded': this.rounded,\n 'trigger--placeholder': showPlaceholder && !this.multiple,\n 'trigger--has-value': this.hasSelection && !this.neutralTrigger,\n 'trigger--label-placeholder':\n !this.multiple && Boolean(this.triggerLabel) && this.triggerLabelPlaceholder,\n 'wrapper--error': this.hasBorder && this.error,\n [`ds-control--${this.size}`]: true,\n 'ds-control--inset': this.isInset && !this.doubleInset,\n 'ds-control--inset-double': this.doubleInset,\n ...choiceBackgroundClassMap(this.background),\n }}\n disabled={inactive}\n role=\"combobox\"\n aria-haspopup={this.popupRole}\n aria-expanded={String(this.open)}\n aria-controls={this.open ? this.listboxId : undefined}\n aria-activedescendant={this.open && !this.searchable ? this.activeOptionId : undefined}\n aria-label={this.ariaLabel ?? (this.captionIconOnly ? label : undefined)}\n aria-labelledby={this.ariaLabelledby}\n aria-describedby={describedBy}\n aria-invalid={this.error ? 'true' : undefined}\n aria-required={this.required || undefined}\n aria-busy={this.isLoading ? 'true' : undefined}\n onClick={() => (this.open ? this.closePopup() : this.openPopup(false))}\n onKeyDown={event => {\n const action = this.visibleOptions[this.activeIndex]?.action;\n if (\n this.open &&\n action &&\n (event.key === 'ArrowRight' || (event.key === 'F10' && event.shiftKey))\n ) {\n event.preventDefault();\n document\n .getElementById(`${this.generatedId}-option-action-${this.activeIndex}`)\n ?.querySelector<HTMLElement>('button')\n ?.focus();\n return;\n }\n this.handleTriggerKeyDown(event);\n }}\n >\n {(this.icon || this.isLoading) && (\n <span\n class=\"trigger__prefix ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n {this.isLoading ? (\n <ds-loader size={iconSize} color=\"inherit\" />\n ) : (\n <ds-icon name={this.icon} size={iconSize} color=\"inherit\" />\n )}\n </span>\n )}\n {this.captionIconOnly ? null : (\n <span\n class={{\n 'trigger__label-box': true,\n 'ds-interaction-fill__content': true,\n }}\n >\n <span\n class={{\n 'trigger__label-content': true,\n 'ds-control-label-box': true,\n 'ds-control-label-dot': this.dot,\n 'trigger__label-content--dot': this.dot,\n }}\n >\n <ds-text\n class=\"trigger__label\"\n as=\"span\"\n variant={textVariant}\n color=\"inherit\"\n lineTruncation={1}\n >\n {label}\n </ds-text>\n {this.dot && (\n <ds-badge\n class=\"trigger__dot ds-control-label-dot__badge\"\n variant=\"dot\"\n hasRing={false}\n label=\"\"\n aria-hidden=\"true\"\n />\n )}\n </span>\n </span>\n )}\n {this.captionIconOnly || this.indicator === 'none' ? null : (\n <span\n class=\"trigger__chevron ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-icon\n name={this.indicator === 'up-down' ? 'ChevronUpDown' : 'ChevronDown'}\n size={iconSize}\n color=\"inherit\"\n />\n </span>\n )}\n </button>,\n this.captionIconOnly ? this.ariaLabel?.trim() || this.placeholder : ''\n )}\n\n {this.open && (\n <div\n popover=\"manual\"\n ref={element => {\n this.controller.setPopupElement((element as HTMLDivElement) ?? null);\n }}\n class=\"select-popup ds-choice-popup\"\n style={popupStyle}\n >\n {this.searchable && (\n <ChoiceSearch\n size={this.size}\n value={this.searchTerm}\n placeholder={this.searchPlaceholder}\n controls={this.listboxId}\n activeDescendant={this.activeOptionId}\n inputRef={this.controller.setSearchElement}\n clearLabel={this.clearLabel}\n onValueChange={value => {\n this.searchTerm = value;\n }}\n onKeyDown={event => this.handleListKeyDown(event)}\n />\n )}\n <div\n id={this.listboxId}\n class=\"ds-choice-list\"\n role={this.popupRole}\n aria-multiselectable={this.multiple ? 'true' : undefined}\n aria-label={this.ariaLabel ?? this.placeholder}\n aria-busy={this.isLoading ? 'true' : undefined}\n >\n {this.isLoading ? (\n <div\n class=\"ds-choice-loading ds-empty-region\"\n role={this.popupRole === 'grid' ? 'row' : 'option'}\n aria-selected=\"false\"\n aria-disabled=\"true\"\n aria-label={this.loadingLabel}\n aria-live=\"polite\"\n >\n {this.popupRole === 'grid' ? (\n <span role=\"gridcell\">\n <ds-loader size={this.size} color=\"inherit\" />\n </span>\n ) : (\n <ds-loader size={this.size} color=\"inherit\" />\n )}\n </div>\n ) : this.visibleOptions.length === 0 ? (\n <div\n class=\"ds-choice-empty ds-empty-region\"\n role={this.popupRole === 'grid' ? 'row' : 'option'}\n aria-selected=\"false\"\n aria-disabled=\"true\"\n aria-label={this.noResultsText}\n aria-live=\"polite\"\n >\n {this.popupRole === 'grid' ? (\n <span role=\"gridcell\">\n <ds-empty-state body={this.noResultsText} />\n </span>\n ) : (\n <ds-empty-state body={this.noResultsText} />\n )}\n </div>\n ) : (\n this.visibleSections.map((section, sectionIndex) => (\n <div\n class={{\n 'ds-choice-section': true,\n 'ds-chrome-column': true,\n 'ds-chrome-space--sm': true,\n 'ds-choice-section--divided': !!section.divider,\n 'ds-choice-section--headed-after-first':\n sectionIndex > 0 && Boolean(section.header),\n }}\n role={\n this.popupRole === 'grid' ? 'rowgroup' : section.header ? 'group' : undefined\n }\n aria-label={section.header}\n >\n {section.header && this.popupRole === 'grid' ? (\n <ds-text\n class={`ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n emphasis\n color=\"primary\"\n role=\"row\"\n >\n <span class=\"ds-choice-section__header-label\" role=\"gridcell\">\n {section.header}\n </span>\n </ds-text>\n ) : section.header ? (\n <ds-text\n class={`ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n emphasis\n color=\"primary\"\n aria-hidden=\"true\"\n >\n <span class=\"ds-choice-section__header-label\">{section.header}</span>\n </ds-text>\n ) : null}\n {section.options.map(option =>\n this.renderOption(option, flatIndex++, usesOptionIcons, usesOptionSubtext)\n )}\n </div>\n ))\n )}\n </div>\n {this.footerActionLabel && !this.isLoading ? (\n <ChoiceActionFooter\n size={this.size}\n label={this.footerActionLabel}\n onAction={this.activateFooterAction}\n />\n ) : this.allowClear && this.hasSelection && !this.isLoading ? (\n <ChoiceFooter\n size={this.size}\n summary={this.multiple ? `${count} ${this.selectedLabel}` : undefined}\n compactSummary={this.multiple ? String(count) : undefined}\n useCompactSummary={this.compactFooterSummary}\n contentRef={element => {\n this.footerContentElement = element ?? undefined;\n }}\n summaryMeasureRef={element => {\n this.footerSummaryMeasureElement = element ?? undefined;\n }}\n clearRef={element => {\n this.footerClearElement = element ?? undefined;\n }}\n clearLabel={this.clearLabel}\n onClear={this.clearSelection}\n />\n ) : null}\n </div>\n )}\n\n {showError && (\n <ds-text\n class=\"error-text\"\n as=\"div\"\n variant=\"text-body-small\"\n color=\"negative\"\n textId={this.errorId}\n role=\"alert\"\n >\n {this.errorMessage}\n </ds-text>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["SelectController","constructor","state","this","triggerEl","popupEl","searchEl","typeahead","typeaheadTimer","outsideHandler","setTriggerElement","element","setPopupElement","setSearchElement","handleTriggerKeyDown","event","open","includes","key","preventDefault","openPopup","isTypeaheadKey","searchable","searchTerm","handleTypeahead","handleListKeyDown","focusRingVisible","activeIndex","moveChoiceIndex","options","enabledChoiceIndexes","enabled","length","target","Node","contains","option","selectOption","closePopup","position","AnchoredPositionController","getAnchor","anchor","getPopup","measure","trigger","popup","isConnected","host","sectionPadding","resolveCssLengthPx","TOKEN_DEFAULTS","space050","style","minWidth","menuWidthXs","offsetWidth","choicePopupMinWidth","align","popupAlign","anchorRect","getBoundingClientRect","popupWidth","popupHeight","offsetHeight","side","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","sectionInsetPx","anchorAlignment","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","boundary","apply","x","y","positionReady","topLayer","activeOptionId","isLoading","generatedId","undefined","connect","openChanged","disconnect","cancelPositionRetry","unbindPopupListeners","clearTimeout","setFocus","focus","optionsChanged","requestAnimationFrame","updatePosition","loadingChanged","positionChanged","bindPopupListeners","schedulePositionUpdate","scrollActiveOptionIntoView","searchChanged","activeIndexChanged","focusVisible","edge","isDisabled","preferredIndex","restoreFocus","focusSearchOrTrigger","metaKey","ctrlKey","altKey","normalized","toLocaleLowerCase","repeatedCharacter","every","character","match","findChoiceTypeaheadMatch","resetMs","resolveCssTimeMs","animationDurationMedium1","setTimeout","querySelector","scrollIntoView","block","inline","eventIntersectsComposedBoundary","document","addEventListener","observe","removeEventListener","unobserve","cancel","onReady","schedule","update","selectCss","ICON_SIZE","lg","md","sm","xs","OPTION_ACTION_SIZE","selectId","Select","__stencil_proxyCustomElement","HTMLElement","registerHost","sections","multiple","value","disabled","required","requiredMessage","DEFAULT_REQUIRED_MESSAGE","placeholder","triggerLabelPlaceholder","dot","size","isInset","insetDepth","width","isInactive","neutralTrigger","activeFill","collapseLabel","iconOnly","hasBorder","hasInteractionFill","hasFocusRing","rounded","indicator","allowClear","clearLabel","selectedLabel","searchPlaceholder","noResultsText","loadingLabel","error","ariaLabel","formDisabled","compactFooterSummary","captionCompact","listboxId","errorId","initialValue","controller","createController","hasLoaded","clearSelection","stopPropagation","dsChange","emit","dsClear","visibleOptions","activateFooterAction","dsFooterAction","owner","el","findIndex","scalarValue","componentWillLoad","normalizeValueForMode","Array","isArray","syncFormValue","componentDidLoad","observeFooterContent","syncCaptionCompactObserver","connectedCallback","componentDidRender","scheduleFooterSummaryMeasurement","disconnectedCallback","footerResizeObserver","observedFooterContentElement","footerMeasurementFrame","cancelAnimationFrame","disconnectCaptionCompactObserver","onCollapseLabelChange","inactive","values","resolvedValues","setRepeatedFormControlValue","internals","name","JSON","stringify","hasSelection","setFormControlValue","missing","setRequiredValidity","onLoadingChange","onPopupAlignChange","onOpenChange","dsOpenChange","onSearchTermChange","onActiveIndexChange","formDisabledCallback","formResetCallback","formStateRestoreCallback","restoreStringFormState","restoreStringArrayFormState","allSections","resolveChoiceSections","allOptions","flattenChoiceSections","visibleSections","filterChoiceSections","valid","Set","map","filter","has","selectedOption","find","Boolean","popupRole","some","action","content","footerContentElement","ResizeObserver","measureFooterSummary","summary","footerSummaryMeasureElement","clear","footerClearElement","styles","getComputedStyle","clientWidth","Number","parseFloat","paddingInlineStart","paddingInlineEnd","requiredWidth","columnGap","nextCompact","current","next","renderOption","index","usesIcons","usesSubtext","selected","active","actionId","h","ChoiceOptionRow","id","actionOpen","surfaceOpen","expanded","leading","class","label","checked","presentation","icon","color","supporting","subtextActions","actionIndex","as","variant","CONTROL_SUPPORTING_TEXT_VARIANT","type","tone","onKeyDown","onClick","dsOptionSubtextAction","actionValue","originalEvent","haspopup","controls","onDsClick","dsOptionAction","anchorId","detail","onHover","onSelect","captionIconOnly","doubleInset","captionCompactDisconnect","observeTableCaptionCompact","compact","renderCaptionTooltip","render","showPlaceholder","count","triggerLabel","textVariant","CONTROL_TEXT_VARIANT","iconSize","usesOptionIcons","choiceListUsesIcons","usesOptionSubtext","choiceListUsesSubtext","showError","errorMessage","describedBy","ariaDescribedby","join","popupStyle","left","top","transform","Math","round","zIndex","visibility","flatIndex","Host","controlWidthClass","background","ref","inputId","choiceBackgroundClassMap","role","String","ariaLabelledby","shiftKey","getElementById","lineTruncation","hasRing","trim","popover","ChoiceSearch","activeDescendant","inputRef","onValueChange","body","section","sectionIndex","divider","header","emphasis","footerActionLabel","ChoiceActionFooter","onAction","ChoiceFooter","compactSummary","useCompactSummary","contentRef","summaryMeasureRef","clearRef","onClear","textId"],"sources":["src/wc/utils/select-controller.ts","src/wc/components/Select/Select.css?tag=ds-select&encapsulation=scoped","src/wc/components/Select/Select.tsx"],"sourcesContent":["import { AnchoredPositionController } from './anchored-position-controller';\nimport {\n enabledChoiceIndexes,\n findChoiceTypeaheadMatch,\n moveChoiceIndex,\n type ChoiceOption,\n} from './choice-list';\nimport { choicePopupMinWidth, resolveChoicePopupAlignOffset } from './choice-popup-alignment';\nimport { resolveCssLengthPx } from './resolve-css-length-px';\nimport { resolveCssTimeMs } from './resolve-css-time-ms';\nimport { TOKEN_DEFAULTS } from './token-defaults';\nimport { eventIntersectsComposedBoundary } from './anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from './anchored-overlay-boundary';\n\ntype PopupPosition = { x: number; y: number };\n\nexport interface SelectControllerState<T extends ChoiceOption> {\n readonly host: HTMLElement;\n readonly generatedId: string;\n readonly options: T[];\n readonly searchable: boolean;\n readonly isLoading: boolean;\n readonly isDisabled: boolean;\n readonly preferredIndex: number;\n readonly popupAlign: 'start' | 'end';\n readonly boundary: HTMLElement | undefined;\n readonly anchor?: HTMLElement;\n open: boolean;\n activeIndex: number;\n searchTerm: string;\n focusRingVisible: boolean;\n position: PopupPosition;\n positionReady: boolean;\n selectOption(option: T): void;\n}\n\n/**\n * Shared single/multiple Select interaction controller.\n *\n * Decorated Stencil state and scalar/array selection remain in each component;\n * this controller owns only popup lifecycle, focus, positioning, typeahead,\n * and listbox keyboard traversal. Anchored placement is delegated to\n * `AnchoredPositionController`; only the choice-cell measurement stays here.\n */\nexport class SelectController<T extends ChoiceOption> {\n private triggerEl: HTMLButtonElement | null = null;\n private popupEl: HTMLDivElement | null = null;\n private searchEl: HTMLDsInputElement | null = null;\n private typeahead = '';\n private typeaheadTimer: ReturnType<typeof setTimeout> | null = null;\n private outsideHandler: ((event: MouseEvent) => void) | null = null;\n private readonly position: AnchoredPositionController;\n\n constructor(private readonly state: SelectControllerState<T>) {\n this.position = new AnchoredPositionController({\n getAnchor: () => this.state.anchor ?? this.triggerEl,\n getPopup: () => this.popupEl,\n measure: (trigger, popup) => {\n if (!this.state.open || !popup.isConnected || !this.state.host.contains(popup)) return null;\n\n const sectionPadding = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n popup.style.minWidth = `max(var(--ds-choice-popup-min-inline-size, ${TOKEN_DEFAULTS.menuWidthXs}), ${this.state.anchor ? trigger.offsetWidth : choicePopupMinWidth(trigger.offsetWidth, sectionPadding)}px)`;\n\n const align = this.state.popupAlign;\n return {\n anchorRect: trigger.getBoundingClientRect(),\n popupWidth: popup.offsetWidth,\n popupHeight: popup.offsetHeight,\n side: 'bottom',\n align,\n sideOffsetPx: sectionPadding,\n alignOffsetPx: resolveChoicePopupAlignOffset({\n align,\n alignOffsetPx: 0,\n sectionInsetPx: sectionPadding,\n anchorAlignment: this.state.anchor ? 'popup-frame' : 'choice-cell',\n }),\n viewportPadPx: sectionPadding,\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n collisionRect: resolveAnchoredOverlayBoundaryRect(trigger, this.state.boundary),\n };\n },\n apply: ({ x, y }) => {\n this.state.position = { x, y };\n this.state.positionReady = true;\n },\n topLayer: true,\n });\n }\n\n get activeOptionId(): string | undefined {\n return !this.state.isLoading && this.state.activeIndex >= 0\n ? `${this.state.generatedId}-option-${this.state.activeIndex}`\n : undefined;\n }\n\n setTriggerElement = (element: HTMLButtonElement | null) => {\n this.triggerEl = element;\n };\n\n setPopupElement = (element: HTMLDivElement | null) => {\n this.popupEl = element;\n };\n\n setSearchElement = (element: HTMLDsInputElement | null) => {\n this.searchEl = element;\n };\n\n connect() {\n if (this.state.open) this.openChanged(true);\n }\n\n disconnect() {\n this.cancelPositionRetry();\n this.unbindPopupListeners();\n if (this.typeaheadTimer) clearTimeout(this.typeaheadTimer);\n }\n\n setFocus() {\n this.triggerEl?.focus();\n }\n\n optionsChanged() {\n if (!this.state.open) return;\n const enabled = enabledChoiceIndexes(this.state.options);\n if (!enabled.includes(this.state.activeIndex)) this.state.activeIndex = enabled[0] ?? -1;\n requestAnimationFrame(() => this.updatePosition());\n }\n\n loadingChanged() {\n if (this.state.open) requestAnimationFrame(() => this.updatePosition());\n }\n\n positionChanged() {\n if (this.state.open) requestAnimationFrame(() => this.updatePosition());\n }\n\n openChanged(open: boolean) {\n if (open) {\n this.bindPopupListeners();\n this.schedulePositionUpdate(() => {\n this.scrollActiveOptionIntoView();\n if (this.state.searchable) void this.searchEl?.setFocus();\n });\n return;\n }\n this.cancelPositionRetry();\n this.unbindPopupListeners();\n this.state.searchTerm = '';\n this.state.positionReady = false;\n }\n\n searchChanged() {\n this.state.activeIndex = enabledChoiceIndexes(this.state.options)[0] ?? -1;\n requestAnimationFrame(() => {\n this.updatePosition();\n this.scrollActiveOptionIntoView();\n });\n }\n\n activeIndexChanged() {\n requestAnimationFrame(() => this.scrollActiveOptionIntoView());\n }\n\n openPopup(focusVisible: boolean, edge?: 'first' | 'last') {\n if (this.state.isDisabled || (!this.state.options.length && !this.state.isLoading)) return;\n const enabled = enabledChoiceIndexes(this.state.options);\n this.state.activeIndex =\n edge === 'last'\n ? (enabled[enabled.length - 1] ?? -1)\n : this.state.preferredIndex >= 0\n ? this.state.preferredIndex\n : (enabled[0] ?? -1);\n this.state.focusRingVisible = focusVisible;\n this.state.open = true;\n }\n\n closePopup(restoreFocus = false) {\n if (!this.state.open) return;\n this.state.open = false;\n if (restoreFocus) requestAnimationFrame(() => this.triggerEl?.focus());\n }\n\n focusSearchOrTrigger() {\n requestAnimationFrame(() => {\n if (this.state.searchable) void this.searchEl?.setFocus();\n else this.triggerEl?.focus();\n });\n }\n\n handleTriggerKeyDown = (event: KeyboardEvent) => {\n if (!this.state.open) {\n if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n event.preventDefault();\n this.openPopup(true, event.key === 'ArrowUp' ? 'last' : 'first');\n } else if (this.isTypeaheadKey(event)) {\n event.preventDefault();\n this.openPopup(true);\n if (this.state.searchable) this.state.searchTerm = event.key;\n else this.handleTypeahead(event.key);\n }\n return;\n }\n this.handleListKeyDown(event);\n };\n\n handleListKeyDown = (event: KeyboardEvent) => {\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n this.state.focusRingVisible = true;\n this.state.activeIndex = moveChoiceIndex(this.state.options, this.state.activeIndex, 1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n this.state.focusRingVisible = true;\n this.state.activeIndex = moveChoiceIndex(this.state.options, this.state.activeIndex, -1);\n break;\n case 'Home':\n event.preventDefault();\n this.state.focusRingVisible = true;\n this.state.activeIndex = enabledChoiceIndexes(this.state.options)[0] ?? -1;\n break;\n case 'End': {\n event.preventDefault();\n this.state.focusRingVisible = true;\n const enabled = enabledChoiceIndexes(this.state.options);\n this.state.activeIndex = enabled[enabled.length - 1] ?? -1;\n break;\n }\n case 'Enter':\n case ' ': {\n if (\n event.key === ' ' &&\n this.state.searchable &&\n event.target instanceof Node &&\n this.searchEl?.contains(event.target)\n )\n break;\n event.preventDefault();\n const option = this.state.options[this.state.activeIndex];\n if (option) this.state.selectOption(option);\n break;\n }\n case 'Escape':\n event.preventDefault();\n this.closePopup(true);\n break;\n case 'Tab':\n this.closePopup();\n break;\n default:\n if (!this.state.searchable && this.isTypeaheadKey(event)) {\n this.handleTypeahead(event.key);\n }\n }\n };\n\n private isTypeaheadKey(event: KeyboardEvent) {\n return event.key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey;\n }\n\n private handleTypeahead(key: string) {\n if (this.typeaheadTimer) clearTimeout(this.typeaheadTimer);\n this.state.focusRingVisible = true;\n const normalized = key.toLocaleLowerCase();\n const repeatedCharacter =\n this.typeahead.length > 0 && [...this.typeahead].every(character => character === normalized);\n this.typeahead = repeatedCharacter ? normalized : `${this.typeahead}${normalized}`;\n const match = findChoiceTypeaheadMatch(\n this.state.options,\n this.typeahead,\n this.state.activeIndex\n );\n if (match >= 0) this.state.activeIndex = match;\n const resetMs = resolveCssTimeMs(\n TOKEN_DEFAULTS.animationDurationMedium1,\n TOKEN_DEFAULTS.animationDurationMedium1\n );\n this.typeaheadTimer = setTimeout(() => {\n this.typeahead = '';\n this.typeaheadTimer = null;\n }, resetMs);\n }\n\n private scrollActiveOptionIntoView() {\n if (!this.state.open || !this.activeOptionId) return;\n this.state.host\n .querySelector<HTMLElement>(`#${this.activeOptionId}`)\n ?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n\n private bindPopupListeners() {\n this.unbindPopupListeners();\n this.outsideHandler = event => {\n if (eventIntersectsComposedBoundary(event, this.state.host)) return;\n if (this.state.anchor && eventIntersectsComposedBoundary(event, this.state.anchor)) return;\n this.closePopup();\n };\n document.addEventListener('mousedown', this.outsideHandler, true);\n this.position.observe();\n }\n\n private unbindPopupListeners() {\n if (this.outsideHandler) {\n document.removeEventListener('mousedown', this.outsideHandler, true);\n this.outsideHandler = null;\n }\n this.position.unobserve();\n }\n\n private cancelPositionRetry() {\n this.position.cancel();\n }\n\n private schedulePositionUpdate(onReady?: () => void) {\n if (!this.state.open) return;\n this.state.positionReady = false;\n this.position.schedule(onReady);\n }\n\n private updatePosition(): boolean {\n return this.position.update();\n }\n}\n","@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/control-density-inset.css';\n@import '../../utils/control-parts.css';\n@import '../../utils/control-width.css';\n@import '../../utils/field-stack.css';\n@import '../../utils/search-control.css';\n@import '../../utils/select-trigger.css';\n@import '../../utils/table-caption-control.css';\n@import '../../utils/typography.css';\n@import '../../styles/control-elevation.css';\n\n.wrapper--error {\n --ds-interaction-border-width: var(--dimension-stroke-width-018);\n --ds-interaction-border-color: var(--color-border-bold-negative);\n}\n\n.select-popup {\n color: var(--color-foreground-secondary);\n}\n\n/* An embedding surface supplies the focus indicator instead of a second trigger ring. */\n.trigger--external-focus {\n outline: none;\n}\n\n.trigger--external-fill {\n --ds-interaction-hover: transparent;\n --ds-interaction-pressed: transparent;\n --ds-interaction-active: transparent;\n}\n\n.select-option[aria-selected='true'] .ds-choice-item__icon {\n color: var(--color-foreground-primary);\n}\n\n.select-option-row {\n position: relative;\n isolation: isolate;\n}\n\n.select-option-row__action {\n position: absolute;\n top: 50%;\n right: var(--dimension-space-050);\n z-index: var(--dimension-z-index-floating);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--dimension-radius-half);\n background: var(--color-background-transparent);\n -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n backdrop-filter: blur(var(--effect-blur-sm));\n opacity: 0;\n pointer-events: none;\n transform: translateY(-50%);\n}\n\n.select-option-row:has(:focus-visible) .select-option-row__action,\n.select-option-row--action-open .select-option-row__action,\n.select-option-row--keyboard-active .select-option-row__action {\n opacity: 1;\n pointer-events: auto;\n}\n\n.select-option-row--action-open .select-option::after {\n background: var(--ds-interaction-hover);\n}\n\n.select-option__subtext-actions {\n display: flex;\n align-items: center;\n gap: var(--dimension-space-050);\n min-inline-size: 0;\n color: var(--color-foreground-secondary);\n}\n\n.select-option__subtext-action {\n appearance: none;\n display: inline-flex;\n align-items: center;\n padding: 0;\n border: 0;\n border-radius: var(--dimension-radius-025);\n background: transparent;\n cursor: pointer;\n}\n\n.select-option__subtext-action--negative {\n --ds-text-action-foreground: var(--color-foreground-bold-negative);\n}\n\n.select-option__subtext-action-separator {\n color: var(--color-foreground-tertiary);\n pointer-events: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .select-option-row:hover .select-option-row__action {\n opacity: 1;\n pointer-events: auto;\n }\n\n .select-option-row:hover .select-option::after {\n background: var(--ds-interaction-hover);\n }\n}\n\n@media (hover: none) {\n .select-option-row__action {\n opacity: 1;\n pointer-events: auto;\n }\n\n .select-option-row--has-action .ds-choice-item__content {\n padding-inline-end: var(--dimension-size-400);\n }\n}\n\n.error-text {\n width: 100%;\n}\n","import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n type VNode,\n Watch,\n} from '@stencil/core';\nimport {\n controlWidthClass,\n CONTROL_SUPPORTING_TEXT_VARIANT,\n CONTROL_TEXT_VARIANT,\n DEFAULT_REQUIRED_MESSAGE,\n restoreStringArrayFormState,\n restoreStringFormState,\n setFormControlValue,\n setRepeatedFormControlValue,\n setRequiredValidity,\n type ControlInsetDepth,\n type ControlWidth,\n} from '../../utils';\nimport {\n ChoiceActionFooter,\n ChoiceFooter,\n ChoiceOptionRow,\n ChoiceSearch,\n} from '../../utils/choice-list-parts';\nimport {\n choiceBackgroundClassMap,\n choiceListUsesIcons,\n choiceListUsesSubtext,\n enabledChoiceIndexes,\n filterChoiceSections,\n flattenChoiceSections,\n resolveChoiceSections,\n type ChoiceBackground,\n type ChoiceOption,\n type ChoiceSection,\n} from '../../utils/choice-list';\nimport { SelectController } from '../../utils/select-controller';\nimport { observeTableCaptionCompact } from '../../utils/table-caption-compact';\n\nexport type SelectOption = ChoiceOption;\nexport type SelectSection = ChoiceSection;\nexport type SelectBackground = ChoiceBackground;\nexport type SelectSize = 'lg' | 'md' | 'sm' | 'xs';\nexport type SelectWidth = ControlWidth;\nexport type SelectPopupAlign = 'start' | 'end';\nexport type SelectValue = string | string[];\nexport type SelectIndicator = 'down' | 'up-down' | 'none';\n\nexport interface SelectOptionActionDetail {\n value: string;\n anchorId: string;\n originalEvent: MouseEvent;\n}\n\nexport interface SelectOptionSubtextActionDetail {\n value: string;\n actionValue: string;\n originalEvent: MouseEvent;\n}\n\nconst ICON_SIZE: Record<SelectSize, 'lg' | 'md' | 'sm' | 'xs'> = {\n lg: 'lg',\n md: 'md',\n sm: 'sm',\n xs: 'xs',\n};\n\nconst OPTION_ACTION_SIZE: Record<SelectSize, 'md' | 'sm' | 'xs'> = {\n lg: 'md',\n md: 'sm',\n sm: 'xs',\n xs: 'xs',\n};\n\nlet selectId = 0;\n\n@Component({\n tag: 'ds-select',\n styleUrl: 'Select.css',\n scoped: true,\n formAssociated: true,\n})\nexport class Select {\n @Element() el!: HTMLElement;\n @AttachInternals() internals!: ElementInternals;\n\n /** Flat choices. Assign arrays through the JavaScript property. */\n @Prop() options: SelectOption[] = [];\n /** Grouped choices; takes precedence over options. Assign through JavaScript. */\n @Prop() sections: SelectSection[] = [];\n /** Enable independent multi-value selection while keeping the popup open. */\n @Prop({ reflect: true }) multiple: boolean = false;\n /** Selected scalar or array value according to `multiple`. */\n @Prop({ mutable: true }) value: SelectValue = '';\n /** Controlled popup visibility. */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n /** Native form field name. */\n @Prop({ reflect: true }) name: string | undefined;\n /** Associates the select with a form by id when rendered outside that form. */\n @Prop({ reflect: true }) form: string | undefined;\n /** Native disabled state. */\n @Prop({ reflect: true }) disabled: boolean = false;\n /** Require one valid selected value. */\n @Prop({ reflect: true }) required: boolean = false;\n /** Validation message used when required is missing. */\n @Prop() requiredMessage: string = DEFAULT_REQUIRED_MESSAGE;\n /** Trigger text shown when no valid value is selected. */\n @Prop() placeholder: string = 'Select';\n /** Optional scalar-mode trigger text that does not change the selected option label. */\n @Prop() triggerLabel: string | undefined;\n /** Present triggerLabel with placeholder emphasis while preserving the selected value. */\n @Prop() triggerLabelPlaceholder: boolean = false;\n /** Show a supplemental notification dot beside the trigger label. */\n @Prop() dot: boolean = false;\n /** Control density. */\n @Prop() size: SelectSize = 'md';\n /** Use reduced outer geometry when nested inside a control of the same size. */\n @Prop() isInset: boolean = false;\n /** Single removes 4px overall; double removes 8px overall (xs stays single). */\n @Prop() insetDepth: ControlInsetDepth = 'single';\n /** Width fit — hug content (default) or fill the parent. */\n @Prop() width: SelectWidth = 'hug';\n /** Align the popup's choice edge to the trigger start or end edge. */\n @Prop() popupAlign: SelectPopupAlign = 'start';\n /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */\n @Prop() boundary: HTMLElement | undefined;\n /** Optional popup positioning anchor; the trigger still owns focus and accessibility. */\n @Prop() anchor: HTMLElement | undefined;\n /** Shared inactive treatment; removes interaction and form submission. */\n @Prop() isInactive: boolean = false;\n /** Replace the prefix with a loader and disable option interaction. */\n @Prop() isLoading: boolean = false;\n /** Show the selected interaction fill when a valid value exists. */\n /** Keep trigger colors neutral when a value is selected. */\n @Prop() neutralTrigger: boolean = false;\n @Prop() activeFill: boolean = false;\n /**\n * Opt into table-caption icon-only chrome below 900px. The trigger omits its\n * visible label and chevron; keep an accessible name via aria-label.\n */\n @Prop({ reflect: true }) collapseLabel: boolean = false;\n /** Always show only the prefix icon; retain an accessible name via aria-label. */\n @Prop() iconOnly: boolean = false;\n /** Show the surface-aware inset border, including focused and invalid strokes. */\n @Prop() hasBorder: boolean = true;\n /** Disable only when a containing surface owns hover and press feedback. */\n @Prop() hasInteractionFill: boolean = true;\n /** Disable only when a containing surface supplies a visible focus indicator. */\n @Prop() hasFocusRing: boolean = true;\n /** Use a pill radius on the trigger. Popup chrome stays on the menu radius. */\n @Prop() rounded: boolean = false;\n /** Optional trigger prefix icon name. */\n @Prop() icon: string | undefined;\n /** Trailing choice indicator. Use up-down for compact value steppers such as page size. */\n @Prop() indicator: SelectIndicator = 'down';\n /** Show the clear footer action when a value exists. */\n @Prop() allowClear: boolean = true;\n /** Localized clear action label. */\n @Prop() clearLabel: string = 'Clear';\n /** Localized noun displayed after the selected count in multiple mode. */\n @Prop() selectedLabel: string = 'selected';\n /** Optional text action shown in the popup footer instead of the clear action. */\n @Prop() footerActionLabel: string | undefined;\n /** Show immediate local filtering over option labels, subtext, and section headings. */\n @Prop() searchable: boolean = false;\n /** Localized search-field placeholder and accessible name. */\n @Prop() searchPlaceholder: string = 'Search';\n /** Localized empty-filter result text. */\n @Prop() noResultsText: string = 'No results found';\n /** Accessible loading status label. */\n @Prop() loadingLabel: string = 'Loading';\n /** Actual parent surface context; omit on primary and secondary surfaces. */\n @Prop() background: SelectBackground | undefined;\n /** Show invalid visual state. */\n @Prop() error: boolean = false;\n /** Error text rendered below the trigger when error is true. */\n @Prop() errorMessage: string | undefined;\n /** ID applied to the internal combobox trigger for external labels. */\n @Prop() inputId: string | undefined;\n /** Direct accessible name when no external label is available. */\n @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n /** IDs of elements that label the combobox. */\n @Prop({ attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined;\n /** Additional IDs that describe the combobox. */\n @Prop({ attribute: 'aria-describedby' }) ariaDescribedby: string | undefined;\n\n /** Emitted after selection or clearing with the next scalar or array value. */\n @Event() dsChange!: EventEmitter<SelectValue>;\n /** Emitted after the footer clear action. */\n @Event() dsClear!: EventEmitter<void>;\n /** Emitted whenever popup visibility changes. */\n @Event() dsOpenChange!: EventEmitter<boolean>;\n /** Emitted when the optional popup footer action is activated. */\n @Event() dsFooterAction!: EventEmitter<void>;\n /** Emitted when an option's contextual ellipsis action is activated. */\n @Event() dsOptionAction!: EventEmitter<SelectOptionActionDetail>;\n /** Emitted when an option's supporting text action is activated. */\n @Event() dsOptionSubtextAction!: EventEmitter<SelectOptionSubtextActionDetail>;\n\n @State() private activeIndex = -1;\n @State() private searchTerm = '';\n @State() private formDisabled = false;\n @State() private position = { x: 0, y: 0 };\n @State() private positionReady = false;\n @State() private focusRingVisible = false;\n @State() private compactFooterSummary = false;\n @State() private captionCompact = false;\n\n private readonly generatedId = `ds-select-${++selectId}`;\n private readonly listboxId = `${this.generatedId}-listbox`;\n private readonly errorId = `${this.generatedId}-error`;\n private initialValue: SelectValue = '';\n private readonly controller = this.createController();\n private footerContentElement?: HTMLDivElement;\n private footerSummaryMeasureElement?: HTMLElement;\n private footerClearElement?: HTMLButtonElement;\n private footerResizeObserver?: ResizeObserver;\n private observedFooterContentElement?: HTMLDivElement;\n private footerMeasurementFrame?: number;\n private captionCompactDisconnect: (() => void) | undefined;\n private hasLoaded = false;\n\n private createController() {\n // eslint-disable-next-line @typescript-eslint/no-this-alias -- adapter getters preserve reactive component ownership without inheritance.\n const owner = this;\n return new SelectController<SelectOption>({\n get host() {\n return owner.el;\n },\n generatedId: owner.generatedId,\n get options() {\n return owner.visibleOptions;\n },\n get searchable() {\n return owner.searchable;\n },\n get isLoading() {\n return owner.isLoading;\n },\n get isDisabled() {\n return owner.isDisabled;\n },\n get preferredIndex() {\n if (owner.multiple) return -1;\n return owner.visibleOptions.findIndex(\n option => option.value === owner.scalarValue && !option.isInactive\n );\n },\n get popupAlign() {\n return owner.popupAlign;\n },\n get boundary() {\n return owner.boundary;\n },\n get anchor() {\n return owner.anchor;\n },\n get open() {\n return owner.open;\n },\n set open(value) {\n owner.open = value;\n },\n get activeIndex() {\n return owner.activeIndex;\n },\n set activeIndex(value) {\n owner.activeIndex = value;\n },\n get searchTerm() {\n return owner.searchTerm;\n },\n set searchTerm(value) {\n owner.searchTerm = value;\n },\n get focusRingVisible() {\n return owner.focusRingVisible;\n },\n set focusRingVisible(value) {\n owner.focusRingVisible = value;\n },\n get position() {\n return owner.position;\n },\n set position(value) {\n owner.position = value;\n },\n get positionReady() {\n return owner.positionReady;\n },\n set positionReady(value) {\n owner.positionReady = value;\n },\n selectOption: option => owner.selectOption(option),\n });\n }\n\n componentWillLoad() {\n this.value = this.normalizeValueForMode(this.value);\n this.initialValue = Array.isArray(this.value) ? [...this.value] : this.value;\n this.syncFormValue();\n }\n\n componentDidLoad() {\n this.hasLoaded = true;\n this.controller.connect();\n this.observeFooterContent();\n this.syncCaptionCompactObserver();\n }\n\n connectedCallback() {\n if (!this.hasLoaded) return;\n this.controller.connect();\n this.observeFooterContent();\n this.syncCaptionCompactObserver();\n }\n\n componentDidRender() {\n this.observeFooterContent();\n this.scheduleFooterSummaryMeasurement();\n }\n\n disconnectedCallback() {\n this.controller.disconnect();\n this.footerResizeObserver?.disconnect();\n this.observedFooterContentElement = undefined;\n if (this.footerMeasurementFrame !== undefined) {\n cancelAnimationFrame(this.footerMeasurementFrame);\n this.footerMeasurementFrame = undefined;\n }\n this.disconnectCaptionCompactObserver();\n }\n\n @Watch('collapseLabel')\n onCollapseLabelChange() {\n this.syncCaptionCompactObserver();\n }\n\n @Watch('value')\n @Watch('multiple')\n @Watch('disabled')\n @Watch('isInactive')\n @Watch('required')\n @Watch('requiredMessage')\n @Watch('name')\n @Watch('options')\n @Watch('sections')\n syncFormValue() {\n if (\n (this.multiple && !Array.isArray(this.value)) ||\n (!this.multiple && Array.isArray(this.value))\n ) {\n this.value = this.normalizeValueForMode(this.value);\n }\n const inactive = this.isDisabled;\n if (this.multiple) {\n const values = this.resolvedValues;\n setRepeatedFormControlValue(this.internals, this.name, values, {\n inactive,\n state: JSON.stringify(this.value),\n });\n } else {\n const value = this.hasSelection ? this.scalarValue : '';\n setFormControlValue(this.internals, value, { inactive, state: this.scalarValue });\n }\n const missing = this.required && !inactive && !this.hasSelection;\n setRequiredValidity(this.internals, missing, this.requiredMessage);\n this.controller.optionsChanged();\n }\n\n @Watch('isLoading')\n onLoadingChange() {\n this.controller.loadingChanged();\n }\n\n @Watch('popupAlign')\n @Watch('boundary')\n @Watch('anchor')\n onPopupAlignChange() {\n this.controller.positionChanged();\n }\n\n @Watch('open')\n onOpenChange(open: boolean) {\n this.dsOpenChange.emit(open);\n this.controller.openChanged(open);\n }\n\n @Watch('searchTerm')\n onSearchTermChange() {\n this.controller.searchChanged();\n }\n\n @Watch('activeIndex')\n onActiveIndexChange() {\n this.controller.activeIndexChanged();\n }\n\n formDisabledCallback(disabled: boolean) {\n this.formDisabled = disabled;\n this.syncFormValue();\n }\n\n formResetCallback() {\n this.value = this.normalizeValueForMode(this.initialValue);\n this.closePopup();\n }\n\n formStateRestoreCallback(state: string | File | FormData | null) {\n if (!this.multiple) {\n this.value = restoreStringFormState(state);\n return;\n }\n this.value = restoreStringArrayFormState(state);\n }\n\n @Method()\n async setFocus() {\n this.controller.setFocus();\n }\n\n private get isDisabled(): boolean {\n return this.disabled || this.isInactive || this.formDisabled;\n }\n\n private normalizeValueForMode(value: SelectValue): SelectValue {\n if (this.multiple) {\n return Array.isArray(value) ? [...value] : value ? [value] : [];\n }\n return Array.isArray(value) ? (value[0] ?? '') : value;\n }\n\n private get allSections(): SelectSection[] {\n return resolveChoiceSections(this.options, this.sections);\n }\n\n private get allOptions(): SelectOption[] {\n return flattenChoiceSections(this.allSections);\n }\n\n private get visibleSections(): SelectSection[] {\n return this.searchable\n ? filterChoiceSections(this.allSections, this.searchTerm)\n : this.allSections;\n }\n\n private get visibleOptions(): SelectOption[] {\n return flattenChoiceSections(this.visibleSections);\n }\n\n private get scalarValue(): string {\n return typeof this.value === 'string' ? this.value : '';\n }\n\n private get resolvedValues(): string[] {\n if (!this.multiple || !Array.isArray(this.value)) return [];\n const valid = new Set(this.allOptions.map(option => option.value));\n return [...new Set(this.value.filter(value => valid.has(value)))];\n }\n\n private get selectedOption(): SelectOption | undefined {\n if (this.multiple) return undefined;\n return this.allOptions.find(option => option.value === this.scalarValue);\n }\n\n private get hasSelection(): boolean {\n return this.multiple ? this.resolvedValues.length > 0 : Boolean(this.selectedOption);\n }\n\n private get activeOptionId(): string | undefined {\n return this.controller.activeOptionId;\n }\n\n private get popupRole(): 'listbox' | 'grid' {\n return this.allOptions.some(option => Boolean(option.action)) ? 'grid' : 'listbox';\n }\n\n private observeFooterContent() {\n const content =\n this.open && this.multiple && this.hasSelection ? this.footerContentElement : undefined;\n if (!content?.isConnected) {\n this.footerResizeObserver?.disconnect();\n this.observedFooterContentElement = undefined;\n return;\n }\n if (this.observedFooterContentElement === content) return;\n\n this.footerResizeObserver?.disconnect();\n if (typeof ResizeObserver !== 'undefined') {\n this.footerResizeObserver = new ResizeObserver(() => this.scheduleFooterSummaryMeasurement());\n this.footerResizeObserver.observe(content);\n }\n this.observedFooterContentElement = content;\n }\n\n private scheduleFooterSummaryMeasurement() {\n if (\n !this.open ||\n !this.multiple ||\n !this.hasSelection ||\n this.footerMeasurementFrame !== undefined\n ) {\n return;\n }\n this.footerMeasurementFrame = requestAnimationFrame(() => {\n this.footerMeasurementFrame = undefined;\n this.measureFooterSummary();\n });\n }\n\n private measureFooterSummary() {\n const content = this.footerContentElement;\n const summary = this.footerSummaryMeasureElement;\n const clear = this.footerClearElement;\n if (!content?.isConnected || !summary?.isConnected || !clear?.isConnected) return;\n\n const styles = getComputedStyle(content);\n const innerWidth =\n content.clientWidth -\n Number.parseFloat(styles.paddingInlineStart || '0') -\n Number.parseFloat(styles.paddingInlineEnd || '0');\n const requiredWidth =\n summary.getBoundingClientRect().width +\n clear.getBoundingClientRect().width +\n Number.parseFloat(styles.columnGap || '0');\n const nextCompact = requiredWidth > innerWidth + 0.5;\n if (nextCompact !== this.compactFooterSummary) {\n this.compactFooterSummary = nextCompact;\n }\n }\n\n private closePopup(restoreFocus = false) {\n this.controller.closePopup(restoreFocus);\n }\n\n private openPopup(focusVisible: boolean, edge?: 'first' | 'last') {\n this.controller.openPopup(focusVisible, edge);\n }\n\n private selectOption(option: SelectOption) {\n if (option.isInactive || this.isLoading) return;\n if (this.multiple) {\n const current = this.resolvedValues;\n const next = current.includes(option.value)\n ? current.filter(value => value !== option.value)\n : [...current, option.value];\n this.value = next;\n this.dsChange.emit([...next]);\n return;\n }\n this.value = option.value;\n this.dsChange.emit(option.value);\n this.controller.closePopup(true);\n }\n\n private clearSelection = (event: Event) => {\n event.preventDefault();\n event.stopPropagation();\n this.value = this.multiple ? [] : '';\n this.dsChange.emit(this.multiple ? [] : '');\n this.dsClear.emit();\n if (!this.multiple) {\n const enabled = enabledChoiceIndexes(this.visibleOptions);\n this.activeIndex = enabled[0] ?? -1;\n }\n this.controller.focusSearchOrTrigger();\n };\n\n private activateFooterAction = (event: MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n this.dsFooterAction.emit();\n this.closePopup();\n };\n\n private readonly handleListKeyDown = this.controller.handleListKeyDown;\n private readonly handleTriggerKeyDown = this.controller.handleTriggerKeyDown;\n\n private renderOption(\n option: SelectOption,\n index: number,\n usesIcons: boolean,\n usesSubtext: boolean\n ) {\n const selected = this.multiple\n ? this.resolvedValues.includes(option.value)\n : option.value === this.scalarValue;\n const active = index === this.activeIndex;\n const actionId = `${this.generatedId}-option-action-${index}`;\n return (\n <ChoiceOptionRow\n size={this.size}\n id={`${this.generatedId}-option-${index}`}\n option={option}\n selected={selected}\n active={active}\n focusRingVisible={this.focusRingVisible}\n usesSubtext={usesSubtext}\n actionOpen={option.action?.surfaceOpen ?? option.action?.expanded}\n popupRole={this.popupRole}\n leading={\n this.multiple ? (\n <span\n class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-checkbox\n class=\"select-option__checkbox\"\n label=\"\"\n size={this.size}\n checked={selected}\n presentation\n />\n </span>\n ) : usesIcons && option.icon ? (\n <span\n class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-icon name={option.icon} size={this.size} color=\"inherit\" />\n </span>\n ) : undefined\n }\n supporting={\n option.subtextActions?.length ? (\n <span class=\"ds-choice-item__subtext ds-control-label-box select-option__subtext-actions\">\n {option.subtextActions.map((action, actionIndex) => [\n actionIndex > 0 ? (\n <ds-text\n class=\"select-option__subtext-action-separator\"\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n color=\"inherit\"\n aria-hidden=\"true\"\n >\n ·\n </ds-text>\n ) : null,\n <button\n type=\"button\"\n class={{\n 'select-option__subtext-action': true,\n 'select-option__subtext-action--negative': action.tone === 'negative',\n 'ds-text-action': true,\n 'ds-focus-ring': true,\n }}\n onKeyDown={(event: KeyboardEvent) => event.stopPropagation()}\n onClick={(event: MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n this.dsOptionSubtextAction.emit({\n value: option.value,\n actionValue: action.value,\n originalEvent: event,\n });\n }}\n >\n <ds-text\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n color=\"inherit\"\n >\n {action.label}\n </ds-text>\n </button>,\n ])}\n </span>\n ) : undefined\n }\n action={\n option.action ? (\n <ds-tooltip label={option.action.label} side=\"left\" size=\"sm\">\n <ds-button-unfilled\n id={actionId}\n variant=\"icon\"\n size={OPTION_ACTION_SIZE[this.size]}\n icon=\"Ellipses\"\n rounded\n hasBorder={false}\n activeFill={false}\n ariaLabel={option.action.label}\n haspopup=\"menu\"\n controls={option.action.controls}\n expanded={option.action.expanded}\n surfaceOpen={option.action.surfaceOpen}\n onKeyDown={event => {\n event.stopPropagation();\n if (event.key === 'Escape' || event.key === 'ArrowLeft') {\n event.preventDefault();\n this.controller.focusSearchOrTrigger();\n }\n }}\n onDsClick={(event: CustomEvent<MouseEvent>) => {\n event.stopPropagation();\n this.dsOptionAction.emit({\n value: option.value,\n anchorId: actionId,\n originalEvent: event.detail,\n });\n }}\n />\n </ds-tooltip>\n ) : undefined\n }\n onHover={() => {\n this.focusRingVisible = false;\n this.activeIndex = index;\n }}\n onSelect={() => this.selectOption(option)}\n />\n );\n }\n\n private get captionIconOnly(): boolean {\n return (\n (this.iconOnly || (this.collapseLabel && this.captionCompact)) &&\n Boolean(this.icon || this.isLoading)\n );\n }\n\n private get doubleInset(): boolean {\n return this.isInset && this.insetDepth === 'double' && this.size !== 'xs';\n }\n\n private syncCaptionCompactObserver(): void {\n this.disconnectCaptionCompactObserver();\n if (!this.collapseLabel) {\n if (this.captionCompact) this.captionCompact = false;\n return;\n }\n this.captionCompactDisconnect = observeTableCaptionCompact(this.el, compact => {\n if (this.captionCompact !== compact) this.captionCompact = compact;\n });\n }\n\n private disconnectCaptionCompactObserver(): void {\n this.captionCompactDisconnect?.();\n this.captionCompactDisconnect = undefined;\n }\n\n private renderCaptionTooltip(trigger: VNode, label: string): VNode {\n if (!this.collapseLabel) return trigger;\n return (\n <ds-tooltip label={label} side=\"top\" size=\"sm\">\n {trigger}\n </ds-tooltip>\n );\n }\n\n render() {\n const inactive = this.isDisabled;\n const showPlaceholder = !this.hasSelection;\n const count = this.resolvedValues.length;\n const label = this.multiple\n ? `${this.placeholder}${count > 0 ? ` · ${count}` : ''}`\n : showPlaceholder\n ? this.placeholder\n : (this.triggerLabel ?? this.selectedOption?.label);\n const textVariant = CONTROL_TEXT_VARIANT[this.size];\n const iconSize = ICON_SIZE[this.size];\n const usesOptionIcons = !this.multiple && choiceListUsesIcons(this.allOptions);\n const usesOptionSubtext = choiceListUsesSubtext(this.allOptions);\n const showError = this.error && Boolean(this.errorMessage);\n const describedBy =\n [this.ariaDescribedby, showError ? this.errorId : undefined].filter(Boolean).join(' ') ||\n undefined;\n const popupStyle = {\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 let flatIndex = 0;\n\n return (\n <Host\n class={{\n 'select-host': true,\n 'ds-select-trigger-host': true,\n 'select-host--multiple': this.multiple,\n 'ds-field-stack': true,\n 'ds-field-stack--supporting-inset': !this.hasBorder,\n 'ds-control-inactive': inactive,\n [`ds-control--${this.size}`]: true,\n 'ds-table-caption-control': this.collapseLabel,\n 'ds-table-caption-control--compact': this.captionIconOnly,\n ...controlWidthClass(this.width),\n [`select-host--background-${this.background}`]: !!this.background,\n [`ds-select-trigger-host--background-${this.background}`]: !!this.background,\n }}\n >\n {this.renderCaptionTooltip(\n <button\n ref={element => {\n this.controller.setTriggerElement((element as HTMLButtonElement) ?? null);\n }}\n id={this.inputId ?? this.generatedId}\n type=\"button\"\n class={{\n trigger: true,\n 'ds-control-frame': true,\n 'ds-focus-ring-inset': this.hasFocusRing,\n 'trigger--external-focus': !this.hasFocusRing,\n // The shared overlay also carries borders/focus; suppress only its wash.\n 'ds-interaction-fill': this.hasInteractionFill || this.hasBorder || this.hasFocusRing,\n 'trigger--external-fill': !this.hasInteractionFill,\n 'ds-interaction-fill--selected':\n this.hasInteractionFill && !inactive && this.activeFill && this.hasSelection,\n 'trigger--expanded': !inactive && this.open,\n 'ds-interaction-fill--surface-open':\n this.hasInteractionFill && !inactive && this.open,\n 'trigger--bordered': this.hasBorder,\n 'trigger--rounded': this.rounded,\n 'trigger--placeholder': showPlaceholder && !this.multiple,\n 'trigger--has-value': this.hasSelection && !this.neutralTrigger,\n 'trigger--label-placeholder':\n !this.multiple && Boolean(this.triggerLabel) && this.triggerLabelPlaceholder,\n 'wrapper--error': this.hasBorder && this.error,\n [`ds-control--${this.size}`]: true,\n 'ds-control--inset': this.isInset && !this.doubleInset,\n 'ds-control--inset-double': this.doubleInset,\n ...choiceBackgroundClassMap(this.background),\n }}\n disabled={inactive}\n role=\"combobox\"\n aria-haspopup={this.popupRole}\n aria-expanded={String(this.open)}\n aria-controls={this.open ? this.listboxId : undefined}\n aria-activedescendant={this.open && !this.searchable ? this.activeOptionId : undefined}\n aria-label={this.ariaLabel ?? (this.captionIconOnly ? label : undefined)}\n aria-labelledby={this.ariaLabelledby}\n aria-describedby={describedBy}\n aria-invalid={this.error ? 'true' : undefined}\n aria-required={this.required || undefined}\n aria-busy={this.isLoading ? 'true' : undefined}\n onClick={() => (this.open ? this.closePopup() : this.openPopup(false))}\n onKeyDown={event => {\n const action = this.visibleOptions[this.activeIndex]?.action;\n if (\n this.open &&\n action &&\n (event.key === 'ArrowRight' || (event.key === 'F10' && event.shiftKey))\n ) {\n event.preventDefault();\n document\n .getElementById(`${this.generatedId}-option-action-${this.activeIndex}`)\n ?.querySelector<HTMLElement>('button')\n ?.focus();\n return;\n }\n this.handleTriggerKeyDown(event);\n }}\n >\n {(this.icon || this.isLoading) && (\n <span\n class=\"trigger__prefix ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n {this.isLoading ? (\n <ds-loader size={iconSize} color=\"inherit\" />\n ) : (\n <ds-icon name={this.icon} size={iconSize} color=\"inherit\" />\n )}\n </span>\n )}\n {this.captionIconOnly ? null : (\n <span\n class={{\n 'trigger__label-box': true,\n 'ds-interaction-fill__content': true,\n }}\n >\n <span\n class={{\n 'trigger__label-content': true,\n 'ds-control-label-box': true,\n 'ds-control-label-dot': this.dot,\n 'trigger__label-content--dot': this.dot,\n }}\n >\n <ds-text\n class=\"trigger__label\"\n as=\"span\"\n variant={textVariant}\n color=\"inherit\"\n lineTruncation={1}\n >\n {label}\n </ds-text>\n {this.dot && (\n <ds-badge\n class=\"trigger__dot ds-control-label-dot__badge\"\n variant=\"dot\"\n hasRing={false}\n label=\"\"\n aria-hidden=\"true\"\n />\n )}\n </span>\n </span>\n )}\n {this.captionIconOnly || this.indicator === 'none' ? null : (\n <span\n class=\"trigger__chevron ds-control-icon-box ds-interaction-fill__content\"\n aria-hidden=\"true\"\n >\n <ds-icon\n name={this.indicator === 'up-down' ? 'ChevronUpDown' : 'ChevronDown'}\n size={iconSize}\n color=\"inherit\"\n />\n </span>\n )}\n </button>,\n this.captionIconOnly ? this.ariaLabel?.trim() || this.placeholder : ''\n )}\n\n {this.open && (\n <div\n popover=\"manual\"\n ref={element => {\n this.controller.setPopupElement((element as HTMLDivElement) ?? null);\n }}\n class=\"select-popup ds-choice-popup\"\n style={popupStyle}\n >\n {this.searchable && (\n <ChoiceSearch\n size={this.size}\n value={this.searchTerm}\n placeholder={this.searchPlaceholder}\n controls={this.listboxId}\n activeDescendant={this.activeOptionId}\n inputRef={this.controller.setSearchElement}\n clearLabel={this.clearLabel}\n onValueChange={value => {\n this.searchTerm = value;\n }}\n onKeyDown={event => this.handleListKeyDown(event)}\n />\n )}\n <div\n id={this.listboxId}\n class=\"ds-choice-list\"\n role={this.popupRole}\n aria-multiselectable={this.multiple ? 'true' : undefined}\n aria-label={this.ariaLabel ?? this.placeholder}\n aria-busy={this.isLoading ? 'true' : undefined}\n >\n {this.isLoading ? (\n <div\n class=\"ds-choice-loading ds-empty-region\"\n role={this.popupRole === 'grid' ? 'row' : 'option'}\n aria-selected=\"false\"\n aria-disabled=\"true\"\n aria-label={this.loadingLabel}\n aria-live=\"polite\"\n >\n {this.popupRole === 'grid' ? (\n <span role=\"gridcell\">\n <ds-loader size={this.size} color=\"inherit\" />\n </span>\n ) : (\n <ds-loader size={this.size} color=\"inherit\" />\n )}\n </div>\n ) : this.visibleOptions.length === 0 ? (\n <div\n class=\"ds-choice-empty ds-empty-region\"\n role={this.popupRole === 'grid' ? 'row' : 'option'}\n aria-selected=\"false\"\n aria-disabled=\"true\"\n aria-label={this.noResultsText}\n aria-live=\"polite\"\n >\n {this.popupRole === 'grid' ? (\n <span role=\"gridcell\">\n <ds-empty-state body={this.noResultsText} />\n </span>\n ) : (\n <ds-empty-state body={this.noResultsText} />\n )}\n </div>\n ) : (\n this.visibleSections.map((section, sectionIndex) => (\n <div\n class={{\n 'ds-choice-section': true,\n 'ds-chrome-column': true,\n 'ds-chrome-space--sm': true,\n 'ds-choice-section--divided': !!section.divider,\n 'ds-choice-section--headed-after-first':\n sectionIndex > 0 && Boolean(section.header),\n }}\n role={\n this.popupRole === 'grid' ? 'rowgroup' : section.header ? 'group' : undefined\n }\n aria-label={section.header}\n >\n {section.header && this.popupRole === 'grid' ? (\n <ds-text\n class={`ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n emphasis\n color=\"primary\"\n role=\"row\"\n >\n <span class=\"ds-choice-section__header-label\" role=\"gridcell\">\n {section.header}\n </span>\n </ds-text>\n ) : section.header ? (\n <ds-text\n class={`ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n as=\"span\"\n variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n emphasis\n color=\"primary\"\n aria-hidden=\"true\"\n >\n <span class=\"ds-choice-section__header-label\">{section.header}</span>\n </ds-text>\n ) : null}\n {section.options.map(option =>\n this.renderOption(option, flatIndex++, usesOptionIcons, usesOptionSubtext)\n )}\n </div>\n ))\n )}\n </div>\n {this.footerActionLabel && !this.isLoading ? (\n <ChoiceActionFooter\n size={this.size}\n label={this.footerActionLabel}\n onAction={this.activateFooterAction}\n />\n ) : this.allowClear && this.hasSelection && !this.isLoading ? (\n <ChoiceFooter\n size={this.size}\n summary={this.multiple ? `${count} ${this.selectedLabel}` : undefined}\n compactSummary={this.multiple ? String(count) : undefined}\n useCompactSummary={this.compactFooterSummary}\n contentRef={element => {\n this.footerContentElement = element ?? undefined;\n }}\n summaryMeasureRef={element => {\n this.footerSummaryMeasureElement = element ?? undefined;\n }}\n clearRef={element => {\n this.footerClearElement = element ?? undefined;\n }}\n clearLabel={this.clearLabel}\n onClear={this.clearSelection}\n />\n ) : null}\n </div>\n )}\n\n {showError && (\n <ds-text\n class=\"error-text\"\n as=\"div\"\n variant=\"text-body-small\"\n color=\"negative\"\n textId={this.errorId}\n role=\"alert\"\n >\n {this.errorMessage}\n </ds-text>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{p as s,H as e,c as t,h as i,a as o,t as r}from"./index.js";import{C as n}from"./p-DlsjHRU3.js";import{D as d,s as c}from"./p-DOUk4KoT.js";import{s as a}from"./p-DGVZhrMd.js";const h=()=>`@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--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}}:host{--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)}:host(.ds-focus-ring),.ds-focus-ring,:host(.ds-focus-ring-inset),.ds-focus-ring-inset{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:host(.ds-focus-ring:focus-visible),.ds-focus-ring:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring.ds-focus-ring--visible),.ds-focus-ring.ds-focus-ring--visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring-inset:focus-visible),.ds-focus-ring-inset:focus-visible{outline:none}:host(.ds-focus-ring-inset:focus-visible)::after,.ds-focus-ring-inset:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-focus-ring-inset.ds-focus-ring--visible),.ds-focus-ring-inset.ds-focus-ring--visible{outline:none}:host(.ds-focus-ring-inset.ds-focus-ring--visible)::after,.ds-focus-ring-inset.ds-focus-ring--visible::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){:host{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--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}}:host(.ds-control-inactive),.ds-control-inactive{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){:host(.ds-control-inactive),.ds-control-inactive{color:var(--ds-forced-color-disabled);opacity:1}}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--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}}:host{--ds-switch-width:var(--dimension-size-400);--ds-switch-height:var(--dimension-size-250);--ds-switch-thumb-size:var(--dimension-size-150);--ds-switch-gap:var(--dimension-space-050);--ds-switch-stroke:var(--dimension-stroke-width-012);--ds-switch-inset:var(--ds-switch-gap);--ds-switch-thumb-hover:var(--color-interaction-hover);--ds-switch-thumb-pressed:var(--color-interaction-pressed);--ds-switch-travel:calc( var(--ds-switch-width) - var(--ds-switch-thumb-size) - var(--ds-switch-inset) - var(--ds-switch-inset) );position:relative;display:inline-flex;width:var(--ds-switch-width);height:var(--ds-switch-height);padding:0;border:none;border-radius:var(--dimension-radius-half);box-sizing:border-box;flex-shrink:0;overflow:visible;cursor:default;user-select:none;outline:none;background-color:var(--color-background-faint-neutral);box-shadow:inset 0 0 0 var(--ds-switch-stroke) var(--color-border-tertiary);transition:none}:host(.switch--transitions-enabled){transition:background-color var(--effect-motion-short-3), box-shadow var(--effect-motion-short-3)}:host(.switch--lg){--ds-switch-width:var(--dimension-size-500);--ds-switch-height:var(--dimension-size-300);--ds-switch-thumb-size:var(--dimension-iconography-sm);--ds-switch-gap:var(--dimension-space-050)}:host(.switch--sm){--ds-switch-width:var(--dimension-size-300);--ds-switch-height:var(--dimension-size-200);--ds-switch-thumb-size:calc(var(--dimension-size-base) * 5 / 4);--ds-switch-gap:calc(var(--dimension-space-025) + var(--dimension-space-012))}:host(.switch--xs){--ds-switch-width:var(--dimension-size-250);--ds-switch-height:var(--dimension-size-150);--ds-switch-thumb-size:var(--dimension-size-100);--ds-switch-gap:var(--dimension-space-025)}:host(.checked){background-color:var(--color-background-bold-brand);box-shadow:inset 0 0 0 var(--ds-switch-stroke) var(--color-border-tertiary)}:host(.switch--readonly),:host(.switch--presentation){cursor:default}:host(.switch--presentation){pointer-events:none}.thumb{position:absolute;top:50%;left:var(--ds-switch-inset);width:var(--ds-switch-thumb-size);height:var(--ds-switch-thumb-size);border-radius:var(--dimension-radius-half);background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);transform:translateY(-50%);transition:none;pointer-events:none}:host(.switch--transitions-enabled) .thumb{transition:background-color var(--effect-motion-short-3), transform var(--effect-motion-short-3)}.thumb::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none}@media (hover: hover) and (pointer: fine){:host(:hover:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(.switch--presentation)) .thumb::after{background:var(--ds-switch-thumb-hover)}}:host(:active:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(.switch--presentation)) .thumb::after{background:var(--ds-switch-thumb-pressed)}:host(.checked) .thumb{background-color:var(--color-background-primary);transform:translate3d(var(--ds-switch-travel), -50%, 0)}@media (prefers-reduced-motion: reduce){:host,:host(.switch--transitions-enabled){transition:none}.thumb,:host(.switch--transitions-enabled) .thumb{transition:none}}@media (forced-colors: active){:host{border:var(--ds-switch-stroke) solid var(--ds-forced-color-content);box-shadow:none}:host(.checked){background-color:var(--ds-forced-color-selected);border-color:var(--ds-forced-color-selected);box-shadow:none}.thumb{background-color:var(--ds-forced-color-content);box-shadow:none}:host(.checked) .thumb{background-color:var(--ds-forced-color-on-selected)}}`;let l=0;const u=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.dsChange=t(this,"dsChange",7);this.internals=this.attachInternals();this.checked=false;this.value="on";this.disabled=false;this.readOnly=false;this.required=false;this.requiredMessage=d;this.isInactive=false;this.size="md";this.presentation=false;this.initialChecked=false;this.checkedUpdateObserved=false;this.hasLoaded=false;this.formDisabled=false;this.focused=false;this.touched=false;this.transitionsEnabled=false;this.tasks=new n((()=>this.el.isConnected));this.handleClick=()=>{if(this.presentation||this.readOnly||this.isInactive||this.disabled||this.formDisabled)return;this.checkedUpdateObserved=true;this.checked=!this.checked;this.dsChange.emit(this.checked)};this.handleKeyDown=s=>{if(this.presentation||this.readOnly||this.isInactive||this.disabled||this.formDisabled)return;if(s.key===" "||s.key==="Enter"){s.preventDefault();this.handleClick()}};this.handleFocus=()=>{if(!this.presentation)this.focused=true};this.handleBlur=()=>{if(this.presentation)return;this.focused=false;this.touched=true}}connectedCallback(){if(!this.hasLoaded)return;this.syncNativeLabels();if(!this.transitionsEnabled)this.scheduleTransitionsEnable()}componentWillLoad(){this.initialChecked=this.checked;this.syncFormValue()}componentDidLoad(){this.hasLoaded=true;this.syncNativeLabels();this.scheduleTransitionsEnable()}disconnectedCallback(){this.tasks.cancel();this.transitionsFrame=undefined;this.focused=false}handleCheckedChange(){if(!this.hasLoaded||this.checkedUpdateObserved)return;this.checkedUpdateObserved=true;this.transitionsEnabled=false;this.scheduleTransitionsEnable()}scheduleTransitionsEnable(){this.tasks.cancelFrame(this.transitionsFrame);this.transitionsFrame=this.tasks.frame((()=>{this.transitionsEnabled=true;this.transitionsFrame=undefined}))}syncFormValue(){const s=this.presentation||this.isInactive||this.disabled||this.formDisabled;const e=this.checked?this.value:this.uncheckedValue??null;const t=this.checked?"checked":"unchecked";a(this.internals,e,{inactive:s,state:t});const i=this.required&&!s&&!this.checked;c(this.internals,i,this.requiredMessage)}formDisabledCallback(s){this.formDisabled=s;this.syncFormValue()}formResetCallback(){this.checked=this.initialChecked;this.focused=false;this.touched=false}formStateRestoreCallback(s){this.checked=s==="checked"}syncNativeLabels(){if(this.presentation)return;if(this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby"))return;const s=Array.from(this.internals.labels).map((s=>{if(!s.id)s.id=`ds-switch-label-${++l}`;return s.id}));if(s.length)this.el.setAttribute("aria-labelledby",s.join(" "))}render(){const s=this.isInactive||this.disabled||this.formDisabled;const e=this.required&&!s&&!this.checked;const t=this.checked!==this.initialChecked;return i(o,{key:"2e618cb51b53ad28f61ad874c430c13e265346cf",role:this.presentation?undefined:"switch","aria-checked":this.presentation?undefined:String(this.checked),"aria-disabled":!this.presentation&&s?"true":undefined,"aria-readonly":!this.presentation&&this.readOnly?"true":undefined,"aria-required":!this.presentation&&this.required?"true":undefined,"aria-invalid":!this.presentation&&e?"true":undefined,"aria-hidden":this.presentation?"true":undefined,"data-checked":this.checked?"":undefined,"data-unchecked":!this.checked?"":undefined,"data-disabled":s?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-required":this.required?"":undefined,"data-focused":!this.presentation&&this.focused?"":undefined,"data-filled":!this.presentation&&this.checked?"":undefined,"data-dirty":!this.presentation&&t?"":undefined,"data-touched":!this.presentation&&this.touched?"":undefined,"data-valid":!this.presentation&&!s&&!e?"":undefined,"data-invalid":!this.presentation&&e?"":undefined,tabIndex:this.presentation||s?-1:0,class:{switch:true,checked:this.checked,"switch--lg":this.size==="lg","switch--md":this.size==="md","switch--sm":this.size==="sm","switch--xs":this.size==="xs","switch--readonly":this.readOnly,"switch--presentation":this.presentation,"switch--transitions-enabled":this.transitionsEnabled,"ds-focus-ring":true,"ds-control-inactive":s},onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur},i("span",{key:"b98ad1fa3e2d6343239559a64f1e93e56a8ad85a",class:"thumb"}))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{checked:[{handleCheckedChange:0},{syncFormValue:0}],value:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],presentation:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}]}}static get style(){return h()}},[65,"ds-switch",{checked:[1028],name:[513],value:[1],uncheckedValue:[1,"unchecked-value"],form:[513],disabled:[516],readOnly:[516,"read-only"],required:[516],requiredMessage:[1,"required-message"],isInactive:[4,"is-inactive"],size:[1],presentation:[4],formDisabled:[32],focused:[32],touched:[32],transitionsEnabled:[32]},undefined,{checked:[{handleCheckedChange:0},{syncFormValue:0}],value:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],presentation:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}]}]);function f(){if(typeof customElements==="undefined"){return}const s=["ds-switch"];s.forEach((s=>{switch(s){case"ds-switch":if(!customElements.get(r(s))){customElements.define(r(s),u)}break}}))}f();export{u as S,f as d};
|
|
2
|
+
//# sourceMappingURL=p-C2e7BkNn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["switchCss","generatedLabelId","Switch","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","checked","value","disabled","readOnly","required","requiredMessage","DEFAULT_REQUIRED_MESSAGE","isInactive","size","presentation","initialChecked","checkedUpdateObserved","hasLoaded","formDisabled","focused","touched","transitionsEnabled","tasks","ConnectionTasks","el","isConnected","handleClick","dsChange","emit","handleKeyDown","event","key","preventDefault","handleFocus","handleBlur","connectedCallback","syncNativeLabels","scheduleTransitionsEnable","componentWillLoad","syncFormValue","componentDidLoad","disconnectedCallback","cancel","transitionsFrame","undefined","handleCheckedChange","cancelFrame","frame","inactive","submissionValue","uncheckedValue","state","setFormControlValue","internals","missing","setRequiredValidity","formDisabledCallback","formResetCallback","formStateRestoreCallback","hasAttribute","labelIds","Array","from","labels","map","label","id","length","setAttribute","join","render","invalid","dirty","h","Host","role","String","tabIndex","class","switch","onClick","onKeyDown","onFocus","onBlur"],"sources":["src/wc/components/Switch/Switch.css?tag=ds-switch&encapsulation=shadow","src/wc/components/Switch/Switch.tsx"],"sourcesContent":["@import '../../utils/focus-ring.css';\n@import '../../utils/control-inactive.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n --ds-switch-width: var(--dimension-size-400);\n --ds-switch-height: var(--dimension-size-250);\n --ds-switch-thumb-size: var(--dimension-size-150);\n --ds-switch-gap: var(--dimension-space-050);\n --ds-switch-stroke: var(--dimension-stroke-width-012);\n --ds-switch-inset: var(--ds-switch-gap);\n --ds-switch-thumb-hover: var(--color-interaction-hover);\n --ds-switch-thumb-pressed: var(--color-interaction-pressed);\n --ds-switch-travel: calc(\n var(--ds-switch-width) - var(--ds-switch-thumb-size) - var(--ds-switch-inset) -\n var(--ds-switch-inset)\n );\n position: relative;\n display: inline-flex;\n width: var(--ds-switch-width);\n height: var(--ds-switch-height);\n padding: 0;\n border: none;\n border-radius: var(--dimension-radius-half);\n box-sizing: border-box;\n flex-shrink: 0;\n overflow: visible;\n cursor: default;\n user-select: none;\n outline: none;\n background-color: var(--color-background-faint-neutral);\n box-shadow: inset 0 0 0 var(--ds-switch-stroke) var(--color-border-tertiary);\n transition: none;\n}\n\n:host(.switch--transitions-enabled) {\n transition:\n background-color var(--effect-motion-short-3),\n box-shadow var(--effect-motion-short-3);\n}\n\n:host(.switch--lg) {\n --ds-switch-width: var(--dimension-size-500);\n --ds-switch-height: var(--dimension-size-300);\n --ds-switch-thumb-size: var(--dimension-iconography-sm);\n --ds-switch-gap: var(--dimension-space-050);\n}\n\n:host(.switch--sm) {\n --ds-switch-width: var(--dimension-size-300);\n --ds-switch-height: var(--dimension-size-200);\n --ds-switch-thumb-size: calc(var(--dimension-size-base) * 5 / 4);\n --ds-switch-gap: calc(var(--dimension-space-025) + var(--dimension-space-012));\n}\n\n:host(.switch--xs) {\n --ds-switch-width: var(--dimension-size-250);\n --ds-switch-height: var(--dimension-size-150);\n --ds-switch-thumb-size: var(--dimension-size-100);\n --ds-switch-gap: var(--dimension-space-025);\n}\n\n:host(.checked) {\n background-color: var(--color-background-bold-brand);\n box-shadow: inset 0 0 0 var(--ds-switch-stroke) var(--color-border-tertiary);\n}\n\n:host(.switch--readonly),\n:host(.switch--presentation) {\n cursor: default;\n}\n\n:host(.switch--presentation) {\n pointer-events: none;\n}\n\n/* Inactive: `.ds-control-inactive` (50% opacity). */\n\n.thumb {\n position: absolute;\n top: 50%;\n left: var(--ds-switch-inset);\n width: var(--ds-switch-thumb-size);\n height: var(--ds-switch-thumb-size);\n border-radius: var(--dimension-radius-half);\n background-color: var(--color-background-primary);\n box-shadow: var(--effect-elevation-elevated-md);\n transform: translateY(-50%);\n transition: none;\n pointer-events: none;\n}\n\n:host(.switch--transitions-enabled) .thumb {\n transition:\n background-color var(--effect-motion-short-3),\n transform var(--effect-motion-short-3);\n}\n\n.thumb::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: transparent;\n pointer-events: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n :host(\n :hover:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(\n .switch--presentation\n )\n )\n .thumb::after {\n background: var(--ds-switch-thumb-hover);\n }\n}\n\n:host(\n :active:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(\n .switch--presentation\n )\n )\n .thumb::after {\n background: var(--ds-switch-thumb-pressed);\n}\n\n:host(.checked) .thumb {\n background-color: var(--color-background-primary);\n transform: translate3d(var(--ds-switch-travel), -50%, 0);\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host,\n :host(.switch--transitions-enabled) {\n transition: none;\n }\n\n .thumb,\n :host(.switch--transitions-enabled) .thumb {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n border: var(--ds-switch-stroke) solid var(--ds-forced-color-content);\n box-shadow: none;\n }\n\n :host(.checked) {\n background-color: var(--ds-forced-color-selected);\n border-color: var(--ds-forced-color-selected);\n box-shadow: none;\n }\n\n .thumb {\n background-color: var(--ds-forced-color-content);\n box-shadow: none;\n }\n\n :host(.checked) .thumb {\n background-color: var(--ds-forced-color-on-selected);\n }\n}\n","import {\n AttachInternals,\n Component,\n Element,\n Prop,\n State,\n Event,\n EventEmitter,\n Watch,\n h,\n Host,\n} from '@stencil/core';\nimport { DEFAULT_REQUIRED_MESSAGE, setFormControlValue, setRequiredValidity } from '../../utils';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\n\nexport type SwitchSize = 'lg' | 'md' | 'sm' | 'xs';\n\nlet generatedLabelId = 0;\n\n@Component({\n tag: 'ds-switch',\n styleUrl: 'Switch.css',\n shadow: true,\n formAssociated: true,\n})\nexport class Switch {\n @Element() el!: HTMLElement;\n @AttachInternals() internals!: ElementInternals;\n\n /** Current on/off state. The initial value is restored when the owning form resets. */\n @Prop({ mutable: true }) checked: boolean = false;\n\n @Prop({ reflect: true }) name: string | undefined;\n @Prop() value: string = 'on';\n\n /** Optional value submitted when unchecked; omitted by default like a native checkbox. */\n @Prop() uncheckedValue: string | undefined;\n\n /** Associates the switch with a form by id when it is rendered outside that form. */\n @Prop({ reflect: true }) form: string | undefined;\n\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop() requiredMessage: string = DEFAULT_REQUIRED_MESSAGE;\n @Prop() isInactive: boolean = false;\n\n /** Compact track size for placement inside controls, menus, and form rows. */\n @Prop() size: SwitchSize = 'md';\n\n /**\n * Removes standalone control semantics so a composite owner such as a\n * `menuitemcheckbox` can use the switch as an aria-hidden visual indicator.\n */\n @Prop() presentation: boolean = false;\n\n @Event() dsChange!: EventEmitter<boolean>;\n\n private initialChecked = false;\n private checkedUpdateObserved = false;\n private hasLoaded = false;\n @State() private formDisabled = false;\n @State() private focused = false;\n @State() private touched = false;\n @State() private transitionsEnabled = false;\n\n private transitionsFrame?: number;\n private readonly tasks = new ConnectionTasks(() => this.el.isConnected);\n\n connectedCallback() {\n if (!this.hasLoaded) return;\n this.syncNativeLabels();\n if (!this.transitionsEnabled) this.scheduleTransitionsEnable();\n }\n\n componentWillLoad() {\n this.initialChecked = this.checked;\n this.syncFormValue();\n }\n\n componentDidLoad() {\n this.hasLoaded = true;\n this.syncNativeLabels();\n this.scheduleTransitionsEnable();\n }\n\n disconnectedCallback() {\n this.tasks.cancel();\n this.transitionsFrame = undefined;\n this.focused = false;\n }\n\n @Watch('checked')\n handleCheckedChange() {\n if (!this.hasLoaded || this.checkedUpdateObserved) return;\n\n this.checkedUpdateObserved = true;\n this.transitionsEnabled = false;\n this.scheduleTransitionsEnable();\n }\n\n private scheduleTransitionsEnable() {\n this.tasks.cancelFrame(this.transitionsFrame);\n this.transitionsFrame = this.tasks.frame(() => {\n this.transitionsEnabled = true;\n this.transitionsFrame = undefined;\n });\n }\n\n @Watch('checked')\n @Watch('value')\n @Watch('uncheckedValue')\n @Watch('disabled')\n @Watch('isInactive')\n @Watch('presentation')\n @Watch('required')\n @Watch('requiredMessage')\n syncFormValue() {\n const inactive = this.presentation || this.isInactive || this.disabled || this.formDisabled;\n const submissionValue = this.checked ? this.value : (this.uncheckedValue ?? null);\n const state = this.checked ? 'checked' : 'unchecked';\n setFormControlValue(this.internals, submissionValue, { inactive, state });\n\n const missing = this.required && !inactive && !this.checked;\n setRequiredValidity(this.internals, missing, this.requiredMessage);\n }\n\n formDisabledCallback(disabled: boolean) {\n this.formDisabled = disabled;\n this.syncFormValue();\n }\n\n formResetCallback() {\n this.checked = this.initialChecked;\n this.focused = false;\n this.touched = false;\n }\n\n formStateRestoreCallback(state: string | File | FormData | null) {\n this.checked = state === 'checked';\n }\n\n private syncNativeLabels() {\n if (this.presentation) return;\n if (this.el.hasAttribute('aria-label') || this.el.hasAttribute('aria-labelledby')) return;\n\n const labelIds = (Array.from(this.internals.labels) as HTMLLabelElement[]).map(label => {\n if (!label.id) label.id = `ds-switch-label-${++generatedLabelId}`;\n return label.id;\n });\n if (labelIds.length) this.el.setAttribute('aria-labelledby', labelIds.join(' '));\n }\n\n private handleClick = () => {\n if (this.presentation || this.readOnly || this.isInactive || this.disabled || this.formDisabled)\n return;\n this.checkedUpdateObserved = true;\n this.checked = !this.checked;\n this.dsChange.emit(this.checked);\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (this.presentation || this.readOnly || this.isInactive || this.disabled || this.formDisabled)\n return;\n if (event.key === ' ' || event.key === 'Enter') {\n event.preventDefault();\n this.handleClick();\n }\n };\n\n private handleFocus = () => {\n if (!this.presentation) this.focused = true;\n };\n\n private handleBlur = () => {\n if (this.presentation) return;\n this.focused = false;\n this.touched = true;\n };\n\n render() {\n const inactive = this.isInactive || this.disabled || this.formDisabled;\n const invalid = this.required && !inactive && !this.checked;\n const dirty = this.checked !== this.initialChecked;\n // Switch owns its structural track and thumb strokes so nested interaction layers cannot cover them.\n return (\n <Host\n role={this.presentation ? undefined : 'switch'}\n aria-checked={this.presentation ? undefined : String(this.checked)}\n aria-disabled={!this.presentation && inactive ? 'true' : undefined}\n aria-readonly={!this.presentation && this.readOnly ? 'true' : undefined}\n aria-required={!this.presentation && this.required ? 'true' : undefined}\n aria-invalid={!this.presentation && invalid ? 'true' : undefined}\n aria-hidden={this.presentation ? 'true' : undefined}\n data-checked={this.checked ? '' : undefined}\n data-unchecked={!this.checked ? '' : undefined}\n data-disabled={inactive ? '' : undefined}\n data-readonly={this.readOnly ? '' : undefined}\n data-required={this.required ? '' : undefined}\n data-focused={!this.presentation && this.focused ? '' : undefined}\n data-filled={!this.presentation && this.checked ? '' : undefined}\n data-dirty={!this.presentation && dirty ? '' : undefined}\n data-touched={!this.presentation && this.touched ? '' : undefined}\n data-valid={!this.presentation && !inactive && !invalid ? '' : undefined}\n data-invalid={!this.presentation && invalid ? '' : undefined}\n tabIndex={this.presentation || inactive ? -1 : 0}\n class={{\n switch: true,\n checked: this.checked,\n 'switch--lg': this.size === 'lg',\n 'switch--md': this.size === 'md',\n 'switch--sm': this.size === 'sm',\n 'switch--xs': this.size === 'xs',\n 'switch--readonly': this.readOnly,\n 'switch--presentation': this.presentation,\n 'switch--transitions-enabled': this.transitionsEnabled,\n 'ds-focus-ring': true,\n 'ds-control-inactive': inactive,\n }}\n onClick={this.handleClick}\n onKeyDown={this.handleKeyDown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n >\n <span class=\"thumb\" />\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|