@nldd/design-system 0.8.68 → 0.8.70
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/custom-elements.json +29536 -0
- package/dist/components/actions/button/button.d.ts +8 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +14 -0
- 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 +109 -108
- 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 +9 -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 +17 -0
- 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 +55 -54
- 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 +7 -1
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +19 -0
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +53 -2
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.styles.js +51 -23
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.template.js +58 -33
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/split-button/split-button.d.ts +16 -18
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +28 -54
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +1 -1
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +14 -0
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +45 -2
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +16 -2
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +106 -102
- package/dist/components/content/avatar/avatar.d.ts +96 -0
- package/dist/components/content/avatar/avatar.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.js +210 -0
- package/dist/components/content/avatar/avatar.js.map +1 -0
- package/dist/components/content/avatar/avatar.styles.d.ts +2 -0
- package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.styles.js +127 -0
- package/dist/components/content/avatar/avatar.styles.js.map +1 -0
- package/dist/components/content/avatar/avatar.template.d.ts +3 -0
- package/dist/components/content/avatar/avatar.template.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.template.js +36 -0
- package/dist/components/content/avatar/avatar.template.js.map +1 -0
- package/dist/components/content/byline/byline.d.ts +1 -0
- package/dist/components/content/byline/byline.d.ts.map +1 -1
- package/dist/components/content/byline/byline.js +1 -0
- package/dist/components/content/byline/byline.js.map +1 -1
- package/dist/components/content/byline/byline.styles.d.ts.map +1 -1
- package/dist/components/content/byline/byline.styles.js +15 -5
- package/dist/components/content/byline/byline.styles.js.map +1 -1
- package/dist/components/content/byline/byline.template.js +11 -11
- package/dist/components/content/byline/byline.template.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.js +2 -0
- package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +19 -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 +34 -4
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/image.d.ts +2 -0
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +2 -0
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.d.ts.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +2 -1
- package/dist/components/content/image/lqip-encoder-element.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +4 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +4 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +7 -0
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +10 -0
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.styles.js +23 -23
- package/dist/components/content/token/token.styles.d.ts.map +1 -1
- package/dist/components/content/token/token.styles.js +2 -1
- package/dist/components/content/token/token.styles.js.map +1 -1
- package/dist/components/{index-DWwviobk.js → index-BP0XMTYa.js} +1 -1
- package/dist/components/{index-Bfw_pYWB.js → index-Bh_hMHn8.js} +1 -1
- package/dist/components/{index-DjsXjoZJ.js → index-BuLJAwiB.js} +8816 -6015
- package/dist/components/{index-CKnwqp_9.js → index-CTUlN5qN.js} +1 -1
- package/dist/components/{index-Bqf6o41r.js → index-DS-RnHMu.js} +1 -1
- package/dist/components/{index-CXT1jMFt.js → index-Dgxr-sEe.js} +1 -1
- package/dist/components/{index-DO7aT0MT.js → index-sa60dMt-.js} +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +4 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +1 -0
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.d.ts +226 -0
- package/dist/components/inputs/date-field/date-field.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.i18n.d.ts +11 -0
- package/dist/components/inputs/date-field/date-field.i18n.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.i18n.js +17 -0
- package/dist/components/inputs/date-field/date-field.i18n.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.js +589 -0
- package/dist/components/inputs/date-field/date-field.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.styles.d.ts +2 -0
- package/dist/components/inputs/date-field/date-field.styles.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.styles.js +246 -0
- package/dist/components/inputs/date-field/date-field.styles.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.template.d.ts +17 -0
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.template.js +141 -0
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.d.ts +268 -0
- package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.d.ts +64 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.js +81 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.js +748 -0
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts +2 -0
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.styles.js +353 -0
- package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.template.d.ts +8 -0
- package/dist/components/inputs/date-picker/date-picker.template.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.template.js +223 -0
- package/dist/components/inputs/date-picker/date-picker.template.js.map +1 -0
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +7 -6
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts +1 -0
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +1 -0
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts +3 -0
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +3 -0
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +1 -0
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +2 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.js +2 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +1 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +1 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +10 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +11 -2
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +7 -6
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.d.ts +1 -0
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +1 -0
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +1 -0
- package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +2 -0
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +2 -0
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +1 -0
- package/dist/components/inputs/switch/switch.styles.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.d.ts +8 -0
- package/dist/components/inputs/text-editor/text-editor.links.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +48 -7
- package/dist/components/inputs/text-editor/text-editor.links.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.js +11 -0
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +14 -3
- package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +1 -0
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +1 -0
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +7 -6
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +26 -3
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +26 -3
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.d.ts +9 -1
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +23 -1
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +9 -0
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.js +19 -19
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +2 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +2 -2
- package/dist/components/layout/popover/popover.d.ts +17 -0
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +114 -7
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +18 -0
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +38 -3
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +6 -1
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +2 -0
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +1 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +5 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +27 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts +2 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +3 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +24 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +9 -0
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +19 -0
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +5 -1
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +1 -0
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +2 -2
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +6 -6
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +11 -11
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +11 -11
- package/dist/components/lists-and-tables/list/list.d.ts +14 -0
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +14 -0
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +10 -0
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +10 -0
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.js +14 -7
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +2 -1
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +15 -14
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +1 -0
- package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -0
- 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 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +1 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +1 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +1 -0
- package/dist/components/navigation/pagination/pagination.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +10 -9
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +2 -0
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +2 -0
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +7 -6
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +22 -0
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +22 -0
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +10 -0
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +27 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +14 -2
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +14 -2
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +3 -2
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +23 -23
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +3 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +2 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +8 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +2 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +16 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js.map +1 -1
- package/dist/css/rich-text.css +19 -0
- package/dist/css/settings.css +253 -246
- package/dist/types/vue.d.ts +3277 -0
- package/dist/utilities/popup-anchor-controller.d.ts +63 -0
- package/dist/utilities/popup-anchor-controller.d.ts.map +1 -0
- package/dist/utilities/popup-anchor-controller.js +63 -0
- package/dist/utilities/popup-anchor-controller.js.map +1 -0
- package/dist/utilities/resolve-date-bound.d.ts +21 -0
- package/dist/utilities/resolve-date-bound.d.ts.map +1 -0
- package/dist/utilities/resolve-date-bound.js +75 -0
- package/dist/utilities/resolve-date-bound.js.map +1 -0
- package/package.json +35 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,11 @@
|
|
|
15
15
|
*
|
|
16
16
|
* @element nldd-page-footer
|
|
17
17
|
*
|
|
18
|
+
* @attr {string} [width] - Body max-width, mirroring a page section: 'full'
|
|
19
|
+
* removes the constraint so the content spans the full
|
|
20
|
+
* width; any CSS length (e.g. '480px') overrides the
|
|
21
|
+
* default max-width.
|
|
22
|
+
*
|
|
18
23
|
* @slot breadcrumbs - `nldd-breadcrumbs` for the top row.
|
|
19
24
|
* @slot - Main footer content (typically a container with a grid
|
|
20
25
|
* of link columns).
|
|
@@ -66,13 +71,16 @@ export declare class NLDDPageFooterLegalBar extends LitElement {
|
|
|
66
71
|
}
|
|
67
72
|
export declare class NLDDPageFooter extends LitElement {
|
|
68
73
|
static styles: import("lit").CSSResult;
|
|
74
|
+
/** Body max-width: 'full' (removes the constraint) or any CSS length.
|
|
75
|
+
* Mirrors a page section's width. */
|
|
76
|
+
width: string;
|
|
69
77
|
_hasBreadcrumbs: boolean;
|
|
70
78
|
_hasMain: boolean;
|
|
71
79
|
_hasLegalBar: boolean;
|
|
72
80
|
connectedCallback(): void;
|
|
73
81
|
_hasMeaningfulContent(slot: HTMLSlotElement | null): boolean;
|
|
74
82
|
_onSlotChange: (e: Event) => void;
|
|
75
|
-
updated(): void;
|
|
83
|
+
updated(changed: PropertyValues): void;
|
|
76
84
|
render(): import("lit-html").TemplateResult;
|
|
77
85
|
}
|
|
78
86
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAatD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAKpG;;;;;;;;;GASG;AACH,qBAAa,0BAA2B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAgC;IAGtD,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,SAAM;IAED,MAAM;CAGf;AAcD;;;;;;;;;;;;;GAaG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACrD,OAAgB,MAAM,0BAA4B;IAGlD,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,SAAS,UAAS;IAGlB,OAAO,UAAS;IAEhB,OAAO,CAAC,mBAAmB,CAAiE;IAEnF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAWjD,aAAa,GAAI,GAAG,KAAK,UAMvB;IAEO,MAAM;CAGf;AAWD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAE1C;0CACsC;IAEtC,KAAK,SAAM;IAGX,eAAe,UAAS;IAGxB,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAEZ,iBAAiB,IAAI,IAAI;IA6BlC,qBAAqB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,OAAO;IAQ5D,aAAa,GAAI,GAAG,KAAK,UAOvB;IAKO,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAsBtC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;QACnC,4BAA4B,EAAE,sBAAsB,CAAC;QACrD,iCAAiC,EAAE,0BAA0B,CAAC;KAC9D;CACD"}
|
|
@@ -21,6 +21,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
21
21
|
*
|
|
22
22
|
* @element nldd-page-footer
|
|
23
23
|
*
|
|
24
|
+
* @attr {string} [width] - Body max-width, mirroring a page section: 'full'
|
|
25
|
+
* removes the constraint so the content spans the full
|
|
26
|
+
* width; any CSS length (e.g. '480px') overrides the
|
|
27
|
+
* default max-width.
|
|
28
|
+
*
|
|
24
29
|
* @slot breadcrumbs - `nldd-breadcrumbs` for the top row.
|
|
25
30
|
* @slot - Main footer content (typically a container with a grid
|
|
26
31
|
* of link columns).
|
|
@@ -147,6 +152,9 @@ if (!customElements.get('nldd-page-footer-legal-bar')) {
|
|
|
147
152
|
let NLDDPageFooter = class NLDDPageFooter extends LitElement {
|
|
148
153
|
constructor() {
|
|
149
154
|
super(...arguments);
|
|
155
|
+
/** Body max-width: 'full' (removes the constraint) or any CSS length.
|
|
156
|
+
* Mirrors a page section's width. */
|
|
157
|
+
this.width = '';
|
|
150
158
|
this._hasBreadcrumbs = false;
|
|
151
159
|
this._hasMain = false;
|
|
152
160
|
this._hasLegalBar = false;
|
|
@@ -196,7 +204,7 @@ let NLDDPageFooter = class NLDDPageFooter extends LitElement {
|
|
|
196
204
|
// Reflect the visible-row count as host attributes for styling. Done here
|
|
197
205
|
// (not in the slotchange handler) so a fully empty footer — whose empty
|
|
198
206
|
// slots may never fire slotchange — still gets `empty` on first render.
|
|
199
|
-
updated() {
|
|
207
|
+
updated(changed) {
|
|
200
208
|
const visibleCount = (this._hasBreadcrumbs ? 1 : 0) +
|
|
201
209
|
(this._hasMain ? 1 : 0) +
|
|
202
210
|
(this._hasLegalBar ? 1 : 0);
|
|
@@ -204,12 +212,26 @@ let NLDDPageFooter = class NLDDPageFooter extends LitElement {
|
|
|
204
212
|
// band drops and only the lintje shows (see :host([empty]) in the styles).
|
|
205
213
|
this.toggleAttribute('single-slot', visibleCount === 1);
|
|
206
214
|
this.toggleAttribute('empty', visibleCount === 0);
|
|
215
|
+
if (changed.has('width')) {
|
|
216
|
+
// A CSS length feeds the body max-width; 'full' is handled by CSS
|
|
217
|
+
// (:host([width="full"]) sets --_max-width: none); default clears it.
|
|
218
|
+
const w = this.width;
|
|
219
|
+
if (w && w !== 'full' && CSS.supports('max-width', w)) {
|
|
220
|
+
this.style.setProperty('--_max-width', w);
|
|
221
|
+
}
|
|
222
|
+
else {
|
|
223
|
+
this.style.removeProperty('--_max-width');
|
|
224
|
+
}
|
|
225
|
+
}
|
|
207
226
|
}
|
|
208
227
|
render() {
|
|
209
228
|
return pageFooterTemplate(this);
|
|
210
229
|
}
|
|
211
230
|
};
|
|
212
231
|
NLDDPageFooter.styles = pageFooterStyles;
|
|
232
|
+
__decorate([
|
|
233
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
234
|
+
], NLDDPageFooter.prototype, "width", void 0);
|
|
213
235
|
__decorate([
|
|
214
236
|
state()
|
|
215
237
|
], NLDDPageFooter.prototype, "_hasBreadcrumbs", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"page-footer.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"page-footer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,yBAmJ5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAoCpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBA2BxC,CAAC"}
|
|
@@ -32,6 +32,10 @@ export const pageFooterStyles = css `
|
|
|
32
32
|
background-color: transparent;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
:host([width="full"]) {
|
|
36
|
+
--_max-width: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
35
39
|
.page-footer {
|
|
36
40
|
--_lintje-height: calc(var(--_lintje-width) / 2);
|
|
37
41
|
|
|
@@ -58,8 +62,13 @@ export const pageFooterStyles = css `
|
|
|
58
62
|
}
|
|
59
63
|
}
|
|
60
64
|
|
|
65
|
+
/* Empty footer = only the lintje. Add top space equal to the lintje height
|
|
66
|
+
(container-type on :host makes a BFC, so this margin stays inside the
|
|
67
|
+
transparent host) so a preceding tinted page section doesn't butt right up
|
|
68
|
+
against the lintje. */
|
|
61
69
|
:host([empty]) .page-footer {
|
|
62
70
|
min-height: var(--_lintje-height);
|
|
71
|
+
margin-top: var(--_lintje-height);
|
|
63
72
|
}
|
|
64
73
|
|
|
65
74
|
.page-footer::after {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCR,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;2BAML,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC1C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAA;;IAE3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}
|
|
@@ -30,7 +30,7 @@ export const heroStyles = css `
|
|
|
30
30
|
--_media-aspect-ratio: 21 / 9;
|
|
31
31
|
--_main-width: 50%;
|
|
32
32
|
--_main-background-color: var(--semantics-categories-accent-reference-background-color);
|
|
33
|
-
--_main-content-color: var(--semantics-categories-accent-reference-
|
|
33
|
+
--_main-content-color: var(--semantics-categories-accent-reference-content-color);
|
|
34
34
|
--_main-padding: var(--primitives-space-16);
|
|
35
35
|
|
|
36
36
|
${inheritedTextReset}
|
|
@@ -72,92 +72,92 @@ export const heroStyles = css `
|
|
|
72
72
|
|
|
73
73
|
:host([main-background="lintblauw"]) {
|
|
74
74
|
--_main-background-color: var(--semantics-categories-lintblauw-reference-background-color);
|
|
75
|
-
--_main-content-color: var(--semantics-categories-lintblauw-reference-
|
|
75
|
+
--_main-content-color: var(--semantics-categories-lintblauw-reference-content-color);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
:host([main-background="donkerblauw"]) {
|
|
79
79
|
--_main-background-color: var(--semantics-categories-donkerblauw-reference-background-color);
|
|
80
|
-
--_main-content-color: var(--semantics-categories-donkerblauw-reference-
|
|
80
|
+
--_main-content-color: var(--semantics-categories-donkerblauw-reference-content-color);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
:host([main-background="hemelblauw"]) {
|
|
84
84
|
--_main-background-color: var(--semantics-categories-hemelblauw-reference-background-color);
|
|
85
|
-
--_main-content-color: var(--semantics-categories-hemelblauw-reference-
|
|
85
|
+
--_main-content-color: var(--semantics-categories-hemelblauw-reference-content-color);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
:host([main-background="lichtblauw"]) {
|
|
89
89
|
--_main-background-color: var(--semantics-categories-lichtblauw-reference-background-color);
|
|
90
|
-
--_main-content-color: var(--semantics-categories-lichtblauw-reference-
|
|
90
|
+
--_main-content-color: var(--semantics-categories-lichtblauw-reference-content-color);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
:host([main-background="paars"]) {
|
|
94
94
|
--_main-background-color: var(--semantics-categories-paars-reference-background-color);
|
|
95
|
-
--_main-content-color: var(--semantics-categories-paars-reference-
|
|
95
|
+
--_main-content-color: var(--semantics-categories-paars-reference-content-color);
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
:host([main-background="violet"]) {
|
|
99
99
|
--_main-background-color: var(--semantics-categories-violet-reference-background-color);
|
|
100
|
-
--_main-content-color: var(--semantics-categories-violet-reference-
|
|
100
|
+
--_main-content-color: var(--semantics-categories-violet-reference-content-color);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
:host([main-background="robijnrood"]) {
|
|
104
104
|
--_main-background-color: var(--semantics-categories-robijnrood-reference-background-color);
|
|
105
|
-
--_main-content-color: var(--semantics-categories-robijnrood-reference-
|
|
105
|
+
--_main-content-color: var(--semantics-categories-robijnrood-reference-content-color);
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
:host([main-background="roze"]) {
|
|
109
109
|
--_main-background-color: var(--semantics-categories-roze-reference-background-color);
|
|
110
|
-
--_main-content-color: var(--semantics-categories-roze-reference-
|
|
110
|
+
--_main-content-color: var(--semantics-categories-roze-reference-content-color);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
:host([main-background="rood"]) {
|
|
114
114
|
--_main-background-color: var(--semantics-categories-rood-reference-background-color);
|
|
115
|
-
--_main-content-color: var(--semantics-categories-rood-reference-
|
|
115
|
+
--_main-content-color: var(--semantics-categories-rood-reference-content-color);
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
:host([main-background="oranje"]) {
|
|
119
119
|
--_main-background-color: var(--semantics-categories-oranje-reference-background-color);
|
|
120
|
-
--_main-content-color: var(--semantics-categories-oranje-reference-
|
|
120
|
+
--_main-content-color: var(--semantics-categories-oranje-reference-content-color);
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
:host([main-background="donkergeel"]) {
|
|
124
124
|
--_main-background-color: var(--semantics-categories-donkergeel-reference-background-color);
|
|
125
|
-
--_main-content-color: var(--semantics-categories-donkergeel-reference-
|
|
125
|
+
--_main-content-color: var(--semantics-categories-donkergeel-reference-content-color);
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
:host([main-background="geel"]) {
|
|
129
129
|
--_main-background-color: var(--semantics-categories-geel-reference-background-color);
|
|
130
|
-
--_main-content-color: var(--semantics-categories-geel-reference-
|
|
130
|
+
--_main-content-color: var(--semantics-categories-geel-reference-content-color);
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
:host([main-background="donkerbruin"]) {
|
|
134
134
|
--_main-background-color: var(--semantics-categories-donkerbruin-reference-background-color);
|
|
135
|
-
--_main-content-color: var(--semantics-categories-donkerbruin-reference-
|
|
135
|
+
--_main-content-color: var(--semantics-categories-donkerbruin-reference-content-color);
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
:host([main-background="bruin"]) {
|
|
139
139
|
--_main-background-color: var(--semantics-categories-bruin-reference-background-color);
|
|
140
|
-
--_main-content-color: var(--semantics-categories-bruin-reference-
|
|
140
|
+
--_main-content-color: var(--semantics-categories-bruin-reference-content-color);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
:host([main-background="donkergroen"]) {
|
|
144
144
|
--_main-background-color: var(--semantics-categories-donkergroen-reference-background-color);
|
|
145
|
-
--_main-content-color: var(--semantics-categories-donkergroen-reference-
|
|
145
|
+
--_main-content-color: var(--semantics-categories-donkergroen-reference-content-color);
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
:host([main-background="groen"]) {
|
|
149
149
|
--_main-background-color: var(--semantics-categories-groen-reference-background-color);
|
|
150
|
-
--_main-content-color: var(--semantics-categories-groen-reference-
|
|
150
|
+
--_main-content-color: var(--semantics-categories-groen-reference-content-color);
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
:host([main-background="mosgroen"]) {
|
|
154
154
|
--_main-background-color: var(--semantics-categories-mosgroen-reference-background-color);
|
|
155
|
-
--_main-content-color: var(--semantics-categories-mosgroen-reference-
|
|
155
|
+
--_main-content-color: var(--semantics-categories-mosgroen-reference-content-color);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
:host([main-background="mintgroen"]) {
|
|
159
159
|
--_main-background-color: var(--semantics-categories-mintgroen-reference-background-color);
|
|
160
|
-
--_main-content-color: var(--semantics-categories-mintgroen-reference-
|
|
160
|
+
--_main-content-color: var(--semantics-categories-mintgroen-reference-content-color);
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
* @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
|
|
45
45
|
* @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
|
|
46
46
|
* @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
|
|
47
|
-
* @attr {string} [sticky-bottom]- Sticky bottom inset on lg (CSS length; default = 16px).
|
|
48
|
-
* @attr {string} [sidebar-label]- Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
47
|
+
* @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
|
|
48
|
+
* @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
49
49
|
*
|
|
50
50
|
* @fires open - The sidebar sheet opened.
|
|
51
51
|
* @fires close - The sidebar sheet closed.
|
|
@@ -50,8 +50,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
50
50
|
* @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
|
|
51
51
|
* @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
|
|
52
52
|
* @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
|
|
53
|
-
* @attr {string} [sticky-bottom]- Sticky bottom inset on lg (CSS length; default = 16px).
|
|
54
|
-
* @attr {string} [sidebar-label]- Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
53
|
+
* @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
|
|
54
|
+
* @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
55
55
|
*
|
|
56
56
|
* @fires open - The sidebar sheet opened.
|
|
57
57
|
* @fires close - The sidebar sheet closed.
|
|
@@ -128,7 +128,24 @@ export declare class NLDDPopover extends LitElement {
|
|
|
128
128
|
private _getAnchorEl;
|
|
129
129
|
private _updateAnchorAria;
|
|
130
130
|
private _handleViewportChange;
|
|
131
|
+
/**
|
|
132
|
+
* On a small screen this popover is a bottom sheet with a dimmed backdrop, and
|
|
133
|
+
* a backdrop that lets the tap through is a promise it does not keep: the page
|
|
134
|
+
* underneath is not inert, so one tap both dismissed the sheet and activated
|
|
135
|
+
* whatever sat under the dimming. Every native bottom sheet absorbs that tap.
|
|
136
|
+
*
|
|
137
|
+
* The anchor is left alone. Tapping the control that opened the sheet should
|
|
138
|
+
* keep closing it, which is what the handler below already arranges.
|
|
139
|
+
*/
|
|
140
|
+
private _swallowNextClick;
|
|
141
|
+
private _shouldAbsorbTap;
|
|
131
142
|
private _handleDocumentPointerdown;
|
|
143
|
+
/** A gesture the browser cancelled (a tap that became a scroll or drag) never
|
|
144
|
+
* produces the click that would spend the flag, so clear it here too. */
|
|
145
|
+
private _handlePointerCancel;
|
|
146
|
+
/** Swallows the click that follows an absorbed tap, so it cannot activate
|
|
147
|
+
* what sat under the backdrop. */
|
|
148
|
+
private _handleDocumentClickCapture;
|
|
132
149
|
private _handleDocumentClick;
|
|
133
150
|
private _handleBeforeToggle;
|
|
134
151
|
private _handleToggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAI1F,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,MAAM,SAAM;IAGZ,aAAa,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGrC,SAAS,EAAE,SAAS,CAAkB;IAGtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAO1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAGtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAEpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,gFAAgF;IAChF,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAEQ,iBAAiB,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAI1F,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,MAAM,SAAM;IAGZ,aAAa,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGrC,SAAS,EAAE,SAAS,CAAkB;IAGtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAO1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAGtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAEpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,gFAAgF;IAChF,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IA8BzB,oBAAoB,IAAI,IAAI;IAkC5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoC/C,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAID,IAAI,IAAI,IAAI;IAUZ,OAAO,CAAC,mBAAmB;IAQ3B,IAAI,IAAI,IAAI;IAKZ,MAAM,IAAI,IAAI;IAKd;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAK1B,mFAAmF;IAC7E,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA+FjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,qBAAqB,CAa3B;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,0BAA0B,CAiBhC;IAEF;8EAC0E;IAC1E,OAAO,CAAC,oBAAoB,CAE1B;IAEF;uCACmC;IACnC,OAAO,CAAC,2BAA2B,CAKjC;IAEF,OAAO,CAAC,oBAAoB,CA+B1B;IAOF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEF,OAAO,CAAC,cAAc,CA6BpB;IAIF,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IA0Db,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}
|
|
@@ -137,17 +137,61 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
137
137
|
this._wasOnSm = this._smQuery?.matches ?? false;
|
|
138
138
|
}
|
|
139
139
|
};
|
|
140
|
+
/**
|
|
141
|
+
* On a small screen this popover is a bottom sheet with a dimmed backdrop, and
|
|
142
|
+
* a backdrop that lets the tap through is a promise it does not keep: the page
|
|
143
|
+
* underneath is not inert, so one tap both dismissed the sheet and activated
|
|
144
|
+
* whatever sat under the dimming. Every native bottom sheet absorbs that tap.
|
|
145
|
+
*
|
|
146
|
+
* The anchor is left alone. Tapping the control that opened the sheet should
|
|
147
|
+
* keep closing it, which is what the handler below already arranges.
|
|
148
|
+
*/
|
|
149
|
+
this._swallowNextClick = false;
|
|
140
150
|
this._handleDocumentPointerdown = (event) => {
|
|
151
|
+
// A fresh gesture: clear a flag a previous tap set but never spent. A tap
|
|
152
|
+
// that turns into a scroll or drag ends without a click, so the flag would
|
|
153
|
+
// otherwise linger and swallow the next unrelated click anywhere on the page.
|
|
154
|
+
this._swallowNextClick = false;
|
|
141
155
|
if (!this._isOpen)
|
|
142
156
|
return;
|
|
143
157
|
const anchorEl = this._getAnchorEl();
|
|
158
|
+
if (this._shouldAbsorbTap(event, anchorEl)) {
|
|
159
|
+
event.preventDefault();
|
|
160
|
+
event.stopPropagation();
|
|
161
|
+
this._swallowNextClick = true;
|
|
162
|
+
this.hidePopover();
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
144
165
|
if (!anchorEl)
|
|
145
166
|
return;
|
|
146
167
|
if (!event.composedPath().includes(anchorEl))
|
|
147
168
|
return;
|
|
148
169
|
this._pointerdownOnAnchorWhileOpen = true;
|
|
149
170
|
};
|
|
171
|
+
/** A gesture the browser cancelled (a tap that became a scroll or drag) never
|
|
172
|
+
* produces the click that would spend the flag, so clear it here too. */
|
|
173
|
+
this._handlePointerCancel = () => {
|
|
174
|
+
this._swallowNextClick = false;
|
|
175
|
+
};
|
|
176
|
+
/** Swallows the click that follows an absorbed tap, so it cannot activate
|
|
177
|
+
* what sat under the backdrop. */
|
|
178
|
+
this._handleDocumentClickCapture = (event) => {
|
|
179
|
+
if (!this._swallowNextClick)
|
|
180
|
+
return;
|
|
181
|
+
this._swallowNextClick = false;
|
|
182
|
+
event.preventDefault();
|
|
183
|
+
event.stopPropagation();
|
|
184
|
+
};
|
|
150
185
|
this._handleDocumentClick = (event) => {
|
|
186
|
+
// Driven mode: when a consumer supplies anchorElement (e.g. a button that
|
|
187
|
+
// slots this popover) it owns the open/close lifecycle — don't self-toggle.
|
|
188
|
+
// This also fixes nesting: with the popover slotted inside its anchor, the
|
|
189
|
+
// anchor is an ancestor of every content click, so self-toggling here would
|
|
190
|
+
// close the popover on its own interactive content. Native light-dismiss
|
|
191
|
+
// still handles outside clicks; the driver handles the reopen race. The
|
|
192
|
+
// recommended id-anchored / popovertarget usage keeps self-toggling.
|
|
193
|
+
if (this.anchorElement)
|
|
194
|
+
return;
|
|
151
195
|
const anchorEl = this._getAnchorEl();
|
|
152
196
|
if (!anchorEl)
|
|
153
197
|
return;
|
|
@@ -225,12 +269,23 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
225
269
|
const focused = event.composedPath()[0]
|
|
226
270
|
?? document.activeElement;
|
|
227
271
|
const idx = focused ? focusables.indexOf(focused) : -1;
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
272
|
+
// idx === -1 means the container itself holds focus, which is where it
|
|
273
|
+
// lands on open. Forward from there, and backward out of the popover.
|
|
274
|
+
const atStart = event.shiftKey && idx <= 0;
|
|
275
|
+
const atEnd = !event.shiftKey && idx === focusables.length - 1;
|
|
276
|
+
if (focusables.length === 0 || atStart || atEnd) {
|
|
231
277
|
event.preventDefault();
|
|
232
278
|
this.hide();
|
|
279
|
+
return;
|
|
233
280
|
}
|
|
281
|
+
// Moving focus ourselves instead of letting the browser do it. Safari does
|
|
282
|
+
// not tab into the contents of a top-layer element: with the container
|
|
283
|
+
// focused it skips the whole popover and lands on whatever follows it in
|
|
284
|
+
// the document, while the popover stays open. Verified there that our own
|
|
285
|
+
// list is right (2 focusables, both programmatically focusable, tabIndex 0),
|
|
286
|
+
// so the list is not the problem and the browser is.
|
|
287
|
+
event.preventDefault();
|
|
288
|
+
focusables[event.shiftKey ? idx - 1 : idx + 1]?.focus();
|
|
234
289
|
};
|
|
235
290
|
}
|
|
236
291
|
get open() {
|
|
@@ -250,6 +305,8 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
250
305
|
this.addEventListener('toggle', this._handleToggle);
|
|
251
306
|
this.addEventListener('keydown', this._handleKeydown);
|
|
252
307
|
document.addEventListener('pointerdown', this._handleDocumentPointerdown, true);
|
|
308
|
+
document.addEventListener('pointercancel', this._handlePointerCancel, true);
|
|
309
|
+
document.addEventListener('click', this._handleDocumentClickCapture, true);
|
|
253
310
|
document.addEventListener('click', this._handleDocumentClick);
|
|
254
311
|
this._smQuery = window.matchMedia(`(max-width: ${breakpoints.smMax})`);
|
|
255
312
|
this._wasOnSm = this._smQuery.matches;
|
|
@@ -272,6 +329,8 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
272
329
|
this.removeEventListener('toggle', this._handleToggle);
|
|
273
330
|
this.removeEventListener('keydown', this._handleKeydown);
|
|
274
331
|
document.removeEventListener('pointerdown', this._handleDocumentPointerdown, true);
|
|
332
|
+
document.removeEventListener('pointercancel', this._handlePointerCancel, true);
|
|
333
|
+
document.removeEventListener('click', this._handleDocumentClickCapture, true);
|
|
275
334
|
document.removeEventListener('click', this._handleDocumentClick);
|
|
276
335
|
this._smQuery?.removeEventListener('change', this._handleViewportChange);
|
|
277
336
|
this._smQuery = null;
|
|
@@ -285,6 +344,11 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
285
344
|
// niet-bestaand element is een WCAG 4.1.2 fout (Name, Role, Value).
|
|
286
345
|
const anchorEl = this._getAnchorEl();
|
|
287
346
|
if (anchorEl) {
|
|
347
|
+
// Reset the IDL prop too (control anchors), else a popover removed
|
|
348
|
+
// while open leaves the trigger stuck in its is-expanded state.
|
|
349
|
+
const control = anchorEl;
|
|
350
|
+
if ('expanded' in control)
|
|
351
|
+
control.expanded = false;
|
|
288
352
|
anchorEl.removeAttribute('aria-expanded');
|
|
289
353
|
anchorEl.removeAttribute('aria-haspopup');
|
|
290
354
|
if (this.id && anchorEl.getAttribute('aria-controls') === this.id) {
|
|
@@ -496,11 +560,27 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
496
560
|
this._previousAnchorEl = null;
|
|
497
561
|
return;
|
|
498
562
|
}
|
|
499
|
-
|
|
563
|
+
// Prefer IDL props when the anchor is a control that exposes them (e.g.
|
|
564
|
+
// nldd-button / nldd-icon-button): the control renders aria-expanded /
|
|
565
|
+
// aria-haspopup on its real inner <button> from these props, and also
|
|
566
|
+
// flips its is-expanded visual (chevron). Raw setAttribute on the host
|
|
567
|
+
// would land on the custom element, not the inner control, and get reset
|
|
568
|
+
// on the next render. Fall back to attributes for plain element anchors.
|
|
569
|
+
const control = anchorEl;
|
|
570
|
+
if ('expanded' in control) {
|
|
571
|
+
control.expanded = open;
|
|
572
|
+
}
|
|
573
|
+
else {
|
|
574
|
+
anchorEl.setAttribute('aria-expanded', open ? 'true' : 'false');
|
|
575
|
+
}
|
|
500
576
|
// aria-haspopup hoort bij de trigger te staan vanaf de eerste render,
|
|
501
577
|
// niet pas na de eerste open. Geen overwrite als de host een eigen
|
|
502
578
|
// waarde heeft (bv. 'menu' i.p.v. 'dialog' voor combinaties).
|
|
503
|
-
if (
|
|
579
|
+
if ('popupType' in control) {
|
|
580
|
+
if (!control.popupType)
|
|
581
|
+
control.popupType = 'dialog';
|
|
582
|
+
}
|
|
583
|
+
else if (!anchorEl.hasAttribute('aria-haspopup')) {
|
|
504
584
|
anchorEl.setAttribute('aria-haspopup', 'dialog');
|
|
505
585
|
}
|
|
506
586
|
// aria-controls verbindt de trigger expliciet met het popover-element.
|
|
@@ -512,6 +592,18 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
512
592
|
}
|
|
513
593
|
this._previousAnchorEl = anchorEl;
|
|
514
594
|
}
|
|
595
|
+
_shouldAbsorbTap(event, anchorEl) {
|
|
596
|
+
if (!this._isOpen)
|
|
597
|
+
return false;
|
|
598
|
+
if (!(this._smQuery?.matches ?? false))
|
|
599
|
+
return false;
|
|
600
|
+
const path = event.composedPath();
|
|
601
|
+
if (path.includes(this))
|
|
602
|
+
return false;
|
|
603
|
+
if (anchorEl && path.includes(anchorEl))
|
|
604
|
+
return false;
|
|
605
|
+
return true;
|
|
606
|
+
}
|
|
515
607
|
// — Focus ————————————————————————————————————————————————————————————————
|
|
516
608
|
_manageFocus() {
|
|
517
609
|
this.classList.toggle('is-pointer-focus', isPointerMode());
|
|
@@ -555,7 +647,13 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
555
647
|
const visit = (root) => {
|
|
556
648
|
for (const child of Array.from(root.children)) {
|
|
557
649
|
const el = child;
|
|
558
|
-
|
|
650
|
+
// tabIndex < 0 sluit elementen uit die wel focusbaar zijn maar niet
|
|
651
|
+
// tabbaar: een roving-tabindex-widget (grid, toolbar, tree) zet al
|
|
652
|
+
// zijn items op -1 behalve één. Zonder deze check telt de lijst er
|
|
653
|
+
// tientallen mee die de browser overslaat, denkt tab-out nooit dat
|
|
654
|
+
// het aan het eind is, en tabt de gebruiker de popover uit terwijl
|
|
655
|
+
// die openblijft.
|
|
656
|
+
if (el.matches?.(selector) && !el.hasAttribute('disabled') && el.tabIndex >= 0) {
|
|
559
657
|
// getClientRects().length === 0 catches display:none en
|
|
560
658
|
// visibility:hidden van element of ancestor (inclusief
|
|
561
659
|
// shadow host) — robuuster dan offsetParent in shadow.
|
|
@@ -568,7 +666,16 @@ let NLDDPopover = class NLDDPopover extends LitElement {
|
|
|
568
666
|
}
|
|
569
667
|
};
|
|
570
668
|
visit(this);
|
|
571
|
-
|
|
669
|
+
// The DOM-order walk above is the tab order only when every focusable sits
|
|
670
|
+
// at tabindex 0. A positive tabindex jumps the queue: 1 comes before 2
|
|
671
|
+
// before any 0, and equal values keep document order. We move focus
|
|
672
|
+
// ourselves now (Safari never tabbed into the top layer), so we owe that
|
|
673
|
+
// ordering rather than leaving it to the browser. A stable sort keeps
|
|
674
|
+
// document order within each tabindex bucket.
|
|
675
|
+
return result
|
|
676
|
+
.map((el, i) => ({ el, i, order: el.tabIndex > 0 ? el.tabIndex : Infinity }))
|
|
677
|
+
.sort((a, b) => a.order - b.order || a.i - b.i)
|
|
678
|
+
.map((entry) => entry.el);
|
|
572
679
|
}
|
|
573
680
|
render() {
|
|
574
681
|
return popoverTemplate();
|