@nldd/design-system 0.8.53 → 0.8.54
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/assets/styles/slotted-reset.fixtures.d.ts +2 -3
- package/dist/assets/styles/slotted-reset.fixtures.d.ts.map +1 -1
- package/dist/assets/styles/slotted-reset.fixtures.js +2 -3
- package/dist/assets/styles/slotted-reset.fixtures.js.map +1 -1
- package/dist/components/actions/button/button.d.ts +11 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +15 -1
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +34 -2
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +21 -0
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +11 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +15 -1
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +35 -1
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +32 -5
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/{lists-and-menus → actions}/menu/menu.d.ts +3 -3
- package/dist/components/actions/menu/menu.d.ts.map +1 -0
- package/dist/components/actions/menu/menu.i18n.d.ts.map +1 -0
- package/dist/components/actions/menu/menu.i18n.js.map +1 -0
- package/dist/components/{lists-and-menus → actions}/menu/menu.js +3 -3
- package/dist/components/actions/menu/menu.js.map +1 -0
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → actions}/menu/menu.styles.js +1 -1
- package/dist/components/actions/menu/menu.styles.js.map +1 -0
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -0
- package/dist/components/actions/menu/menu.template.js.map +1 -0
- package/dist/components/actions/split-button/split-button.d.ts +1 -1
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +1 -1
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/components.js +76 -74
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +2 -8
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +5 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +2 -0
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +1 -1
- package/dist/components/{index-Cwro7Ee_.js → index-C3JellW2.js} +1455 -803
- package/dist/components/index.d.ts +15 -14
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +16 -15
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +1 -1
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/layout/app-view/app-view.js +1 -1
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/app-view/app-view.styles.js +1 -1
- package/dist/components/layout/page/page.styles.js +2 -2
- package/dist/components/layout/popover/popover.styles.js +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +2 -2
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -4
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +2 -2
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +2 -2
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +2 -2
- package/dist/components/layout/window/window.styles.js +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.js +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/list/list.js +1 -1
- package/dist/components/lists-and-tables/list/list.js.map +1 -0
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.js +3 -3
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.d.ts +137 -0
- package/dist/components/lists-and-tables/table/table.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.i18n.d.ts +6 -0
- package/dist/components/lists-and-tables/table/table.i18n.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.i18n.js +5 -0
- package/dist/components/lists-and-tables/table/table.i18n.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.js +359 -0
- package/dist/components/lists-and-tables/table/table.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.styles.d.ts +3 -0
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.styles.js +120 -0
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.template.d.ts +3 -0
- package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.template.js +34 -0
- package/dist/components/lists-and-tables/table/table.template.js.map +1 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.d.ts +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/{prism-python-DupfA39T.js → prism-python-QiimuE8j.js} +1 -1
- package/dist/components/{prism-rust-yPrYE0Hd.js → prism-rust-D4vfxUpk.js} +1 -1
- package/dist/components/{prism-typescript-C1NT9IBX.js → prism-typescript-Dy2F4cF2.js} +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +80 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +5 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +4 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +163 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +151 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts +4 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js +41 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js.map +1 -0
- package/dist/components/status-and-feedback/badge/badge.styles.js +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +18 -16
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +68 -63
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +42 -39
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +14 -14
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +6 -6
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +42 -42
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +57 -56
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +12 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/css/rich-text.css +43 -15
- package/dist/css/settings.css +27 -15
- package/dist/utilities/page-section-mixin.js +1 -1
- package/dist/utilities/page-section-mixin.js.map +1 -1
- package/dist/utilities/visibility-mixin.d.ts +8 -4
- package/dist/utilities/visibility-mixin.d.ts.map +1 -1
- package/dist/utilities/visibility-mixin.js +36 -8
- package/dist/utilities/visibility-mixin.js.map +1 -1
- package/package.json +32 -28
- package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.i18n.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.i18n.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.styles.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.template.js.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.js.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.template.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.template.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.d.ts +0 -77
- package/dist/components/status-and-feedback/progress/progress.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.i18n.d.ts +0 -5
- package/dist/components/status-and-feedback/progress/progress.i18n.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.i18n.js +0 -4
- package/dist/components/status-and-feedback/progress/progress.i18n.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.js +0 -137
- package/dist/components/status-and-feedback/progress/progress.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.styles.d.ts +0 -2
- package/dist/components/status-and-feedback/progress/progress.styles.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.styles.js +0 -59
- package/dist/components/status-and-feedback/progress/progress.styles.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.template.d.ts +0 -4
- package/dist/components/status-and-feedback/progress/progress.template.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.template.js +0 -26
- package/dist/components/status-and-feedback/progress/progress.template.js.map +0 -1
- /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.d.ts +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.js +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.js +0 -0
|
@@ -4,9 +4,8 @@
|
|
|
4
4
|
* (including an `!important`, to prove a shadow `!important` still wins). Inject it
|
|
5
5
|
* at document level around slotted content; the slotted-reset must neutralise it.
|
|
6
6
|
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* out of test-utils.ts so the Storybook story doesn't depend on a test-only module.
|
|
7
|
+
* Used by the slotted-reset regression test (slotted-reset.test.ts). Lives next
|
|
8
|
+
* to the stylesheet it guards rather than in test-utils.ts.
|
|
10
9
|
*/
|
|
11
10
|
export declare const hostileHostCss = "\n\t*, ::before, ::after { box-sizing: border-box; }\n\th1, h2, h3, h4, h5, h6 { font-size: 9px !important; font-weight: 100; margin: 40px; }\n\tp { margin: 40px; }\n\ta { color: rgb(255, 0, 0); text-decoration: none; }\n\timg { width: 12px; height: auto; max-width: none; }\n\tselect { opacity: 1; appearance: auto; font: inherit; }\n\t[slot=\"title\"], [slot=\"description\"] { color: rgb(255, 0, 255); margin: 30px; }\n\tbody { letter-spacing: 6px; text-transform: uppercase; }\n";
|
|
12
11
|
//# sourceMappingURL=slotted-reset.fixtures.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slotted-reset.fixtures.d.ts","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"slotted-reset.fixtures.d.ts","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,ueAS1B,CAAC"}
|
|
@@ -4,9 +4,8 @@
|
|
|
4
4
|
* (including an `!important`, to prove a shadow `!important` still wins). Inject it
|
|
5
5
|
* at document level around slotted content; the slotted-reset must neutralise it.
|
|
6
6
|
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* out of test-utils.ts so the Storybook story doesn't depend on a test-only module.
|
|
7
|
+
* Used by the slotted-reset regression test (slotted-reset.test.ts). Lives next
|
|
8
|
+
* to the stylesheet it guards rather than in test-utils.ts.
|
|
10
9
|
*/
|
|
11
10
|
export const hostileHostCss = `
|
|
12
11
|
*, ::before, ::after { box-sizing: border-box; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slotted-reset.fixtures.js","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"slotted-reset.fixtures.js","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;CAS7B,CAAC"}
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
*/
|
|
28
28
|
import { LitElement } from 'lit';
|
|
29
29
|
import './../../content/icon/icon.js';
|
|
30
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
30
31
|
type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
|
|
31
32
|
type Size = 'xs' | 'sm' | 'md';
|
|
32
33
|
type ButtonType = 'button' | 'submit' | 'reset';
|
|
@@ -67,6 +68,16 @@ export declare class NLDDButton extends LitElement {
|
|
|
67
68
|
* default action doesn't double-fire.
|
|
68
69
|
*/
|
|
69
70
|
popoverTargetAction: 'toggle' | 'show' | 'hide';
|
|
71
|
+
/**
|
|
72
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
73
|
+
* hidden) content, marks the inner control `aria-busy="true"` and blocks
|
|
74
|
+
* activation — without dropping the control from the tab order (unlike
|
|
75
|
+
* `disabled`). The content stays laid out so the button keeps its width.
|
|
76
|
+
*
|
|
77
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
78
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
79
|
+
*/
|
|
80
|
+
loading: boolean;
|
|
70
81
|
disabled: boolean;
|
|
71
82
|
/** Button text. */
|
|
72
83
|
text: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,KAAK,OAAO,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/B,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAKtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,EAAE,UAAU,CAAY;IAG5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,SAAM;IAGV,UAAU,UAAS;IAEnB,6FAA6F;IAE7F,SAAS,SAAM;IAEf,wFAAwF;IAExF,OAAO,SAAM;IAEb,0GAA0G;IAE1G,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,OAAO,CAAC,YAAY;IAyBpB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|
|
@@ -36,6 +36,7 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
36
36
|
import { buttonStyles } from './button.styles.js';
|
|
37
37
|
import { template } from './button.template.js';
|
|
38
38
|
import './../../content/icon/icon.js';
|
|
39
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
39
40
|
let NLDDButton = class NLDDButton extends LitElement {
|
|
40
41
|
constructor() {
|
|
41
42
|
super(...arguments);
|
|
@@ -66,6 +67,16 @@ let NLDDButton = class NLDDButton extends LitElement {
|
|
|
66
67
|
* default action doesn't double-fire.
|
|
67
68
|
*/
|
|
68
69
|
this.popoverTargetAction = 'toggle';
|
|
70
|
+
/**
|
|
71
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
72
|
+
* hidden) content, marks the inner control `aria-busy="true"` and blocks
|
|
73
|
+
* activation — without dropping the control from the tab order (unlike
|
|
74
|
+
* `disabled`). The content stays laid out so the button keeps its width.
|
|
75
|
+
*
|
|
76
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
77
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
78
|
+
*/
|
|
79
|
+
this.loading = false;
|
|
69
80
|
this.disabled = false;
|
|
70
81
|
/** Button text. */
|
|
71
82
|
this.text = '';
|
|
@@ -115,7 +126,7 @@ let NLDDButton = class NLDDButton extends LitElement {
|
|
|
115
126
|
}
|
|
116
127
|
}
|
|
117
128
|
_handleClick(e) {
|
|
118
|
-
if (this.disabled) {
|
|
129
|
+
if (this.disabled || this.loading) {
|
|
119
130
|
e.preventDefault();
|
|
120
131
|
e.stopPropagation();
|
|
121
132
|
return;
|
|
@@ -197,6 +208,9 @@ __decorate([
|
|
|
197
208
|
__decorate([
|
|
198
209
|
property({ attribute: false })
|
|
199
210
|
], NLDDButton.prototype, "popoverTargetAction", void 0);
|
|
211
|
+
__decorate([
|
|
212
|
+
property({ type: Boolean, reflect: true })
|
|
213
|
+
], NLDDButton.prototype, "loading", void 0);
|
|
200
214
|
__decorate([
|
|
201
215
|
property({ type: Boolean, reflect: true })
|
|
202
216
|
], NLDDButton.prototype, "disabled", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBA2TxB,CAAC"}
|
|
@@ -25,6 +25,7 @@ export const buttonStyles = css `
|
|
|
25
25
|
|
|
26
26
|
${inheritedTextReset}
|
|
27
27
|
display: inline-block;
|
|
28
|
+
position: relative;
|
|
28
29
|
max-width: 100%;
|
|
29
30
|
user-select: none;
|
|
30
31
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -230,6 +231,11 @@ export const buttonStyles = css `
|
|
|
230
231
|
color: var(--_is-active-content-color);
|
|
231
232
|
}
|
|
232
233
|
|
|
234
|
+
/* Loading keeps the control focusable (not disabled); activation is blocked in JS. */
|
|
235
|
+
:host([loading]) .button {
|
|
236
|
+
cursor: default;
|
|
237
|
+
}
|
|
238
|
+
|
|
233
239
|
.button:focus-visible {
|
|
234
240
|
outline: var(--semantics-focus-ring-outline);
|
|
235
241
|
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
@@ -241,7 +247,8 @@ export const buttonStyles = css `
|
|
|
241
247
|
}
|
|
242
248
|
|
|
243
249
|
@media (prefers-reduced-motion: reduce) {
|
|
244
|
-
.button
|
|
250
|
+
.button,
|
|
251
|
+
.button__content {
|
|
245
252
|
transition: none;
|
|
246
253
|
}
|
|
247
254
|
}
|
|
@@ -250,7 +257,32 @@ export const buttonStyles = css `
|
|
|
250
257
|
/* # Elements */
|
|
251
258
|
|
|
252
259
|
.button__content {
|
|
253
|
-
display:
|
|
260
|
+
display: inline-flex;
|
|
261
|
+
max-width: 100%;
|
|
262
|
+
min-width: 0;
|
|
263
|
+
align-items: center;
|
|
264
|
+
gap: var(--_gap);
|
|
265
|
+
transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
/* Loading crossfades the content out (opacity, not visibility, so the button
|
|
269
|
+
keeps its accessible name) while the indicator fades in. The content stays
|
|
270
|
+
laid out, so the button keeps its width. */
|
|
271
|
+
:host([loading]) .button__content {
|
|
272
|
+
opacity: 0;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
/* Wrapper overlaid on the control, positioned against the host (which is
|
|
276
|
+
position:relative). It lives outside the <button>/<a> so the indicator's
|
|
277
|
+
role="status" live region announces loading without joining the button's
|
|
278
|
+
accessible name. The activity-indicator inside fills it and centres its
|
|
279
|
+
circle, which inherits the content color via currentColor. */
|
|
280
|
+
.button__activity-indicator {
|
|
281
|
+
position: absolute;
|
|
282
|
+
inset: 0;
|
|
283
|
+
/* Re-establish the content color here: the indicator lives outside
|
|
284
|
+
.button now, so its currentColor stroke can no longer inherit it. */
|
|
285
|
+
color: var(--_content-color);
|
|
254
286
|
}
|
|
255
287
|
|
|
256
288
|
::slotted(nldd-icon) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;IAuB3B,kBAAkB
|
|
1
|
+
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;IAuB3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoSrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA4BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA4BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,wCAwElE"}
|
|
@@ -33,6 +33,23 @@ export function template(helpers) {
|
|
|
33
33
|
// irrelevant ARIA attributes.
|
|
34
34
|
const isDisclosure = this.expandable || !!this.popupType;
|
|
35
35
|
const ariaExpanded = isDisclosure ? String(this.expanded) : (this.expanded ? 'true' : nothing);
|
|
36
|
+
// Loading: an activity indicator overlays the (opacity-hidden) content. It
|
|
37
|
+
// sits OUTSIDE the <button>/<a> (a sibling, overlaid via the host's
|
|
38
|
+
// position:relative) so its role="status" live region can announce "Laden"
|
|
39
|
+
// without joining the button's content-derived accessible name. aria-busy
|
|
40
|
+
// stays on the control as supplementary state. `instant` so it shows the
|
|
41
|
+
// moment loading starts. Sizes: xs:16, sm:20, md:24.
|
|
42
|
+
const ariaBusy = this.loading ? 'true' : nothing;
|
|
43
|
+
const loadingIndicator = this.loading
|
|
44
|
+
? html `
|
|
45
|
+
<div class="button__activity-indicator">
|
|
46
|
+
<nldd-activity-indicator
|
|
47
|
+
timing="instant"
|
|
48
|
+
size=${this.size === 'xs' ? '16' : this.size === 'sm' ? '20' : '24'}
|
|
49
|
+
></nldd-activity-indicator>
|
|
50
|
+
</div>
|
|
51
|
+
`
|
|
52
|
+
: nothing;
|
|
36
53
|
if (this.href) {
|
|
37
54
|
const resolvedRel = this._resolvedRel();
|
|
38
55
|
return html `
|
|
@@ -44,10 +61,12 @@ export function template(helpers) {
|
|
|
44
61
|
aria-label=${this.accessibleLabel || nothing}
|
|
45
62
|
aria-haspopup=${this.popupType || nothing}
|
|
46
63
|
aria-expanded=${ariaExpanded}
|
|
64
|
+
aria-busy=${ariaBusy}
|
|
47
65
|
@click=${helpers.handleClick}
|
|
48
66
|
>
|
|
49
67
|
${content}
|
|
50
68
|
</a>
|
|
69
|
+
${loadingIndicator}
|
|
51
70
|
`;
|
|
52
71
|
}
|
|
53
72
|
// .popoverTargetElement / .popoverTargetAction are bound unguarded: in
|
|
@@ -63,6 +82,7 @@ export function template(helpers) {
|
|
|
63
82
|
aria-label=${this.accessibleLabel || nothing}
|
|
64
83
|
aria-haspopup=${this.popupType || nothing}
|
|
65
84
|
aria-expanded=${ariaExpanded}
|
|
85
|
+
aria-busy=${ariaBusy}
|
|
66
86
|
popovertarget=${this.popovertarget || nothing}
|
|
67
87
|
.popoverTargetElement=${this.popoverTargetElement}
|
|
68
88
|
.popoverTargetAction=${this.popoverTargetAction}
|
|
@@ -70,6 +90,7 @@ export function template(helpers) {
|
|
|
70
90
|
>
|
|
71
91
|
${content}
|
|
72
92
|
</button>
|
|
93
|
+
${loadingIndicator}
|
|
73
94
|
`;
|
|
74
95
|
}
|
|
75
96
|
//# sourceMappingURL=button.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,SAAS,aAAa,CAAC,SAAqB;IAC3C,sEAAsE;IACtE,6EAA6E;IAC7E,mEAAmE;IACnE,OAAO,IAAI,CAAA;;KAEP,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEnB,SAAS,CAAC,SAAS;;IAE3B,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;gCACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,2BAA2B;KAC5F,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEjB,SAAS,CAAC,OAAO;;IAEzB,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;KACrC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAmB,OAAwB;IAClE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;aACP,IAAI,CAAC,MAAM,IAAI,OAAO;UACzB,WAAW,IAAI,OAAO;oBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;oBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;oBACzB,YAAY;
|
|
1
|
+
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
*/
|
|
39
39
|
import { LitElement } from 'lit';
|
|
40
40
|
import './../../content/icon/icon.js';
|
|
41
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
41
42
|
export type Size = 'xs' | 'sm' | 'md' | 'lg';
|
|
42
43
|
export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
|
|
43
44
|
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
@@ -48,6 +49,16 @@ export declare class NLDDIconButton extends LitElement {
|
|
|
48
49
|
private _internals;
|
|
49
50
|
variant: Variant;
|
|
50
51
|
size: Size;
|
|
52
|
+
/**
|
|
53
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
54
|
+
* hidden) icon, marks the inner control `aria-busy="true"` and blocks
|
|
55
|
+
* activation — without dropping the control from the tab order (unlike
|
|
56
|
+
* `disabled`).
|
|
57
|
+
*
|
|
58
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
59
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
60
|
+
*/
|
|
61
|
+
loading: boolean;
|
|
51
62
|
disabled: boolean;
|
|
52
63
|
type: ButtonType;
|
|
53
64
|
expandable: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAExE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -47,12 +47,23 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
47
47
|
import { iconButtonStyles } from './icon-button.styles.js';
|
|
48
48
|
import { template } from './icon-button.template.js';
|
|
49
49
|
import './../../content/icon/icon.js';
|
|
50
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
50
51
|
let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
51
52
|
constructor() {
|
|
52
53
|
super(...arguments);
|
|
53
54
|
this._internals = this.attachInternals();
|
|
54
55
|
this.variant = 'neutral-tinted';
|
|
55
56
|
this.size = 'md';
|
|
57
|
+
/**
|
|
58
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
59
|
+
* hidden) icon, marks the inner control `aria-busy="true"` and blocks
|
|
60
|
+
* activation — without dropping the control from the tab order (unlike
|
|
61
|
+
* `disabled`).
|
|
62
|
+
*
|
|
63
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
64
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
65
|
+
*/
|
|
66
|
+
this.loading = false;
|
|
56
67
|
this.disabled = false;
|
|
57
68
|
this.type = 'button';
|
|
58
69
|
this.expandable = false;
|
|
@@ -142,7 +153,7 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
|
142
153
|
return '';
|
|
143
154
|
}
|
|
144
155
|
_handleClick(e) {
|
|
145
|
-
if (this.disabled) {
|
|
156
|
+
if (this.disabled || this.loading) {
|
|
146
157
|
e.preventDefault();
|
|
147
158
|
e.stopPropagation();
|
|
148
159
|
return;
|
|
@@ -188,6 +199,9 @@ __decorate([
|
|
|
188
199
|
__decorate([
|
|
189
200
|
property({ type: String, reflect: true })
|
|
190
201
|
], NLDDIconButton.prototype, "size", void 0);
|
|
202
|
+
__decorate([
|
|
203
|
+
property({ type: Boolean, reflect: true })
|
|
204
|
+
], NLDDIconButton.prototype, "loading", void 0);
|
|
191
205
|
__decorate([
|
|
192
206
|
property({ type: Boolean, reflect: true })
|
|
193
207
|
], NLDDIconButton.prototype, "disabled", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAuT5B,CAAC"}
|
|
@@ -24,6 +24,7 @@ export const iconButtonStyles = css `
|
|
|
24
24
|
|
|
25
25
|
${inheritedTextReset}
|
|
26
26
|
display: inline-block;
|
|
27
|
+
position: relative;
|
|
27
28
|
max-width: 100%;
|
|
28
29
|
user-select: none;
|
|
29
30
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -216,7 +217,9 @@ export const iconButtonStyles = css `
|
|
|
216
217
|
}
|
|
217
218
|
|
|
218
219
|
@media (prefers-reduced-motion: reduce) {
|
|
219
|
-
.icon-button
|
|
220
|
+
.icon-button,
|
|
221
|
+
.icon-button__icon-area,
|
|
222
|
+
.icon-button__text {
|
|
220
223
|
transition: none;
|
|
221
224
|
}
|
|
222
225
|
}
|
|
@@ -243,6 +246,11 @@ export const iconButtonStyles = css `
|
|
|
243
246
|
color: var(--_is-active-content-color);
|
|
244
247
|
}
|
|
245
248
|
|
|
249
|
+
/* Loading keeps the control focusable (not disabled); activation is blocked in JS. */
|
|
250
|
+
:host([loading]) .icon-button {
|
|
251
|
+
cursor: default;
|
|
252
|
+
}
|
|
253
|
+
|
|
246
254
|
|
|
247
255
|
/* # Elements */
|
|
248
256
|
|
|
@@ -251,6 +259,14 @@ export const iconButtonStyles = css `
|
|
|
251
259
|
flex-direction: row;
|
|
252
260
|
align-items: center;
|
|
253
261
|
justify-content: center;
|
|
262
|
+
transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
/* Loading crossfades the content out (opacity, not visibility, so the control
|
|
266
|
+
keeps its accessible name) while the indicator fades in. The content stays
|
|
267
|
+
laid out, so the control keeps its size. */
|
|
268
|
+
:host([loading]) .icon-button__icon-area {
|
|
269
|
+
opacity: 0;
|
|
254
270
|
}
|
|
255
271
|
|
|
256
272
|
.icon-button__icon {
|
|
@@ -276,6 +292,24 @@ export const iconButtonStyles = css `
|
|
|
276
292
|
color: inherit;
|
|
277
293
|
font: var(--_text-font);
|
|
278
294
|
white-space: nowrap;
|
|
295
|
+
transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
:host([loading]) .icon-button__text {
|
|
299
|
+
opacity: 0;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/* Wrapper overlaid on the control, positioned against the host (which is
|
|
303
|
+
position:relative). It lives outside the <button>/<a> and the tooltip
|
|
304
|
+
wrapper so the indicator's role="status" live region works reliably. The
|
|
305
|
+
activity-indicator inside fills it and centres its circle, which inherits
|
|
306
|
+
the content color via currentColor. */
|
|
307
|
+
.icon-button__activity-indicator {
|
|
308
|
+
position: absolute;
|
|
309
|
+
inset: 0;
|
|
310
|
+
/* Re-establish the content color here: the indicator lives outside
|
|
311
|
+
.icon-button now, so its currentColor stroke can no longer inherit it. */
|
|
312
|
+
color: var(--_content-color);
|
|
279
313
|
}
|
|
280
314
|
`;
|
|
281
315
|
//# sourceMappingURL=icon-button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;IAsB/B,kBAAkB
|
|
1
|
+
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;IAsB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAsB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAsB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,wCA+F5C"}
|
|
@@ -32,6 +32,28 @@ export function template() {
|
|
|
32
32
|
// irrelevant ARIA attributes.
|
|
33
33
|
const isDisclosure = this.expandable || !!this.popupType;
|
|
34
34
|
const ariaExpanded = isDisclosure ? String(this.expanded) : (this.expanded ? 'true' : nothing);
|
|
35
|
+
// Loading: an activity indicator overlays the (opacity-hidden) icon. It is
|
|
36
|
+
// rendered OUTSIDE the <button>/<a> AND the optional tooltip wrapper — a
|
|
37
|
+
// Shadow DOM sibling overlaid via the host's position:relative — so its
|
|
38
|
+
// role="status" live region functions reliably (a live region nested inside
|
|
39
|
+
// an interactive element is unreliable in some AT) and announces "Laden".
|
|
40
|
+
// aria-busy stays on the control as supplementary state. `instant` so it
|
|
41
|
+
// shows the moment loading starts. Sizes: xs:16, sm:20, md:24, lg:28.
|
|
42
|
+
const ariaBusy = this.loading ? 'true' : nothing;
|
|
43
|
+
const loadingSize = this.size === 'xs' ? '16'
|
|
44
|
+
: this.size === 'sm' ? '20'
|
|
45
|
+
: this.size === 'lg' ? '28'
|
|
46
|
+
: '24';
|
|
47
|
+
const loadingIndicator = this.loading
|
|
48
|
+
? html `
|
|
49
|
+
<div class="icon-button__activity-indicator">
|
|
50
|
+
<nldd-activity-indicator
|
|
51
|
+
timing="instant"
|
|
52
|
+
size=${loadingSize}
|
|
53
|
+
></nldd-activity-indicator>
|
|
54
|
+
</div>
|
|
55
|
+
`
|
|
56
|
+
: nothing;
|
|
35
57
|
const renderButton = () => {
|
|
36
58
|
if (this.href) {
|
|
37
59
|
const resolvedRel = this._resolvedRel();
|
|
@@ -44,6 +66,7 @@ export function template() {
|
|
|
44
66
|
aria-label=${label}
|
|
45
67
|
aria-haspopup=${this.popupType || nothing}
|
|
46
68
|
aria-expanded=${ariaExpanded}
|
|
69
|
+
aria-busy=${ariaBusy}
|
|
47
70
|
@click=${this._handleClick}
|
|
48
71
|
>
|
|
49
72
|
${content}
|
|
@@ -63,6 +86,7 @@ export function template() {
|
|
|
63
86
|
aria-label=${label}
|
|
64
87
|
aria-haspopup=${this.popupType || nothing}
|
|
65
88
|
aria-expanded=${ariaExpanded}
|
|
89
|
+
aria-busy=${ariaBusy}
|
|
66
90
|
popovertarget=${this.popovertarget || nothing}
|
|
67
91
|
.popoverTargetElement=${this.popoverTargetElement}
|
|
68
92
|
.popoverTargetAction=${this.popoverTargetAction}
|
|
@@ -72,13 +96,16 @@ export function template() {
|
|
|
72
96
|
</button>
|
|
73
97
|
`;
|
|
74
98
|
};
|
|
75
|
-
|
|
76
|
-
|
|
99
|
+
// The indicator is a sibling of the control (and of the tooltip wrapper),
|
|
100
|
+
// overlaid via the host's position:relative — keeping its live region out
|
|
101
|
+
// of any interactive ancestor.
|
|
102
|
+
const control = tooltipText && this.tooltipTiming !== 'never'
|
|
103
|
+
? html `
|
|
77
104
|
<nldd-tooltip text=${tooltipText} timing=${this.tooltipTiming}>
|
|
78
105
|
${renderButton()}
|
|
79
106
|
</nldd-tooltip>
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
return
|
|
107
|
+
`
|
|
108
|
+
: renderButton();
|
|
109
|
+
return html `${control}${loadingIndicator}`;
|
|
83
110
|
}
|
|
84
111
|
//# sourceMappingURL=icon-button.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,aAAa,CAAC,SAAyB;IAC/C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,aAAa,UAAU;;KAExE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qCACY,SAAS,CAAC,IAAI;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;IAC3D,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;WACpC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE1C,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA;;YAEF,IAAI,CAAC,IAAI;cACP,IAAI,CAAC,MAAM,IAAI,OAAO;WACzB,WAAW,IAAI,OAAO;qBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;kBACnC,KAAK;qBACF,IAAI,CAAC,SAAS,IAAI,OAAO;qBACzB,YAAY;
|
|
1
|
+
{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import type { NLDDMenuTranslations } from './menu.i18n.js';
|
|
3
3
|
import type { QueryMarkMode } from '../../../utilities/render-marked.js';
|
|
4
|
-
import '../../lists-and-
|
|
5
|
-
import '../../lists-and-
|
|
6
|
-
import '../../lists-and-
|
|
4
|
+
import '../../lists-and-tables/cells/icon-cell/icon-cell.js';
|
|
5
|
+
import '../../lists-and-tables/cells/spacer-cell/spacer-cell.js';
|
|
6
|
+
import '../../lists-and-tables/cells/text-cell/text-cell.js';
|
|
7
7
|
import '../../content/icon/icon.js';
|
|
8
8
|
import '../../status-and-feedback/inline-dialog/inline-dialog.js';
|
|
9
9
|
export declare class NLDDMenuDivider extends LitElement {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/menu/menu.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/menu/menu.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.i18n.js","sourceRoot":"","sources":["../../../../src/components/actions/menu/menu.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,4BAA4B,EAAE,yBAAyB;IACvD,sBAAsB,EAAE,OAAO;IAC/B,+BAA+B,EAAE,kBAAkB;IACnD,qCAAqC,EAAE,oBAAoB;CAC3D,CAAC"}
|
|
@@ -10,9 +10,9 @@ import { computePosition, flip, shift, offset, size, autoUpdate } from '@floatin
|
|
|
10
10
|
import { menuStyles, menuItemStyles, menuDividerStyles, menuGroupStyles } from './menu.styles.js';
|
|
11
11
|
import { menuTemplate, menuItemTemplate, menuDividerTemplate, menuGroupTemplate } from './menu.template.js';
|
|
12
12
|
import { nlddMenuTranslations } from './menu.i18n.js';
|
|
13
|
-
import '../../lists-and-
|
|
14
|
-
import '../../lists-and-
|
|
15
|
-
import '../../lists-and-
|
|
13
|
+
import '../../lists-and-tables/cells/icon-cell/icon-cell.js';
|
|
14
|
+
import '../../lists-and-tables/cells/spacer-cell/spacer-cell.js';
|
|
15
|
+
import '../../lists-and-tables/cells/text-cell/text-cell.js';
|
|
16
16
|
import '../../content/icon/icon.js';
|
|
17
17
|
import '../../status-and-feedback/inline-dialog/inline-dialog.js';
|
|
18
18
|
import { isKeyboardMode, isTouchMode } from '../../../utilities/input-modality.js';
|