@nldd/design-system 0.8.70 → 0.8.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -5
- package/custom-elements.json +2990 -577
- package/dist/assets/styles/style-resets.d.ts +1 -1
- package/dist/assets/styles/style-resets.js +1 -1
- package/dist/components/actions/button/button.d.ts +10 -5
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.i18n.d.ts +1 -1
- package/dist/components/actions/button/button.i18n.js +1 -1
- package/dist/components/actions/button/button.i18n.js.map +1 -1
- package/dist/components/actions/button/button.js +19 -4
- 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 +13 -3
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.js +1 -1
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.js +6 -0
- package/dist/components/actions/button-bar/button-bar.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +26 -39
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.d.ts +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.js +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +25 -38
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +47 -52
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +55 -54
- 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 +7 -1
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.js +1 -1
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +10 -4
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +30 -11
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +3 -3
- package/dist/components/components.js +65 -62
- package/dist/components/content/avatar/avatar.d.ts +44 -12
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.i18n.d.ts +5 -0
- package/dist/components/content/avatar/avatar.i18n.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.i18n.js +4 -0
- package/dist/components/content/avatar/avatar.i18n.js.map +1 -0
- package/dist/components/content/avatar/avatar.js +87 -13
- package/dist/components/content/avatar/avatar.js.map +1 -1
- package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.styles.js +44 -9
- package/dist/components/content/avatar/avatar.styles.js.map +1 -1
- package/dist/components/content/avatar/avatar.template.d.ts +2 -1
- package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.template.js +53 -23
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/byline/byline.d.ts +6 -6
- package/dist/components/content/byline/byline.js +6 -6
- package/dist/components/content/code-viewer/code-viewer.js +2 -2
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +5 -4
- 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 +19 -5
- 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 +9 -2
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +14 -16
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +13 -15
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +7 -4
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/image/image.d.ts +9 -9
- package/dist/components/content/image/image.js +9 -9
- package/dist/components/content/image/image.styles.js +2 -2
- package/dist/components/content/image/image.template.js +2 -2
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/image/lqip-encoder.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -2
- package/dist/components/content/rich-text/rich-text.d.ts +4 -4
- package/dist/components/content/rich-text/rich-text.js +4 -4
- package/dist/components/content/token/token.d.ts +7 -7
- package/dist/components/content/token/token.js +7 -7
- package/dist/components/content/tooltip/tooltip.d.ts +4 -14
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +4 -14
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/forms/form/form.d.ts +10 -19
- package/dist/components/forms/form/form.d.ts.map +1 -1
- package/dist/components/forms/form/form.js +10 -19
- package/dist/components/forms/form/form.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.d.ts +2 -6
- package/dist/components/forms/form-actions/form-actions.d.ts.map +1 -1
- package/dist/components/forms/form-actions/form-actions.js +2 -6
- package/dist/components/forms/form-actions/form-actions.js.map +1 -1
- package/dist/components/forms/form-field/form-field.d.ts +7 -14
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.js +7 -14
- package/dist/components/forms/form-field/form-field.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +15 -2
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/forms/form-section/form-section.d.ts +2 -3
- package/dist/components/forms/form-section/form-section.d.ts.map +1 -1
- package/dist/components/forms/form-section/form-section.js +2 -3
- package/dist/components/forms/form-section/form-section.js.map +1 -1
- package/dist/components/{index-Dgxr-sEe.js → index-CDK46KLh.js} +1 -1
- package/dist/components/{index-Bh_hMHn8.js → index-CbaaFM8N.js} +1 -1
- package/dist/components/{index-DS-RnHMu.js → index-DRtuMofR.js} +1 -1
- package/dist/components/{index-BP0XMTYa.js → index-DuvuHfMi.js} +1 -1
- package/dist/components/{index-CTUlN5qN.js → index-DzJola_U.js} +1 -1
- package/dist/components/{index-sa60dMt-.js → index-n8evy8Za.js} +1 -1
- package/dist/components/{index-BuLJAwiB.js → index-t08wCuGl.js} +4213 -2494
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts +11 -11
- package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.js +11 -15
- package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +20 -6
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.js +29 -7
- package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts +19 -18
- package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.js +23 -23
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
- package/dist/components/inputs/combo-box/combo-box.d.ts +26 -29
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +74 -39
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +7 -7
- package/dist/components/inputs/date-field/date-field.d.ts +25 -24
- package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.js +26 -29
- package/dist/components/inputs/date-field/date-field.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.styles.js +5 -5
- package/dist/components/inputs/date-picker/date-picker.d.ts +16 -13
- package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.js +35 -15
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.styles.js +21 -29
- package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts +4 -4
- package/dist/components/inputs/dropdown/dropdown.js +4 -4
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +21 -21
- 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 +23 -26
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +5 -5
- package/dist/components/inputs/number-field/number-field.d.ts +17 -20
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +20 -23
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +4 -4
- package/dist/components/inputs/password-field/password-field.d.ts +25 -24
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +27 -29
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +7 -7
- package/dist/components/inputs/radio-button/radio-button.d.ts +10 -10
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +9 -14
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +2 -2
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +24 -6
- 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 +32 -7
- 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 +3 -3
- 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 +17 -10
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +15 -17
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +19 -22
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +5 -5
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +27 -29
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +47 -57
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +4 -4
- package/dist/components/inputs/stepper/stepper.d.ts +14 -14
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +13 -18
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +12 -13
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +13 -18
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +6 -6
- package/dist/components/inputs/switch-field/switch-field.d.ts +4 -4
- package/dist/components/inputs/switch-field/switch-field.js +4 -4
- package/dist/components/inputs/text-editor/text-editor.caret.d.ts +1 -1
- package/dist/components/inputs/text-editor/text-editor.caret.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.commands.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.d.ts +21 -21
- package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.js +27 -27
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +4 -4
- package/dist/components/inputs/text-editor/text-editor.markdown.js +7 -7
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +14 -14
- package/dist/components/inputs/text-field/text-field.d.ts +20 -19
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +22 -24
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +3 -3
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +14 -13
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +18 -18
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +7 -7
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js +25 -17
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.d.ts +24 -29
- package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.d.ts +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.js +35 -39
- package/dist/components/inputs/token-field/token-field.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.styles.js +4 -4
- package/dist/components/inputs/token-field/token-field.template.js +1 -1
- package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +16 -4
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +18 -13
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/box/box.d.ts +1 -1
- package/dist/components/layout/box/box.js +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.js +8 -18
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/card/card.d.ts +26 -9
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.i18n.d.ts +1 -1
- package/dist/components/layout/card/card.i18n.js +1 -1
- package/dist/components/layout/card/card.i18n.js.map +1 -1
- package/dist/components/layout/card/card.js +51 -14
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +41 -4
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/card/card.template.d.ts.map +1 -1
- package/dist/components/layout/card/card.template.js +14 -6
- package/dist/components/layout/card/card.template.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +3 -10
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +3 -10
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +21 -3
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +41 -41
- package/dist/components/layout/container/container.js +41 -41
- package/dist/components/layout/page/page.d.ts +1 -1
- package/dist/components/layout/page/page.js +2 -2
- package/dist/components/layout/page-footer/page-footer.d.ts +10 -12
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +11 -13
- 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 +8 -1
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.template.js +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -3
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +1 -3
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -3
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +1 -3
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -3
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +1 -3
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +20 -18
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +26 -20
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +20 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -3
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.js +1 -3
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -3
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +1 -3
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/popover/popover.d.ts +18 -47
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +18 -47
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +9 -17
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +39 -27
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -4
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -4
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +17 -17
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -17
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +2 -2
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +2 -2
- package/dist/components/layout/window/window.d.ts +26 -20
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +58 -30
- package/dist/components/layout/window/window.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/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +2 -2
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +43 -9
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +69 -9
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +96 -43
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +19 -7
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +77 -31
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.d.ts +4 -4
- package/dist/components/lists-and-tables/list/list.i18n.js +4 -4
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +202 -70
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.js +29 -22
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +4 -3
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +189 -18
- 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.i18n.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +467 -45
- 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 +133 -101
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +51 -24
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts +108 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js +228 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts +2 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js +145 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts +3 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js +35 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +4 -2
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +5 -7
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +5 -7
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +15 -16
- 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.i18n.d.ts +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +14 -15
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +2 -2
- package/dist/components/navigation/link/link.i18n.d.ts +1 -1
- package/dist/components/navigation/link/link.i18n.js +1 -1
- package/dist/components/navigation/link/link.i18n.js.map +1 -1
- package/dist/components/navigation/link/link.template.js +1 -1
- package/dist/components/navigation/link/link.template.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.js +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.d.ts +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.js +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +5 -5
- package/dist/components/navigation/pagination/pagination.template.js +1 -1
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -11
- package/dist/components/navigation/tab-bar/tab-bar.js +11 -11
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +7 -7
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +11 -11
- 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 +11 -12
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +9 -4
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -5
- package/dist/components/navigation/top-title-bar/top-title-bar.js +6 -6
- 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 +3 -3
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
- 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.js +6 -6
- package/dist/components/status-and-feedback/badge/badge.d.ts +2 -2
- package/dist/components/status-and-feedback/badge/badge.i18n.d.ts +1 -1
- package/dist/components/status-and-feedback/badge/badge.i18n.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts +9 -9
- package/dist/components/status-and-feedback/banner/banner.js +9 -9
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +6 -6
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +6 -6
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +7 -7
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +8 -8
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +22 -8
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +63 -27
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +1 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +13 -13
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts +2 -2
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js +2 -2
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +14 -14
- 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.js +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +1 -1
- 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 +15 -15
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts +2 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js +2 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +20 -20
- 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.js +3 -3
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +4 -4
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +4 -4
- package/dist/components/status-and-feedback/status-bar/status-bar.js +4 -4
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +124 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +9 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +8 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js +210 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +3 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +294 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +5 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +69 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +1 -0
- package/dist/css/form.css +16 -7
- package/dist/css/settings.css +68 -73
- package/dist/types/vue.d.ts +186 -42
- package/dist/utilities/autofocus.d.ts +19 -0
- package/dist/utilities/autofocus.d.ts.map +1 -0
- package/dist/utilities/autofocus.js +35 -0
- package/dist/utilities/autofocus.js.map +1 -0
- package/dist/utilities/codemirror/theme.js +2 -2
- package/dist/utilities/codemirror/theme.js.map +1 -1
- package/dist/utilities/color-scheme-repaint.d.ts +2 -2
- package/dist/utilities/color-scheme-repaint.js +2 -2
- package/dist/utilities/form-associated-mixin.d.ts +33 -0
- package/dist/utilities/form-associated-mixin.d.ts.map +1 -0
- package/dist/utilities/form-associated-mixin.js +52 -0
- package/dist/utilities/form-associated-mixin.js.map +1 -0
- package/dist/utilities/input-modality.d.ts +3 -1
- package/dist/utilities/input-modality.d.ts.map +1 -1
- package/dist/utilities/input-modality.js +12 -1
- package/dist/utilities/input-modality.js.map +1 -1
- package/dist/utilities/page-section-mixin.d.ts +1 -1
- package/dist/utilities/page-section-mixin.js +2 -2
- package/dist/utilities/popup-anchor-controller.d.ts +2 -2
- package/package.json +9 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -445,7 +445,7 @@ export const iconButtonStyles = css `
|
|
|
445
445
|
/* Wrapper overlaid on the control, positioned against the host (which is
|
|
446
446
|
position:relative). It lives outside the <button>/<a> and the tooltip
|
|
447
447
|
wrapper so the indicator's role="status" live region works reliably. The
|
|
448
|
-
activity-indicator inside fills it and
|
|
448
|
+
activity-indicator inside fills it and centers its circle, which inherits
|
|
449
449
|
the content color via currentColor. */
|
|
450
450
|
.icon-button__activity-indicator {
|
|
451
451
|
position: absolute;
|
|
@@ -27,7 +27,7 @@ export function template() {
|
|
|
27
27
|
// cascade, so fold the hint into it rather than into a hidden span (which it
|
|
28
28
|
// would override). Only the <a> path (href) can open a new tab.
|
|
29
29
|
const opensInNewTabHint = this.href && this.target === '_blank'
|
|
30
|
-
? this._t('components.icon-button.opens-in-new-tab-
|
|
30
|
+
? this._t('components.icon-button.opens-in-new-tab-label')
|
|
31
31
|
: '';
|
|
32
32
|
const baseLabel = this.accessibleLabel || this.text || '';
|
|
33
33
|
const label = [baseLabel, opensInNewTabHint].filter(Boolean).join(', ') || nothing;
|
|
@@ -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,iBAAiB;;cAEzD;;KAET,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,6EAA6E;IAC7E,2EAA2E;IAC3E,6EAA6E;IAC7E,gEAAgE;IAChE,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;QAC9D,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,
|
|
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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"}
|
|
@@ -7,12 +7,17 @@ import '../../lists-and-tables/cells/text-cell/text-cell.js';
|
|
|
7
7
|
import '../../content/icon/icon.js';
|
|
8
8
|
import '../../content/keyboard-shortcut/keyboard-shortcut.js';
|
|
9
9
|
import '../../status-and-feedback/inline-dialog/inline-dialog.js';
|
|
10
|
+
/**
|
|
11
|
+
* A horizontal rule between groups of items in an `nldd-menu`.
|
|
12
|
+
*
|
|
13
|
+
* @element nldd-menu-divider
|
|
14
|
+
*/
|
|
10
15
|
export declare class NLDDMenuDivider extends LitElement {
|
|
11
16
|
static styles: import("lit").CSSResult;
|
|
12
17
|
render(): import("lit-html").TemplateResult<1>;
|
|
13
18
|
}
|
|
14
19
|
/**
|
|
15
|
-
* A
|
|
20
|
+
* A labeled group of menu items inside an nldd-menu. Wraps its slotted
|
|
16
21
|
* items in `role="group"` with `aria-labelledby` pointing to the group's
|
|
17
22
|
* `text`, providing native ARIA group semantics that a flat title element
|
|
18
23
|
* can't deliver.
|
|
@@ -27,6 +32,8 @@ export declare class NLDDMenuDivider extends LitElement {
|
|
|
27
32
|
* a divider without a title, the existing `nldd-menu-item` +
|
|
28
33
|
* `nldd-menu-divider` flat structure keeps working unchanged.
|
|
29
34
|
*
|
|
35
|
+
* @element nldd-menu-group
|
|
36
|
+
*
|
|
30
37
|
* @attr {string} text - Group title text shown above the items.
|
|
31
38
|
*
|
|
32
39
|
* @slot - nldd-menu-item children (the items belonging to this group).
|
|
@@ -41,32 +48,22 @@ export declare class NLDDMenuGroup extends LitElement {
|
|
|
41
48
|
/**
|
|
42
49
|
* A single item within an nldd-menu.
|
|
43
50
|
*
|
|
44
|
-
* @
|
|
45
|
-
*
|
|
46
|
-
* @attr {string}
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
51
|
-
* @attr {string}
|
|
52
|
-
* @attr {string}
|
|
53
|
-
* @attr {string}
|
|
54
|
-
*
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
* @attr {
|
|
58
|
-
*
|
|
59
|
-
* @attr {string}
|
|
60
|
-
* @attr {string} type - Item type: 'button' | 'checkbox' | 'radio'. Default: 'button'.
|
|
61
|
-
* @attr {boolean} selected - Selected state for checkbox and radio types.
|
|
62
|
-
* @attr {boolean} destructive - Marks the item as destructive (red text; red highlight bg). Use for irreversible
|
|
63
|
-
* actions like "Delete". Colour is the only built-in signal, so per WCAG 1.4.1 the
|
|
64
|
-
* item's own label must convey the destructive nature (e.g. "Verwijder") — don't rely
|
|
65
|
-
* on the red alone. Confirming the action (e.g. a follow-up dialog) is the consumer's
|
|
66
|
-
* responsibility.
|
|
67
|
-
* @attr {boolean} disabled - Disabled state.
|
|
68
|
-
* @attr {string} query - Query substring to bold-highlight in text. Set by menu's filter(); also settable by consumers.
|
|
69
|
-
* @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive'). See text-cell for details.
|
|
51
|
+
* @element nldd-menu-item
|
|
52
|
+
*
|
|
53
|
+
* @attr {string} text - Display text. Supports **bold** markdown syntax.
|
|
54
|
+
* @attr {string} value - Form value. Falls back to text when not set.
|
|
55
|
+
* @attr {string} href - Optional link target. A plain button item with an href renders as an `<a>` so it is a real link (middle-click, open in new tab, copy link). Ignored for submenu openers, checkbox/radio items, and while disabled.
|
|
56
|
+
* @attr {string} aliases - Space-separated alternative search terms.
|
|
57
|
+
* @attr {string} details - Secondary label shown on the right side.
|
|
58
|
+
* @attr {string} shortcut - Keyboard shortcut hint shown on the right, e.g. 'Cmd+E'. Display only (rendered via nldd-keyboard-shortcut) — it does not bind the key; wire up the handling in your app. Hidden on touch-only devices, where it isn't invokable.
|
|
59
|
+
* @attr {string} shortcut-mac / shortcut-windows / shortcut-linux - Per-OS overrides for `shortcut`, picked by detected OS (falls back to `shortcut`).
|
|
60
|
+
* @attr {string} icon - Icon name rendered before the text (nldd-icon name).
|
|
61
|
+
* @attr {string} type - Item type: 'button' | 'checkbox' | 'radio'. Default: 'button'.
|
|
62
|
+
* @attr {boolean} selected - Selected state for checkbox and radio types.
|
|
63
|
+
* @attr {boolean} destructive - Marks the item as destructive (red text; red highlight bg). Use for irreversible actions like "Delete". Color is the only built-in signal, so per WCAG 1.4.1 the item's own label must convey the destructive nature (e.g. "Verwijder") — don't rely on the red alone. Confirming the action (e.g. a follow-up dialog) is the consumer's responsibility.
|
|
64
|
+
* @attr {boolean} disabled - Disabled state.
|
|
65
|
+
* @attr {string} query - Query substring to bold-highlight in text. Set by menu's filter(); also settable by consumers.
|
|
66
|
+
* @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive'). See text-cell for details.
|
|
70
67
|
*
|
|
71
68
|
* @fires select - Fired when the item is clicked and not disabled.
|
|
72
69
|
*/
|
|
@@ -120,34 +117,32 @@ export declare class NLDDMenuItem extends LitElement {
|
|
|
120
117
|
* Note: Only type="button" items are supported when used inside nldd-combo-box-field.
|
|
121
118
|
* Radio and checkbox types may be used in standalone menus.
|
|
122
119
|
*
|
|
123
|
-
* @
|
|
124
|
-
*
|
|
125
|
-
* @attr {string}
|
|
126
|
-
*
|
|
127
|
-
* @attr {string}
|
|
128
|
-
* @attr {string}
|
|
129
|
-
*
|
|
130
|
-
*
|
|
131
|
-
* @attr {
|
|
132
|
-
*
|
|
133
|
-
* @attr {object} translations - Override one or more translation keys.
|
|
134
|
-
* @attr {Function} filterFn - Custom filter function (query, item) => boolean.
|
|
120
|
+
* @element nldd-menu
|
|
121
|
+
*
|
|
122
|
+
* @attr {string} anchor - ID of the anchor element. Positions the menu against it AND makes it a toggle: the menu listens on document click and opens/closes itself when the click lands on the anchor. Use this for a menu hung off a button. For a menu you open yourself (a type-ahead under a text field, say), set the `anchorElement` property instead — same positioning, no toggle.
|
|
123
|
+
* @attr {string} placement - Floating UI placement. Default: 'bottom-start'.
|
|
124
|
+
* @attr {string} empty-text - Text of the default empty-state dialog. Falls back to Dutch i18n "Geen opties beschikbaar".
|
|
125
|
+
* @attr {string} empty-supporting-text - Supporting text of the default empty-state dialog.
|
|
126
|
+
* @attr {string} width - Explicit width, pinned exactly. Without it the menu sizes to its content between a minimum and a viewport-aware maximum (min(100vw - inset, 640px)).
|
|
127
|
+
* @attr {number} max-items - Maximum number of visible items before scrolling. Sets --_max-items internally. Default: 0 (no limit).
|
|
128
|
+
* @attr {object} translations - Override one or more translation keys.
|
|
129
|
+
* @attr {Function} filterFn - Custom filter function (query, item) => boolean.
|
|
135
130
|
*
|
|
136
131
|
* @slot - nldd-menu-item and nldd-menu-divider elements.
|
|
137
|
-
* @slot header - Free content shown above the items, outside `role="menu"` (so it may
|
|
138
|
-
*
|
|
139
|
-
*
|
|
140
|
-
* control spacing with your own content (e.g. an `nldd-container`). Root-only:
|
|
141
|
-
* never rendered in a submenu. Example: an account identity header (nldd-byline).
|
|
142
|
-
* @slot footer - Free content shown below the items, outside `role="menu"` (same rules as
|
|
143
|
-
* `header`; also unpadded and root-only). Example: a short note or a link.
|
|
144
|
-
* @slot empty - Shown when no items are visible. Defaults to `nldd-inline-dialog`
|
|
145
|
-
* driven by `empty-text` / `empty-supporting-text`. Slot content
|
|
146
|
-
* overrides the default dialog entirely.
|
|
132
|
+
* @slot header - Free content shown above the items, outside `role="menu"` (so it may hold non-menuitem content such as an avatar + name, buttons or links — reached with Tab, skipped by arrow navigation). The region is unpadded; control spacing with your own content (e.g. an `nldd-container`). Root-only: never rendered in a submenu. Example: an account identity header (nldd-byline).
|
|
133
|
+
* @slot footer - Free content shown below the items, outside `role="menu"` (same rules as `header`; also unpadded and root-only). Example: a short note or a link.
|
|
134
|
+
* @slot empty - Shown when no items are visible. Defaults to `nldd-inline-dialog` driven by `empty-text` / `empty-supporting-text`. Slot content overrides the default dialog entirely.
|
|
147
135
|
*/
|
|
148
136
|
export declare class NLDDMenu extends LitElement {
|
|
149
137
|
static styles: import("lit").CSSResult;
|
|
150
138
|
anchor: string;
|
|
139
|
+
/**
|
|
140
|
+
* The anchor as an element reference. Positions the menu exactly like the
|
|
141
|
+
* `anchor` attribute, but does NOT turn the anchor into a toggle — clicking
|
|
142
|
+
* it does not open the menu. Use this whenever you drive open/close yourself
|
|
143
|
+
* (`showPopover()` / `hidePopover()`), which is what nldd-combo-box and
|
|
144
|
+
* nldd-token-field do: their input must stay an input, not a menu button.
|
|
145
|
+
*/
|
|
151
146
|
anchorElement: Element | null;
|
|
152
147
|
placement: string;
|
|
153
148
|
/**
|
|
@@ -490,7 +485,7 @@ export declare class NLDDMenu extends LitElement {
|
|
|
490
485
|
* not navigating one step back. Detect the outside click here and route
|
|
491
486
|
* to `_collapseChain`, which collapses every level at once.
|
|
492
487
|
*
|
|
493
|
-
* Cascade mode falls back to the native popover stack
|
|
488
|
+
* Cascade mode falls back to the native popover stack behavior: a click
|
|
494
489
|
* outside light-dismisses every popover down to the click target's
|
|
495
490
|
* closest ancestor popover, so no extra handling is needed there.
|
|
496
491
|
*
|
|
@@ -505,7 +500,7 @@ export declare class NLDDMenu extends LitElement {
|
|
|
505
500
|
* open while you scroll outside it) and annoying. So on touch we defer
|
|
506
501
|
* the decision: track the pointer and only chain-close on a confirmed
|
|
507
502
|
* tap (pointerup without crossing the scroll threshold); a scroll
|
|
508
|
-
* leaves the chain untouched, matching root-menu
|
|
503
|
+
* leaves the chain untouched, matching root-menu behavior.
|
|
509
504
|
*/
|
|
510
505
|
private _dragStartItem;
|
|
511
506
|
/**
|
|
@@ -563,7 +558,7 @@ export declare class NLDDMenu extends LitElement {
|
|
|
563
558
|
*/
|
|
564
559
|
filter(query: string): void;
|
|
565
560
|
/**
|
|
566
|
-
* Hide each nldd-menu-group whose items are all filtered out — a
|
|
561
|
+
* Hide each nldd-menu-group whose items are all filtered out — a labeled
|
|
567
562
|
* heading above an empty section reads as broken. Runs after filter() has
|
|
568
563
|
* updated individual item visibility.
|
|
569
564
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,yDAAyD,CAAC;AACjE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,4BAA4B,CAAC;AACpC,OAAO,sDAAsD,CAAC;AAC9D,OAAO,0DAA0D,CAAC;AAOlE,qBAAa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAElC,MAAM;CAGf;AASD
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/menu/menu.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,11 @@ import '../../status-and-feedback/inline-dialog/inline-dialog.js';
|
|
|
20
20
|
import { isKeyboardMode, isTouchMode } from '../../../utilities/input-modality.js';
|
|
21
21
|
import { breakpoints } from '../../../assets/styles/breakpoints.js';
|
|
22
22
|
// # nldd-menu-divider
|
|
23
|
+
/**
|
|
24
|
+
* A horizontal rule between groups of items in an `nldd-menu`.
|
|
25
|
+
*
|
|
26
|
+
* @element nldd-menu-divider
|
|
27
|
+
*/
|
|
23
28
|
export class NLDDMenuDivider extends LitElement {
|
|
24
29
|
render() {
|
|
25
30
|
return menuDividerTemplate();
|
|
@@ -31,7 +36,7 @@ if (!customElements.get('nldd-menu-divider')) {
|
|
|
31
36
|
}
|
|
32
37
|
// # nldd-menu-group
|
|
33
38
|
/**
|
|
34
|
-
* A
|
|
39
|
+
* A labeled group of menu items inside an nldd-menu. Wraps its slotted
|
|
35
40
|
* items in `role="group"` with `aria-labelledby` pointing to the group's
|
|
36
41
|
* `text`, providing native ARIA group semantics that a flat title element
|
|
37
42
|
* can't deliver.
|
|
@@ -46,6 +51,8 @@ if (!customElements.get('nldd-menu-divider')) {
|
|
|
46
51
|
* a divider without a title, the existing `nldd-menu-item` +
|
|
47
52
|
* `nldd-menu-divider` flat structure keeps working unchanged.
|
|
48
53
|
*
|
|
54
|
+
* @element nldd-menu-group
|
|
55
|
+
*
|
|
49
56
|
* @attr {string} text - Group title text shown above the items.
|
|
50
57
|
*
|
|
51
58
|
* @slot - nldd-menu-item children (the items belonging to this group).
|
|
@@ -77,32 +84,22 @@ if (!customElements.get('nldd-menu-group')) {
|
|
|
77
84
|
/**
|
|
78
85
|
* A single item within an nldd-menu.
|
|
79
86
|
*
|
|
80
|
-
* @
|
|
81
|
-
*
|
|
82
|
-
* @attr {string}
|
|
83
|
-
*
|
|
84
|
-
*
|
|
85
|
-
*
|
|
86
|
-
*
|
|
87
|
-
* @attr {string}
|
|
88
|
-
* @attr {string}
|
|
89
|
-
* @attr {string}
|
|
90
|
-
*
|
|
91
|
-
*
|
|
92
|
-
*
|
|
93
|
-
* @attr {
|
|
94
|
-
*
|
|
95
|
-
* @attr {string}
|
|
96
|
-
* @attr {string} type - Item type: 'button' | 'checkbox' | 'radio'. Default: 'button'.
|
|
97
|
-
* @attr {boolean} selected - Selected state for checkbox and radio types.
|
|
98
|
-
* @attr {boolean} destructive - Marks the item as destructive (red text; red highlight bg). Use for irreversible
|
|
99
|
-
* actions like "Delete". Colour is the only built-in signal, so per WCAG 1.4.1 the
|
|
100
|
-
* item's own label must convey the destructive nature (e.g. "Verwijder") — don't rely
|
|
101
|
-
* on the red alone. Confirming the action (e.g. a follow-up dialog) is the consumer's
|
|
102
|
-
* responsibility.
|
|
103
|
-
* @attr {boolean} disabled - Disabled state.
|
|
104
|
-
* @attr {string} query - Query substring to bold-highlight in text. Set by menu's filter(); also settable by consumers.
|
|
105
|
-
* @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive'). See text-cell for details.
|
|
87
|
+
* @element nldd-menu-item
|
|
88
|
+
*
|
|
89
|
+
* @attr {string} text - Display text. Supports **bold** markdown syntax.
|
|
90
|
+
* @attr {string} value - Form value. Falls back to text when not set.
|
|
91
|
+
* @attr {string} href - Optional link target. A plain button item with an href renders as an `<a>` so it is a real link (middle-click, open in new tab, copy link). Ignored for submenu openers, checkbox/radio items, and while disabled.
|
|
92
|
+
* @attr {string} aliases - Space-separated alternative search terms.
|
|
93
|
+
* @attr {string} details - Secondary label shown on the right side.
|
|
94
|
+
* @attr {string} shortcut - Keyboard shortcut hint shown on the right, e.g. 'Cmd+E'. Display only (rendered via nldd-keyboard-shortcut) — it does not bind the key; wire up the handling in your app. Hidden on touch-only devices, where it isn't invokable.
|
|
95
|
+
* @attr {string} shortcut-mac / shortcut-windows / shortcut-linux - Per-OS overrides for `shortcut`, picked by detected OS (falls back to `shortcut`).
|
|
96
|
+
* @attr {string} icon - Icon name rendered before the text (nldd-icon name).
|
|
97
|
+
* @attr {string} type - Item type: 'button' | 'checkbox' | 'radio'. Default: 'button'.
|
|
98
|
+
* @attr {boolean} selected - Selected state for checkbox and radio types.
|
|
99
|
+
* @attr {boolean} destructive - Marks the item as destructive (red text; red highlight bg). Use for irreversible actions like "Delete". Color is the only built-in signal, so per WCAG 1.4.1 the item's own label must convey the destructive nature (e.g. "Verwijder") — don't rely on the red alone. Confirming the action (e.g. a follow-up dialog) is the consumer's responsibility.
|
|
100
|
+
* @attr {boolean} disabled - Disabled state.
|
|
101
|
+
* @attr {string} query - Query substring to bold-highlight in text. Set by menu's filter(); also settable by consumers.
|
|
102
|
+
* @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive'). See text-cell for details.
|
|
106
103
|
*
|
|
107
104
|
* @fires select - Fired when the item is clicked and not disabled.
|
|
108
105
|
*/
|
|
@@ -331,35 +328,33 @@ const defaultFilterFn = (query, item) => {
|
|
|
331
328
|
* Note: Only type="button" items are supported when used inside nldd-combo-box-field.
|
|
332
329
|
* Radio and checkbox types may be used in standalone menus.
|
|
333
330
|
*
|
|
334
|
-
* @
|
|
335
|
-
*
|
|
336
|
-
* @attr {string}
|
|
337
|
-
*
|
|
338
|
-
* @attr {string}
|
|
339
|
-
* @attr {string}
|
|
340
|
-
*
|
|
341
|
-
*
|
|
342
|
-
* @attr {
|
|
343
|
-
*
|
|
344
|
-
* @attr {object} translations - Override one or more translation keys.
|
|
345
|
-
* @attr {Function} filterFn - Custom filter function (query, item) => boolean.
|
|
331
|
+
* @element nldd-menu
|
|
332
|
+
*
|
|
333
|
+
* @attr {string} anchor - ID of the anchor element. Positions the menu against it AND makes it a toggle: the menu listens on document click and opens/closes itself when the click lands on the anchor. Use this for a menu hung off a button. For a menu you open yourself (a type-ahead under a text field, say), set the `anchorElement` property instead — same positioning, no toggle.
|
|
334
|
+
* @attr {string} placement - Floating UI placement. Default: 'bottom-start'.
|
|
335
|
+
* @attr {string} empty-text - Text of the default empty-state dialog. Falls back to Dutch i18n "Geen opties beschikbaar".
|
|
336
|
+
* @attr {string} empty-supporting-text - Supporting text of the default empty-state dialog.
|
|
337
|
+
* @attr {string} width - Explicit width, pinned exactly. Without it the menu sizes to its content between a minimum and a viewport-aware maximum (min(100vw - inset, 640px)).
|
|
338
|
+
* @attr {number} max-items - Maximum number of visible items before scrolling. Sets --_max-items internally. Default: 0 (no limit).
|
|
339
|
+
* @attr {object} translations - Override one or more translation keys.
|
|
340
|
+
* @attr {Function} filterFn - Custom filter function (query, item) => boolean.
|
|
346
341
|
*
|
|
347
342
|
* @slot - nldd-menu-item and nldd-menu-divider elements.
|
|
348
|
-
* @slot header - Free content shown above the items, outside `role="menu"` (so it may
|
|
349
|
-
*
|
|
350
|
-
*
|
|
351
|
-
* control spacing with your own content (e.g. an `nldd-container`). Root-only:
|
|
352
|
-
* never rendered in a submenu. Example: an account identity header (nldd-byline).
|
|
353
|
-
* @slot footer - Free content shown below the items, outside `role="menu"` (same rules as
|
|
354
|
-
* `header`; also unpadded and root-only). Example: a short note or a link.
|
|
355
|
-
* @slot empty - Shown when no items are visible. Defaults to `nldd-inline-dialog`
|
|
356
|
-
* driven by `empty-text` / `empty-supporting-text`. Slot content
|
|
357
|
-
* overrides the default dialog entirely.
|
|
343
|
+
* @slot header - Free content shown above the items, outside `role="menu"` (so it may hold non-menuitem content such as an avatar + name, buttons or links — reached with Tab, skipped by arrow navigation). The region is unpadded; control spacing with your own content (e.g. an `nldd-container`). Root-only: never rendered in a submenu. Example: an account identity header (nldd-byline).
|
|
344
|
+
* @slot footer - Free content shown below the items, outside `role="menu"` (same rules as `header`; also unpadded and root-only). Example: a short note or a link.
|
|
345
|
+
* @slot empty - Shown when no items are visible. Defaults to `nldd-inline-dialog` driven by `empty-text` / `empty-supporting-text`. Slot content overrides the default dialog entirely.
|
|
358
346
|
*/
|
|
359
347
|
export class NLDDMenu extends LitElement {
|
|
360
348
|
constructor() {
|
|
361
349
|
super(...arguments);
|
|
362
350
|
this.anchor = '';
|
|
351
|
+
/**
|
|
352
|
+
* The anchor as an element reference. Positions the menu exactly like the
|
|
353
|
+
* `anchor` attribute, but does NOT turn the anchor into a toggle — clicking
|
|
354
|
+
* it does not open the menu. Use this whenever you drive open/close yourself
|
|
355
|
+
* (`showPopover()` / `hidePopover()`), which is what nldd-combo-box and
|
|
356
|
+
* nldd-token-field do: their input must stay an input, not a menu button.
|
|
357
|
+
*/
|
|
363
358
|
this.anchorElement = null;
|
|
364
359
|
this.placement = 'bottom-start';
|
|
365
360
|
/**
|
|
@@ -845,7 +840,7 @@ export class NLDDMenu extends LitElement {
|
|
|
845
840
|
* not navigating one step back. Detect the outside click here and route
|
|
846
841
|
* to `_collapseChain`, which collapses every level at once.
|
|
847
842
|
*
|
|
848
|
-
* Cascade mode falls back to the native popover stack
|
|
843
|
+
* Cascade mode falls back to the native popover stack behavior: a click
|
|
849
844
|
* outside light-dismisses every popover down to the click target's
|
|
850
845
|
* closest ancestor popover, so no extra handling is needed there.
|
|
851
846
|
*
|
|
@@ -860,7 +855,7 @@ export class NLDDMenu extends LitElement {
|
|
|
860
855
|
* open while you scroll outside it) and annoying. So on touch we defer
|
|
861
856
|
* the decision: track the pointer and only chain-close on a confirmed
|
|
862
857
|
* tap (pointerup without crossing the scroll threshold); a scroll
|
|
863
|
-
* leaves the chain untouched, matching root-menu
|
|
858
|
+
* leaves the chain untouched, matching root-menu behavior.
|
|
864
859
|
*/
|
|
865
860
|
this._dragStartItem = null;
|
|
866
861
|
/**
|
|
@@ -1748,7 +1743,7 @@ export class NLDDMenu extends LitElement {
|
|
|
1748
1743
|
}
|
|
1749
1744
|
_updateEmptyState() {
|
|
1750
1745
|
// "Empty" means nothing is shown, not nothing is navigable. Disabled items
|
|
1751
|
-
// still render (
|
|
1746
|
+
// still render (grayed out), so a menu whose items are all disabled is not
|
|
1752
1747
|
// empty. Only filtering, which hides non-matching items, empties a menu.
|
|
1753
1748
|
// _getVisibleItems() drops [disabled] for keyboard nav, so it must not
|
|
1754
1749
|
// decide the empty state, or a fully-disabled menu wrongly shows it.
|
|
@@ -1849,7 +1844,7 @@ export class NLDDMenu extends LitElement {
|
|
|
1849
1844
|
this.reposition();
|
|
1850
1845
|
}
|
|
1851
1846
|
/**
|
|
1852
|
-
* Hide each nldd-menu-group whose items are all filtered out — a
|
|
1847
|
+
* Hide each nldd-menu-group whose items are all filtered out — a labeled
|
|
1853
1848
|
* heading above an empty section reads as broken. Runs after filter() has
|
|
1854
1849
|
* updated individual item visibility.
|
|
1855
1850
|
*/
|
|
@@ -1902,6 +1897,12 @@ export class NLDDMenu extends LitElement {
|
|
|
1902
1897
|
}
|
|
1903
1898
|
items.forEach(item => item.removeAttribute('highlighted'));
|
|
1904
1899
|
items[next].setAttribute('highlighted', '');
|
|
1900
|
+
// Focus stays with the consumer here (the combo-box keeps it in the input),
|
|
1901
|
+
// so the browser does not scroll along like it does on the focus path.
|
|
1902
|
+
// `block: 'nearest'` does the minimum: nothing when the item is already
|
|
1903
|
+
// visible, one row when stepping just past an edge, and all the way back
|
|
1904
|
+
// to the other end on wrap-around.
|
|
1905
|
+
items[next].scrollIntoView({ block: 'nearest', inline: 'nearest' });
|
|
1905
1906
|
}
|
|
1906
1907
|
/** Returns the currently highlighted item, or null if none. */
|
|
1907
1908
|
getHighlighted() {
|
|
@@ -2036,7 +2037,7 @@ NLDDMenu._drillInModeQuery = null;
|
|
|
2036
2037
|
// On touch, pressing an item sets :active and the synthetic sticky
|
|
2037
2038
|
// :hover lands on it, so `.menu__item:active:hover` flashes. If the
|
|
2038
2039
|
// gesture becomes an internal scroll (cramped menu), :active lingers
|
|
2039
|
-
// until the browser
|
|
2040
|
+
// until the browser recognizes the pan and the highlight stays for
|
|
2040
2041
|
// the whole scroll. We detect a scroll from the touch delta and set
|
|
2041
2042
|
// `scroll-active` on the host; the styles neutralise the press flash
|
|
2042
2043
|
// while it's set. A pure tap never moves past the threshold, so its
|