@ds-mo/ui 16.1.1 → 16.1.3
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 +133 -32
- package/dist/angular/boolean-value-accessor.js +3 -3
- package/dist/angular/ds-agent-activity.js +3 -3
- package/dist/angular/ds-agent-questionnaire.js +3 -3
- package/dist/angular/ds-agent-response.js +3 -3
- package/dist/angular/ds-agent-source-list.js +3 -3
- package/dist/angular/ds-agent-tool-call.js +3 -3
- package/dist/angular/ds-attachment-list.js +3 -3
- package/dist/angular/ds-avatar.js +3 -3
- package/dist/angular/ds-badge.js +3 -3
- package/dist/angular/ds-banner.js +3 -3
- package/dist/angular/ds-bar-action.js +3 -3
- package/dist/angular/ds-bar-nav.js +3 -3
- package/dist/angular/ds-bar-page-title.js +3 -3
- package/dist/angular/ds-bar-title.js +3 -3
- package/dist/angular/ds-bar-workflow.js +3 -3
- package/dist/angular/ds-breadcrumb.js +3 -3
- package/dist/angular/ds-button-filled.js +3 -3
- package/dist/angular/ds-button-inverted.js +3 -3
- package/dist/angular/ds-button-unfilled.js +3 -3
- package/dist/angular/ds-calendar.js +3 -3
- package/dist/angular/ds-card-action-center.js +3 -3
- package/dist/angular/ds-card-chart.js +3 -3
- package/dist/angular/ds-card-navigation.js +3 -3
- package/dist/angular/ds-card-overview.js +3 -3
- package/dist/angular/ds-card-setting.js +3 -3
- package/dist/angular/ds-card-settings-scope.js +3 -3
- package/dist/angular/ds-chart-legend.js +3 -3
- package/dist/angular/ds-chart.js +3 -3
- package/dist/angular/ds-checkbox-group.js +3 -3
- package/dist/angular/ds-checkbox.js +3 -3
- package/dist/angular/ds-chip.js +3 -3
- package/dist/angular/ds-code-block.js +3 -3
- package/dist/angular/ds-conversation-list-item.js +3 -3
- package/dist/angular/ds-conversation-list-section.js +3 -3
- package/dist/angular/ds-conversation-list.js +3 -3
- package/dist/angular/ds-data-customize.js +3 -3
- package/dist/angular/ds-data-filter.js +3 -3
- package/dist/angular/ds-data-group.js +3 -3
- package/dist/angular/ds-data-preferences.js +3 -3
- package/dist/angular/ds-data-saved-views.js +3 -3
- package/dist/angular/ds-data-search.js +3 -3
- package/dist/angular/ds-data-sort.js +3 -3
- package/dist/angular/ds-data-toolbar.js +3 -3
- package/dist/angular/ds-divider.js +3 -3
- package/dist/angular/ds-empty-state.js +3 -3
- package/dist/angular/ds-field.js +3 -3
- package/dist/angular/ds-filter-menu.js +3 -3
- package/dist/angular/ds-icon.js +3 -3
- package/dist/angular/ds-inline-banner-settings.js +3 -3
- package/dist/angular/ds-input-date.js +3 -3
- package/dist/angular/ds-input-time.js +3 -3
- package/dist/angular/ds-input.js +3 -3
- package/dist/angular/ds-loader.js +3 -3
- package/dist/angular/ds-map-cluster-marker.js +3 -3
- package/dist/angular/ds-map-entity-marker.js +3 -3
- package/dist/angular/ds-map-marker.js +3 -3
- package/dist/angular/ds-markdown.js +3 -3
- package/dist/angular/ds-menu.js +3 -3
- package/dist/angular/ds-message-actions.js +3 -3
- package/dist/angular/ds-message-bubble.js +3 -3
- package/dist/angular/ds-message-composer.js +3 -3
- package/dist/angular/ds-message-scroller.js +3 -3
- package/dist/angular/ds-message.js +3 -3
- package/dist/angular/ds-mobile-bar-nav.js +3 -3
- package/dist/angular/ds-mobile-header.js +3 -3
- package/dist/angular/ds-mobile-section-switcher.js +3 -3
- package/dist/angular/ds-mobile-sheet-nav.js +3 -3
- package/dist/angular/ds-modal.js +3 -3
- package/dist/angular/ds-navigation-tab-group.js +3 -3
- package/dist/angular/ds-pagination.js +3 -3
- package/dist/angular/ds-panel-nav.js +3 -3
- package/dist/angular/ds-panel-sub-nav.js +3 -3
- package/dist/angular/ds-panel-tool-header.js +3 -3
- package/dist/angular/ds-panel-tool-search.js +3 -3
- package/dist/angular/ds-panel-tools.js +3 -3
- package/dist/angular/ds-paper-texture.js +3 -3
- package/dist/angular/ds-radio-tile.js +3 -3
- package/dist/angular/ds-radio.js +3 -3
- package/dist/angular/ds-score.js +3 -3
- package/dist/angular/ds-scroll-overlay.js +3 -3
- package/dist/angular/ds-select-toggle.js +3 -3
- package/dist/angular/ds-select.js +3 -3
- package/dist/angular/ds-setting-row-checkbox.js +3 -3
- package/dist/angular/ds-setting-row-radio.js +3 -3
- package/dist/angular/ds-setting-row-toggle.js +3 -3
- package/dist/angular/ds-shell-app.js +3 -3
- package/dist/angular/ds-shell-page.js +3 -3
- package/dist/angular/ds-shell-tools.js +3 -3
- package/dist/angular/ds-skeleton.js +3 -3
- package/dist/angular/ds-slider.js +3 -3
- package/dist/angular/ds-swatch-picker.js +3 -3
- package/dist/angular/ds-switch.js +3 -3
- package/dist/angular/ds-tab-group.js +3 -3
- package/dist/angular/ds-table.js +3 -3
- package/dist/angular/ds-tag.js +3 -3
- package/dist/angular/ds-text.js +3 -3
- package/dist/angular/ds-textarea.js +3 -3
- package/dist/angular/ds-time-picker.js +3 -3
- package/dist/angular/ds-toast.js +3 -3
- package/dist/angular/ds-tooltip-chart.js +3 -3
- package/dist/angular/ds-tooltip.js +3 -3
- package/dist/angular/ds-typing-indicator.js +3 -3
- package/dist/angular/number-value-accessor.js +3 -3
- package/dist/angular/radio-value-accessor.js +3 -3
- package/dist/angular/select-value-accessor.js +3 -3
- package/dist/angular/text-value-accessor.js +3 -3
- package/dist/angular/value-accessor.js +3 -3
- package/dist/components/THIRD-PARTY-NOTICES +2 -2
- package/dist/components/bundled-dependencies.json +2 -2
- 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-avatar.js +1 -1
- package/dist/components/ds-banner.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-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-setting.js +1 -1
- package/dist/components/ds-chart-legend.js +1 -1
- package/dist/components/ds-chart-legend.js.map +1 -1
- package/dist/components/ds-chip.js +1 -1
- package/dist/components/ds-code-block.js +1 -1
- package/dist/components/ds-data-customize.js +1 -1
- package/dist/components/ds-data-customize.js.map +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-empty-state.js +1 -1
- package/dist/components/ds-filter-menu.js +1 -1
- package/dist/components/ds-icon.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-entity-marker.js +1 -1
- package/dist/components/ds-map-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-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.js +1 -1
- package/dist/components/ds-pagination.js +1 -1
- package/dist/components/ds-panel-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-select-toggle.js +1 -1
- package/dist/components/ds-select.js +1 -1
- package/dist/components/ds-shell-app.js +1 -1
- package/dist/components/ds-shell-tools.js +1 -1
- package/dist/components/ds-tab-group.js +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/ds-tag.js +1 -1
- package/dist/components/ds-toast.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-C3nUi5Lo.js → p-1lWK_LMY.js} +2 -2
- package/dist/components/{p-BdJqRDKY.js → p-6r60E0i4.js} +2 -2
- package/dist/components/{p-BKd0e8k8.js → p-BFgJoeVV.js} +2 -2
- package/dist/components/{p-BK_SriZN.js → p-BI-XuQKW.js} +2 -2
- package/dist/components/{p-DOazC0iw.js → p-BNvZM4jP.js} +2 -2
- package/dist/components/{p-BNySDuzx.js → p-BckLHaey.js} +2 -2
- package/dist/components/{p-ZcZ0N7Ok.js → p-BctjNfzt.js} +2 -2
- package/dist/components/{p-CwL5zodA.js → p-Bt1Ybvz-.js} +2 -2
- package/dist/components/{p-CcWT4SzP.js → p-BuvVFyAA.js} +2 -2
- package/dist/components/p-C942uiH1.js +3 -0
- package/dist/components/p-C942uiH1.js.map +1 -0
- package/dist/components/{p-DXAY6GB5.js → p-CE_S4oQ_.js} +2 -2
- package/dist/components/{p-BLQgaSh-.js → p-CMZAEySh.js} +2 -2
- package/dist/components/{p-DMjOjrHi.js → p-CXrOGz7X.js} +2 -2
- package/dist/components/{p-B8jrUwL-.js → p-CbyZ7BDJ.js} +2 -2
- package/dist/components/{p-ZumxIz-2.js → p-Cc8p57pS.js} +2 -2
- package/dist/components/{p-xouEdChm.js → p-ClgJZFkb.js} +2 -2
- package/dist/components/{p-Cm1FS7D-.js → p-ClhfXMaD.js} +2 -2
- package/dist/components/{p-zdiRX3Sf.js → p-CnsuVR2e.js} +2 -2
- package/dist/components/{p-txmcXZdy.js → p-CsGkdf4W.js} +2 -2
- package/dist/components/{p-CymFzY_N.js → p-CtomYv1z.js} +2 -2
- package/dist/components/{p-BxkhBlKJ.js → p-D-Lo5uuI.js} +2 -2
- package/dist/components/{p-9zDZcSc0.js → p-D3FrQk7o.js} +2 -2
- package/dist/components/{p-Bn-tsogb.js → p-D5-hqLPK.js} +2 -2
- package/dist/components/{p-D_kOVT6i.js → p-D8iNLSCa.js} +2 -2
- package/dist/components/{p-qnp-yeXl.js → p-DQ-wfTOw.js} +2 -2
- package/dist/components/{p-BknNUjWh.js → p-DYI6UlOP.js} +2 -2
- package/dist/components/{p-B3-zImxn.js → p-Dc_zSOKq.js} +2 -2
- package/dist/components/{p-DI5GEmid.js → p-DiNEjFpy.js} +2 -2
- package/dist/components/{p-BJB6kfA2.js → p-M-Sxsv7V.js} +2 -2
- package/dist/components/{p-CvK-Gy-b.js → p-cvVUXaen.js} +2 -2
- package/dist/components/{p-BgMeLCj3.js → p-hFe35P2l.js} +2 -2
- package/dist/components/{p-DfGJX_Eo.js → p-hom6svhE.js} +2 -2
- package/dist/components/{p-D9MqUHig.js → p-lnCWfvuA.js} +2 -2
- package/dist/components/{p-Ddkyu_wE.js → p-oBBzQpg_.js} +2 -2
- package/dist/components/p-omfGVBEt.js +2 -0
- package/dist/components/p-omfGVBEt.js.map +1 -0
- package/dist/docs/components.json +359 -39
- package/dist/lint/THIRD-PARTY-NOTICES +1 -1
- package/dist/lint/bundled-dependencies.json +1 -1
- package/dist/lint/index.js +18 -10
- package/dist/mcp-data/registry/agent-activity.json +1 -1
- package/dist/mcp-data/registry/agent-questionnaire.json +1 -1
- package/dist/mcp-data/registry/agent-response.json +31 -3
- package/dist/mcp-data/registry/agent-source-list.json +1 -1
- package/dist/mcp-data/registry/agent-tool-call.json +23 -3
- package/dist/mcp-data/registry/attachment-list.json +1 -1
- package/dist/mcp-data/registry/avatar.json +1 -1
- package/dist/mcp-data/registry/badge.json +1 -1
- package/dist/mcp-data/registry/banner.json +11 -3
- package/dist/mcp-data/registry/bar-action.json +11 -3
- package/dist/mcp-data/registry/bar-nav.json +1 -1
- package/dist/mcp-data/registry/bar-page-title.json +1 -1
- package/dist/mcp-data/registry/bar-title.json +1 -1
- package/dist/mcp-data/registry/bar-workflow.json +1 -1
- package/dist/mcp-data/registry/breadcrumb.json +1 -1
- package/dist/mcp-data/registry/button-filled.json +1 -1
- package/dist/mcp-data/registry/button-inverted.json +1 -1
- package/dist/mcp-data/registry/button-unfilled.json +1 -1
- package/dist/mcp-data/registry/calendar.json +1 -1
- package/dist/mcp-data/registry/card-action-center.json +1 -1
- package/dist/mcp-data/registry/card-chart.json +31 -3
- package/dist/mcp-data/registry/card-navigation.json +13 -3
- package/dist/mcp-data/registry/card-overview.json +23 -3
- package/dist/mcp-data/registry/card-setting.json +19 -3
- package/dist/mcp-data/registry/card-settings-scope.json +1 -1
- package/dist/mcp-data/registry/chart-legend.json +7 -7
- package/dist/mcp-data/registry/chart.json +1 -1
- package/dist/mcp-data/registry/checkbox-group.json +13 -3
- package/dist/mcp-data/registry/checkbox.json +1 -1
- package/dist/mcp-data/registry/chip.json +1 -1
- package/dist/mcp-data/registry/code-block.json +1 -1
- package/dist/mcp-data/registry/conversation-list-item.json +23 -3
- package/dist/mcp-data/registry/conversation-list-section.json +13 -3
- package/dist/mcp-data/registry/conversation-list.json +25 -3
- package/dist/mcp-data/registry/data-customize.json +1 -1
- package/dist/mcp-data/registry/data-filter.json +1 -1
- package/dist/mcp-data/registry/data-group.json +1 -1
- package/dist/mcp-data/registry/data-preferences.json +1 -1
- package/dist/mcp-data/registry/data-saved-views.json +1 -1
- package/dist/mcp-data/registry/data-search.json +1 -1
- package/dist/mcp-data/registry/data-sort.json +1 -1
- package/dist/mcp-data/registry/data-toolbar.json +29 -3
- package/dist/mcp-data/registry/divider.json +1 -1
- package/dist/mcp-data/registry/empty-state.json +1 -1
- package/dist/mcp-data/registry/field.json +13 -3
- package/dist/mcp-data/registry/filter-menu.json +1 -1
- package/dist/mcp-data/registry/icon.json +2 -2
- package/dist/mcp-data/registry/inline-banner-settings.json +1 -1
- package/dist/mcp-data/registry/input-date.json +1 -1
- package/dist/mcp-data/registry/input-time.json +1 -1
- package/dist/mcp-data/registry/input.json +17 -3
- package/dist/mcp-data/registry/loader.json +1 -1
- package/dist/mcp-data/registry/map-cluster-marker.json +1 -1
- package/dist/mcp-data/registry/map-entity-marker.json +1 -1
- package/dist/mcp-data/registry/map-marker.json +1 -1
- package/dist/mcp-data/registry/markdown.json +1 -1
- package/dist/mcp-data/registry/menu.json +1 -1
- package/dist/mcp-data/registry/message-actions.json +1 -1
- package/dist/mcp-data/registry/message-bubble.json +13 -3
- package/dist/mcp-data/registry/message-composer.json +29 -3
- package/dist/mcp-data/registry/message-scroller.json +25 -3
- package/dist/mcp-data/registry/message.json +37 -3
- package/dist/mcp-data/registry/mobile-bar-nav.json +1 -1
- package/dist/mcp-data/registry/mobile-header.json +17 -3
- package/dist/mcp-data/registry/mobile-section-switcher.json +1 -1
- package/dist/mcp-data/registry/mobile-sheet-nav.json +1 -1
- package/dist/mcp-data/registry/modal.json +19 -3
- package/dist/mcp-data/registry/navigation-tab-group.json +1 -1
- package/dist/mcp-data/registry/pagination.json +1 -1
- package/dist/mcp-data/registry/panel-nav.json +1 -1
- package/dist/mcp-data/registry/panel-sub-nav.json +1 -1
- package/dist/mcp-data/registry/panel-tool-header.json +1 -1
- package/dist/mcp-data/registry/panel-tool-search.json +1 -1
- package/dist/mcp-data/registry/panel-tools.json +1 -1
- package/dist/mcp-data/registry/paper-texture.json +1 -1
- package/dist/mcp-data/registry/radio-tile.json +1 -1
- package/dist/mcp-data/registry/radio.json +1 -1
- package/dist/mcp-data/registry/registry.json +133 -32
- package/dist/mcp-data/registry/score.json +1 -1
- package/dist/mcp-data/registry/scroll-overlay.json +19 -3
- package/dist/mcp-data/registry/select-toggle.json +1 -1
- package/dist/mcp-data/registry/select.json +1 -1
- package/dist/mcp-data/registry/setting-row-checkbox.json +13 -3
- package/dist/mcp-data/registry/setting-row-radio.json +13 -3
- package/dist/mcp-data/registry/setting-row-toggle.json +1 -1
- package/dist/mcp-data/registry/shell-app.json +61 -3
- package/dist/mcp-data/registry/shell-page.json +25 -3
- package/dist/mcp-data/registry/shell-tools.json +1 -1
- package/dist/mcp-data/registry/skeleton.json +1 -1
- package/dist/mcp-data/registry/slider.json +1 -1
- package/dist/mcp-data/registry/swatch-picker.json +1 -1
- package/dist/mcp-data/registry/switch.json +1 -1
- package/dist/mcp-data/registry/tab-group.json +1 -1
- package/dist/mcp-data/registry/table.json +25 -1
- package/dist/mcp-data/registry/tag.json +1 -1
- package/dist/mcp-data/registry/text.json +13 -3
- package/dist/mcp-data/registry/textarea.json +1 -1
- package/dist/mcp-data/registry/time-picker.json +1 -1
- package/dist/mcp-data/registry/toast.json +1 -1
- package/dist/mcp-data/registry/tooltip-chart.json +1 -1
- package/dist/mcp-data/registry/tooltip.json +13 -3
- package/dist/mcp-data/registry/typing-indicator.json +1 -1
- package/dist/types/components/ChartLegend/ChartLegend.d.ts +2 -2
- package/dist/types/components.d.ts +3 -3
- package/dist/types/stencil-public-runtime.d.ts +73 -55
- package/package.json +3 -3
- package/dist/components/p-Ckar-ZZa.js +0 -2
- package/dist/components/p-Ckar-ZZa.js.map +0 -1
- package/dist/components/p-GP7Dz3qO.js +0 -3
- package/dist/components/p-GP7Dz3qO.js.map +0 -1
- /package/dist/components/{p-C3nUi5Lo.js.map → p-1lWK_LMY.js.map} +0 -0
- /package/dist/components/{p-BdJqRDKY.js.map → p-6r60E0i4.js.map} +0 -0
- /package/dist/components/{p-BKd0e8k8.js.map → p-BFgJoeVV.js.map} +0 -0
- /package/dist/components/{p-BK_SriZN.js.map → p-BI-XuQKW.js.map} +0 -0
- /package/dist/components/{p-DOazC0iw.js.map → p-BNvZM4jP.js.map} +0 -0
- /package/dist/components/{p-BNySDuzx.js.map → p-BckLHaey.js.map} +0 -0
- /package/dist/components/{p-ZcZ0N7Ok.js.map → p-BctjNfzt.js.map} +0 -0
- /package/dist/components/{p-CwL5zodA.js.map → p-Bt1Ybvz-.js.map} +0 -0
- /package/dist/components/{p-CcWT4SzP.js.map → p-BuvVFyAA.js.map} +0 -0
- /package/dist/components/{p-DXAY6GB5.js.map → p-CE_S4oQ_.js.map} +0 -0
- /package/dist/components/{p-BLQgaSh-.js.map → p-CMZAEySh.js.map} +0 -0
- /package/dist/components/{p-DMjOjrHi.js.map → p-CXrOGz7X.js.map} +0 -0
- /package/dist/components/{p-B8jrUwL-.js.map → p-CbyZ7BDJ.js.map} +0 -0
- /package/dist/components/{p-ZumxIz-2.js.map → p-Cc8p57pS.js.map} +0 -0
- /package/dist/components/{p-xouEdChm.js.map → p-ClgJZFkb.js.map} +0 -0
- /package/dist/components/{p-Cm1FS7D-.js.map → p-ClhfXMaD.js.map} +0 -0
- /package/dist/components/{p-zdiRX3Sf.js.map → p-CnsuVR2e.js.map} +0 -0
- /package/dist/components/{p-txmcXZdy.js.map → p-CsGkdf4W.js.map} +0 -0
- /package/dist/components/{p-CymFzY_N.js.map → p-CtomYv1z.js.map} +0 -0
- /package/dist/components/{p-BxkhBlKJ.js.map → p-D-Lo5uuI.js.map} +0 -0
- /package/dist/components/{p-9zDZcSc0.js.map → p-D3FrQk7o.js.map} +0 -0
- /package/dist/components/{p-Bn-tsogb.js.map → p-D5-hqLPK.js.map} +0 -0
- /package/dist/components/{p-D_kOVT6i.js.map → p-D8iNLSCa.js.map} +0 -0
- /package/dist/components/{p-qnp-yeXl.js.map → p-DQ-wfTOw.js.map} +0 -0
- /package/dist/components/{p-BknNUjWh.js.map → p-DYI6UlOP.js.map} +0 -0
- /package/dist/components/{p-B3-zImxn.js.map → p-Dc_zSOKq.js.map} +0 -0
- /package/dist/components/{p-DI5GEmid.js.map → p-DiNEjFpy.js.map} +0 -0
- /package/dist/components/{p-BJB6kfA2.js.map → p-M-Sxsv7V.js.map} +0 -0
- /package/dist/components/{p-CvK-Gy-b.js.map → p-cvVUXaen.js.map} +0 -0
- /package/dist/components/{p-BgMeLCj3.js.map → p-hFe35P2l.js.map} +0 -0
- /package/dist/components/{p-DfGJX_Eo.js.map → p-hom6svhE.js.map} +0 -0
- /package/dist/components/{p-D9MqUHig.js.map → p-lnCWfvuA.js.map} +0 -0
- /package/dist/components/{p-Ddkyu_wE.js.map → p-oBBzQpg_.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{d as o}from"./p-ClOvX8cD.js";import{d}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{d as o}from"./p-ClOvX8cD.js";import{d}from"./p-BNvZM4jP.js";import{d as l}from"./p-D5-hqLPK.js";import{d as r}from"./p-BYo1-6b5.js";import{d as h}from"./p-CMZAEySh.js";import{d as m}from"./p-G6r6yYg8.js";import{d as c}from"./p-Dc_zSOKq.js";import{d as f}from"./p-D538svhW.js";import{d as u}from"./p-C942uiH1.js";import{d as b}from"./p-CsGkdf4W.js";import{d as p}from"./p-0XTyQNRG.js";import{d as v}from"./p-D8iNLSCa.js";import{d as w}from"./p-BctjNfzt.js";import{d as k}from"./p-omfGVBEt.js";import{d as g}from"./p-DcvPY30Q.js";import{d as D}from"./p-Nx52go85.js";import{d as E}from"./p-KTaiJztz.js";import{d as j}from"./p-Bt1Ybvz-.js";import{d as y}from"./p-DMPn_dt7.js";import{d as C}from"./p-DTlNtCX1.js";const V=()=>`.sc-ds-data-saved-views-h{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs);display:inline-block;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}ds-select.sc-ds-data-saved-views{display:block;min-inline-size:0;max-inline-size:100%}`;let x=0;const A=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsViewChange=t(this,"dsViewChange",7);this.dsViewCreate=t(this,"dsViewCreate",7);this.dsViewRename=t(this,"dsViewRename",7);this.dsViewRemove=t(this,"dsViewRemove",7);this.dsViewSave=t(this,"dsViewSave",7);this.dsViewDiscard=t(this,"dsViewDiscard",7);this.hasBorder=true;this.views=[];this.value="__default__";this.dirty=false;this.defaultViewId="__default__";this.defaultViewLabel="Default";this.label="Saved views";this.triggerLabel="Views";this.compact=false;this.createLabel="New view";this.actionViewId=null;this.actionMenuOpen=false;this.actionMenuInitialFocusVisible=false;this.dialogOpen=false;this.dialogMode="create";this.dialogViewId=null;this.nameDraft="";this.nameError="";this.componentId=`ds-data-saved-views-${++x}`;this.selectId=`${this.componentId}-select`;this.actionMenuId=`${this.componentId}-actions`;this.fieldId=`${this.componentId}-name-field`;this.inputId=`${this.componentId}-name-input`;this.actionItems=[{label:"Rename",value:"rename"},{label:"Remove",value:"remove",isDestructive:true}]}get selectedCustomView(){return this.views.find((e=>e.id===this.value))}get dialogView(){return this.views.find((e=>e.id===this.dialogViewId))}get sections(){const e=this.views.map((e=>({label:e.label,value:e.id,subtextActions:this.dirty&&e.id===this.selectedCustomView?.id?[{label:"Save",value:"save"},{label:"Discard",value:"discard",tone:"negative"}]:undefined,action:{label:`Options for ${e.label}`,controls:this.actionMenuId,expanded:this.actionViewId===e.id&&this.actionMenuOpen,surfaceOpen:this.actionViewId===e.id}})));const s={header:"Templates",options:[{label:this.defaultViewLabel,value:this.defaultViewId}],divider:e.length>0};return e.length>0?[s,{header:"Custom",options:e}]:[s]}handleViewChange(e){if(typeof e==="string")this.dsViewChange.emit({viewId:e})}handleSubtextAction(e){const s=this.selectedCustomView;if(!s||!this.dirty||e.value!==s.id)return;if(e.actionValue==="save")this.dsViewSave.emit({viewId:s.id});if(e.actionValue==="discard")this.dsViewDiscard.emit({viewId:s.id})}handleOptionAction(e){if(!this.views.some((s=>s.id===e.value)))return;this.actionMenuInitialFocusVisible=e.originalEvent.detail===0;if(this.actionViewId===e.value&&this.actionMenuOpen){this.actionMenuOpen=false;return}this.actionViewId=e.value;this.actionAnchorId=e.anchorId;this.actionMenuOpen=true}handleActionSelect(e){const s=this.actionViewId;this.actionMenuOpen=false;if(!s)return;if(e.detail.value==="rename")this.openDialog("rename",s);if(e.detail.value==="remove")this.dsViewRemove.emit({viewId:s})}openDialog(e,s=null){const t=e==="rename"?this.views.find((e=>e.id===s)):undefined;if(e==="rename"&&!t)return;this.dialogMode=e;this.dialogViewId=t?.id??null;this.nameDraft=t?.label??"";this.nameError="";this.dialogOpen=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{const e=this.el.querySelector(`#${this.inputId}`);void e?.setFocus?.()}))}))}validateName(){const e=this.nameDraft.trim();if(!e)return"View name is required.";const s=this.views.some((s=>s.id!==this.dialogViewId&&s.label.trim().toLocaleLowerCase()===e.toLocaleLowerCase()));if(s||this.defaultViewLabel.trim().toLocaleLowerCase()===e.toLocaleLowerCase()){return"A view with this name already exists."}return""}submitDialog(){const e=this.validateName();if(e){this.nameError=e;return}const s=this.nameDraft.trim();if(this.dialogMode==="rename"&&this.dialogView){this.dsViewRename.emit({viewId:this.dialogView.id,name:s})}else{this.dsViewCreate.emit({name:s})}this.dialogOpen=false}finishDialogClose(){if(this.dialogOpen)return;this.dialogViewId=null;this.nameDraft="";this.nameError="";const e=this.el.querySelector(`#${this.selectId}`);void e?.setFocus?.()}render(){return i(a,{key:"b5c8a0009c1b7ad532eb6a1c79762a2bb781a28b"},i("ds-select",{key:"e0418d267b6ba97d6b89e117b81e71db337a9c95",neutralTrigger:true,hasBorder:this.hasBorder,id:this.selectId,size:"md",icon:"ViewMenu",indicator:"none",collapseLabel:true,iconOnly:this.compact,width:"fill",placeholder:this.label,"aria-label":this.label,sections:this.sections,value:this.value,triggerLabel:this.selectedCustomView?undefined:this.triggerLabel,triggerLabelPlaceholder:!this.selectedCustomView,dot:this.dirty&&Boolean(this.selectedCustomView),footerActionLabel:this.createLabel,activeFill:false,allowClear:false,onDsChange:e=>this.handleViewChange(e.detail),onDsFooterAction:()=>this.openDialog("create"),onDsOptionSubtextAction:e=>this.handleSubtextAction(e.detail),onDsOptionAction:e=>this.handleOptionAction(e.detail)}),i("ds-menu",{key:"652bd45f609f4c10fd13421f59f176a9986d6bd6",id:this.actionMenuId,anchorId:this.actionAnchorId,menuLabel:"Saved view options",side:"bottom",align:"end",menuWidth:"max-content",minWidth:"0",items:this.actionItems,open:this.actionMenuOpen,initialFocusVisible:this.actionMenuInitialFocusVisible,onDsClose:()=>this.actionMenuOpen=false,onDsAfterClose:()=>{if(this.actionMenuOpen)return;this.actionViewId=null;this.actionAnchorId=undefined},onDsSelect:e=>this.handleActionSelect(e)}),i("ds-modal",{key:"f4b985e1ab406ea4057e3099eba034e024249208",open:this.dialogOpen,heading:this.dialogMode==="rename"?"Rename view":"Save as new view",modalWidth:"sm",onDsClose:()=>this.dialogOpen=false,onDsAfterClose:()=>this.finishDialogClose()},i("ds-field",{key:"1338e154d85bd29a95540608e06896647aff4670",fieldId:this.fieldId,error:this.nameError.length>0,errorMessage:this.nameError},i("ds-input",{key:"2f48de3aab3cdeda7e203ebe6f8a0ca73d5bba54",id:this.inputId,size:"md","aria-label":"Name",placeholder:"Enter a unique name",value:this.nameDraft,autoFocus:true,onDsChange:e=>{this.nameDraft=e.detail;if(this.nameError)this.nameError=""},onKeyDown:e=>{if(e.key==="Enter")this.submitDialog()}})),i("ds-button-filled",{key:"82d2273b469bdda6e85f3feb16b2bb0a45f9a2ba",slot:"footer",label:this.dialogMode==="rename"?"Rename":"Save",size:"md",onDsClick:()=>this.submitDialog()}),i("ds-button-unfilled",{key:"e94e9a973d411f1698f1e9234221e0a336a2ff1c",slot:"footer",label:"Cancel",size:"md",onDsClick:()=>this.dialogOpen=false})))}get el(){return this}static get style(){return V()}},[2,"ds-data-saved-views",{hasBorder:[4,"has-border"],views:[16],value:[1],dirty:[4],defaultViewId:[1,"default-view-id"],defaultViewLabel:[1,"default-view-label"],label:[1],triggerLabel:[1,"trigger-label"],compact:[4],createLabel:[1,"create-label"],actionViewId:[32],actionAnchorId:[32],actionMenuOpen:[32],actionMenuInitialFocusVisible:[32],dialogOpen:[32],dialogMode:[32],dialogViewId:[32],nameDraft:[32],nameError:[32]}]);function z(){if(typeof customElements==="undefined"){return}const e=["ds-data-saved-views","ds-badge","ds-button-filled","ds-button-unfilled","ds-checkbox","ds-chip","ds-divider","ds-empty-state","ds-field","ds-icon","ds-input","ds-loader","ds-menu","ds-modal","ds-select","ds-skeleton","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-data-saved-views":if(!customElements.get(n(e))){customElements.define(n(e),A)}break;case"ds-badge":if(!customElements.get(n(e))){o()}break;case"ds-button-filled":if(!customElements.get(n(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){l()}break;case"ds-checkbox":if(!customElements.get(n(e))){r()}break;case"ds-chip":if(!customElements.get(n(e))){h()}break;case"ds-divider":if(!customElements.get(n(e))){m()}break;case"ds-empty-state":if(!customElements.get(n(e))){c()}break;case"ds-field":if(!customElements.get(n(e))){f()}break;case"ds-icon":if(!customElements.get(n(e))){u()}break;case"ds-input":if(!customElements.get(n(e))){b()}break;case"ds-loader":if(!customElements.get(n(e))){p()}break;case"ds-menu":if(!customElements.get(n(e))){v()}break;case"ds-modal":if(!customElements.get(n(e))){w()}break;case"ds-select":if(!customElements.get(n(e))){k()}break;case"ds-skeleton":if(!customElements.get(n(e))){g()}break;case"ds-swatch-picker":if(!customElements.get(n(e))){D()}break;case"ds-switch":if(!customElements.get(n(e))){E()}break;case"ds-tag":if(!customElements.get(n(e))){j()}break;case"ds-text":if(!customElements.get(n(e))){y()}break;case"ds-tooltip":if(!customElements.get(n(e))){C()}break}}))}z();const S=A;const I=z;export{S as DsDataSavedViews,I as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-data-saved-views.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,c as a,h as t,a as i,t as r}from"./index.js";import{A as d,r as o,d as c}from"./p-DTlNtCX1.js";import{A as n}from"./p-CwUXroLs.js";import{i as l}from"./p-DuCfCvPs.js";import{d as h}from"./p-ClOvX8cD.js";import{d as p}from"./p-Bn-tsogb.js";import{d as f}from"./p-BLQgaSh-.js";import{d as v}from"./p-B3-zImxn.js";import{d as u}from"./p-GP7Dz3qO.js";import{d as m}from"./p-0XTyQNRG.js";import{d as g}from"./p-DMPn_dt7.js";import{r as b}from"./p-CVYjLzYI.js";import{T as x}from"./p-mSCnWLhL.js";import{c as y,r as w}from"./p-DhKvqh5G.js";function _(e){const s=[];const a=new Set;for(const t of e){if(l(t)||t.searchable===false)continue;const e=t.segments??[];if(e.length>0){for(const t of e){const e=t.sortKey.trim();const i=t.dataLabel?.trim()||t.label.trim()||e;if(!e||!i||t.searchable===false||a.has(e))continue;a.add(e);s.push({id:e,label:i})}continue}const i=t.id.trim();const r=t.dataLabel?.trim()||t.label.trim()||t.accessibleLabel?.trim()||i;if(!i||!r||a.has(i))continue;a.add(i);s.push({id:i,label:r})}return s}function k(e,s){const a=new Map(e.map((e=>[e.id,e])));const t=[];const i=new Set;for(const e of s){if(i.has(e))continue;const s=a.get(e);if(!s)continue;i.add(e);t.push(s)}return t}function z(e,s){const a=new Set(s);return e.filter((e=>!a.has(e.id)))}function C(e,s){const a=s.trim().toLocaleLowerCase();if(!a)return[...e];return e.filter((e=>`${e.label} ${e.id}`.toLocaleLowerCase().includes(a)))}function F(e,s,a){if(s<=0)return-1;const t=e>=0&&e<s?e:0;return(t+a+s)%s}const I=()=>`.sc-ds-data-search-h,.sc-ds-data-search:where(.ds-table),.sc-ds-data-search:where(.tooltip-popup),.sc-ds-data-search:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-data-search-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-data-search-h,.ds-focus-ring.sc-ds-data-search,.ds-focus-ring-inset.sc-ds-data-search-h,.ds-focus-ring-inset.sc-ds-data-search{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-data-search-h:focus-visible,.ds-focus-ring.sc-ds-data-search:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-data-search-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-data-search{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-data-search-h:focus-visible,.ds-focus-ring-inset.sc-ds-data-search:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-data-search-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-data-search:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-data-search-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-data-search-h,.ds-interaction-fill.sc-ds-data-search{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-data-search-h::before,.ds-interaction-fill.sc-ds-data-search::before,.ds-interaction-fill.sc-ds-data-search-h::after,.ds-interaction-fill.sc-ds-data-search::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-data-search-h::before,.ds-interaction-fill.sc-ds-data-search::before{z-index:1}.ds-interaction-fill.sc-ds-data-search-h::after,.ds-interaction-fill.sc-ds-data-search::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color), inset var(--ds-interaction-divider-inline-start-width) 0 0 var(--ds-interaction-divider-inline-start-color), inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0 var(--ds-interaction-divider-inline-end-color), inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-data-search-h,.ds-interaction-fill--bordered.sc-ds-data-search{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-data-search-h::before,.ds-interaction-fill--selected.sc-ds-data-search::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-data-search-h,.ds-interaction-fill--selected.sc-ds-data-search{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-data-search-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-data-search:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-data-search-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-data-search:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-data-search-h::after,.ds-interaction-fill--grouped.sc-ds-data-search::after,.ds-interaction-fill--grouped.sc-ds-data-search-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-data-search:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-data-search-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-data-search:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-data-search-h,.ds-interaction-fill--grouped.sc-ds-data-search{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var( --ds-interaction-group-divider-inline-start-width, 0px );--ds-interaction-divider-inline-start-color:var( --ds-interaction-group-divider-inline-start-color, transparent );--ds-interaction-divider-inline-end-width:var( --ds-interaction-group-divider-inline-end-width, 0px );--ds-interaction-divider-inline-end-color:var( --ds-interaction-group-divider-inline-end-color, transparent )}.ds-interaction-fill.sc-ds-data-search-h>.ds-interaction-fill__content.sc-ds-data-search,.ds-interaction-fill.sc-ds-data-search>.ds-interaction-fill__content.sc-ds-data-search,.ds-interaction-fill__content.sc-ds-data-search{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-data-search-h,.ds-interaction-fill--on-faint.sc-ds-data-search{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-data-search-h,.ds-interaction-fill--on-medium.sc-ds-data-search{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-data-search-h,.ds-interaction-fill--on-bold.sc-ds-data-search{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-data-search-h,.ds-interaction-fill--on-strong.sc-ds-data-search{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-data-search-h,.ds-interaction-fill--on-translucent.sc-ds-data-search{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-data-search-h,.ds-interaction-fill--on-inverted.sc-ds-data-search{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-data-search-h,.ds-interaction-fill--on-media.sc-ds-data-search{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-data-search-h,.ds-interaction-fill--on-always-dark.sc-ds-data-search{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-data-search-h,.ds-interaction-fill--on-chrome.sc-ds-data-search{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-data-search-h,.ds-interaction-fill--on-navigation.sc-ds-data-search{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-data-search-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-data-search:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-data-search-h::after,.ds-interaction-fill.sc-ds-data-search::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-data-search-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-data-search:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-data-search-h::before,.ds-interaction-fill--selected.sc-ds-data-search::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-data-search-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-data-search:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-data-search-h,.ds-control-inactive.sc-ds-data-search{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-data-search-h,.ds-control-inactive.sc-ds-data-search{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-data-search,.ds-control--lg.sc-ds-data-search-h,.ds-control--md.sc-ds-data-search-h,.ds-control--md.sc-ds-data-search,.ds-control--sm.sc-ds-data-search-h,.ds-control--sm.sc-ds-data-search,.ds-control--xs.sc-ds-data-search-h,.ds-control--xs.sc-ds-data-search{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-data-search-h,.ds-control--lg.sc-ds-data-search{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-data-search-h,.ds-control--md.sc-ds-data-search{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-data-search-h,.ds-control--sm.sc-ds-data-search{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-data-search-h,.ds-control--xs.sc-ds-data-search{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-data-search-h,.ds-chrome-space--sm.sc-ds-data-search{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-data-search-h,.ds-chrome-space--md.sc-ds-data-search{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-data-search-h,.ds-chrome-space--lg.sc-ds-data-search{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-data-search-h,.ds-chrome-row.sc-ds-data-search,.ds-chrome-column.sc-ds-data-search-h,.ds-chrome-column.sc-ds-data-search,.ds-chrome-grid.sc-ds-data-search-h,.ds-chrome-grid.sc-ds-data-search{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-data-search-h,.ds-chrome-row.sc-ds-data-search{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-data-search-h,.ds-chrome-column.sc-ds-data-search{flex-direction:column}.ds-chrome-grid.sc-ds-data-search-h,.ds-chrome-grid.sc-ds-data-search{display:grid;align-items:center}.ds-control-frame.sc-ds-data-search{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-data-search{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc( var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-control-icon-box.sc-ds-data-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-data-search{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-data-search{position:relative;padding-inline-end:calc( var(--ds-control-label-inset, var(--dimension-space-025)) + var(--ds-control-gap, var(--dimension-space-050)) )}.ds-control-label-dot__badge.sc-ds-data-search{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-empty-region.sc-ds-data-search{display:flex;flex:1 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.ds-empty-region--padded.sc-ds-data-search{padding:var(--dimension-space-200)}.sc-ds-data-search:where(.ds-text-decoration,.ds-text-action).sc-ds-data-search{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-data-search:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-data-search{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-choice-popup.sc-ds-data-search{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-data-search::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-data-search{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-data-search{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-data-search{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-data-search{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-data-search::after{box-shadow:none}}.ds-choice-list.sc-ds-data-search{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-choice-section--divided.sc-ds-data-search{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}ds-text.ds-choice-section__header.sc-ds-data-search{text-align:start;-webkit-user-select:none;user-select:none}.ds-choice-section--headed-after-first.sc-ds-data-search{margin-block-start:var(--dimension-space-050)}.select-option-row.sc-ds-data-search{display:flex;flex-direction:column;min-width:0}.ds-choice-item.sc-ds-data-search{width:100%;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent;cursor:default;-webkit-user-select:none;user-select:none;text-align:left;color:inherit}.ds-choice-item.sc-ds-data-search:has(.ds-choice-item__subtext){height:auto;min-height:var(--ds-control-height, var(--dimension-size-400));padding-block:var(--ds-control-padding-inline, var(--dimension-space-075));align-items:flex-start}.ds-choice-item.ds-control--xs.sc-ds-data-search:has(.ds-choice-item__subtext){padding-block:0}.ds-choice-item__content.sc-ds-data-search{display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}ds-text.ds-choice-item__label.sc-ds-data-search{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ds-text.ds-choice-item__subtext.sc-ds-data-search{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-choice-item__icon.sc-ds-data-search,.ds-choice-item__suffix.sc-ds-data-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));pointer-events:none}.ds-choice-item.ds-interaction-fill--selected.sc-ds-data-search .ds-choice-item__icon.sc-ds-data-search{color:var(--color-foreground-primary)}.ds-choice-item__tag.sc-ds-data-search{flex-shrink:0;pointer-events:none}.ds-choice-empty.sc-ds-data-search,.ds-choice-loading.sc-ds-data-search{min-height:var(--dimension-size-600);padding:var(--dimension-space-100)}.ds-choice-footer.sc-ds-data-search{position:relative;box-sizing:border-box;padding-block:var(--dimension-space-050)}.ds-choice-footer.sc-ds-data-search::before{content:'';position:absolute;inset:0 0 auto;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.ds-choice-footer__content.sc-ds-data-search{display:flex;align-items:center;justify-content:space-between;column-gap:var(--dimension-space-050);box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400))}.ds-choice-footer__summary.sc-ds-data-search,.ds-choice-footer__summary-measure.sc-ds-data-search,.ds-choice-footer__clear.sc-ds-data-search ds-text.sc-ds-data-search,.ds-choice-footer__action.sc-ds-data-search ds-text.sc-ds-data-search{padding-inline:calc( var(--dimension-space-050) + var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-choice-footer__summary.sc-ds-data-search,.ds-choice-footer__summary-measure.sc-ds-data-search,.ds-choice-footer__clear.sc-ds-data-search,.ds-choice-footer__action.sc-ds-data-search{white-space:nowrap}.ds-choice-footer__summary-measure.sc-ds-data-search{position:absolute;visibility:hidden;pointer-events:none}.ds-choice-footer__clear.sc-ds-data-search,.ds-choice-footer__action.sc-ds-data-search{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default}@media (forced-colors: active){.ds-choice-section--divided.sc-ds-data-search{border-bottom-color:var(--ds-forced-color-content)}.ds-choice-footer.sc-ds-data-search::before{background-color:var(--ds-forced-color-content)}}.ds-control--lg.ds-control--inset.sc-ds-data-search-h,.ds-control--lg.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-025))}.ds-control--md.ds-control--inset.sc-ds-data-search-h,.ds-control--md.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-025))}.ds-control--sm.ds-control--inset.sc-ds-data-search-h,.ds-control--sm.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-025))}.ds-control--xs.ds-control--inset.sc-ds-data-search-h,.ds-control--xs.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-200) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-025) - var(--dimension-space-025))}.ds-control--lg.ds-control--inset-double.sc-ds-data-search-h,.ds-control--lg.ds-control--inset-double.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-050))}.ds-control--md.ds-control--inset-double.sc-ds-data-search-h,.ds-control--md.ds-control--inset-double.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-050))}.ds-control--sm.ds-control--inset-double.sc-ds-data-search-h,.ds-control--sm.ds-control--inset-double.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-050))}.ds-text--display-medium.sc-ds-data-search-h,.ds-text--display-medium.sc-ds-data-search{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-data-search-h,.ds-text--display-small.sc-ds-data-search{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-data-search-h,.ds-text--title-large.sc-ds-data-search{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-data-search-h,.ds-text--title-medium.sc-ds-data-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-data-search-h,.ds-text--title-small.sc-ds-data-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-data-search-h,.ds-text--body-large.sc-ds-data-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-data-search-h,.ds-text--body-medium.sc-ds-data-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-data-search-h,.ds-text--body-small.sc-ds-data-search{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-data-search-h,.ds-text--caption.sc-ds-data-search{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-data-search-h,.ds-text--display-small.ds-text--emphasis.sc-ds-data-search-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-data-search,.ds-text--display-small.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-data-search-h,.ds-text--display-small.ds-text--regular.sc-ds-data-search-h,.ds-text--display-medium.ds-text--regular.sc-ds-data-search,.ds-text--display-small.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-data-search-h,.ds-text--title-large.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-data-search-h,.ds-text--title-large.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-data-search-h,.ds-text--title-small.ds-text--emphasis.sc-ds-data-search-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-data-search,.ds-text--title-small.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-data-search-h,.ds-text--title-small.ds-text--regular.sc-ds-data-search-h,.ds-text--title-medium.ds-text--regular.sc-ds-data-search,.ds-text--title-small.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-data-search-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-data-search-h,.ds-text--body-large.ds-text--emphasis.sc-ds-data-search,.ds-text--body-medium.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-data-search-h,.ds-text--body-medium.ds-text--regular.sc-ds-data-search-h,.ds-text--body-large.ds-text--regular.sc-ds-data-search,.ds-text--body-medium.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-data-search-h,.ds-text--body-small.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-data-search-h,.ds-text--body-small.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-data-search-h,.ds-text--caption.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-data-search-h,.ds-text--caption.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}.ds-visually-hidden.sc-ds-data-search-h,.ds-visually-hidden.sc-ds-data-search{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.data-search-host.sc-ds-data-search-h{display:inline-flex;box-sizing:border-box;inline-size:100%;min-inline-size:0;--ds-data-search-foreground:var(--color-foreground-primary);--ds-data-search-adornment:var(--color-foreground-secondary);--ds-data-search-placeholder:var(--color-foreground-secondary);--ds-data-search-placeholder-active:var(--color-foreground-quaternary);--ds-data-search-border:var(--color-border-secondary)}.data-search__control.sc-ds-data-search{inline-size:100%;min-inline-size:0;padding-inline-end:var(--dimension-space-050);overflow:hidden;border:0;background:transparent;color:var(--ds-data-search-foreground);--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-data-search-border)}.data-search__control.sc-ds-data-search:focus-within{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-brand)}.ds-control-inactive.sc-ds-data-search-h .data-search__control.sc-ds-data-search::after{background:transparent}.data-search__icon.sc-ds-data-search,.data-search__clear.sc-ds-data-search{position:relative;z-index:2;flex:none}.data-search__icon.sc-ds-data-search{color:var(--ds-data-search-adornment)}.data-search__editor.sc-ds-data-search{position:relative;z-index:2;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;block-size:100%;gap:var(--dimension-space-050);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.data-search__editor.sc-ds-data-search::-webkit-scrollbar{display:none}.data-search__chip.sc-ds-data-search{flex:none;max-inline-size:var(--dimension-panel-width-2xs)}.data-search__input.sc-ds-data-search{appearance:none;box-sizing:border-box;flex:1 0 var(--dimension-size-600);min-inline-size:var(--dimension-size-600);block-size:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--ds-data-search-foreground);text-overflow:ellipsis}.data-search__input.sc-ds-data-search::-webkit-search-cancel-button,.data-search__input.sc-ds-data-search::-webkit-search-decoration{display:none}.data-search__input.sc-ds-data-search::placeholder{color:var(--ds-data-search-placeholder)}.data-search__input.sc-ds-data-search:focus::placeholder{color:var(--ds-data-search-placeholder-active)}.data-search__popup.sc-ds-data-search{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}.data-search__list.sc-ds-data-search{padding:var(--dimension-space-050)}.data-search__option.sc-ds-data-search{flex:none;inline-size:100%}@media (forced-colors: active){.data-search__control.sc-ds-data-search:focus-within::after{outline-color:var(--ds-forced-color-selected)}}.data-search-host--borderless.sc-ds-data-search-h .data-search__control.sc-ds-data-search:not(:focus-within){--ds-interaction-border-width:0px}`;let T=0;const $=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=a(this,"dsChange",3);this.dsFieldsChange=a(this,"dsFieldsChange",3);this.dsClear=a(this,"dsClear",3);this.hasBorder=true;this.value="";this.fields=[];this.selectedFieldIds=[];this.placeholder="Search";this.ariaLabel="Search table";this.clearLabel="Clear search";this.fieldMenuLabel="Choose search fields";this.isInactive=false;this.menuOpen=false;this.menuQuery="";this.activeIndex=0;this.focusRingVisible=false;this.position={x:0,y:0};this.positionReady=false;this.availableHeight=null;this.announcement="";this.componentId=`ds-data-search-${++T}`;this.inputId=`${this.componentId}-input`;this.listboxId=`${this.componentId}-listbox`;this.descriptionId=`${this.componentId}-description`;this.inputEl=null;this.controlEl=null;this.popupEl=null;this.positionController=new d({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{if(!this.menuOpen||!s.isConnected)return null;const a=b(x.space050,x.space050);s.style.minWidth=`max(var(--ds-choice-popup-min-inline-size, ${x.menuWidthXs}), ${y(e.offsetWidth,a)}px)`;const t=e.getBoundingClientRect();return{anchorRect:t,popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:"start",sideOffsetPx:a,alignOffsetPx:w({align:"start",alignOffsetPx:0,sectionInsetPx:a}),viewportPadPx:a,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:o(e)}},apply:({x:e,y:s,availableHeight:a})=>{this.position={x:e,y:s};this.availableHeight=a},onReady:()=>{this.positionReady=true},topLayer:true,liveUpdate:"frame",observeResize:true,observeAnchorMotion:true});this.interactionController=new n({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.closeMenu()})}disconnectedCallback(){this.closeMenu()}syncAvailableFields(){const e=this.availableFields.length;if(e===0){this.closeMenu();return}if(this.activeIndex>=e)this.activeIndex=e-1}syncInactive(e){if(e)this.closeMenu()}async setFocus(){this.inputEl?.focus()}get selectedFields(){return k(this.searchFields,this.selectedFieldIds)}get availableFields(){return z(this.searchFields,this.selectedFieldIds)}get visibleFields(){return C(this.availableFields,this.menuQuery)}get searchFields(){return _(this.fields)}get activeOptionId(){return this.menuOpen&&this.activeIndex>=0?`${this.componentId}-option-${this.activeIndex}`:undefined}openMenu(e){if(this.isInactive||this.menuOpen||this.availableFields.length===0)return;this.menuQuery="";if(this.inputEl)this.inputEl.value="";this.activeIndex=0;this.focusRingVisible=e;this.positionReady=false;this.menuOpen=true;requestAnimationFrame((()=>{if(!this.menuOpen)return;this.interactionController.connect();this.positionController.observe();this.positionController.schedule()}))}closeMenu(){if(!this.menuOpen&&!this.popupEl)return;if(this.popupEl?.matches(":popover-open"))this.popupEl.hidePopover();this.positionController.unobserve();this.interactionController.disconnect();this.popupEl=null;this.positionReady=false;this.availableHeight=null;this.menuOpen=false;this.menuQuery=""}handleInput(e){const s=e.target.value;if(this.menuOpen){this.menuQuery=s;this.activeIndex=C(this.availableFields,s).length?0:-1;this.focusRingVisible=false;this.positionController.schedule();return}this.dsChange.emit(s)}selectField(e){this.dsFieldsChange.emit({selectedFieldIds:[...this.selectedFieldIds,e.id]});this.announcement=`${e.label} search field added.`;this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}removeLastField(){const e=this.selectedFields;const s=e[e.length-1];if(!s)return;this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((e=>e!==s.id))});this.announcement=`${s.label} search field removed.`}removeField(e){this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((s=>s!==e.id))});this.announcement=`${e.label} search field removed.`;requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}clearSearch(){if(this.value)this.dsChange.emit("");if(this.selectedFieldIds.length)this.dsFieldsChange.emit({selectedFieldIds:[]});this.dsClear.emit();this.announcement="Search cleared.";this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}handleKeyDown(e){if(e.key==="/"&&!this.menuOpen&&!e.altKey&&!e.ctrlKey&&!e.metaKey){e.preventDefault();this.openMenu(true);return}if(e.key==="Backspace"&&this.menuOpen&&this.menuQuery.length===0){e.preventDefault();this.closeMenu();return}if(e.key==="Backspace"&&this.value.length===0){if(this.selectedFields.length){e.preventDefault();this.removeLastField()}return}if(!this.menuOpen)return;if(e.key==="Escape"){e.preventDefault();this.closeMenu();return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();this.focusRingVisible=true;this.activeIndex=F(this.activeIndex,this.visibleFields.length,e.key==="ArrowDown"?1:-1);this.el.querySelector(`#${CSS.escape(this.activeOptionId??"")}`)?.scrollIntoView({block:"nearest"});return}if(e.key==="Enter"){const s=this.visibleFields[this.activeIndex];if(!s)return;e.preventDefault();this.selectField(s);return}if(e.key==="Tab")this.closeMenu()}render(){const e=this.selectedFields;const s=this.visibleFields;const a=this.menuOpen?this.menuQuery:this.value;const r=this.value.length>0||e.length>0;const d=e.length?`Search limited to ${e.map((e=>e.label)).join(" or ")}.`:"Search includes every available table field. Type slash to choose fields.";const o={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};if(this.availableHeight!==null){o["max-height"]=`${Math.floor(this.availableHeight)}px`}return t(i,{key:"8567ba1399ccdddf215340855144a4324ec8182a",class:{"data-search-host":true,"data-search-host--borderless":!this.hasBorder,"ds-control--md":true,"ds-control-inactive":this.isInactive},"data-filled":r?"":undefined,"data-expanded":this.menuOpen?"":undefined},t("div",{key:"a94f2f99c44fbc05932a6132845e5d6015389cb1",ref:e=>{this.controlEl=e??null},class:"data-search__control ds-control-frame ds-control--md ds-interaction-fill"},t("span",{key:"4ea665c55216ec2343e6f6fbd7d9fb80b9cade68",class:"data-search__icon ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},t("ds-icon",{key:"fe74da439ae5cf6ad1a13bf2041a4570651e555c",name:"MagnifyingGlass",size:"md",color:"inherit"})),t("div",{key:"82ea2b5a69eb0970f554f812882e5ac3aaa96c73",class:"data-search__editor ds-interaction-fill__content"},e.map((e=>t("ds-chip",{class:"data-search__chip",key:e.id,label:e.label,size:"md",state:"default",isInset:true,insetDepth:"double",isInactive:this.isInactive,onDsRemove:()=>this.removeField(e)}))),t("input",{key:"3d54dd12c79e5f66c2911a966892100413332637",ref:e=>{this.inputEl=e??null},id:this.inputId,class:"data-search__input ds-text--body-medium ds-text--regular",type:"search",role:"combobox",value:a,placeholder:this.placeholder,disabled:this.isInactive,"aria-label":this.ariaLabel,"aria-describedby":this.descriptionId,"aria-haspopup":"listbox","aria-expanded":String(this.menuOpen),"aria-controls":this.menuOpen?this.listboxId:undefined,"aria-activedescendant":this.activeOptionId,"aria-keyshortcuts":"/",autoComplete:"off",autoCapitalize:"none",autoCorrect:"off",spellcheck:false,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)})),a.length>0&&!this.isInactive&&t("ds-button-unfilled",{key:"e07a1b687ee0755172fe8fa83504f5f42df15d6b",class:"data-search__clear ds-interaction-fill__content",variant:"icon",size:"sm",icon:"CrossCircle",hasBorder:false,rounded:true,ariaLabel:this.clearLabel,onDsClick:()=>this.clearSearch()})),t("span",{key:"6e746145432c6e036ed3b15b2b241eae2f47ee75",id:this.descriptionId,class:"ds-visually-hidden"},d),t("span",{key:"bdeffda855532053c7b32c3c0e56cb9a4119e2d7",class:"ds-visually-hidden","aria-live":"polite"},this.announcement),this.menuOpen&&t("div",{key:"6d6f4262b179d02d7cfce6633f15b8d21f1fb670",popover:"manual",ref:e=>{this.popupEl=e??null},class:"data-search__popup ds-choice-popup",style:o},t("div",{key:"dc0059bf22fbbe53afdc6c2decf5a5a4bbb49085",id:this.listboxId,class:"data-search__list ds-choice-list",role:"listbox","aria-label":this.fieldMenuLabel},s.map(((e,s)=>{const a=s===this.activeIndex;return t("div",{id:`${this.componentId}-option-${s}`,key:e.id,class:{"data-search__option":true,"ds-choice-item":true,"ds-control-frame":true,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-focus-ring--visible":a&&this.focusRingVisible,"ds-interaction-fill":true,"ds-interaction-fill--selected":a},role:"option","aria-selected":String(a),onMouseDown:e=>e.preventDefault(),onMouseMove:()=>{this.focusRingVisible=false;this.activeIndex=s},onClick:()=>this.selectField(e)},t("ds-text",{class:"ds-choice-item__label ds-control-label-box ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:a?"primary":"secondary"},e.label))})),s.length===0&&t("div",{key:"bfceb856adf5cb4127099e2d34fbe576c19995a9",class:"data-search__empty ds-choice-empty ds-empty-region"},t("ds-empty-state",{key:"6fa0ae897f1cf59648efdc6c1576f24179fb360e",body:"No matching data points"})))))}get el(){return this}static get watchers(){return{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}}static get style(){return I()}},[2,"ds-data-search",{hasBorder:[516,"has-border"],value:[1],fields:[16],selectedFieldIds:[16],placeholder:[1],ariaLabel:[1,"aria-label"],clearLabel:[1,"clear-label"],fieldMenuLabel:[1,"field-menu-label"],isInactive:[4,"is-inactive"],menuOpen:[32],menuQuery:[32],activeIndex:[32],focusRingVisible:[32],position:[32],positionReady:[32],availableHeight:[32],announcement:[32],setFocus:[64]},undefined,{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["ds-data-search","ds-badge","ds-button-unfilled","ds-chip","ds-empty-state","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-data-search":if(!customElements.get(r(e))){customElements.define(r(e),$)}break;case"ds-badge":if(!customElements.get(r(e))){h()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){p()}break;case"ds-chip":if(!customElements.get(r(e))){f()}break;case"ds-empty-state":if(!customElements.get(r(e))){v()}break;case"ds-icon":if(!customElements.get(r(e))){u()}break;case"ds-loader":if(!customElements.get(r(e))){m()}break;case"ds-text":if(!customElements.get(r(e))){g()}break;case"ds-tooltip":if(!customElements.get(r(e))){c()}break}}))}j();const A=$;const S=j;export{A as DsDataSearch,S as defineCustomElement};
|
|
1
|
+
import{p as e,H as s,c as a,h as t,a as i,t as r}from"./index.js";import{A as d,r as o,d as c}from"./p-DTlNtCX1.js";import{A as n}from"./p-CwUXroLs.js";import{i as l}from"./p-DuCfCvPs.js";import{d as h}from"./p-ClOvX8cD.js";import{d as p}from"./p-D5-hqLPK.js";import{d as f}from"./p-CMZAEySh.js";import{d as v}from"./p-Dc_zSOKq.js";import{d as u}from"./p-C942uiH1.js";import{d as m}from"./p-0XTyQNRG.js";import{d as g}from"./p-DMPn_dt7.js";import{r as b}from"./p-CVYjLzYI.js";import{T as x}from"./p-mSCnWLhL.js";import{c as y,r as w}from"./p-DhKvqh5G.js";function _(e){const s=[];const a=new Set;for(const t of e){if(l(t)||t.searchable===false)continue;const e=t.segments??[];if(e.length>0){for(const t of e){const e=t.sortKey.trim();const i=t.dataLabel?.trim()||t.label.trim()||e;if(!e||!i||t.searchable===false||a.has(e))continue;a.add(e);s.push({id:e,label:i})}continue}const i=t.id.trim();const r=t.dataLabel?.trim()||t.label.trim()||t.accessibleLabel?.trim()||i;if(!i||!r||a.has(i))continue;a.add(i);s.push({id:i,label:r})}return s}function k(e,s){const a=new Map(e.map((e=>[e.id,e])));const t=[];const i=new Set;for(const e of s){if(i.has(e))continue;const s=a.get(e);if(!s)continue;i.add(e);t.push(s)}return t}function z(e,s){const a=new Set(s);return e.filter((e=>!a.has(e.id)))}function C(e,s){const a=s.trim().toLocaleLowerCase();if(!a)return[...e];return e.filter((e=>`${e.label} ${e.id}`.toLocaleLowerCase().includes(a)))}function F(e,s,a){if(s<=0)return-1;const t=e>=0&&e<s?e:0;return(t+a+s)%s}const I=()=>`.sc-ds-data-search-h,.sc-ds-data-search:where(.ds-table),.sc-ds-data-search:where(.tooltip-popup),.sc-ds-data-search:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-data-search-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-data-search-h,.ds-focus-ring.sc-ds-data-search,.ds-focus-ring-inset.sc-ds-data-search-h,.ds-focus-ring-inset.sc-ds-data-search{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-data-search-h:focus-visible,.ds-focus-ring.sc-ds-data-search:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-data-search-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-data-search{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-data-search-h:focus-visible,.ds-focus-ring-inset.sc-ds-data-search:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-data-search-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-data-search:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-data-search::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-data-search-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-data-search-h,.ds-interaction-fill.sc-ds-data-search{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-data-search-h::before,.ds-interaction-fill.sc-ds-data-search::before,.ds-interaction-fill.sc-ds-data-search-h::after,.ds-interaction-fill.sc-ds-data-search::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-data-search-h::before,.ds-interaction-fill.sc-ds-data-search::before{z-index:1}.ds-interaction-fill.sc-ds-data-search-h::after,.ds-interaction-fill.sc-ds-data-search::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color), inset var(--ds-interaction-divider-inline-start-width) 0 0 var(--ds-interaction-divider-inline-start-color), inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0 var(--ds-interaction-divider-inline-end-color), inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-data-search-h,.ds-interaction-fill--bordered.sc-ds-data-search{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-data-search-h::before,.ds-interaction-fill--selected.sc-ds-data-search::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-data-search-h,.ds-interaction-fill--selected.sc-ds-data-search{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-data-search-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-data-search:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-data-search-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-data-search:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-data-search-h::after,.ds-interaction-fill--grouped.sc-ds-data-search::after,.ds-interaction-fill--grouped.sc-ds-data-search-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-data-search:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-data-search-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-data-search:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-data-search-h,.ds-interaction-fill--grouped.sc-ds-data-search{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var( --ds-interaction-group-divider-inline-start-width, 0px );--ds-interaction-divider-inline-start-color:var( --ds-interaction-group-divider-inline-start-color, transparent );--ds-interaction-divider-inline-end-width:var( --ds-interaction-group-divider-inline-end-width, 0px );--ds-interaction-divider-inline-end-color:var( --ds-interaction-group-divider-inline-end-color, transparent )}.ds-interaction-fill.sc-ds-data-search-h>.ds-interaction-fill__content.sc-ds-data-search,.ds-interaction-fill.sc-ds-data-search>.ds-interaction-fill__content.sc-ds-data-search,.ds-interaction-fill__content.sc-ds-data-search{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-data-search-h,.ds-interaction-fill--on-faint.sc-ds-data-search{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-data-search-h,.ds-interaction-fill--on-medium.sc-ds-data-search{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-data-search-h,.ds-interaction-fill--on-bold.sc-ds-data-search{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-data-search-h,.ds-interaction-fill--on-strong.sc-ds-data-search{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-data-search-h,.ds-interaction-fill--on-translucent.sc-ds-data-search{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-data-search-h,.ds-interaction-fill--on-inverted.sc-ds-data-search{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-data-search-h,.ds-interaction-fill--on-media.sc-ds-data-search{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-data-search-h,.ds-interaction-fill--on-always-dark.sc-ds-data-search{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-data-search-h,.ds-interaction-fill--on-chrome.sc-ds-data-search{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-data-search-h,.ds-interaction-fill--on-navigation.sc-ds-data-search{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-data-search-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-data-search:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-data-search-h::after,.ds-interaction-fill.sc-ds-data-search::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-data-search-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-data-search:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-data-search-h::before,.ds-interaction-fill--selected.sc-ds-data-search::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-data-search-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-data-search:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-data-search:root,.sc-ds-data-search-h,.ds-forced-colors-scope.sc-ds-data-search{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-data-search-h,.ds-control-inactive.sc-ds-data-search{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-data-search-h,.ds-control-inactive.sc-ds-data-search{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-data-search,.ds-control--lg.sc-ds-data-search-h,.ds-control--md.sc-ds-data-search-h,.ds-control--md.sc-ds-data-search,.ds-control--sm.sc-ds-data-search-h,.ds-control--sm.sc-ds-data-search,.ds-control--xs.sc-ds-data-search-h,.ds-control--xs.sc-ds-data-search{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-data-search-h,.ds-control--lg.sc-ds-data-search{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-data-search-h,.ds-control--md.sc-ds-data-search{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-data-search-h,.ds-control--sm.sc-ds-data-search{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-data-search-h,.ds-control--xs.sc-ds-data-search{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-data-search-h,.ds-chrome-space--sm.sc-ds-data-search{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-data-search-h,.ds-chrome-space--md.sc-ds-data-search{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-data-search-h,.ds-chrome-space--lg.sc-ds-data-search{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-data-search-h,.ds-chrome-row.sc-ds-data-search,.ds-chrome-column.sc-ds-data-search-h,.ds-chrome-column.sc-ds-data-search,.ds-chrome-grid.sc-ds-data-search-h,.ds-chrome-grid.sc-ds-data-search{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-data-search-h,.ds-chrome-row.sc-ds-data-search{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-data-search-h,.ds-chrome-column.sc-ds-data-search{flex-direction:column}.ds-chrome-grid.sc-ds-data-search-h,.ds-chrome-grid.sc-ds-data-search{display:grid;align-items:center}.ds-control-frame.sc-ds-data-search{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-data-search{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc( var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-control-icon-box.sc-ds-data-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-data-search{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-data-search{position:relative;padding-inline-end:calc( var(--ds-control-label-inset, var(--dimension-space-025)) + var(--ds-control-gap, var(--dimension-space-050)) )}.ds-control-label-dot__badge.sc-ds-data-search{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-empty-region.sc-ds-data-search{display:flex;flex:1 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.ds-empty-region--padded.sc-ds-data-search{padding:var(--dimension-space-200)}.sc-ds-data-search:where(.ds-text-decoration,.ds-text-action).sc-ds-data-search{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-data-search{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-data-search:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-data-search{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-choice-popup.sc-ds-data-search{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-data-search::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-data-search{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-data-search{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-data-search{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-data-search{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-data-search::after{box-shadow:none}}.ds-choice-list.sc-ds-data-search{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-choice-section--divided.sc-ds-data-search{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}ds-text.ds-choice-section__header.sc-ds-data-search{text-align:start;-webkit-user-select:none;user-select:none}.ds-choice-section--headed-after-first.sc-ds-data-search{margin-block-start:var(--dimension-space-050)}.select-option-row.sc-ds-data-search{display:flex;flex-direction:column;min-width:0}.ds-choice-item.sc-ds-data-search{width:100%;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent;cursor:default;-webkit-user-select:none;user-select:none;text-align:left;color:inherit}.ds-choice-item.sc-ds-data-search:has(.ds-choice-item__subtext){height:auto;min-height:var(--ds-control-height, var(--dimension-size-400));padding-block:var(--ds-control-padding-inline, var(--dimension-space-075));align-items:flex-start}.ds-choice-item.ds-control--xs.sc-ds-data-search:has(.ds-choice-item__subtext){padding-block:0}.ds-choice-item__content.sc-ds-data-search{display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}ds-text.ds-choice-item__label.sc-ds-data-search{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ds-text.ds-choice-item__subtext.sc-ds-data-search{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-choice-item__icon.sc-ds-data-search,.ds-choice-item__suffix.sc-ds-data-search{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));pointer-events:none}.ds-choice-item.ds-interaction-fill--selected.sc-ds-data-search .ds-choice-item__icon.sc-ds-data-search{color:var(--color-foreground-primary)}.ds-choice-item__tag.sc-ds-data-search{flex-shrink:0;pointer-events:none}.ds-choice-empty.sc-ds-data-search,.ds-choice-loading.sc-ds-data-search{min-height:var(--dimension-size-600);padding:var(--dimension-space-100)}.ds-choice-footer.sc-ds-data-search{position:relative;box-sizing:border-box;padding-block:var(--dimension-space-050)}.ds-choice-footer.sc-ds-data-search::before{content:'';position:absolute;inset:0 0 auto;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.ds-choice-footer__content.sc-ds-data-search{display:flex;align-items:center;justify-content:space-between;column-gap:var(--dimension-space-050);box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400))}.ds-choice-footer__summary.sc-ds-data-search,.ds-choice-footer__summary-measure.sc-ds-data-search,.ds-choice-footer__clear.sc-ds-data-search ds-text.sc-ds-data-search,.ds-choice-footer__action.sc-ds-data-search ds-text.sc-ds-data-search{padding-inline:calc( var(--dimension-space-050) + var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-choice-footer__summary.sc-ds-data-search,.ds-choice-footer__summary-measure.sc-ds-data-search,.ds-choice-footer__clear.sc-ds-data-search,.ds-choice-footer__action.sc-ds-data-search{white-space:nowrap}.ds-choice-footer__summary-measure.sc-ds-data-search{position:absolute;visibility:hidden;pointer-events:none}.ds-choice-footer__clear.sc-ds-data-search,.ds-choice-footer__action.sc-ds-data-search{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default}@media (forced-colors: active){.ds-choice-section--divided.sc-ds-data-search{border-bottom-color:var(--ds-forced-color-content)}.ds-choice-footer.sc-ds-data-search::before{background-color:var(--ds-forced-color-content)}}.ds-control--lg.ds-control--inset.sc-ds-data-search-h,.ds-control--lg.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-025))}.ds-control--md.ds-control--inset.sc-ds-data-search-h,.ds-control--md.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-025))}.ds-control--sm.ds-control--inset.sc-ds-data-search-h,.ds-control--sm.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-025))}.ds-control--xs.ds-control--inset.sc-ds-data-search-h,.ds-control--xs.ds-control--inset.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-200) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-025) - var(--dimension-space-025))}.ds-control--lg.ds-control--inset-double.sc-ds-data-search-h,.ds-control--lg.ds-control--inset-double.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-050))}.ds-control--md.ds-control--inset-double.sc-ds-data-search-h,.ds-control--md.ds-control--inset-double.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-050))}.ds-control--sm.ds-control--inset-double.sc-ds-data-search-h,.ds-control--sm.ds-control--inset-double.sc-ds-data-search{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-050))}.ds-text--display-medium.sc-ds-data-search-h,.ds-text--display-medium.sc-ds-data-search{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-data-search-h,.ds-text--display-small.sc-ds-data-search{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-data-search-h,.ds-text--title-large.sc-ds-data-search{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-data-search-h,.ds-text--title-medium.sc-ds-data-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-data-search-h,.ds-text--title-small.sc-ds-data-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-data-search-h,.ds-text--body-large.sc-ds-data-search{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-data-search-h,.ds-text--body-medium.sc-ds-data-search{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-data-search-h,.ds-text--body-small.sc-ds-data-search{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-data-search-h,.ds-text--caption.sc-ds-data-search{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-data-search-h,.ds-text--display-small.ds-text--emphasis.sc-ds-data-search-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-data-search,.ds-text--display-small.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-data-search-h,.ds-text--display-small.ds-text--regular.sc-ds-data-search-h,.ds-text--display-medium.ds-text--regular.sc-ds-data-search,.ds-text--display-small.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-data-search-h,.ds-text--title-large.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-data-search-h,.ds-text--title-large.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-data-search-h,.ds-text--title-small.ds-text--emphasis.sc-ds-data-search-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-data-search,.ds-text--title-small.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-data-search-h,.ds-text--title-small.ds-text--regular.sc-ds-data-search-h,.ds-text--title-medium.ds-text--regular.sc-ds-data-search,.ds-text--title-small.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-data-search-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-data-search-h,.ds-text--body-large.ds-text--emphasis.sc-ds-data-search,.ds-text--body-medium.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-data-search-h,.ds-text--body-medium.ds-text--regular.sc-ds-data-search-h,.ds-text--body-large.ds-text--regular.sc-ds-data-search,.ds-text--body-medium.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-data-search-h,.ds-text--body-small.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-data-search-h,.ds-text--body-small.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-data-search-h,.ds-text--caption.ds-text--emphasis.sc-ds-data-search{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-data-search-h,.ds-text--caption.ds-text--regular.sc-ds-data-search{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}.ds-visually-hidden.sc-ds-data-search-h,.ds-visually-hidden.sc-ds-data-search{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.data-search-host.sc-ds-data-search-h{display:inline-flex;box-sizing:border-box;inline-size:100%;min-inline-size:0;--ds-data-search-foreground:var(--color-foreground-primary);--ds-data-search-adornment:var(--color-foreground-secondary);--ds-data-search-placeholder:var(--color-foreground-secondary);--ds-data-search-placeholder-active:var(--color-foreground-quaternary);--ds-data-search-border:var(--color-border-secondary)}.data-search__control.sc-ds-data-search{inline-size:100%;min-inline-size:0;padding-inline-end:var(--dimension-space-050);overflow:hidden;border:0;background:transparent;color:var(--ds-data-search-foreground);--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-data-search-border)}.data-search__control.sc-ds-data-search:focus-within{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-brand)}.ds-control-inactive.sc-ds-data-search-h .data-search__control.sc-ds-data-search::after{background:transparent}.data-search__icon.sc-ds-data-search,.data-search__clear.sc-ds-data-search{position:relative;z-index:2;flex:none}.data-search__icon.sc-ds-data-search{color:var(--ds-data-search-adornment)}.data-search__editor.sc-ds-data-search{position:relative;z-index:2;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;block-size:100%;gap:var(--dimension-space-050);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.data-search__editor.sc-ds-data-search::-webkit-scrollbar{display:none}.data-search__chip.sc-ds-data-search{flex:none;max-inline-size:var(--dimension-panel-width-2xs)}.data-search__input.sc-ds-data-search{appearance:none;box-sizing:border-box;flex:1 0 var(--dimension-size-600);min-inline-size:var(--dimension-size-600);block-size:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--ds-data-search-foreground);text-overflow:ellipsis}.data-search__input.sc-ds-data-search::-webkit-search-cancel-button,.data-search__input.sc-ds-data-search::-webkit-search-decoration{display:none}.data-search__input.sc-ds-data-search::placeholder{color:var(--ds-data-search-placeholder)}.data-search__input.sc-ds-data-search:focus::placeholder{color:var(--ds-data-search-placeholder-active)}.data-search__popup.sc-ds-data-search{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}.data-search__list.sc-ds-data-search{padding:var(--dimension-space-050)}.data-search__option.sc-ds-data-search{flex:none;inline-size:100%}@media (forced-colors: active){.data-search__control.sc-ds-data-search:focus-within::after{outline-color:var(--ds-forced-color-selected)}}.data-search-host--borderless.sc-ds-data-search-h .data-search__control.sc-ds-data-search:not(:focus-within){--ds-interaction-border-width:0px}`;let T=0;const $=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=a(this,"dsChange",3);this.dsFieldsChange=a(this,"dsFieldsChange",3);this.dsClear=a(this,"dsClear",3);this.hasBorder=true;this.value="";this.fields=[];this.selectedFieldIds=[];this.placeholder="Search";this.ariaLabel="Search table";this.clearLabel="Clear search";this.fieldMenuLabel="Choose search fields";this.isInactive=false;this.menuOpen=false;this.menuQuery="";this.activeIndex=0;this.focusRingVisible=false;this.position={x:0,y:0};this.positionReady=false;this.availableHeight=null;this.announcement="";this.componentId=`ds-data-search-${++T}`;this.inputId=`${this.componentId}-input`;this.listboxId=`${this.componentId}-listbox`;this.descriptionId=`${this.componentId}-description`;this.inputEl=null;this.controlEl=null;this.popupEl=null;this.positionController=new d({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{if(!this.menuOpen||!s.isConnected)return null;const a=b(x.space050,x.space050);s.style.minWidth=`max(var(--ds-choice-popup-min-inline-size, ${x.menuWidthXs}), ${y(e.offsetWidth,a)}px)`;const t=e.getBoundingClientRect();return{anchorRect:t,popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:"start",sideOffsetPx:a,alignOffsetPx:w({align:"start",alignOffsetPx:0,sectionInsetPx:a}),viewportPadPx:a,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:o(e)}},apply:({x:e,y:s,availableHeight:a})=>{this.position={x:e,y:s};this.availableHeight=a},onReady:()=>{this.positionReady=true},topLayer:true,liveUpdate:"frame",observeResize:true,observeAnchorMotion:true});this.interactionController=new n({getAnchor:()=>this.controlEl,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.closeMenu()})}disconnectedCallback(){this.closeMenu()}syncAvailableFields(){const e=this.availableFields.length;if(e===0){this.closeMenu();return}if(this.activeIndex>=e)this.activeIndex=e-1}syncInactive(e){if(e)this.closeMenu()}async setFocus(){this.inputEl?.focus()}get selectedFields(){return k(this.searchFields,this.selectedFieldIds)}get availableFields(){return z(this.searchFields,this.selectedFieldIds)}get visibleFields(){return C(this.availableFields,this.menuQuery)}get searchFields(){return _(this.fields)}get activeOptionId(){return this.menuOpen&&this.activeIndex>=0?`${this.componentId}-option-${this.activeIndex}`:undefined}openMenu(e){if(this.isInactive||this.menuOpen||this.availableFields.length===0)return;this.menuQuery="";if(this.inputEl)this.inputEl.value="";this.activeIndex=0;this.focusRingVisible=e;this.positionReady=false;this.menuOpen=true;requestAnimationFrame((()=>{if(!this.menuOpen)return;this.interactionController.connect();this.positionController.observe();this.positionController.schedule()}))}closeMenu(){if(!this.menuOpen&&!this.popupEl)return;if(this.popupEl?.matches(":popover-open"))this.popupEl.hidePopover();this.positionController.unobserve();this.interactionController.disconnect();this.popupEl=null;this.positionReady=false;this.availableHeight=null;this.menuOpen=false;this.menuQuery=""}handleInput(e){const s=e.target.value;if(this.menuOpen){this.menuQuery=s;this.activeIndex=C(this.availableFields,s).length?0:-1;this.focusRingVisible=false;this.positionController.schedule();return}this.dsChange.emit(s)}selectField(e){this.dsFieldsChange.emit({selectedFieldIds:[...this.selectedFieldIds,e.id]});this.announcement=`${e.label} search field added.`;this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}removeLastField(){const e=this.selectedFields;const s=e[e.length-1];if(!s)return;this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((e=>e!==s.id))});this.announcement=`${s.label} search field removed.`}removeField(e){this.dsFieldsChange.emit({selectedFieldIds:this.selectedFieldIds.filter((s=>s!==e.id))});this.announcement=`${e.label} search field removed.`;requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}clearSearch(){if(this.value)this.dsChange.emit("");if(this.selectedFieldIds.length)this.dsFieldsChange.emit({selectedFieldIds:[]});this.dsClear.emit();this.announcement="Search cleared.";this.closeMenu();requestAnimationFrame((()=>this.inputEl?.focus({preventScroll:true})))}handleKeyDown(e){if(e.key==="/"&&!this.menuOpen&&!e.altKey&&!e.ctrlKey&&!e.metaKey){e.preventDefault();this.openMenu(true);return}if(e.key==="Backspace"&&this.menuOpen&&this.menuQuery.length===0){e.preventDefault();this.closeMenu();return}if(e.key==="Backspace"&&this.value.length===0){if(this.selectedFields.length){e.preventDefault();this.removeLastField()}return}if(!this.menuOpen)return;if(e.key==="Escape"){e.preventDefault();this.closeMenu();return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();this.focusRingVisible=true;this.activeIndex=F(this.activeIndex,this.visibleFields.length,e.key==="ArrowDown"?1:-1);this.el.querySelector(`#${CSS.escape(this.activeOptionId??"")}`)?.scrollIntoView({block:"nearest"});return}if(e.key==="Enter"){const s=this.visibleFields[this.activeIndex];if(!s)return;e.preventDefault();this.selectField(s);return}if(e.key==="Tab")this.closeMenu()}render(){const e=this.selectedFields;const s=this.visibleFields;const a=this.menuOpen?this.menuQuery:this.value;const r=this.value.length>0||e.length>0;const d=e.length?`Search limited to ${e.map((e=>e.label)).join(" or ")}.`:"Search includes every available table field. Type slash to choose fields.";const o={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};if(this.availableHeight!==null){o["max-height"]=`${Math.floor(this.availableHeight)}px`}return t(i,{key:"8567ba1399ccdddf215340855144a4324ec8182a",class:{"data-search-host":true,"data-search-host--borderless":!this.hasBorder,"ds-control--md":true,"ds-control-inactive":this.isInactive},"data-filled":r?"":undefined,"data-expanded":this.menuOpen?"":undefined},t("div",{key:"a94f2f99c44fbc05932a6132845e5d6015389cb1",ref:e=>{this.controlEl=e??null},class:"data-search__control ds-control-frame ds-control--md ds-interaction-fill"},t("span",{key:"4ea665c55216ec2343e6f6fbd7d9fb80b9cade68",class:"data-search__icon ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},t("ds-icon",{key:"fe74da439ae5cf6ad1a13bf2041a4570651e555c",name:"MagnifyingGlass",size:"md",color:"inherit"})),t("div",{key:"82ea2b5a69eb0970f554f812882e5ac3aaa96c73",class:"data-search__editor ds-interaction-fill__content"},e.map((e=>t("ds-chip",{class:"data-search__chip",key:e.id,label:e.label,size:"md",state:"default",isInset:true,insetDepth:"double",isInactive:this.isInactive,onDsRemove:()=>this.removeField(e)}))),t("input",{key:"3d54dd12c79e5f66c2911a966892100413332637",ref:e=>{this.inputEl=e??null},id:this.inputId,class:"data-search__input ds-text--body-medium ds-text--regular",type:"search",role:"combobox",value:a,placeholder:this.placeholder,disabled:this.isInactive,"aria-label":this.ariaLabel,"aria-describedby":this.descriptionId,"aria-haspopup":"listbox","aria-expanded":String(this.menuOpen),"aria-controls":this.menuOpen?this.listboxId:undefined,"aria-activedescendant":this.activeOptionId,"aria-keyshortcuts":"/",autoComplete:"off",autoCapitalize:"none",autoCorrect:"off",spellcheck:false,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)})),a.length>0&&!this.isInactive&&t("ds-button-unfilled",{key:"e07a1b687ee0755172fe8fa83504f5f42df15d6b",class:"data-search__clear ds-interaction-fill__content",variant:"icon",size:"sm",icon:"CrossCircle",hasBorder:false,rounded:true,ariaLabel:this.clearLabel,onDsClick:()=>this.clearSearch()})),t("span",{key:"6e746145432c6e036ed3b15b2b241eae2f47ee75",id:this.descriptionId,class:"ds-visually-hidden"},d),t("span",{key:"bdeffda855532053c7b32c3c0e56cb9a4119e2d7",class:"ds-visually-hidden","aria-live":"polite"},this.announcement),this.menuOpen&&t("div",{key:"6d6f4262b179d02d7cfce6633f15b8d21f1fb670",popover:"manual",ref:e=>{this.popupEl=e??null},class:"data-search__popup ds-choice-popup",style:o},t("div",{key:"dc0059bf22fbbe53afdc6c2decf5a5a4bbb49085",id:this.listboxId,class:"data-search__list ds-choice-list",role:"listbox","aria-label":this.fieldMenuLabel},s.map(((e,s)=>{const a=s===this.activeIndex;return t("div",{id:`${this.componentId}-option-${s}`,key:e.id,class:{"data-search__option":true,"ds-choice-item":true,"ds-control-frame":true,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-focus-ring--visible":a&&this.focusRingVisible,"ds-interaction-fill":true,"ds-interaction-fill--selected":a},role:"option","aria-selected":String(a),onMouseDown:e=>e.preventDefault(),onMouseMove:()=>{this.focusRingVisible=false;this.activeIndex=s},onClick:()=>this.selectField(e)},t("ds-text",{class:"ds-choice-item__label ds-control-label-box ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:a?"primary":"secondary"},e.label))})),s.length===0&&t("div",{key:"bfceb856adf5cb4127099e2d34fbe576c19995a9",class:"data-search__empty ds-choice-empty ds-empty-region"},t("ds-empty-state",{key:"6fa0ae897f1cf59648efdc6c1576f24179fb360e",body:"No matching data points"})))))}get el(){return this}static get watchers(){return{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}}static get style(){return I()}},[2,"ds-data-search",{hasBorder:[516,"has-border"],value:[1],fields:[16],selectedFieldIds:[16],placeholder:[1],ariaLabel:[1,"aria-label"],clearLabel:[1,"clear-label"],fieldMenuLabel:[1,"field-menu-label"],isInactive:[4,"is-inactive"],menuOpen:[32],menuQuery:[32],activeIndex:[32],focusRingVisible:[32],position:[32],positionReady:[32],availableHeight:[32],announcement:[32],setFocus:[64]},undefined,{columns:[{syncAvailableFields:0}],selectedFieldIds:[{syncAvailableFields:0}],isInactive:[{syncInactive:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["ds-data-search","ds-badge","ds-button-unfilled","ds-chip","ds-empty-state","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-data-search":if(!customElements.get(r(e))){customElements.define(r(e),$)}break;case"ds-badge":if(!customElements.get(r(e))){h()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){p()}break;case"ds-chip":if(!customElements.get(r(e))){f()}break;case"ds-empty-state":if(!customElements.get(r(e))){v()}break;case"ds-icon":if(!customElements.get(r(e))){u()}break;case"ds-loader":if(!customElements.get(r(e))){m()}break;case"ds-text":if(!customElements.get(r(e))){g()}break;case"ds-tooltip":if(!customElements.get(r(e))){c()}break}}))}j();const A=$;const S=j;export{A as DsDataSearch,S as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-data-search.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as t,c as e,h as i,a,t as o}from"./index.js";import{a as n,d as r,n as l,b as d}from"./p-CJuc20pQ.js";import{d as c}from"./p-ClOvX8cD.js";import{d as h}from"./p-
|
|
1
|
+
import{p as s,H as t,c as e,h as i,a,t as o}from"./index.js";import{a as n,d as r,n as l,b as d}from"./p-CJuc20pQ.js";import{d as c}from"./p-ClOvX8cD.js";import{d as h}from"./p-D5-hqLPK.js";import{d as m}from"./p-C942uiH1.js";import{d as u}from"./p-0XTyQNRG.js";import{d as f}from"./p-D8iNLSCa.js";import{d as p}from"./p-Nx52go85.js";import{d as b}from"./p-KTaiJztz.js";import{d as k}from"./p-Bt1Ybvz-.js";import{d as E}from"./p-DMPn_dt7.js";import{d as g}from"./p-DTlNtCX1.js";const j=()=>`.sc-ds-data-sort-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}[hidden].sc-ds-data-sort-h{display:none}`;let x=0;const C=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.dsSortChange=e(this,"dsSortChange",3);this.hasBorder=true;this.fields=[];this.sort=null;this.ariaLabel=null;this.menuOpen=false;this.menuSurfaceOpen=false;this.initialFocusVisible=false;this.componentId=`ds-data-sort-${++x}`;this.triggerId=`${this.componentId}-trigger`;this.menuId=`${this.componentId}-menu`}async setFocus(){const s=this.el.querySelector(`#${CSS.escape(this.triggerId)}`);await(s?.setFocus?.())}render(){const s=n(this.fields);const t=this.ariaLabel?.trim()||"Sort table";return i(a,{key:"8695523041bc888ba53420cec0e1fe0b02338073",hidden:s.length===0?true:undefined},s.length===0?null:i("ds-button-unfilled",{hasBorder:this.hasBorder,id:this.triggerId,variant:"icon-label",size:"md",icon:"ArrowsVertical",label:"Sort",labelEmphasis:false,pressScale:false,"aria-label":t,haspopup:"menu",collapseLabel:true,expanded:this.menuOpen,surfaceOpen:this.menuSurfaceOpen,controls:this.menuId,onDsClick:s=>{this.toggle(s.detail.detail===0)}}),s.length===0?null:i("ds-menu",{id:this.menuId,open:this.menuOpen,anchorId:this.triggerId,align:"start",side:"bottom",menuLabel:t,selectionMode:"none",initialFocusVisible:this.initialFocusVisible,sections:r(this.fields,this.sort),onDsClose:()=>this.close(),onDsAfterClose:()=>{if(!this.menuOpen)this.menuSurfaceOpen=false},onDsSelect:s=>this.handleSelect(s.detail)}))}toggle(s=false){if(this.menuOpen)this.close();else this.open(s)}open(s=false){if(this.menuOpen)return;this.initialFocusVisible=s;this.menuOpen=true;this.menuSurfaceOpen=true}close(){this.menuOpen=false}handleSelect(s){const t=l(this.fields,this.sort,s);if(d(this.sort,t))return;this.dsSortChange.emit({sort:t})}get el(){return this}static get style(){return j()}},[2,"ds-data-sort",{hasBorder:[4,"has-border"],fields:[16],sort:[16],ariaLabel:[1,"aria-label"],menuOpen:[32],menuSurfaceOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function S(){if(typeof customElements==="undefined"){return}const s=["ds-data-sort","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-data-sort":if(!customElements.get(o(s))){customElements.define(o(s),C)}break;case"ds-badge":if(!customElements.get(o(s))){c()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){h()}break;case"ds-icon":if(!customElements.get(o(s))){m()}break;case"ds-loader":if(!customElements.get(o(s))){u()}break;case"ds-menu":if(!customElements.get(o(s))){f()}break;case"ds-swatch-picker":if(!customElements.get(o(s))){p()}break;case"ds-switch":if(!customElements.get(o(s))){b()}break;case"ds-tag":if(!customElements.get(o(s))){k()}break;case"ds-text":if(!customElements.get(o(s))){E()}break;case"ds-tooltip":if(!customElements.get(o(s))){g()}break}}))}S();const D=C;const w=S;export{D as DsDataSort,w as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-data-sort.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{E as o,d as s}from"./p-
|
|
1
|
+
import{E as o,d as s}from"./p-Dc_zSOKq.js";const t=o;const c=s;export{t as DsEmptyState,c as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-empty-state.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{F as o,d as s}from"./p-
|
|
1
|
+
import{F as o,d as s}from"./p-BI-XuQKW.js";const t=o;const p=s;export{t as DsFilterMenu,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-filter-menu.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{I as o,d as s}from"./p-
|
|
1
|
+
import{I as o,d as s}from"./p-C942uiH1.js";const t=o;const p=s;export{t as DsIcon,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-icon.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{I as o,d as s}from"./p-
|
|
1
|
+
import{I as o,d as s}from"./p-ClgJZFkb.js";const t=o;const p=s;export{t as DsInputDate,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-input-date.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{I as o,d as s}from"./p-
|
|
1
|
+
import{I as o,d as s}from"./p-BuvVFyAA.js";const t=o;const p=s;export{t as DsInputTime,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-input-time.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{I as
|
|
1
|
+
import{I as s,d as o}from"./p-CsGkdf4W.js";const t=s;const p=o;export{t as DsInput,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-input.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as r,c as t,h as a,a as s,t as i}from"./index.js";import{d as o}from"./p-
|
|
1
|
+
import{p as e,H as r,c as t,h as a,a as s,t as i}from"./index.js";import{d as o}from"./p-C942uiH1.js";import{d as n}from"./p-DMPn_dt7.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-entity-marker:root,.sc-ds-map-entity-marker-h,.ds-forced-colors-scope.sc-ds-map-entity-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-entity-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-entity-marker-h,.ds-focus-ring.sc-ds-map-entity-marker,.ds-focus-ring-inset.sc-ds-map-entity-marker-h,.ds-focus-ring-inset.sc-ds-map-entity-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-entity-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-entity-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-entity-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-entity-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-entity-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-entity-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-entity-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-entity-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-entity-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-entity-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-entity-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-entity-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-entity-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-entity-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-entity-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-entity-marker-h:focus-within .map-marker__caption.sc-ds-map-entity-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-entity-marker-h:hover{opacity:1}.sc-ds-map-entity-marker-h:hover .map-marker__caption.sc-ds-map-entity-marker{display:inline-flex}.map-marker__button.sc-ds-map-entity-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-entity-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-entity-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-entity-marker::before{display:none}.map-marker__button.sc-ds-map-entity-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-entity-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}[state='moving'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion)}[state='idling'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-idling)}[state='stationary'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-stationary)}[state='immobilized'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-immobilized)}[state='unknown'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-stale)}.map-marker__button.sc-ds-map-entity-marker{width:var(--dimension-size-300);border-radius:var(--dimension-radius-half)}.map-entity-marker--dashed.sc-ds-map-entity-marker-h .map-marker__button.sc-ds-map-entity-marker::after{display:none}.map-entity-marker__dashed-outline.sc-ds-map-entity-marker{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg);fill:none;stroke:currentcolor;stroke-width:1;stroke-linecap:butt}.map-entity-marker__glyph.sc-ds-map-entity-marker{position:relative;z-index:2;display:inline-flex;transform:rotate(var(--ds-map-entity-marker-bearing))}@media (forced-colors: active){.map-entity-marker--dashed.sc-ds-map-entity-marker-h .map-marker__button.sc-ds-map-entity-marker::after{display:block;outline-style:dashed}.map-entity-marker__dashed-outline.sc-ds-map-entity-marker{display:none}}`;const d=e=>{if(!Number.isFinite(e))return 0;return(e%360+360)%360};const m=new Set(["MapEntityTravelGroup","MapEntityVehicle"]);const l=8;const p=6.5;const f=45;const u=6;const k=e=>{const r=e*Math.PI/180;return[l+p*Math.cos(r),l+p*Math.sin(r)]};const h=Array.from({length:8},((e,r)=>{const t=r*f+u;const a=(r+1)*f-u;const[s,i]=k(t);const[o,n]=k(a);return`M ${s.toFixed(3)} ${i.toFixed(3)} A ${p} ${p} 0 0 1 ${o.toFixed(3)} ${n.toFixed(3)}`})).join(" ");const y=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.dsClick=t(this,"dsClick",7);this.caption="";this.icon="MapEntityTravelGroup";this.state="moving";this.dashed=false;this.bearing=0;this.dimmed=false;this.handleClick=e=>{this.dsClick.emit(e)}}async setFocus(){this.buttonEl?.focus()}render(){const e=this.caption.trim();const r=this.state==="immobilized"&&this.icon==="MapEntityVehicle"?"MapKey":this.icon;const t=m.has(r)?d(this.bearing):0;return a(s,{key:"40a631cc830fa34495f666f6482e74c3e5bca68f",class:{"map-entity-marker":true,"map-marker--dimmed":this.dimmed,"map-entity-marker--dashed":this.dashed}},a("button",{key:"bfc0bc5159ae97ada1939c22d5b8dc238d1dc89e",ref:e=>this.buttonEl=e,type:"button",class:"map-marker__button ds-focus-ring","aria-label":this.label,onClick:this.handleClick},a("span",{key:"f3d92eb9f743a8de514b9286ff58da65dace67dd",class:"map-entity-marker__glyph",style:{"--ds-map-entity-marker-bearing":`${t}deg`},"aria-hidden":"true"},a("ds-icon",{key:"aaf5e32d2f6e247a15cad77f0d1ad7dc5cd35c3e",name:r,size:"sm",color:"inherit"})),this.dashed&&a("svg",{key:"7b0c8101bba5edd8afb1b4f2e831a9a4fa66fbb8",class:"map-entity-marker__dashed-outline",viewBox:"0 0 16 16","aria-hidden":"true"},a("path",{key:"c01957c7f9e9150f654971de2552fe171accb55b",d:h}))),e&&a("ds-text",{key:"e8d09d7af0f4645aca13c41e4e5c5c932623c928",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},e))}static get style(){return c()}},[2,"ds-map-entity-marker",{label:[1],caption:[1],icon:[1],state:[513],dashed:[516],bearing:[2],dimmed:[516],setFocus:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-map-entity-marker","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-map-entity-marker":if(!customElements.get(i(e))){customElements.define(i(e),y)}break;case"ds-icon":if(!customElements.get(i(e))){o()}break;case"ds-text":if(!customElements.get(i(e))){n()}break}}))}b();const v=y;const g=b;export{v as DsMapEntityMarker,g as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-map-entity-marker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as r,H as e,c as a,h as o,a as s,t as i}from"./index.js";import{d as n}from"./p-
|
|
1
|
+
import{p as r,H as e,c as a,h as o,a as s,t as i}from"./index.js";import{d as n}from"./p-C942uiH1.js";import{d as t}from"./p-DMPn_dt7.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-marker:root,.sc-ds-map-marker-h,.ds-forced-colors-scope.sc-ds-map-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-marker-h,.ds-focus-ring.sc-ds-map-marker,.ds-focus-ring-inset.sc-ds-map-marker-h,.ds-focus-ring-inset.sc-ds-map-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-marker-h:focus-within .map-marker__caption.sc-ds-map-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-marker-h:hover{opacity:1}.sc-ds-map-marker-h:hover .map-marker__caption.sc-ds-map-marker{display:inline-flex}.map-marker__button.sc-ds-map-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-marker::before{display:none}.map-marker__button.sc-ds-map-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}.sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-neutral);--_map-marker-foreground:var(--color-map-marker-intent-foreground);--_map-marker-interaction-hover:var(--color-map-marker-intent-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-intent-interaction-pressed)}[intent='brand'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-brand)}[intent='positive'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-positive)}[intent='warning'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-warning)}[intent='caution'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-caution)}[intent='negative'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-negative)}.map-marker__button.sc-ds-map-marker{width:var(--dimension-size-300);border-radius:var(--dimension-radius-half)}.map-marker__glyph.sc-ds-map-marker{position:relative;z-index:2;display:inline-flex}`;const d=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.dsClick=a(this,"dsClick",7);this.caption="";this.icon="MapTarget";this.intent="neutral";this.dimmed=false;this.handleClick=r=>{this.dsClick.emit(r)}}async setFocus(){this.buttonEl?.focus()}render(){const r=this.caption.trim();return o(s,{key:"386429d9d69f1ebcab48570492c0d6e17f64c043",class:{"map-marker":true,"map-marker--dimmed":this.dimmed}},o("button",{key:"ad63f43ad2ba6766d03e8a8568ab942941fb2341",ref:r=>this.buttonEl=r,type:"button",class:"map-marker__button ds-focus-ring","aria-label":this.label,onClick:this.handleClick},o("span",{key:"d287d514e409a9cac314de5d4530dcc3e150e2ab",class:"map-marker__glyph","aria-hidden":"true"},o("ds-icon",{key:"4956022922eb50a227bfd6b3fbdc88699a145422",name:this.icon,size:"sm",color:"inherit"}))),r&&o("ds-text",{key:"bfbd54e7b4f0502c9cf6ef91be3ee310e4dee2c8",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},r))}static get style(){return c()}},[2,"ds-map-marker",{label:[1],caption:[1],icon:[1],intent:[513],dimmed:[516],setFocus:[64]}]);function m(){if(typeof customElements==="undefined"){return}const r=["ds-map-marker","ds-icon","ds-text"];r.forEach((r=>{switch(r){case"ds-map-marker":if(!customElements.get(i(r))){customElements.define(i(r),d)}break;case"ds-icon":if(!customElements.get(i(r))){n()}break;case"ds-text":if(!customElements.get(i(r))){t()}break}}))}m();const p=d;const l=m;export{p as DsMapMarker,l as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-map-marker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{M as o,d as s}from"./p-
|
|
1
|
+
import{M as o,d as s}from"./p-cvVUXaen.js";const t=o;const a=s;export{t as DsMarkdown,a as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-markdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{M as o,d as s}from"./p-
|
|
1
|
+
import{M as o,d as s}from"./p-D8iNLSCa.js";const t=o;const a=s;export{t as DsMenu,a as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-menu.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as e,c as t,h as i,a,t as o}from"./index.js";import{C as n}from"./p-BnhGV__o.js";import{d}from"./p-ClOvX8cD.js";import{d as l}from"./p-
|
|
1
|
+
import{p as s,H as e,c as t,h as i,a,t as o}from"./index.js";import{C as n}from"./p-BnhGV__o.js";import{d}from"./p-ClOvX8cD.js";import{d as l}from"./p-D5-hqLPK.js";import{d as c}from"./p-C942uiH1.js";import{d as r}from"./p-0XTyQNRG.js";import{d as p}from"./p-DMPn_dt7.js";import{d as h}from"./p-DTlNtCX1.js";const m=()=>`.sc-ds-message-actions-h{display:inline-flex;box-sizing:border-box}.message-actions.sc-ds-message-actions{display:inline-flex;align-items:center;gap:var(--dimension-space-050)}`;const b=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsCopyResult=t(this,"dsCopyResult",7);this.dsFeedbackChange=t(this,"dsFeedbackChange",7);this.feedbackEnabled=false;this.copied=false;this.copyFeedback=new n((s=>{this.copied=s}));this.copy=async()=>{const s=await this.copyFeedback.copy(this.copyText??"");if(s===undefined)return;this.dsCopyResult.emit({status:s?"success":"error"})}}connectedCallback(){this.copyFeedback.connect()}handleCopyTextChange(){this.copyFeedback.reset()}disconnectedCallback(){this.copyFeedback.disconnect()}changeFeedback(s,e){this.dsFeedbackChange.emit(e?s:undefined)}render(){const s=this.copied?"Copied":"Copy message";return i(a,{key:"37e0b02b57b5b7819b19a4271ab847bed520b877"},i("div",{key:"16b9edf6f77bd01ad8f2f25c39f877d1d7aa7da4",class:"message-actions",role:"group","aria-label":"Message actions"},this.copyText?i("ds-tooltip",{label:s,side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":s,hasBorder:false,onDsClick:this.copy})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Good response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="positive"?"ThumbsUpFilled":"ThumbsUp",size:"xs","aria-label":"Good response",hasBorder:false,activeFill:false,pressed:this.feedback==="positive",onDsChange:s=>this.changeFeedback("positive",s.detail)})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Bad response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="negative"?"ThumbsDownFilled":"ThumbsDown",size:"xs","aria-label":"Bad response",hasBorder:false,activeFill:false,pressed:this.feedback==="negative",onDsChange:s=>this.changeFeedback("negative",s.detail)})):null))}static get watchers(){return{copyText:[{handleCopyTextChange:0}]}}static get style(){return m()}},[2,"ds-message-actions",{copyText:[1,"copy-text"],feedbackEnabled:[4,"feedback-enabled"],feedback:[1],copied:[32]},undefined,{copyText:[{handleCopyTextChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const s=["ds-message-actions","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-message-actions":if(!customElements.get(o(s))){customElements.define(o(s),b)}break;case"ds-badge":if(!customElements.get(o(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){c()}break;case"ds-loader":if(!customElements.get(o(s))){r()}break;case"ds-text":if(!customElements.get(o(s))){p()}break;case"ds-tooltip":if(!customElements.get(o(s))){h()}break}}))}f();const u=b;const g=f;export{u as DsMessageActions,g as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-message-actions.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as c}from"./p-ClOvX8cD.js";import{d as i}from"./p-
|
|
1
|
+
import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as c}from"./p-ClOvX8cD.js";import{d as i}from"./p-BNvZM4jP.js";import{d}from"./p-D5-hqLPK.js";import{d as m}from"./p-C942uiH1.js";import{d as n}from"./p-0XTyQNRG.js";import{d as l}from"./p-DMPn_dt7.js";import{d as p}from"./p-DTlNtCX1.js";const g=()=>`@media (forced-colors: active){.sc-ds-message-composer:root,.sc-ds-message-composer-h,.ds-forced-colors-scope.sc-ds-message-composer{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-message-composer-h{display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.message-composer.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%;margin:0}.message-composer__attachments.sc-ds-message-composer:empty,.message-composer__tools.sc-ds-message-composer:empty,.message-composer__error-actions.sc-ds-message-composer:empty{display:none}.message-composer__error-support.sc-ds-message-composer,.message-composer__error-message.sc-ds-message-composer,.message-composer__error-actions.sc-ds-message-composer{display:flex;align-items:center}.message-composer__error-support.sc-ds-message-composer{justify-content:space-between;flex-wrap:wrap;gap:var(--dimension-space-075) var(--dimension-space-100);min-width:0;padding:var(--dimension-space-075) var(--dimension-space-100);background:var(--color-background-faint-negative)}.message-composer__error-message.sc-ds-message-composer{flex:1 1 var(--dimension-panel-width-xs);gap:var(--dimension-space-050);min-width:0;color:var(--color-foreground-bold-negative)}.message-composer__error-actions.sc-ds-message-composer{flex:0 1 auto;flex-wrap:wrap;gap:var(--dimension-space-050)}.message-composer__stack.sc-ds-message-composer{min-width:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);border-radius:var(--dimension-radius-050);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md)}.message-composer__field.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-100);border-radius:var(--dimension-radius-050);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);overflow:hidden}.message-composer.sc-ds-message-composer:not(.message-composer--error) .message-composer__field.sc-ds-message-composer:focus-within{box-shadow:var(--effect-elevation-elevated-md), inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand)}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border-radius:0;box-shadow:none}textarea.sc-ds-message-composer{field-sizing:content;width:100%;min-height:calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));max-height:calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));padding:var(--dimension-space-075);border:none;outline:none;resize:none;overflow-y:auto;box-sizing:border-box;background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);-webkit-user-select:text;user-select:text}textarea.sc-ds-message-composer::placeholder{color:var(--color-foreground-secondary)}textarea.sc-ds-message-composer:focus::placeholder{color:var(--color-foreground-quaternary)}textarea.sc-ds-message-composer:focus,textarea.sc-ds-message-composer:focus-visible{outline:none}.message-composer__tools.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-050);min-height:var(--dimension-size-400)}.message-composer__controls.sc-ds-message-composer{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-050);width:100%;min-width:0}.message-composer__actions.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto;margin-inline-start:auto}@media (forced-colors: active){.message-composer__field.sc-ds-message-composer{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);box-shadow:none}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{border:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);box-shadow:none}.message-composer__error-support.sc-ds-message-composer{border-block-end:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let b=0;const f=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsInput=o(this,"dsInput",7);this.dsSubmit=o(this,"dsSubmit",7);this.dsStop=o(this,"dsStop",7);this.value="";this.placeholder="Write a message";this.label="Message";this.status="ready";this.isInactive=false;this.submitIntent="brand";this.errorId=`ds-message-composer-error-${++b}`;this.handleInput=e=>{this.value=e.target.value;this.dsInput.emit(this.value)};this.handleKeyDown=e=>{if(e.key!=="Enter"||e.shiftKey||e.isComposing)return;e.preventDefault();this.submit()};this.handleAction=()=>{if(this.streaming)this.dsStop.emit();else this.submit()}}async setFocus(){this.textarea?.focus()}get streaming(){return this.status==="submitted"||this.status==="streaming"}submit(){const e=this.value.trim();if(!e||this.isInactive||this.streaming)return;this.dsSubmit.emit({text:e})}render(){const e=this.status==="error";const s=this.errorMessage||"Message could not be sent.";const o=!this.streaming&&(this.isInactive||!this.value.trim());return r(a,{key:"7f08e1c8910ad4206161d57afba6a7beb047cd9c"},r("form",{key:"0d090e6279057bf1cd959d99dfdada493b8ea4aa",class:{"message-composer":true,"message-composer--error":e},"aria-busy":this.streaming?"true":undefined,onSubmit:e=>{e.preventDefault();this.submit()}},r("div",{key:"f3ce3457e29ecd6df239de36cc5f256340e2febe",class:"message-composer__attachments"},r("slot",{key:"3c49b0b6e9a9d91a9615de711e1cacc7522ac943",name:"attachments"})),r("div",{key:"64a419d5a97353f54a1b82dd59a9df0de6bb48d3",class:"message-composer__stack"},e?r("div",{class:"message-composer__error-support"},r("div",{id:this.errorId,class:"message-composer__error-message",role:"alert"},r("ds-icon",{name:"ExclamationTriangle",size:"xs",color:"inherit"}),r("ds-text",{variant:"text-body-small",color:"negative"},s)),r("div",{class:"message-composer__error-actions"},r("slot",{name:"error-actions"}))):null,r("div",{key:"08dbbbcf3b0c967494e14170e20e829a71518d3d",class:"message-composer__field"},r("textarea",{key:"84e473bbbb682de472aef4d7c9dea744d4d756d8",ref:e=>{this.textarea=e},value:this.value,placeholder:this.placeholder,"aria-label":this.label,"aria-invalid":e?"true":undefined,"aria-describedby":e?this.errorId:undefined,disabled:this.isInactive,onInput:this.handleInput,onKeyDown:this.handleKeyDown}),r("div",{key:"45378c5fcebddbf1678311a1b73983c1c9e5fa29",class:"message-composer__controls"},r("div",{key:"94c5b87358c660e3983a3d66a27c5a24afdbcacb",class:"message-composer__tools"},r("slot",{key:"98bf6e8332618fd99f53aef79a9f6b7a3d44746a",name:"tools"})),r("div",{key:"21b0c5016d05bb5c2be0211e67b316ec0cc3b2b0",class:"message-composer__actions"},r("slot",{key:"73517f1d5644e006bbe4bc3309ebb5a84cb534a3",name:"actions"}),o?r("ds-tooltip",{label:"Send message",side:"top",size:"sm"},r("ds-button-unfilled",{class:"message-composer__action",variant:"icon",icon:"ArrowUp",size:"md",rounded:true,"aria-label":"Send message",hasBorder:true,isInactive:true,onDsClick:this.handleAction})):r("ds-tooltip",{label:this.streaming?"Stop response":"Send message",side:"top",size:"sm"},r("ds-button-filled",{class:"message-composer__action",variant:"icon",icon:this.streaming?"SquareFilled":"ArrowUp",intent:this.streaming?"brand":this.submitIntent,contrast:"bold",size:"md",rounded:true,"aria-label":this.streaming?"Stop response":"Send message",onDsClick:this.handleAction}))))))))}get el(){return this}static get style(){return g()}},[262,"ds-message-composer",{value:[1025],placeholder:[1],label:[1],status:[1],errorMessage:[1,"error-message"],isInactive:[4,"is-inactive"],submitIntent:[1,"submit-intent"],setFocus:[64]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ds-message-composer","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-composer":if(!customElements.get(t(e))){customElements.define(t(e),f)}break;case"ds-badge":if(!customElements.get(t(e))){c()}break;case"ds-button-filled":if(!customElements.get(t(e))){i()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){d()}break;case"ds-icon":if(!customElements.get(t(e))){m()}break;case"ds-loader":if(!customElements.get(t(e))){n()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){p()}break}}))}h();const u=f;const v=h;export{u as DsMessageComposer,v as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-message-composer.js.map
|