@ds-mo/ui 14.17.1 → 14.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/dist/.package-ready.json +1 -1
- package/dist/agent-patterns.json +9 -8
- package/dist/agent.json +103 -45
- package/dist/angular/ds-button-filled.d.ts +1 -1
- package/dist/angular/ds-button-filled.js +3 -3
- package/dist/angular/ds-button-unfilled.d.ts +1 -1
- package/dist/angular/ds-button-unfilled.js +3 -3
- package/dist/angular/ds-filter-menu.d.ts +1 -1
- package/dist/angular/ds-filter-menu.js +3 -3
- package/dist/angular/ds-input.d.ts +1 -1
- package/dist/angular/ds-input.js +3 -3
- package/dist/angular/ds-menu.d.ts +1 -1
- package/dist/angular/ds-menu.js +3 -3
- package/dist/angular/ds-mobile-bar-nav.d.ts +1 -1
- package/dist/angular/ds-mobile-bar-nav.js +3 -3
- package/dist/angular/ds-panel-tool-header.d.ts +3 -8
- package/dist/angular/ds-panel-tools.d.ts +3 -8
- package/dist/angular/ds-select.d.ts +1 -1
- package/dist/angular/ds-select.js +3 -3
- package/dist/angular/ds-tooltip.d.ts +1 -1
- package/dist/angular/ds-tooltip.js +3 -3
- package/dist/components/ds-agent-activity.js +1 -1
- package/dist/components/ds-agent-questionnaire.js +1 -1
- package/dist/components/ds-agent-response.js +1 -1
- package/dist/components/ds-agent-source-list.js +1 -1
- package/dist/components/ds-agent-tool-call.js +1 -1
- package/dist/components/ds-attachment-list.js +1 -1
- package/dist/components/ds-badge.js +1 -1
- package/dist/components/ds-banner.js +1 -1
- package/dist/components/ds-banner.js.map +1 -1
- package/dist/components/ds-bar-action.js +1 -1
- package/dist/components/ds-bar-action.js.map +1 -1
- package/dist/components/ds-bar-nav.js +1 -1
- package/dist/components/ds-bar-title.js +1 -1
- package/dist/components/ds-bar-workflow.js +1 -1
- package/dist/components/ds-breadcrumb.js +1 -1
- package/dist/components/ds-button-filled.js +1 -1
- package/dist/components/ds-button-unfilled.js +1 -1
- package/dist/components/ds-card-chart.js +1 -1
- package/dist/components/ds-card-chart.js.map +1 -1
- package/dist/components/ds-card-overview.js +1 -1
- package/dist/components/ds-card-setting.js +1 -1
- package/dist/components/ds-card-setting.js.map +1 -1
- package/dist/components/ds-chart-legend.js +1 -1
- package/dist/components/ds-chart.js +1 -1
- package/dist/components/ds-checkbox.js +1 -1
- package/dist/components/ds-chip.js +1 -1
- package/dist/components/ds-code-block.js +1 -1
- package/dist/components/ds-conversation-list-item.js +1 -1
- package/dist/components/ds-conversation-list-section.js +1 -1
- package/dist/components/ds-conversation-list.js +1 -1
- package/dist/components/ds-conversation-list.js.map +1 -1
- package/dist/components/ds-empty-state.js +1 -1
- package/dist/components/ds-field.js +1 -1
- package/dist/components/ds-filter-menu.js +1 -1
- package/dist/components/ds-input.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-actions.js.map +1 -1
- package/dist/components/ds-message-composer.js +1 -1
- package/dist/components/ds-message-composer.js.map +1 -1
- package/dist/components/ds-message-scroller.js +1 -1
- package/dist/components/ds-message.js +1 -1
- package/dist/components/ds-mobile-bar-nav.js +1 -1
- package/dist/components/ds-mobile-header.js +1 -1
- package/dist/components/ds-mobile-section-switcher.js +1 -1
- package/dist/components/ds-mobile-sheet-nav.js +1 -1
- package/dist/components/ds-modal.js +1 -1
- package/dist/components/ds-pagination.js +1 -1
- package/dist/components/ds-panel-nav.js +1 -1
- package/dist/components/ds-panel-sub-nav.js +1 -1
- package/dist/components/ds-panel-tool-header.js +1 -1
- package/dist/components/ds-panel-tool-search.js +1 -1
- package/dist/components/ds-panel-tools.js +1 -1
- package/dist/components/ds-paper-texture.js +1 -1
- package/dist/components/ds-radio.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-app.js.map +1 -1
- package/dist/components/ds-shell-page.js +1 -1
- package/dist/components/ds-shell-tools.js +1 -1
- package/dist/components/ds-skeleton.js +1 -1
- package/dist/components/ds-slider.js +1 -1
- package/dist/components/ds-swatch-picker.js +1 -1
- package/dist/components/ds-switch.js +1 -1
- package/dist/components/ds-tab-group.js +1 -1
- package/dist/components/ds-table-filter.js +1 -1
- package/dist/components/ds-table-filter.js.map +1 -1
- package/dist/components/ds-table-saved-views.js +1 -1
- package/dist/components/ds-table-sort.js +1 -1
- package/dist/components/ds-table-sort.js.map +1 -1
- package/dist/components/ds-table-toolbar.js +1 -1
- package/dist/components/ds-table-toolbar.js.map +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/ds-table.js.map +1 -1
- package/dist/components/ds-tag.js +1 -1
- package/dist/components/ds-text.js +1 -1
- package/dist/components/ds-toast.js +1 -1
- package/dist/components/ds-toast.js.map +1 -1
- package/dist/components/ds-tooltip-chart.js +1 -1
- package/dist/components/ds-tooltip.js +1 -1
- package/dist/components/ds-typing-indicator.js +1 -1
- package/dist/components/ds-typing-indicator.js.map +1 -1
- package/dist/components/{p-C0X2zKbB.js → p-1Hu9jlju.js} +2 -2
- package/dist/components/{p-DQqOzDEq.js → p-B00PEE6t.js} +2 -2
- package/dist/components/p-B0Byw6OX.js +2 -0
- package/dist/components/p-B0Byw6OX.js.map +1 -0
- package/dist/components/{p-D1YhYulL.js → p-B1JRCDHS.js} +2 -2
- package/dist/components/p-BBG6Sswb.js +2 -0
- package/dist/components/{p-23u3lIr1.js.map → p-BBG6Sswb.js.map} +1 -1
- package/dist/components/{p-D8Qd6gkf.js → p-BCOl1x0_.js} +2 -2
- package/dist/components/{p-Dg9qiMDa.js → p-BHVOiWz5.js} +2 -2
- package/dist/components/p-BPG0r_mC.js +2 -0
- package/dist/components/p-BPG0r_mC.js.map +1 -0
- package/dist/components/p-BUDAwJVV.js +2 -0
- package/dist/components/p-BUDAwJVV.js.map +1 -0
- package/dist/components/{p-DHuyj-9J.js → p-BXN-e7vF.js} +2 -2
- package/dist/components/{p-Bn8NryHK.js → p-B_jZIC9R.js} +2 -2
- package/dist/components/{p-7tZx4ukz.js → p-Bbb9A3NV.js} +2 -2
- package/dist/components/p-Bece5KH3.js +2 -0
- package/dist/components/p-Bece5KH3.js.map +1 -0
- package/dist/components/{p-ruPTIV6t.js → p-BhYS_Ump.js} +2 -2
- package/dist/components/p-Bkh7scMQ.js +2 -0
- package/dist/components/{p-DsJW5W3W.js.map → p-Bkh7scMQ.js.map} +1 -1
- package/dist/components/{p-B0PEg5RF.js → p-BknXYAEc.js} +2 -2
- package/dist/components/{p-C4TgWJi9.js → p-Bu3dOjpW.js} +2 -2
- package/dist/components/{p-BVlfQ8xZ.js → p-C-Y7gYgz.js} +2 -2
- package/dist/components/p-C-Y7gYgz.js.map +1 -0
- package/dist/components/{p-DAqSoyd4.js → p-C6R5Lft0.js} +2 -2
- package/dist/components/{p-PD1Vfg0t.js → p-C9gC4haA.js} +2 -2
- package/dist/components/{p-BGXqFq2C.js → p-CAnnQL1F.js} +2 -2
- package/dist/components/p-CE2IKOsy.js +2 -0
- package/dist/components/p-CE2IKOsy.js.map +1 -0
- package/dist/components/p-CKVHrOEp.js +2 -0
- package/dist/components/{p-DIEK54fV.js.map → p-CKVHrOEp.js.map} +1 -1
- package/dist/components/{p-BHz78C8h.js → p-CLVxgTme.js} +2 -2
- package/dist/components/p-CY4YFAT3.js +2 -0
- package/dist/components/p-CY4YFAT3.js.map +1 -0
- package/dist/components/{p-y4jhIkRc.js → p-Cg0kimXZ.js} +2 -2
- package/dist/components/p-CqQFowZd.js +2 -0
- package/dist/components/p-CqQFowZd.js.map +1 -0
- package/dist/components/{p-BhYWdbEp.js → p-CsBICYmt.js} +2 -2
- package/dist/components/p-CwjVgUqy.js +2 -0
- package/dist/components/p-CwjVgUqy.js.map +1 -0
- package/dist/components/{p-BHDkJmrC.js → p-D123Jvp-.js} +2 -2
- package/dist/components/p-D1eEgwcP.js +2 -0
- package/dist/components/p-D1eEgwcP.js.map +1 -0
- package/dist/components/{p-CzcWZiH-.js → p-D3fMaUJ3.js} +2 -2
- package/dist/components/p-D7R4yE2C.js +2 -0
- package/dist/components/{p-DEjh3klB.js.map → p-D7R4yE2C.js.map} +1 -1
- package/dist/components/{p-DZ55e3j9.js → p-D7haeL5y.js} +2 -2
- package/dist/components/p-D7haeL5y.js.map +1 -0
- package/dist/components/{p-D2z2DgtX.js → p-DAvh38E4.js} +2 -2
- package/dist/components/{p-CMFvaY05.js → p-DBue3ISk.js} +2 -2
- package/dist/components/{p-rrFMAZkj.js → p-DDgeXGbB.js} +2 -2
- package/dist/components/p-DNpLDbWY.js +2 -0
- package/dist/components/p-DNpLDbWY.js.map +1 -0
- package/dist/components/{p-U8JIZzI2.js → p-DUdOmSFR.js} +2 -2
- package/dist/components/p-DUdOmSFR.js.map +1 -0
- package/dist/components/p-DtndC9f1.js +2 -0
- package/dist/components/p-DtndC9f1.js.map +1 -0
- package/dist/components/{p-Be1sY58w.js → p-H5T258T-.js} +2 -2
- package/dist/components/p-H5T258T-.js.map +1 -0
- package/dist/components/p-HB_cf_aR.js +2 -0
- package/dist/components/{p-DNJTN_s0.js.map → p-HB_cf_aR.js.map} +1 -1
- package/dist/components/p-LK-jpxwq.js +2 -0
- package/dist/components/p-LK-jpxwq.js.map +1 -0
- package/dist/components/p-ag6Io-kL.js +2 -0
- package/dist/components/p-ag6Io-kL.js.map +1 -0
- package/dist/components/p-iMuFgSoM.js +2 -0
- package/dist/components/p-iMuFgSoM.js.map +1 -0
- package/dist/components/{p-DSIOINBK.js → p-uI6z53BE.js} +2 -2
- package/dist/docs/components.json +456 -55
- package/dist/lib/components/ButtonFilled/ButtonFilled.d.ts +2 -0
- package/dist/lib/components/PanelTools/panel-tools-types.d.ts +14 -2
- package/dist/lib/shell/index.d.ts +1 -1
- package/dist/lib/shell/index.js +17 -25
- package/dist/lib/shell/index.js.map +2 -2
- package/dist/lib/shell/shell-responsive.d.ts +6 -1
- package/dist/lib/utils/anchored-position.d.ts +8 -2
- package/dist/lib/utils/button-render.d.ts +1 -0
- package/dist/mcp-data/registry/badge.json +7 -9
- package/dist/mcp-data/registry/banner.json +2 -2
- package/dist/mcp-data/registry/bar-action.json +2 -2
- package/dist/mcp-data/registry/button-filled.json +20 -1
- package/dist/mcp-data/registry/button-unfilled.json +23 -3
- package/dist/mcp-data/registry/conversation-list.json +2 -2
- package/dist/mcp-data/registry/filter-menu.json +22 -7
- package/dist/mcp-data/registry/input.json +24 -4
- package/dist/mcp-data/registry/menu.json +23 -4
- package/dist/mcp-data/registry/message-composer.json +2 -2
- package/dist/mcp-data/registry/mobile-bar-nav.json +57 -6
- package/dist/mcp-data/registry/pagination.json +5 -4
- package/dist/mcp-data/registry/panel-nav.json +1 -1
- package/dist/mcp-data/registry/panel-tool-header.json +3 -3
- package/dist/mcp-data/registry/panel-tools.json +8 -7
- package/dist/mcp-data/registry/registry.json +102 -44
- package/dist/mcp-data/registry/select.json +18 -4
- package/dist/mcp-data/registry/shell-app.json +7 -6
- package/dist/mcp-data/registry/shell-tools.json +4 -4
- package/dist/mcp-data/registry/table-filter.json +3 -3
- package/dist/mcp-data/registry/table-sort.json +5 -4
- package/dist/mcp-data/registry/table-toolbar.json +10 -9
- package/dist/mcp-data/registry/table.json +24 -4
- package/dist/mcp-data/registry/toast.json +2 -2
- package/dist/mcp-data/registry/tooltip.json +20 -3
- package/dist/mcp-data/registry/typing-indicator.json +4 -4
- package/dist/react/ds-panel-tool-header.d.ts +2 -5
- package/dist/react/ds-panel-tools.d.ts +2 -5
- package/dist/styles/table.css +30 -10
- package/dist/types/components/Badge/Badge.d.ts +2 -16
- package/dist/types/components/Banner/Banner.d.ts +0 -1
- package/dist/types/components/BarAction/BarAction.d.ts +0 -7
- package/dist/types/components/ButtonFilled/ButtonFilled.d.ts +2 -0
- package/dist/types/components/ButtonUnfilled/ButtonUnfilled.d.ts +2 -0
- package/dist/types/components/ConversationList/ConversationList.d.ts +1 -0
- package/dist/types/components/FilterMenu/FilterMenu.d.ts +5 -5
- package/dist/types/components/Input/Input.d.ts +7 -0
- package/dist/types/components/Menu/Menu.d.ts +4 -4
- package/dist/types/components/MessageComposer/MessageComposer.d.ts +0 -3
- package/dist/types/components/MobileBarNav/MobileBarNav.d.ts +4 -0
- package/dist/types/components/Pagination/Pagination.d.ts +8 -0
- package/dist/types/components/PanelToolHeader/PanelToolHeader.d.ts +2 -5
- package/dist/types/components/PanelTools/PanelTools.d.ts +2 -5
- package/dist/types/components/PanelTools/panel-tools-types.d.ts +14 -2
- package/dist/types/components/Select/Select.d.ts +3 -0
- package/dist/types/components/Table/Table.d.ts +2 -13
- package/dist/types/components/Table/table-body-renderer.d.ts +36 -0
- package/dist/types/components/Table/table-load-view.d.ts +17 -0
- package/dist/types/components/Table/table-row-view.d.ts +26 -0
- package/dist/types/components/Table/table-skeleton-view.d.ts +12 -0
- package/dist/types/components/TableToolbar/TableToolbar.d.ts +5 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +3 -0
- package/dist/types/components.d.ts +112 -23
- package/dist/types/shell/index.d.ts +1 -1
- package/dist/types/shell/shell-responsive.d.ts +6 -1
- package/dist/types/utils/anchored-overlay-boundary.d.ts +14 -0
- package/dist/types/utils/anchored-overlay-interaction-controller.d.ts +26 -0
- package/dist/types/utils/anchored-position-controller.d.ts +14 -0
- package/dist/types/utils/anchored-position.d.ts +8 -2
- package/dist/types/utils/button-render.d.ts +1 -0
- package/dist/types/utils/select-controller.d.ts +1 -0
- package/dist/vue/ds-button-filled.js +1 -0
- package/dist/vue/ds-button-unfilled.js +1 -0
- package/dist/vue/ds-filter-menu.js +1 -0
- package/dist/vue/ds-input.js +1 -0
- package/dist/vue/ds-menu.js +1 -0
- package/dist/vue/ds-mobile-bar-nav.js +3 -0
- package/dist/vue/ds-select.js +1 -0
- package/dist/vue/ds-tooltip.js +1 -0
- package/package.json +4 -1
- package/dist/components/p-23u3lIr1.js +0 -2
- package/dist/components/p-Asi9h3pa.js +0 -2
- package/dist/components/p-Asi9h3pa.js.map +0 -1
- package/dist/components/p-BBxcMVqk.js +0 -2
- package/dist/components/p-BBxcMVqk.js.map +0 -1
- package/dist/components/p-BEvBJ65v.js +0 -2
- package/dist/components/p-BEvBJ65v.js.map +0 -1
- package/dist/components/p-BFSLT0yc.js +0 -2
- package/dist/components/p-BFSLT0yc.js.map +0 -1
- package/dist/components/p-BVlfQ8xZ.js.map +0 -1
- package/dist/components/p-BX0BMhgz.js +0 -2
- package/dist/components/p-BX0BMhgz.js.map +0 -1
- package/dist/components/p-Be1sY58w.js.map +0 -1
- package/dist/components/p-Bh67XbfB.js +0 -2
- package/dist/components/p-Bh67XbfB.js.map +0 -1
- package/dist/components/p-CKmfuK7k.js +0 -2
- package/dist/components/p-CKmfuK7k.js.map +0 -1
- package/dist/components/p-D4K9CE8a.js +0 -2
- package/dist/components/p-D4K9CE8a.js.map +0 -1
- package/dist/components/p-DEjh3klB.js +0 -2
- package/dist/components/p-DIEK54fV.js +0 -2
- package/dist/components/p-DNJTN_s0.js +0 -2
- package/dist/components/p-DOqnJVos.js +0 -2
- package/dist/components/p-DOqnJVos.js.map +0 -1
- package/dist/components/p-DZ55e3j9.js.map +0 -1
- package/dist/components/p-DhKvqh5G.js +0 -2
- package/dist/components/p-DhKvqh5G.js.map +0 -1
- package/dist/components/p-Dr4AgJbV.js +0 -2
- package/dist/components/p-Dr4AgJbV.js.map +0 -1
- package/dist/components/p-DsJW5W3W.js +0 -2
- package/dist/components/p-NzGRAPcF.js +0 -2
- package/dist/components/p-NzGRAPcF.js.map +0 -1
- package/dist/components/p-U8JIZzI2.js.map +0 -1
- package/dist/components/p-ZZzC52Ea.js +0 -2
- package/dist/components/p-ZZzC52Ea.js.map +0 -1
- package/dist/components/p-__lNIImO.js +0 -2
- package/dist/components/p-__lNIImO.js.map +0 -1
- package/dist/components/p-a6qP60zb.js +0 -2
- package/dist/components/p-a6qP60zb.js.map +0 -1
- package/dist/types/shell/badge-gradient-ring.d.ts +0 -28
- /package/dist/components/{p-C0X2zKbB.js.map → p-1Hu9jlju.js.map} +0 -0
- /package/dist/components/{p-DQqOzDEq.js.map → p-B00PEE6t.js.map} +0 -0
- /package/dist/components/{p-D1YhYulL.js.map → p-B1JRCDHS.js.map} +0 -0
- /package/dist/components/{p-D8Qd6gkf.js.map → p-BCOl1x0_.js.map} +0 -0
- /package/dist/components/{p-Dg9qiMDa.js.map → p-BHVOiWz5.js.map} +0 -0
- /package/dist/components/{p-DHuyj-9J.js.map → p-BXN-e7vF.js.map} +0 -0
- /package/dist/components/{p-Bn8NryHK.js.map → p-B_jZIC9R.js.map} +0 -0
- /package/dist/components/{p-7tZx4ukz.js.map → p-Bbb9A3NV.js.map} +0 -0
- /package/dist/components/{p-ruPTIV6t.js.map → p-BhYS_Ump.js.map} +0 -0
- /package/dist/components/{p-B0PEg5RF.js.map → p-BknXYAEc.js.map} +0 -0
- /package/dist/components/{p-C4TgWJi9.js.map → p-Bu3dOjpW.js.map} +0 -0
- /package/dist/components/{p-DAqSoyd4.js.map → p-C6R5Lft0.js.map} +0 -0
- /package/dist/components/{p-PD1Vfg0t.js.map → p-C9gC4haA.js.map} +0 -0
- /package/dist/components/{p-BGXqFq2C.js.map → p-CAnnQL1F.js.map} +0 -0
- /package/dist/components/{p-BHz78C8h.js.map → p-CLVxgTme.js.map} +0 -0
- /package/dist/components/{p-y4jhIkRc.js.map → p-Cg0kimXZ.js.map} +0 -0
- /package/dist/components/{p-BhYWdbEp.js.map → p-CsBICYmt.js.map} +0 -0
- /package/dist/components/{p-BHDkJmrC.js.map → p-D123Jvp-.js.map} +0 -0
- /package/dist/components/{p-CzcWZiH-.js.map → p-D3fMaUJ3.js.map} +0 -0
- /package/dist/components/{p-D2z2DgtX.js.map → p-DAvh38E4.js.map} +0 -0
- /package/dist/components/{p-CMFvaY05.js.map → p-DBue3ISk.js.map} +0 -0
- /package/dist/components/{p-rrFMAZkj.js.map → p-DDgeXGbB.js.map} +0 -0
- /package/dist/components/{p-DSIOINBK.js.map → p-uI6z53BE.js.map} +0 -0
package/dist/agent.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"package": "@ds-mo/ui",
|
|
4
|
-
"packageVersion": "14.
|
|
4
|
+
"packageVersion": "14.18.1",
|
|
5
5
|
"kind": "components",
|
|
6
6
|
"entries": [
|
|
7
7
|
{
|
|
@@ -707,7 +707,7 @@
|
|
|
707
707
|
"Badge keeps one brand treatment; semantic severity belongs to another component or adjacent content.",
|
|
708
708
|
"Use the ring only when Badge overlaps an icon or other content. Disable it in a reserved safe-area slot.",
|
|
709
709
|
"When enabled, the ring matches the immediate backing surface for both variants. Use a direct ring override only for a component-local fill that no surface preset represents.",
|
|
710
|
-
"
|
|
710
|
+
"Shell gradient rings follow the inherited ShellApp chrome context automatically; an explicit composition override may force either the gradient or flat ring treatment."
|
|
711
711
|
],
|
|
712
712
|
"responsiveBehavior": [
|
|
713
713
|
"The owning control or layout positions Badge and decides whether notification indicators remain visible, condense, or move at responsive breakpoints.",
|
|
@@ -1776,6 +1776,7 @@
|
|
|
1776
1776
|
"Loading prevents duplicate activation without applying inactive opacity or removing the current keyboard focus.",
|
|
1777
1777
|
"Icon and icon-label loading replace the icon in place. Label-only loading centers the loader while preserving the button's measured width.",
|
|
1778
1778
|
"Physical press scaling is on by default. Disable it only when an owning composite must keep child or background geometry fixed; hover and pressed interaction washes remain available.",
|
|
1779
|
+
"Visible labels are emphasized by default. Set labelEmphasis to false when a composed surface deliberately needs the button label to match adjacent regular-weight control labels; this does not change the action hierarchy, foreground, icon, or interaction states.",
|
|
1779
1780
|
"ButtonFilled has no active, pressed, or selected state; a filled action is a command, not a toggle or a persistent selection.",
|
|
1780
1781
|
"An open popup is a transient pressed state instead. While expanded is true the pressed wash is held for the popup's complete rendered lifecycle and survives hover, so the trigger reads as held open without introducing a selected treatment.",
|
|
1781
1782
|
"hasMenu supports only the label and icon-label variants. The chevron is what communicates that a menu will open, so an icon-only filled menu button would leave the affordance unstated."
|
|
@@ -1863,6 +1864,10 @@
|
|
|
1863
1864
|
"type": "string",
|
|
1864
1865
|
"required": false
|
|
1865
1866
|
},
|
|
1867
|
+
"labelEmphasis": {
|
|
1868
|
+
"type": "boolean",
|
|
1869
|
+
"required": false
|
|
1870
|
+
},
|
|
1866
1871
|
"pressScale": {
|
|
1867
1872
|
"type": "boolean",
|
|
1868
1873
|
"required": false
|
|
@@ -1984,6 +1989,7 @@
|
|
|
1984
1989
|
"Loading prevents duplicate activation without applying inactive opacity or removing the current keyboard focus.",
|
|
1985
1990
|
"Rounded changes only the control radius to the half-radius treatment; it does not change hierarchy, size, variant, or interaction semantics.",
|
|
1986
1991
|
"Physical press scaling is on by default. Disable it only when an owning composite must keep child or background geometry fixed; hover and pressed interaction washes remain available.",
|
|
1992
|
+
"Visible labels are emphasized by default. Set labelEmphasis to false when a composed surface deliberately needs the button label to match adjacent regular-weight control labels; this does not change active state, foreground, icon, chevron, or interaction fills.",
|
|
1987
1993
|
"Icon and icon-label loading replace the icon in place. Label-only loading centers the loader while preserving the button's measured width.",
|
|
1988
1994
|
"hasMenu covers two distinct menu-button shapes and the variant selects between them. With label or icon-label the action has a menu, and a trailing chevron carries the affordance. With icon the button is a menu and no chevron is added.",
|
|
1989
1995
|
"Because the icon-only shape has no chevron, its glyph must convey the menu on its own. Use Ellipses for a generic more-options or overflow control. Use a specific icon when the menu has a named purpose, such as Table for Customize table.",
|
|
@@ -1991,7 +1997,7 @@
|
|
|
1991
1997
|
],
|
|
1992
1998
|
"responsiveBehavior": [
|
|
1993
1999
|
"The consuming layout decides when an icon-label action becomes icon-only and must provide an explicit accessible name after changing variants. Table caption Customize is one such layout: below 900px it uses the icon shape while keeping the same neutral resting foreground regardless of the controlled column configuration.",
|
|
1994
|
-
"When collapseLabel is set inside a named ds-table container narrower than 900px, an icon-label caption action omits its label and chevron and becomes icon-only while keeping its accessible name. An active control then promotes the icon to primary.",
|
|
2000
|
+
"When collapseLabel is set inside a named ds-table container narrower than 900px, an icon-label caption action omits its label and chevron and becomes icon-only while keeping its accessible name and exposing its label through a hover and keyboard-focus tooltip. An active control then promotes the icon to primary.",
|
|
1995
2001
|
"Use fill width only when the parent layout requires a full-width secondary action."
|
|
1996
2002
|
],
|
|
1997
2003
|
"frameworkCaveats": {
|
|
@@ -2087,6 +2093,10 @@
|
|
|
2087
2093
|
"type": "string",
|
|
2088
2094
|
"required": false
|
|
2089
2095
|
},
|
|
2096
|
+
"labelEmphasis": {
|
|
2097
|
+
"type": "boolean",
|
|
2098
|
+
"required": false
|
|
2099
|
+
},
|
|
2090
2100
|
"pressScale": {
|
|
2091
2101
|
"type": "boolean",
|
|
2092
2102
|
"required": false
|
|
@@ -2143,7 +2153,8 @@
|
|
|
2143
2153
|
"badge",
|
|
2144
2154
|
"icon",
|
|
2145
2155
|
"loader",
|
|
2146
|
-
"text"
|
|
2156
|
+
"text",
|
|
2157
|
+
"tooltip"
|
|
2147
2158
|
]
|
|
2148
2159
|
},
|
|
2149
2160
|
{
|
|
@@ -3825,6 +3836,7 @@
|
|
|
3825
3836
|
"The built-in select trigger exposes combobox semantics with a dialog popup, synchronizes expanded state, holds the pressed interaction wash without changing resting foreground while open, and restores focus after dismissal.",
|
|
3826
3837
|
"The category pane is a vertical tab list. Arrow Up and Arrow Down wrap, Home and End jump, Arrow Right enters the option pane, and Arrow Left returns to the active category.",
|
|
3827
3838
|
"Escape and outside activation close the popup and restore trigger focus. Tab moves through option controls and closes only when it leaves the popup boundary.",
|
|
3839
|
+
"When an external trigger is inside an open shadow tree, pass its HTMLElement through anchor so outside activation, focus return, and Tab continuation use the composed tree.",
|
|
3828
3840
|
"The trigger count reports active filter categories. Category counts and the footer report individual selected criteria; none replace visible selected-state indication."
|
|
3829
3841
|
],
|
|
3830
3842
|
"states": [
|
|
@@ -3835,10 +3847,10 @@
|
|
|
3835
3847
|
"The trigger reports how many filter categories have selections, while the footer appears when values are selected and reports the total selected criteria."
|
|
3836
3848
|
],
|
|
3837
3849
|
"responsiveBehavior": [
|
|
3838
|
-
"The popup defaults to the large menu-width token and clamps to the viewport.",
|
|
3839
|
-
"When collapseLabel is set inside a named ds-table container narrower than 900px, the trigger omits its label and chevron
|
|
3850
|
+
"The popup defaults to the large menu-width token and clamps to the nearest data-ds-overlay-boundary rectangle or the viewport fallback.",
|
|
3851
|
+
"When collapseLabel is set inside a named ds-table container narrower than 900px, the trigger omits its label and chevron, becomes icon-only, and exposes its label through a hover and keyboard-focus tooltip. Active criteria promote the prefix icon to primary.",
|
|
3840
3852
|
"Both panes remain visible at narrow widths, with a smaller category minimum and reduced option-pane padding.",
|
|
3841
|
-
"Treat side as preferred placement; the popup flips and clamps when
|
|
3853
|
+
"Treat side as preferred placement; the popup flips and clamps when boundary collision requires it. Assign boundary as an HTMLElement only for an explicit override."
|
|
3842
3854
|
],
|
|
3843
3855
|
"frameworkCaveats": {
|
|
3844
3856
|
"customElements": [
|
|
@@ -3888,6 +3900,10 @@
|
|
|
3888
3900
|
"type": "string | null",
|
|
3889
3901
|
"required": false
|
|
3890
3902
|
},
|
|
3903
|
+
"boundary": {
|
|
3904
|
+
"type": "HTMLElement | undefined",
|
|
3905
|
+
"required": false
|
|
3906
|
+
},
|
|
3891
3907
|
"categoriesLabel": {
|
|
3892
3908
|
"type": "string",
|
|
3893
3909
|
"required": false
|
|
@@ -4175,17 +4191,19 @@
|
|
|
4175
4191
|
"Choose the native input type that matches the value so browsers and assistive technology can provide appropriate semantics and keyboards.",
|
|
4176
4192
|
"Error text is associated with the native input and announced as an alert when the invalid state is rendered.",
|
|
4177
4193
|
"Read-only fields remain focusable and submittable while preventing edits; inactive or disabled fields leave the tab order and are omitted from form submission.",
|
|
4194
|
+
"Number stepper actions are pointer affordances hidden from the accessibility tree; the native spinbutton remains the single keyboard and assistive-technology control.",
|
|
4178
4195
|
"Suffix content must not carry information that is otherwise absent from the field's visible label, value, or description."
|
|
4179
4196
|
],
|
|
4180
4197
|
"states": [
|
|
4181
4198
|
"Every size applies one complete control-density recipe across frame height, inline padding, icon zones, text-container inset, gap, and radius; supporting error content follows the shared 4px field flow.",
|
|
4182
4199
|
"The normal field boundary uses the shared secondary inset border. Focus promotes it to the thicker bold-brand inset stroke, while error uses the thicker bold-negative inset stroke without changing geometry. Set hasBorder to false only in chrome that supplies enough surrounding structure; the control then remains borderless at rest, while focused, and while invalid, with semantics and supporting error copy unchanged.",
|
|
4183
|
-
"Placeholder text is secondary at rest and quaternary while the editable field is focused because it becomes decorative once typing begins.",
|
|
4200
|
+
"Placeholder text is secondary at rest and quaternary while the editable field is focused because it becomes decorative once typing begins. Single-line placeholder and entered value text truncate with an ellipsis when the field is narrower than its content.",
|
|
4184
4201
|
"Entered values use the parent surface's primary foreground; prefix icons, suffix content, and resting placeholder text use its secondary foreground.",
|
|
4185
4202
|
"Search fields show a standard borderless CrossCircle icon action only while they contain a value. Clearing emits the empty value and restores focus to the native field.",
|
|
4186
4203
|
"The suffix slot is for compact units or decorations. The optional leading icon is decorative and does not replace the field label.",
|
|
4187
4204
|
"Use autoComplete, inputMode, and enterKeyHint to provide browser and virtual-keyboard hints without changing the value's semantic type.",
|
|
4188
|
-
"Number fields preserve native spinbutton semantics, stepping, and min/max constraint behavior while dsChange continues to report the native string value.",
|
|
4205
|
+
"Number fields preserve native spinbutton semantics, keyboard stepping, and min/max constraint behavior while dsChange continues to report the native string value. Two borderless inset chevron actions split the available inner height, disable independently at their numeric bound, and restore focus to the spinbutton after pointer activation.",
|
|
4206
|
+
"textAlign positions the editable value while the numeric stepper stays on the opposite inline edge, keeping the actions clear of the number: start-aligned values use an inline-end stepper and end-aligned values use an inline-start stepper.",
|
|
4189
4207
|
"The host exposes focused, filled, dirty, touched, invalid, disabled, read-only, and required data attributes for Field integration and diagnostics.",
|
|
4190
4208
|
"Use Input only on primary or secondary application backgrounds. It intentionally does not expose alternate surface contexts."
|
|
4191
4209
|
],
|
|
@@ -4322,6 +4340,10 @@
|
|
|
4322
4340
|
"type": "number | undefined",
|
|
4323
4341
|
"required": false
|
|
4324
4342
|
},
|
|
4343
|
+
"textAlign": {
|
|
4344
|
+
"type": "InputTextAlign",
|
|
4345
|
+
"required": false
|
|
4346
|
+
},
|
|
4325
4347
|
"type": {
|
|
4326
4348
|
"type": "InputType",
|
|
4327
4349
|
"required": false
|
|
@@ -4600,6 +4622,7 @@
|
|
|
4600
4622
|
"Switch rows use menuitemcheckbox semantics on the row; the nested ds-switch is an aria-hidden presentation indicator at the same density as the menu.",
|
|
4601
4623
|
"Single-selection menus use menuitemradio semantics and aria-checked on each row, but render no nested radio control; selected interaction fill and primary foreground provide the visual state.",
|
|
4602
4624
|
"A swatch-picker section changes the popup to a non-modal dialog so its radio group and ordinary preference buttons keep valid nested semantics; Tab moves between its controls, then leaves and closes at the popup boundary.",
|
|
4625
|
+
"When the anchor is inside an open shadow tree, pass its HTMLElement through anchor. Outside activation, focus return, and forward Tab continuation follow the composed tree across that boundary.",
|
|
4603
4626
|
"Use notification dots only as supplemental status and not as the sole indication of important information.",
|
|
4604
4627
|
"Trailing tags are non-interactive supplemental content; their visible label remains part of the menu item's accessible name.",
|
|
4605
4628
|
"Reorderable rows keep a presentation Drag handle. Pointer drag on the handle and Alt+Arrow Up or Down emit dsReorder without closing. Pointer cancellation abandons the pending move. Hide-locked reorderable rows expose aria-disabled for the unavailable toggle but stay focusable so they can move; fully locked rows stay out of the contiguous reorderable run.",
|
|
@@ -4612,6 +4635,7 @@
|
|
|
4612
4635
|
"After dsReorder, replace items or the affected section with the emitted items array. Menu never mutates order and does not close.",
|
|
4613
4636
|
"For selectionMode single, keep exactly one item isSelected and replace the items or sections array after dsSelect; Menu never mutates consumer-owned selection data.",
|
|
4614
4637
|
"Arrays, objects, and element anchors must be assigned as JavaScript properties.",
|
|
4638
|
+
"anchorId resolves only in the document tree; use the anchor property for a trigger rendered inside a shadow root.",
|
|
4615
4639
|
"Use a swatch-picker section for a small curated visual preference and apply dsSwatchSelect immediately without closing the popup.",
|
|
4616
4640
|
"Ordinary rows, section headings, and supporting text consume the Menu size. At xs, both the primary label and supporting text use caption metrics.",
|
|
4617
4641
|
"A trailing tag resolves one density smaller than its menu row and uses the inset recipe so it nests without changing row height. Do not combine tag, dot, and switch suffixes on one item.",
|
|
@@ -4619,8 +4643,11 @@
|
|
|
4619
4643
|
],
|
|
4620
4644
|
"responsiveBehavior": [
|
|
4621
4645
|
"Keep the default choice-cell anchor alignment so the first or last interactive row edge aligns with its trigger, matching Select; use popup-frame only for deliberate custom frame geometry.",
|
|
4622
|
-
"Treat side as the preferred placement. When the popup cannot fit there and the opposite side offers more room, Menu flips on that main axis before clamping the
|
|
4623
|
-
"
|
|
4646
|
+
"Treat side as the preferred placement. When the popup cannot fit there and the opposite side offers more room, Menu flips on that main axis before clamping to the nearest data-ds-overlay-boundary rectangle or the viewport fallback.",
|
|
4647
|
+
"Keep the popup attached while its external anchor moves or resizes, including during CSS transitions in responsive shell chrome.",
|
|
4648
|
+
"Cap the popup to the vertical room available on its resolved side. When content is taller, the choice list scrolls internally and keyboard focus scrolls the active row into view.",
|
|
4649
|
+
"Assign boundary as an HTMLElement only when the nearest composed-tree boundary is not the intended collision owner.",
|
|
4650
|
+
"Avoid fixed widths that exceed narrow collision boundaries."
|
|
4624
4651
|
],
|
|
4625
4652
|
"frameworkCaveats": {
|
|
4626
4653
|
"customElements": [
|
|
@@ -4667,6 +4694,10 @@
|
|
|
4667
4694
|
"type": "string | undefined",
|
|
4668
4695
|
"required": false
|
|
4669
4696
|
},
|
|
4697
|
+
"boundary": {
|
|
4698
|
+
"type": "HTMLElement | undefined",
|
|
4699
|
+
"required": false
|
|
4700
|
+
},
|
|
4670
4701
|
"initialFocusVisible": {
|
|
4671
4702
|
"type": "boolean",
|
|
4672
4703
|
"required": false
|
|
@@ -5236,12 +5267,12 @@
|
|
|
5236
5267
|
"tag": "ds-mobile-bar-nav",
|
|
5237
5268
|
"name": "mobile-bar-nav",
|
|
5238
5269
|
"title": "MobileBarNav",
|
|
5239
|
-
"summary": "Persistent mobile shell navigation for Menu, the router-derived current area, Search,
|
|
5270
|
+
"summary": "Persistent mobile shell navigation for Menu, the router-derived current area, Search, Activity, Messages, and Agents, with optional Inbox grouping.",
|
|
5240
5271
|
"intentStatus": "complete",
|
|
5241
5272
|
"intent": {
|
|
5242
5273
|
"audience": "specialized",
|
|
5243
5274
|
"status": "experimental",
|
|
5244
|
-
"summary": "Persistent mobile shell navigation for Menu, the router-derived current area, Search,
|
|
5275
|
+
"summary": "Persistent mobile shell navigation for Menu, the router-derived current area, Search, Activity, Messages, and Agents, with optional Inbox grouping.",
|
|
5245
5276
|
"useWhen": [
|
|
5246
5277
|
"ShellApp is rendering its dedicated below-768px application composition."
|
|
5247
5278
|
],
|
|
@@ -5260,7 +5291,8 @@
|
|
|
5260
5291
|
"Only the active destination exposes aria-current; Menu exposes its controlled pane through aria-expanded."
|
|
5261
5292
|
],
|
|
5262
5293
|
"states": [
|
|
5263
|
-
"The fixed groups are Menu plus current area, followed by Search,
|
|
5294
|
+
"The fixed groups are Menu plus current area, followed by Search, Activity, Messages, and Agents.",
|
|
5295
|
+
"Consumers that intentionally group multiple review tools can replace the Activity destination with Inbox.",
|
|
5264
5296
|
"Selection promotes foreground to primary without painting a selected fill; unselected destinations use tertiary foreground.",
|
|
5265
5297
|
"Opening Mobile Sheet Nav replaces the Menu glyph with Cross while preserving its accessible name.",
|
|
5266
5298
|
"Reselecting an active destination does not reset its nested state.",
|
|
@@ -5284,6 +5316,18 @@
|
|
|
5284
5316
|
"type": "MobileDestination",
|
|
5285
5317
|
"required": false
|
|
5286
5318
|
},
|
|
5319
|
+
"activityDot": {
|
|
5320
|
+
"type": "boolean",
|
|
5321
|
+
"required": false
|
|
5322
|
+
},
|
|
5323
|
+
"activityLabel": {
|
|
5324
|
+
"type": "string",
|
|
5325
|
+
"required": false
|
|
5326
|
+
},
|
|
5327
|
+
"activityMode": {
|
|
5328
|
+
"type": "'direct' | 'inbox'",
|
|
5329
|
+
"required": false
|
|
5330
|
+
},
|
|
5287
5331
|
"agentsDot": {
|
|
5288
5332
|
"type": "boolean",
|
|
5289
5333
|
"required": false
|
|
@@ -5891,7 +5935,7 @@
|
|
|
5891
5935
|
],
|
|
5892
5936
|
"accessibility": [
|
|
5893
5937
|
"The component renders a named navigation region, gives its compact page-size noun a complete accessible label, and gives every icon-only boundary control an explicit page action name.",
|
|
5894
|
-
"The visible page-size cluster states the localized noun, selected size, and total, for example Rows: 25 of 500. The page position uses compact ‘of’ phrasing, for example 1 of 20. A polite atomic status update retains the complete current range and ‘Page’ phrasing with the localized item noun.",
|
|
5938
|
+
"The visible page-size cluster states the localized noun, selected size, and current-page count of total, for example Rows: [25] 25 of 500. The page position uses compact ‘of’ phrasing, for example 1 of 20. A polite atomic status update retains the complete current range and ‘Page’ phrasing with the localized item noun.",
|
|
5895
5939
|
"Left and Right Arrow request the adjacent page while focus is within pagination navigation controls. The page-size combobox retains its own arrow-key behavior.",
|
|
5896
5940
|
"Inactive boundary controls and every control during loading remain non-interactive while retaining their accessible names."
|
|
5897
5941
|
],
|
|
@@ -5903,7 +5947,8 @@
|
|
|
5903
5947
|
"fitToPage appends a Fit to page choice. fitPageSize supplies its effective whole-item capacity; the closed trigger says Fit while the range continues to expose the resulting count. fitToPageInactive keeps that choice visible but unavailable when fitting is not meaningful for the current data shape. Pagination does not measure layouts itself."
|
|
5904
5948
|
],
|
|
5905
5949
|
"responsiveBehavior": [
|
|
5906
|
-
"The
|
|
5950
|
+
"The full-width controls remain on one line with noun, selected size, current-page count of total, a vertical divider, page position, and first, previous, next, and last navigation.",
|
|
5951
|
+
"Inside a ds-table container narrower than 900px, pagination hides the visible current-page count and first/last boundary controls while retaining the page-size noun and selector plus previous, page position, and next. The complete current range remains available to assistive technology."
|
|
5907
5952
|
],
|
|
5908
5953
|
"frameworkCaveats": {
|
|
5909
5954
|
"customElements": [
|
|
@@ -6464,7 +6509,7 @@
|
|
|
6464
6509
|
"events": [
|
|
6465
6510
|
{
|
|
6466
6511
|
"name": "dsAction",
|
|
6467
|
-
"detail": "
|
|
6512
|
+
"detail": "PanelToolHeaderActionDetail"
|
|
6468
6513
|
},
|
|
6469
6514
|
{
|
|
6470
6515
|
"name": "dsBack",
|
|
@@ -6686,7 +6731,7 @@
|
|
|
6686
6731
|
],
|
|
6687
6732
|
"accessibility": [
|
|
6688
6733
|
"Provide localized accessible labels for the rail, shortcut group, and every rendered tool.",
|
|
6689
|
-
"Use the canonical default recipe when the product needs
|
|
6734
|
+
"Use the canonical default recipe when the product needs Agents pinned first and Help pinned last; custom recipes must preserve a deliberate keyboard and visual order.",
|
|
6690
6735
|
"Keep focus on the selected rail action when opening a drawer and allow normal Tab navigation into its content.",
|
|
6691
6736
|
"When the shortcut rail overflows, its labeled body becomes a keyboard-focusable scroll region without changing the rail action order.",
|
|
6692
6737
|
"Do not trigger global shortcuts while focus is in an editable control.",
|
|
@@ -6696,7 +6741,7 @@
|
|
|
6696
6741
|
"states": [
|
|
6697
6742
|
"Every tool has a stable explicit id and accessible label. The application filters definitions for authorization and entitlement.",
|
|
6698
6743
|
"Tool order, header or footer rail placement, shortcut, and mobile grouping come from explicit item metadata rather than id-based layout assumptions.",
|
|
6699
|
-
"PANEL_TOOLS_DEFAULT_ITEMS is the canonical Lab recipe:
|
|
6744
|
+
"PANEL_TOOLS_DEFAULT_ITEMS is the canonical Lab recipe: Agents pinned first; Messages, Activity, then Search in the body; Help pinned last; Activity directly reachable on mobile; and Stacks omitted.",
|
|
6700
6745
|
"Only one drawer is open at a time; selecting another tool switches directly and selecting the active tool closes to rail-only mode.",
|
|
6701
6746
|
"The drawer starts closed, remains open across ordinary route changes, and retains every mounted tool's independent conversation, query, scroll, and work state.",
|
|
6702
6747
|
"When storageKey is set, persist only the last active tool in this browser and still restore the drawer closed after reload.",
|
|
@@ -6711,6 +6756,7 @@
|
|
|
6711
6756
|
"If an active optional tool becomes unavailable, PanelTools closes the drawer, clears activeTool, and emits its deselection.",
|
|
6712
6757
|
"Use isInactive only for a temporarily unavailable visible tool; omit tools the user is not authorized to access.",
|
|
6713
6758
|
"Rail actions disable physical press scaling so notification-dot halos remain aligned to the shell gradient; hover and pressed washes continue to paint above the dot and halo.",
|
|
6759
|
+
"Rail tooltips are shell-owned and position against the viewport so the narrow tools-lane collision boundary cannot clamp them beyond the viewport edge.",
|
|
6714
6760
|
"The application owns slotted tool products and data while PanelTools owns rail ordering, drawer selection, open state, motion, and shell events.",
|
|
6715
6761
|
"Opening and closing clip an already-rendered fixed-width surface. Header and tool content remain fully opaque and retained during width motion; transition completion is accepted only at the measured terminal clip width, after which the closed surface becomes inert and paint-skipped.",
|
|
6716
6762
|
"Entering and exiting fullscreen snaps without borrowing the drawer open or close animation.",
|
|
@@ -6805,7 +6851,7 @@
|
|
|
6805
6851
|
},
|
|
6806
6852
|
{
|
|
6807
6853
|
"name": "dsHeaderAction",
|
|
6808
|
-
"detail": "
|
|
6854
|
+
"detail": "PanelToolsHeaderActionDetail"
|
|
6809
6855
|
},
|
|
6810
6856
|
{
|
|
6811
6857
|
"name": "dsHeaderBack",
|
|
@@ -7237,8 +7283,8 @@
|
|
|
7237
7283
|
],
|
|
7238
7284
|
"responsiveBehavior": [
|
|
7239
7285
|
"Use width fill for form fields and width hug for compact filter bars. Override those defaults only when the owning layout has a clear constraint.",
|
|
7240
|
-
"When collapseLabel is set inside a named ds-table container narrower than 900px, the trigger omits its label and chevron
|
|
7241
|
-
"The popup matches the trigger minimum width, may grow for content, and clamps to the viewport.",
|
|
7286
|
+
"When collapseLabel is set inside a named ds-table container narrower than 900px, the trigger omits its label and chevron, becomes icon-only, and exposes its label through a hover and keyboard-focus tooltip. A selected value promotes the prefix icon to primary.",
|
|
7287
|
+
"The popup matches the trigger minimum width, may grow for content, and clamps to the nearest data-ds-overlay-boundary rectangle or the viewport fallback. Assign boundary as an HTMLElement only for an explicit override.",
|
|
7242
7288
|
"Keep popupAlign at start for ordinary fields and filters. Use end when a control sits against a right layout edge and the popup should grow inward.",
|
|
7243
7289
|
"Long option collections scroll inside the popup; virtualization and remote search are not part of this component."
|
|
7244
7290
|
],
|
|
@@ -7293,6 +7339,10 @@
|
|
|
7293
7339
|
"type": "SelectBackground | undefined",
|
|
7294
7340
|
"required": false
|
|
7295
7341
|
},
|
|
7342
|
+
"boundary": {
|
|
7343
|
+
"type": "HTMLElement | undefined",
|
|
7344
|
+
"required": false
|
|
7345
|
+
},
|
|
7296
7346
|
"clearLabel": {
|
|
7297
7347
|
"type": "string",
|
|
7298
7348
|
"required": false
|
|
@@ -7516,14 +7566,14 @@
|
|
|
7516
7566
|
"Keep the shell-owned routed-content scroller keyboard-focusable while its page landmark retains content semantics. Do not paint a control focus ring around that scroller; it is a layout region, and a page-column outline looks like a selected card.",
|
|
7517
7567
|
"Keep the managed desktop/tablet and mobile presentations available without conditionally recreating routed or tool content.",
|
|
7518
7568
|
"Do not override browser keyboard chords when enabling shell shortcuts.",
|
|
7519
|
-
"Require
|
|
7569
|
+
"Require Agents and Help as the minimum pinned PanelTools actions and provide accessible labels for every tool.",
|
|
7520
7570
|
"Preserve focus and accessible names across navigation, collapse, overflow, and responsive presentation changes."
|
|
7521
7571
|
],
|
|
7522
7572
|
"states": [
|
|
7523
7573
|
"Render exactly one ShellApp as the workspace root and never nest it.",
|
|
7524
7574
|
"Managed composition is the standard. Supply navigation, pageChrome, and tools objects plus named tool-view and default page-content slots.",
|
|
7525
7575
|
"The application router owns the current route, authorization filtering, Dashboard or Settings context, destination collections, section collections, and localized content labels.",
|
|
7526
|
-
"ShellApp renders the lower-level desktop, tablet, and mobile chrome, coordinates layout, gradient alignment, transitions, shortcuts, global surfaces, Inbox state, focus restoration, and mobile-stage visibility.",
|
|
7576
|
+
"ShellApp renders the lower-level desktop, tablet, and mobile chrome, coordinates layout, gradient alignment, transitions, shortcuts, global surfaces, optional Inbox state, focus restoration, and mobile-stage visibility.",
|
|
7527
7577
|
"The application router owns authorization, current URLs, history, and route execution; ShellApp forwards navigation and page intent events without routing.",
|
|
7528
7578
|
"The application supplies each routed content owner and tool view once. ShellApp changes visibility, inert state, and presentation without recreating those nodes.",
|
|
7529
7579
|
"The optional banner slot accepts one application-owned ds-banner above the complete shell row. The application owns its open state, orientation for the current shell capacity, action consequences, dismissal persistence, and resolution when several messages compete.",
|
|
@@ -7551,6 +7601,7 @@
|
|
|
7551
7601
|
"A slotted Banner remains below the top safe-area inset and above routed, navigation, fullscreen-tool, and mobile global-surface presentations.",
|
|
7552
7602
|
"Mobile global surfaces conceal and inert the routed workspace without unmounting it, preserving nested routes and scroll state.",
|
|
7553
7603
|
"Keep PanelNav width, BarNav height, PanelTools chrome, and main-content origin stable except during intentional responsive or collapse transitions.",
|
|
7604
|
+
"The routed content cell and tools cell expose separate anchored-overlay collision boundaries, so top-layer menus and tooltips remain above local clipping without crossing into neighboring shell lanes. Full-screen modal overlays remain viewport-owned.",
|
|
7554
7605
|
"Paper texture chrome is desktop/tablet-only and follows the fixed viewport phase of the shell chrome; mobile remains a solid primary stage.",
|
|
7555
7606
|
"Managed page-header capacity follows only the fixed shell breakpoint: roomy on desktop and compact on tablet. Opening PanelTools does not compact or constrain BarTitle.",
|
|
7556
7607
|
"The bottom bar remains visible at all route and tool depths in the foundation release."
|
|
@@ -7919,17 +7970,17 @@
|
|
|
7919
7970
|
"accessibility": [
|
|
7920
7971
|
"Only the active mobile tool view participates in focus or the accessibility tree.",
|
|
7921
7972
|
"Header Back and application-owned header actions preserve the PanelTools event contract.",
|
|
7922
|
-
"
|
|
7973
|
+
"A direct Activity destination renders its own named tool view; an explicitly grouped Inbox uses a named label-only TabGroup."
|
|
7923
7974
|
],
|
|
7924
7975
|
"states": [
|
|
7925
7976
|
"The application owns open and activeTool and replaces headers when tool depth changes.",
|
|
7926
|
-
"Items with mobileDestination inbox map to one mobile Inbox destination while retaining the actual active tool id; the canonical recipe
|
|
7977
|
+
"Items with mobileDestination inbox map to one mobile Inbox destination while retaining the actual active tool id; the canonical recipe exposes Activity directly and keeps Inbox grouping opt-in.",
|
|
7927
7978
|
"Stable tool ids own named slots; label, order, rail placement, shortcut, and mobile destination are explicit item data.",
|
|
7928
7979
|
"Switching responsive mode must not recreate application-owned slotted product elements."
|
|
7929
7980
|
],
|
|
7930
7981
|
"responsiveBehavior": [
|
|
7931
7982
|
"Desktop and tablet compose PanelTools-compatible rail and drawer chrome.",
|
|
7932
|
-
"Mobile renders one centered MobileHeader for every tool;
|
|
7983
|
+
"Mobile renders one centered MobileHeader for every direct tool; explicitly grouped Inbox tools use the large segmented section control."
|
|
7933
7984
|
],
|
|
7934
7985
|
"frameworkCaveats": {
|
|
7935
7986
|
"customElements": [
|
|
@@ -8867,7 +8918,7 @@
|
|
|
8867
8918
|
"pattern:menu-trigger"
|
|
8868
8919
|
],
|
|
8869
8920
|
"accessibility": [
|
|
8870
|
-
"The rendered structure uses a native table, caption, column headers, row groups, and data cells; keep the caption non-empty. The native caption remains visually hidden as the table's accessible name. When caption visibility is enabled, a 48px header bar renders as component chrome outside the
|
|
8921
|
+
"The rendered structure uses a native table, caption, column headers, row groups, and data cells; keep the caption non-empty. The native caption remains visually hidden as the table's accessible name. When caption visibility is enabled, a 48px header bar renders as component chrome outside the data scrollport. It defaults to a presentational caption title that does not duplicate the accessible name. Application-owned labeled controls supplied through the single named header slot replace that fallback and share one horizontal caption overflow row with table-owned actions inside the component-owned 8px inset. Table caption buttons keep pressed interaction paint without physically scaling. When columnCustomizer is enabled, the table adds a trailing Customize control named Customize table. Its label uses regular weight and its resting foreground remains neutral when hidden or reordered columns differ from the catalog default. The control is icon-label at typical widths and the icon-only Table menu button below 900px, where a tooltip preserves the Customize label. The always-icon-only table-variant control also exposes its label through a tooltip. Otherwise the header slot receives the complete content width.",
|
|
8871
8922
|
"The data-mode switcher is the shared Menu of the table's supported infinite, pagination, and virtual modes. It uses an Ellipses trigger. The switcher is the final caption-bar action; when the column customizer is also present, a decorative vertical divider separates the two controls. dataMode remains controlled, and the application responds to change intent by supplying the matching records, pagination state, loading behavior, and query consequences. Escape, dismissal, and selection return focus to the trigger.",
|
|
8872
8923
|
"The column customizer is the shared Menu of switch rows, not a table-owned dialog. Data columns can be shown, hidden, and reordered. Action columns and the selection checkbox never appear in the menu. The last remaining visible data column cannot be hidden, but it stays focusable so it can still be reordered. Escape and outside click restore focus to the trigger. Persistence stays in the application.",
|
|
8873
8924
|
"Sorting controls remain buttons inside column headers and expose the table's one controlled member-row sort through aria-sort. ds-table-sort in the toolbar trailing cluster is the matching menu of Data and Direction sections; it emits the same dsSortChange shape so header clicks and menu choices stay in sync. Grouping never adds a second sort indicator or header control; the application supplies groups in its fixed product order. Optional column help underlines the header label with the shared dotted decoration and shows ds-tooltip from that label; it does not add a second header control or replace the column name.",
|
|
@@ -8893,7 +8944,7 @@
|
|
|
8893
8944
|
],
|
|
8894
8945
|
"responsiveBehavior": [
|
|
8895
8946
|
"The table keeps native semantics at narrow widths and scrolls horizontally instead of transforming into cards.",
|
|
8896
|
-
"Inside the named ds-table container, caption Filter, Group, and Sort controls that opt into collapseLabel become icon-only below 900px by omitting their labels and chevrons. Active filtering or grouping promotes the visible icon to primary. Sort keeps resting secondary chrome because its selection lives in the menu and headers. Customize switches to the icon-only Table menu button below 900px and keeps its neutral resting foreground regardless of the controlled column configuration.",
|
|
8947
|
+
"Inside the named ds-table container, caption Search retains its standard maximum width and flexes smaller only when the complete row needs space. Filter, Group, and Sort controls that opt into collapseLabel become icon-only below 900px by omitting their labels and chevrons. Active filtering or grouping promotes the visible icon to primary. Sort keeps resting secondary chrome because its selection lives in the menu and headers. Customize switches to the icon-only Table menu button below 900px and keeps its neutral resting foreground regardless of the controlled column configuration. The caption, frame, and footer remain within the table host at every width. The complete caption row scrolls together only when those compact controls no longer fit, while data columns scroll inside the viewport; table-owned trailing actions never stay pinned over the scrolling toolbar.",
|
|
8897
8948
|
"stickyHeader follows the active vertical scroll owner: a maxHeight, height, or fitViewport table keeps its native header and group sections inside one bounded table scrollport, while a document-flow table retains a semantic native header and renders a sticky control header whose columns follow the body's native inline scroll timeline. Consumers set --ds-table-sticky-header-offset when page chrome occupies an unbounded document scrollport edge. When the 48px table header bar is visible, it sticks at that external offset and the column header stacks immediately below it.",
|
|
8898
8949
|
"fitViewport uses viewportInsetBlockStart and viewportInsetBlockEnd to describe compact surrounding chrome and page gutters relative to the nearest vertical scroll owner. Before the table reaches that compact position, its host reserves the eventual height while the visible composition grows and vertical input remains owned by the outer page. Once settled, the internal table viewport becomes the vertical scroll owner. Bounded grouped tables use browser-native sticky section rows inside real block row-group boundaries, so scroll and resize do not run component JavaScript or trigger reactive section swaps. Document-flow tables retain the synchronized visual lane required by their separate horizontal scrollport.",
|
|
8899
8950
|
"Without maxHeight the table grows the document and automatic lazy loading observes the browser viewport. Horizontal scrolling chains vertical wheel and trackpad movement to the page instead of trapping it.",
|
|
@@ -9279,7 +9330,7 @@
|
|
|
9279
9330
|
],
|
|
9280
9331
|
"accessibility": [
|
|
9281
9332
|
"The trigger is an icon-label combobox named Filter table unless a product aria-label supplies the table context. Compact caption widths preserve that accessible name after the visible label and chevron are omitted.",
|
|
9282
|
-
"The popup retains ds-filter-menu category navigation, option semantics, focus entry, dismissal, and focus return.",
|
|
9333
|
+
"The popup retains ds-filter-menu category navigation, option semantics, focus entry, dismissal, and focus return, and aligns its start edge with the trigger.",
|
|
9283
9334
|
"Localize label, menuLabel, categoriesLabel, and clearLabel together so visible and accessible wording remains consistent."
|
|
9284
9335
|
],
|
|
9285
9336
|
"states": [
|
|
@@ -9289,7 +9340,7 @@
|
|
|
9289
9340
|
],
|
|
9290
9341
|
"responsiveBehavior": [
|
|
9291
9342
|
"Place the control in the trailing region of ds-table-toolbar.",
|
|
9292
|
-
"Inside a named ds-table container narrower than 900px, the trigger becomes icon-only and active criteria promote the Filters icon to primary."
|
|
9343
|
+
"Inside a named ds-table container narrower than 900px, the trigger becomes icon-only, exposes its visible label through a hover and keyboard-focus tooltip, and active criteria promote the Filters icon to primary."
|
|
9293
9344
|
],
|
|
9294
9345
|
"frameworkCaveats": {
|
|
9295
9346
|
"customElements": [
|
|
@@ -9582,18 +9633,19 @@
|
|
|
9582
9633
|
],
|
|
9583
9634
|
"accessibility": [
|
|
9584
9635
|
"The trigger is an icon-label menu button named Sort table unless a product aria-label is supplied. Compact caption widths keep that accessible name after the visible label is omitted.",
|
|
9585
|
-
"The menu has two sections, Data and Direction. Each section presents one selected row through isSelected; the menu is not a single radio group because field and direction are independent.",
|
|
9636
|
+
"The start-aligned menu has two sections, Data and Direction. Each section presents one selected row through isSelected; the menu is not a single radio group because field and direction are independent.",
|
|
9586
9637
|
"Choosing a row applies immediately and keeps the menu open so the other section can be changed. Escape and outside activation close the menu and restore trigger focus."
|
|
9587
9638
|
],
|
|
9588
9639
|
"states": [
|
|
9589
9640
|
"columns and sort are controlled. dsSortChange reports the next TableSortState and never mutates those inputs. The same sort object is what column headers emit through the table.",
|
|
9590
9641
|
"Selecting a different data field keeps the current direction, or starts ascending when no sort exists. Selecting a direction applies it to the current field, or to the first sortable field when no sort exists. Selecting the already-active field or direction is a no-op and does not toggle the way a header click does.",
|
|
9591
|
-
"The trigger stays Sort in resting secondary chrome. Field and direction selection live in the menu and on column headers, so the trigger never uses active primary emphasis.",
|
|
9642
|
+
"The trigger stays Sort in regular-weight resting secondary chrome. Field and direction selection live in the menu and on column headers, so the trigger never uses active primary emphasis. It keeps pressed interaction paint without physically scaling inside the stable table caption row.",
|
|
9592
9643
|
"Compound sortable headers contribute one Data row per segment. Action columns never appear."
|
|
9593
9644
|
],
|
|
9594
9645
|
"responsiveBehavior": [
|
|
9595
9646
|
"Place the control in the trailing region of ds-table-toolbar with Filter and Group.",
|
|
9596
|
-
"Inside a named ds-table container narrower than 900px, the trigger omits its label and chevron and becomes icon-only.
|
|
9647
|
+
"Inside a named ds-table container narrower than 900px, the trigger omits its label and chevron and becomes icon-only. A hover and keyboard-focus tooltip preserves the label, and the icon keeps the resting secondary foreground.",
|
|
9648
|
+
"Long sortable-field catalogs inherit Menu's collision-aware height cap and internal choice scrolling instead of extending beyond the available viewport space."
|
|
9597
9649
|
],
|
|
9598
9650
|
"frameworkCaveats": {
|
|
9599
9651
|
"customElements": [
|
|
@@ -9660,12 +9712,12 @@
|
|
|
9660
9712
|
"tag": "ds-table-toolbar",
|
|
9661
9713
|
"name": "table-toolbar",
|
|
9662
9714
|
"title": "TableToolbar",
|
|
9663
|
-
"summary": "Data-agnostic companion layout for application-owned table caption controls, with a start cluster, optional search, trailing Filter/Group
|
|
9715
|
+
"summary": "Data-agnostic companion layout for application-owned table caption controls, with a start cluster, optional search, trailing Filter/Sort/Group, and narrow-width horizontal overflow.",
|
|
9664
9716
|
"intentStatus": "complete",
|
|
9665
9717
|
"intent": {
|
|
9666
9718
|
"audience": "general",
|
|
9667
9719
|
"status": "stable",
|
|
9668
|
-
"summary": "Data-agnostic companion layout for application-owned table caption controls, with a start cluster, optional search, trailing Filter/Group
|
|
9720
|
+
"summary": "Data-agnostic companion layout for application-owned table caption controls, with a start cluster, optional search, trailing Filter/Sort/Group, and narrow-width horizontal overflow.",
|
|
9669
9721
|
"useWhen": [
|
|
9670
9722
|
"Several table pages repeat the same saved-view cluster, middle discovery and result-shaping controls, and table-owned caption actions.",
|
|
9671
9723
|
"A ds-table header slot needs consistent control spacing, alignment, grouping, and narrow-width overflow without moving product behavior into the table."
|
|
@@ -9688,17 +9740,18 @@
|
|
|
9688
9740
|
"patterns": [],
|
|
9689
9741
|
"accessibility": [
|
|
9690
9742
|
"The component exposes a named toolbar while each slotted control retains its own accessible name and native keyboard behavior.",
|
|
9691
|
-
"Use the start slot for saved views. Use search for the optional discovery field, leading for any additional left-side middle controls, and trailing for Filter,
|
|
9743
|
+
"Use the start slot for saved views. Use search for the optional discovery field, leading for any additional left-side middle controls, and trailing for Filter, Sort, and Group. Table-owned column customizer and data-mode actions remain in the table caption trailing cluster and participate in the same caption overflow row.",
|
|
9692
9744
|
"Tab order follows authored DOM order. The toolbar does not add roving focus because it may contain heterogeneous form and popup controls."
|
|
9693
9745
|
],
|
|
9694
9746
|
"states": [
|
|
9695
9747
|
"The component owns layout only. It never mutates slotted control props, values, menus, loading, persistence, or consequences. Use ds-table-saved-views and ds-table-filter when those interactions need the shared CompoMo behavior while application data and persistence remain external.",
|
|
9696
|
-
"
|
|
9697
|
-
"
|
|
9748
|
+
"Buttons in the toolbar keep their hover and pressed interaction paint without physically scaling, so pointer feedback does not disturb the stable caption geometry.",
|
|
9749
|
+
"The start cluster is followed by a decorative vertical divider, then Search, optional leading controls, and one trailing action cluster. The start cluster and divider hide when nothing is projected. Search is a dedicated slot that hides when nothing is projected. Empty leading or trailing clusters add no placeholder chrome. Search is the only toolbar region that shrinks; all action controls retain their control geometry and align directly before the table-owned actions.",
|
|
9750
|
+
"Column customizer and data-mode switching stay table-owned caption actions. Do not recreate those menus in the toolbar. When slotted into a table header, the table caption owns overflow for the complete toolbar and table-owned action row."
|
|
9698
9751
|
],
|
|
9699
9752
|
"responsiveBehavior": [
|
|
9700
|
-
"The start cluster, search, trailing Filter/Group
|
|
9701
|
-
"Inside a named ds-table container narrower than 900px, ds-table-filter and ds-table-sort omit their labels and chevrons and become icon-only.
|
|
9753
|
+
"The start cluster, search, trailing Filter/Sort/Group, and table caption trailing actions stay on one line. Saved views hug their current trigger content up to the compact menu-width token rather than reserving that full width; long names truncate while the dirty dot stays visible. Filter, Sort, and Group triggers cap at the same token, and Sort and Group popups keep that compact menu-width floor. A standalone toolbar owns its horizontal scrolling; inside a table, the complete caption row is the single overflow owner so table-owned actions never remain pinned over scrolling toolbar controls.",
|
|
9754
|
+
"Inside a named ds-table container narrower than 900px, Search retains its standard maximum width and flexes smaller only when the complete row needs space. ds-table-filter and ds-table-sort omit their labels and chevrons, and Group controls explicitly opted into collapseLabel become icon-only; each exposes its label through a hover and keyboard-focus tooltip. Empty leading and trailing slot groups do not add spacing. Active filtering or grouping promotes the prefix icon to primary. Sort keeps resting secondary chrome. Table-owned Customize also becomes the icon-only Table menu button at that width with the same tooltip behavior.",
|
|
9702
9755
|
"The scrollbar is visually suppressed without removing touch, trackpad, mouse-wheel, or keyboard scrolling from the overflow container.",
|
|
9703
9756
|
"Trailing controls remain grouped after leading controls; the toolbar does not collapse controls into an application-specific overflow menu."
|
|
9704
9757
|
],
|
|
@@ -10141,7 +10194,7 @@
|
|
|
10141
10194
|
"responsiveBehavior": [
|
|
10142
10195
|
"The global stack stays at the viewport bottom-end with token-based inset and never exceeds the available viewport width.",
|
|
10143
10196
|
"Set avoid-mobile-shell-bar when the application uses the persistent shell bottom bar. Below 768px the global stack clears the complete safe-area-aware bar container by 16px; tablet and desktop positioning remain unchanged.",
|
|
10144
|
-
"Anchored toasts flip on their placement axis and clamp to viewport padding when
|
|
10197
|
+
"Anchored toasts flip on their placement axis and clamp to their anchor's nearest data-ds-overlay-boundary rectangle, falling back to viewport padding when no owner is marked.",
|
|
10145
10198
|
"The owner does not create separate mobile and desktop managers; one queue preserves ordering across responsive layouts.",
|
|
10146
10199
|
"Pointer swipe remains optional input. Close and action controls retain keyboard access through the notification region."
|
|
10147
10200
|
],
|
|
@@ -10293,7 +10346,7 @@
|
|
|
10293
10346
|
"Only one tooltip remains active globally; warm handoff removes the previous popup before showing the next.",
|
|
10294
10347
|
"Disconnecting and reinserting the tooltip host rebinds the current slotted trigger.",
|
|
10295
10348
|
"A host may present the popup against an external anchor it already owns, without wrapping that trigger or binding hover on it.",
|
|
10296
|
-
"The preferred side flips when it cannot fit, then alignment is clamped to viewport padding.",
|
|
10349
|
+
"The preferred side flips when it cannot fit, then alignment is clamped to the nearest data-ds-overlay-boundary rectangle or viewport padding. Assign boundary as an HTMLElement for an explicit owner, or viewport when shell-owned chrome must escape a narrow page or lane boundary.",
|
|
10297
10350
|
"Reduced motion removes enter and exit fades while retaining the final visible or hidden state."
|
|
10298
10351
|
],
|
|
10299
10352
|
"responsiveBehavior": [
|
|
@@ -10306,7 +10359,8 @@
|
|
|
10306
10359
|
"Place exactly one trigger element as the component's light-DOM child.",
|
|
10307
10360
|
"Replacing the slotted trigger rebinds pointer and focus behavior automatically.",
|
|
10308
10361
|
"A table or similar host can present the popup against an overflowing text node instead of wrapping that node.",
|
|
10309
|
-
"sideOffset, alignOffset, and delay accept numbers or TokoMo CSS values."
|
|
10362
|
+
"sideOffset, alignOffset, and delay accept numbers or TokoMo CSS values.",
|
|
10363
|
+
"Use boundary=viewport only for shell-owned chrome whose tooltip intentionally crosses an inner page or lane boundary."
|
|
10310
10364
|
],
|
|
10311
10365
|
"react": [
|
|
10312
10366
|
"Wrap one focusable trigger with DsTooltip; keep the trigger's aria-label independent from the tooltip label."
|
|
@@ -10340,6 +10394,10 @@
|
|
|
10340
10394
|
"type": "number | string",
|
|
10341
10395
|
"required": false
|
|
10342
10396
|
},
|
|
10397
|
+
"boundary": {
|
|
10398
|
+
"type": "AnchoredOverlayBoundary | undefined",
|
|
10399
|
+
"required": false
|
|
10400
|
+
},
|
|
10343
10401
|
"delay": {
|
|
10344
10402
|
"type": "number | string",
|
|
10345
10403
|
"required": false
|
|
@@ -10542,7 +10600,7 @@
|
|
|
10542
10600
|
"pattern:conversation"
|
|
10543
10601
|
],
|
|
10544
10602
|
"accessibility": [
|
|
10545
|
-
"Provide concise localized status text; the standard label is Typing followed by a
|
|
10603
|
+
"Provide concise localized status text; the standard label is Typing followed by a single Unicode ellipsis.",
|
|
10546
10604
|
"The polite atomic status announces typing without representing it as a message bubble."
|
|
10547
10605
|
],
|
|
10548
10606
|
"states": [
|
|
@@ -8,7 +8,7 @@ export declare class DsButtonFilled {
|
|
|
8
8
|
dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;
|
|
9
9
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonFilled, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonFilled, "ds-button-filled", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "contrast": { "alias": "contrast"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonFilled, "ds-button-filled", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "contrast": { "alias": "contrast"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
|
|
12
12
|
}
|
|
13
13
|
export declare interface DsButtonFilled extends Components.DsButtonFilled {
|
|
14
14
|
dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;
|
|
@@ -18,12 +18,12 @@ let DsButtonFilled = class DsButtonFilled {
|
|
|
18
18
|
this.el = r.nativeElement;
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsButtonFilled, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsButtonFilled, isStandalone: true, selector: "ds-button-filled", inputs: { ariaLabel: "ariaLabel", background: "background", contrast: "contrast", controls: "controls", expanded: "expanded", hasBorder: "hasBorder", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", intent: "intent", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", pressScale: "pressScale", rounded: "rounded", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsButtonFilled, isStandalone: true, selector: "ds-button-filled", inputs: { ariaLabel: "ariaLabel", background: "background", contrast: "contrast", controls: "controls", expanded: "expanded", hasBorder: "hasBorder", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", intent: "intent", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", labelEmphasis: "labelEmphasis", pressScale: "pressScale", rounded: "rounded", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
22
|
};
|
|
23
23
|
DsButtonFilled = __decorate([
|
|
24
24
|
ProxyCmp({
|
|
25
25
|
defineCustomElementFn: defineDsButtonFilled,
|
|
26
|
-
inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'pressScale', 'rounded', 'size', 'type', 'variant', 'width'],
|
|
26
|
+
inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'pressScale', 'rounded', 'size', 'type', 'variant', 'width'],
|
|
27
27
|
methods: ['setFocus']
|
|
28
28
|
})
|
|
29
29
|
], DsButtonFilled);
|
|
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
35
35
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
36
36
|
template: '<ng-content></ng-content>',
|
|
37
37
|
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
38
|
-
inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'pressScale', 'rounded', 'size', 'type', 'variant', 'width'],
|
|
38
|
+
inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'pressScale', 'rounded', 'size', 'type', 'variant', 'width'],
|
|
39
39
|
outputs: ['dsClick'],
|
|
40
40
|
}]
|
|
41
41
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
|
|
@@ -9,7 +9,7 @@ export declare class DsButtonUnfilled {
|
|
|
9
9
|
dsChange: EventEmitter<DsButtonUnfilledCustomEvent<boolean>>;
|
|
10
10
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonUnfilled, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonUnfilled, "ds-button-unfilled", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "focusTabIndex": { "alias": "focusTabIndex"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonUnfilled, "ds-button-unfilled", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "focusTabIndex": { "alias": "focusTabIndex"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
|
|
13
13
|
}
|
|
14
14
|
export declare interface DsButtonUnfilled extends Components.DsButtonUnfilled {
|
|
15
15
|
dsClick: EventEmitter<DsButtonUnfilledCustomEvent<MouseEvent>>;
|