@nldd/design-system 0.8.70 → 0.8.72
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-BP0XMTYa.js → index-B9_6JE9f.js} +1 -1
- package/dist/components/{index-Dgxr-sEe.js → index-Bt_KkJKU.js} +1 -1
- package/dist/components/{index-BuLJAwiB.js → index-CSxjYgj9.js} +4217 -2494
- package/dist/components/{index-sa60dMt-.js → index-CqbiWdc5.js} +1 -1
- package/dist/components/{index-CTUlN5qN.js → index-CvGdvr33.js} +1 -1
- package/dist/components/{index-DS-RnHMu.js → index-i1n9W3UN.js} +1 -1
- package/dist/components/{index-Bh_hMHn8.js → index-ipWLrQY3.js} +1 -1
- 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 +100 -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
|
@@ -10,29 +10,22 @@
|
|
|
10
10
|
*
|
|
11
11
|
* @element nldd-window
|
|
12
12
|
*
|
|
13
|
-
* @attr {boolean} modeless
|
|
14
|
-
* @attr {
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
* @attr {
|
|
19
|
-
*
|
|
20
|
-
* @attr {string}
|
|
21
|
-
* @attr {
|
|
22
|
-
* @attr {string}
|
|
23
|
-
* @attr {string}
|
|
24
|
-
* @attr {boolean} centered - Centreert beide assen op de viewport. Per
|
|
25
|
-
* as overrideable: `centered top="0"` =
|
|
26
|
-
* horizontaal gecentreerd, top-aligned.
|
|
27
|
-
* Mirrort CSS `place-items: center` met
|
|
28
|
-
* `align-items`/`justify-items` overrides.
|
|
29
|
-
* @attr {string} width - CSS width (standaard: var(--components-window-default-width))
|
|
30
|
-
* @attr {string} height - CSS height (standaard: content height)
|
|
13
|
+
* @attr {boolean} modeless - Niet-modaal (geen backdrop of focusvergrendeling); standaard is het venster modaal
|
|
14
|
+
* @attr {boolean} no-light-dismiss - Een klik op de backdrop sluit het venster niet. Voor vensters waar per ongeluk wegklikken werk kost: een wizard, een formulier met ingevulde velden. Escape en de dismiss-knop blijven werken.
|
|
15
|
+
* @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label). Valt terug op de i18n default ('Venster') als niet gezet — geef altijd een unieke, beschrijvende naam per venster.
|
|
16
|
+
* @attr {object} translations - Override translation keys; unset keys vallen terug op de Nederlandse default.
|
|
17
|
+
* @attr {string} top - CSS top positie van de bovenrand (bijv. '0', '100px')
|
|
18
|
+
* @attr {string} left - CSS left positie van de linkerrand
|
|
19
|
+
* @attr {string} right - CSS right waarde
|
|
20
|
+
* @attr {string} bottom - CSS bottom waarde
|
|
21
|
+
* @attr {boolean} centered - Centreert beide assen op de viewport. Per as overrideable: `centered top="0"` = horizontaal gecentreerd, top-aligned. Mirrort CSS `place-items: center` met `align-items`/`justify-items` overrides.
|
|
22
|
+
* @attr {string} width - CSS width (standaard: var(--components-window-default-width))
|
|
23
|
+
* @attr {string} height - CSS height (standaard: content height)
|
|
31
24
|
* @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
|
|
32
25
|
*
|
|
33
26
|
* @slot - Volledige window content (bijv. nldd-page)
|
|
34
27
|
*
|
|
35
|
-
* @fires open
|
|
28
|
+
* @fires open - Wanneer het venster wordt geopend
|
|
36
29
|
* @fires close - Wanneer het venster volledig is gesloten
|
|
37
30
|
*
|
|
38
31
|
* @method show() - Opent het venster
|
|
@@ -44,6 +37,7 @@ export type NLDDWindowScheme = 'inherit' | 'light' | 'dark';
|
|
|
44
37
|
export declare class NLDDWindow extends LitElement {
|
|
45
38
|
static styles: import("lit").CSSResult;
|
|
46
39
|
modeless: boolean;
|
|
40
|
+
noLightDismiss: boolean;
|
|
47
41
|
accessibleLabel: string;
|
|
48
42
|
/**
|
|
49
43
|
* Override one or more translation keys.
|
|
@@ -78,9 +72,21 @@ export declare class NLDDWindow extends LitElement {
|
|
|
78
72
|
*/
|
|
79
73
|
private _closeEmitted;
|
|
80
74
|
private _emitClose;
|
|
81
|
-
_handleDialogClose: () => void;
|
|
75
|
+
_handleDialogClose: (e: Event) => void;
|
|
82
76
|
private _manageFocus;
|
|
83
77
|
private _applyPositionStyles;
|
|
78
|
+
/** Whether the press preceding a click started on the backdrop rather than
|
|
79
|
+
* inside the window. Guards against a drag that begins inside (selecting
|
|
80
|
+
* text in an input, dragging a control) and ends on the backdrop being
|
|
81
|
+
* read as a backdrop click — same fix as nldd-sheet. */
|
|
82
|
+
private _pointerDownOnBackdrop;
|
|
83
|
+
_handleDialogPointerDown: (e: PointerEvent) => void;
|
|
84
|
+
/** True when the event landed on the backdrop: it targets the dialog
|
|
85
|
+
* itself (content clicks target the content) with coordinates outside the
|
|
86
|
+
* dialog box. The target check comes BEFORE the coordinates, because a
|
|
87
|
+
* programmatic `.click()` carries clientX/clientY 0,0 — outside any dialog
|
|
88
|
+
* rect — and would otherwise read as a backdrop press from inside. */
|
|
89
|
+
private _isOnBackdrop;
|
|
84
90
|
_handleDialogClick: (e: MouseEvent) => void;
|
|
85
91
|
_handleCancel: (e: Event) => void;
|
|
86
92
|
private _handleDismiss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,EAA0B,KAAK,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAKvF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,QAAQ,UAAS;IAGjB,cAAc,UAAS;IAGvB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAM;IAGnD,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAGxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAGzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,QAAQ,UAAS;IAGjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,MAAM,EAAE,gBAAgB,CAAa;IAErC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,KAAK,OAAO,GAElB;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAO/C,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAED,IAAI,IAAI,IAAI;IAsBZ,IAAI,IAAI,IAAI;IAUZ;;;;;OAKG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,UAAU;IAMlB,kBAAkB,GAAI,GAAG,KAAK,KAAG,IAAI,CAUnC;IAEF,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,oBAAoB;IAkC5B;;;6DAGyD;IACzD,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,kBAAkB,GAAI,GAAG,UAAU,KAAG,IAAI,CAQxC;IAEF,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEF,OAAO,CAAC,cAAc,CAUpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|
|
@@ -10,29 +10,22 @@
|
|
|
10
10
|
*
|
|
11
11
|
* @element nldd-window
|
|
12
12
|
*
|
|
13
|
-
* @attr {boolean} modeless
|
|
14
|
-
* @attr {
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
* @attr {
|
|
19
|
-
*
|
|
20
|
-
* @attr {string}
|
|
21
|
-
* @attr {
|
|
22
|
-
* @attr {string}
|
|
23
|
-
* @attr {string}
|
|
24
|
-
* @attr {boolean} centered - Centreert beide assen op de viewport. Per
|
|
25
|
-
* as overrideable: `centered top="0"` =
|
|
26
|
-
* horizontaal gecentreerd, top-aligned.
|
|
27
|
-
* Mirrort CSS `place-items: center` met
|
|
28
|
-
* `align-items`/`justify-items` overrides.
|
|
29
|
-
* @attr {string} width - CSS width (standaard: var(--components-window-default-width))
|
|
30
|
-
* @attr {string} height - CSS height (standaard: content height)
|
|
13
|
+
* @attr {boolean} modeless - Niet-modaal (geen backdrop of focusvergrendeling); standaard is het venster modaal
|
|
14
|
+
* @attr {boolean} no-light-dismiss - Een klik op de backdrop sluit het venster niet. Voor vensters waar per ongeluk wegklikken werk kost: een wizard, een formulier met ingevulde velden. Escape en de dismiss-knop blijven werken.
|
|
15
|
+
* @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label). Valt terug op de i18n default ('Venster') als niet gezet — geef altijd een unieke, beschrijvende naam per venster.
|
|
16
|
+
* @attr {object} translations - Override translation keys; unset keys vallen terug op de Nederlandse default.
|
|
17
|
+
* @attr {string} top - CSS top positie van de bovenrand (bijv. '0', '100px')
|
|
18
|
+
* @attr {string} left - CSS left positie van de linkerrand
|
|
19
|
+
* @attr {string} right - CSS right waarde
|
|
20
|
+
* @attr {string} bottom - CSS bottom waarde
|
|
21
|
+
* @attr {boolean} centered - Centreert beide assen op de viewport. Per as overrideable: `centered top="0"` = horizontaal gecentreerd, top-aligned. Mirrort CSS `place-items: center` met `align-items`/`justify-items` overrides.
|
|
22
|
+
* @attr {string} width - CSS width (standaard: var(--components-window-default-width))
|
|
23
|
+
* @attr {string} height - CSS height (standaard: content height)
|
|
31
24
|
* @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
|
|
32
25
|
*
|
|
33
26
|
* @slot - Volledige window content (bijv. nldd-page)
|
|
34
27
|
*
|
|
35
|
-
* @fires open
|
|
28
|
+
* @fires open - Wanneer het venster wordt geopend
|
|
36
29
|
* @fires close - Wanneer het venster volledig is gesloten
|
|
37
30
|
*
|
|
38
31
|
* @method show() - Opent het venster
|
|
@@ -50,11 +43,13 @@ import { windowStyles } from './window.styles.js';
|
|
|
50
43
|
import { windowTemplate } from './window.template.js';
|
|
51
44
|
import { nlddWindowTranslations } from './window.i18n.js';
|
|
52
45
|
import { isPointerMode } from '../../../utilities/input-modality.js';
|
|
46
|
+
import { focusAutofocusTarget } from '../../../utilities/autofocus.js';
|
|
53
47
|
import { isDismissFromTitleBar } from '../../../utilities/dismiss-from-title-bar.js';
|
|
54
48
|
let NLDDWindow = class NLDDWindow extends LitElement {
|
|
55
49
|
constructor() {
|
|
56
50
|
super(...arguments);
|
|
57
51
|
this.modeless = false;
|
|
52
|
+
this.noLightDismiss = false;
|
|
58
53
|
this.accessibleLabel = '';
|
|
59
54
|
/**
|
|
60
55
|
* Override one or more translation keys.
|
|
@@ -72,21 +67,33 @@ let NLDDWindow = class NLDDWindow extends LitElement {
|
|
|
72
67
|
* never fires the dialog's own close event.
|
|
73
68
|
*/
|
|
74
69
|
this._closeEmitted = false;
|
|
75
|
-
this._handleDialogClose = () => {
|
|
70
|
+
this._handleDialogClose = (e) => {
|
|
71
|
+
// Only the dialog's own native close counts. That event does not bubble, so
|
|
72
|
+
// its target is the dialog. A nested component's `close` (an nldd-popover
|
|
73
|
+
// datepicker, say) is composed and bubbling, so it reaches this same @close
|
|
74
|
+
// listener retargeted to the slotted host — without this guard the window
|
|
75
|
+
// would emit its own close while staying open, and `_closeEmitted` would
|
|
76
|
+
// then swallow the real one for the rest of this open cycle.
|
|
77
|
+
if (e.target !== this._dialog)
|
|
78
|
+
return;
|
|
76
79
|
this._closing = false;
|
|
77
80
|
this._emitClose();
|
|
78
81
|
};
|
|
82
|
+
/** Whether the press preceding a click started on the backdrop rather than
|
|
83
|
+
* inside the window. Guards against a drag that begins inside (selecting
|
|
84
|
+
* text in an input, dragging a control) and ends on the backdrop being
|
|
85
|
+
* read as a backdrop click — same fix as nldd-sheet. */
|
|
86
|
+
this._pointerDownOnBackdrop = false;
|
|
87
|
+
this._handleDialogPointerDown = (e) => {
|
|
88
|
+
this._pointerDownOnBackdrop = this._isOnBackdrop(e);
|
|
89
|
+
};
|
|
79
90
|
this._handleDialogClick = (e) => {
|
|
80
|
-
if (this.modeless)
|
|
91
|
+
if (this.modeless || this.noLightDismiss)
|
|
81
92
|
return;
|
|
82
|
-
//
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
const rect = dialog.getBoundingClientRect();
|
|
87
|
-
const outside = e.clientX < rect.left || e.clientX > rect.right
|
|
88
|
-
|| e.clientY < rect.top || e.clientY > rect.bottom;
|
|
89
|
-
if (outside) {
|
|
93
|
+
// Close only on a genuine backdrop click: the press AND the release both
|
|
94
|
+
// land on the backdrop. Without the pointerdown check, a drag that starts
|
|
95
|
+
// inside the window and releases on the backdrop would dismiss it.
|
|
96
|
+
if (this._isOnBackdrop(e) && this._pointerDownOnBackdrop) {
|
|
90
97
|
this.hide();
|
|
91
98
|
}
|
|
92
99
|
};
|
|
@@ -189,7 +196,10 @@ let NLDDWindow = class NLDDWindow extends LitElement {
|
|
|
189
196
|
this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
|
|
190
197
|
}
|
|
191
198
|
_manageFocus() {
|
|
192
|
-
|
|
199
|
+
// 1. autofocus element present — focus it ourselves: a design-system
|
|
200
|
+
// field keeps its input in shadow DOM, which the browser's own autofocus
|
|
201
|
+
// skips (see focusAutofocusTarget).
|
|
202
|
+
if (focusAutofocusTarget(this))
|
|
193
203
|
return;
|
|
194
204
|
const dialog = this._dialog;
|
|
195
205
|
if (!dialog)
|
|
@@ -226,6 +236,21 @@ let NLDDWindow = class NLDDWindow extends LitElement {
|
|
|
226
236
|
// UA-default centering (which only kicks in without explicit position).
|
|
227
237
|
dialog.style.margin = hasOverride ? '0' : '';
|
|
228
238
|
}
|
|
239
|
+
/** True when the event landed on the backdrop: it targets the dialog
|
|
240
|
+
* itself (content clicks target the content) with coordinates outside the
|
|
241
|
+
* dialog box. The target check comes BEFORE the coordinates, because a
|
|
242
|
+
* programmatic `.click()` carries clientX/clientY 0,0 — outside any dialog
|
|
243
|
+
* rect — and would otherwise read as a backdrop press from inside. */
|
|
244
|
+
_isOnBackdrop(e) {
|
|
245
|
+
const dialog = this._dialog;
|
|
246
|
+
if (!dialog)
|
|
247
|
+
return false;
|
|
248
|
+
if (e.composedPath()[0] !== dialog)
|
|
249
|
+
return false;
|
|
250
|
+
const rect = dialog.getBoundingClientRect();
|
|
251
|
+
return e.clientX < rect.left || e.clientX > rect.right
|
|
252
|
+
|| e.clientY < rect.top || e.clientY > rect.bottom;
|
|
253
|
+
}
|
|
229
254
|
render() {
|
|
230
255
|
return windowTemplate(this);
|
|
231
256
|
}
|
|
@@ -234,6 +259,9 @@ NLDDWindow.styles = windowStyles;
|
|
|
234
259
|
__decorate([
|
|
235
260
|
property({ type: Boolean, reflect: true })
|
|
236
261
|
], NLDDWindow.prototype, "modeless", void 0);
|
|
262
|
+
__decorate([
|
|
263
|
+
property({ type: Boolean, reflect: true, attribute: 'no-light-dismiss' })
|
|
264
|
+
], NLDDWindow.prototype, "noLightDismiss", void 0);
|
|
237
265
|
__decorate([
|
|
238
266
|
property({ type: String, attribute: 'accessible-label' })
|
|
239
267
|
], NLDDWindow.prototype, "accessibleLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"window.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"window.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"window.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"window.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CAepE"}
|
|
@@ -5,6 +5,7 @@ export function windowTemplate(component) {
|
|
|
5
5
|
<dialog class="window"
|
|
6
6
|
aria-label=${component._resolvedAccessibleLabel}
|
|
7
7
|
aria-modal=${component.modeless ? nothing : 'true'}
|
|
8
|
+
@pointerdown=${component._handleDialogPointerDown}
|
|
8
9
|
@click=${component._handleDialogClick}
|
|
9
10
|
@cancel=${component._handleCancel}
|
|
10
11
|
@close=${component._handleDialogClose}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"window.template.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,wBAAwB;gBAClC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"window.template.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,wBAAwB;gBAClC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;kBACnC,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,kBAAkB;aAC3B,SAAS,CAAC,aAAa;YACxB,SAAS,CAAC,kBAAkB;;;;;;EAMtC,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,yBA8FtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAczB,kBAAkB
|
|
1
|
+
{"version":3,"file":"cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAczB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFrB,CAAC"}
|
package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"description-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,yBA4GjC,CAAC"}
|
package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE7F,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcpC,kBAAkB
|
|
1
|
+
{"version":3,"file":"description-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE7F,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgElB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;IAelB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;CAarB,CAAC"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* ```html
|
|
13
13
|
* <nldd-list reorderable>
|
|
14
14
|
* <nldd-list-item>
|
|
15
|
-
* <nldd-drag-handle-cell
|
|
15
|
+
* <nldd-drag-handle-cell reorderable-only></nldd-drag-handle-cell>
|
|
16
16
|
* <nldd-text-cell text="Item"></nldd-text-cell>
|
|
17
17
|
* </nldd-list-item>
|
|
18
18
|
* </nldd-list>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const nlddDragHandleCellTranslations: {
|
|
2
|
-
'components.drag-handle-cell.label
|
|
2
|
+
'components.drag-handle-cell.accessible-label': string;
|
|
3
3
|
};
|
|
4
4
|
export type NLDDDragHandleCellTranslations = typeof nlddDragHandleCellTranslations;
|
|
5
5
|
//# sourceMappingURL=drag-handle-cell.i18n.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export const nlddDragHandleCellTranslations = {
|
|
2
|
-
'components.drag-handle-cell.label
|
|
2
|
+
'components.drag-handle-cell.accessible-label': 'Sleepgreep, druk spatie of enter om te verplaatsen',
|
|
3
3
|
};
|
|
4
4
|
//# sourceMappingURL=drag-handle-cell.i18n.js.map
|
package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-handle-cell.i18n.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC7C,
|
|
1
|
+
{"version":3,"file":"drag-handle-cell.i18n.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC7C,8CAA8C,EAAE,oDAAoD;CACpG,CAAC"}
|
|
@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
18
18
|
* ```html
|
|
19
19
|
* <nldd-list reorderable>
|
|
20
20
|
* <nldd-list-item>
|
|
21
|
-
* <nldd-drag-handle-cell
|
|
21
|
+
* <nldd-drag-handle-cell reorderable-only></nldd-drag-handle-cell>
|
|
22
22
|
* <nldd-text-cell text="Item"></nldd-text-cell>
|
|
23
23
|
* </nldd-list-item>
|
|
24
24
|
* </nldd-list>
|
|
@@ -48,7 +48,7 @@ let NLDDDragHandleCell = class NLDDDragHandleCell extends LitElement {
|
|
|
48
48
|
return this.translations[key] ?? nlddDragHandleCellTranslations[key];
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
const label = this._t('components.drag-handle-cell.label
|
|
51
|
+
const label = this._t('components.drag-handle-cell.accessible-label');
|
|
52
52
|
return template(this.size, label);
|
|
53
53
|
}
|
|
54
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-handle-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AAMrE,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIN,SAAI,GAAS,IAAI,CAAC;QAElB,wFAAwF;QAExF,iBAAY,GAA4C,EAAE,CAAC;IAY5D,CAAC;IAVA,0EAA0E;IAElE,EAAE,CAAC,GAAyC;QACnD,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,8BAA8B,CAAC,GAAG,CAAC,CAAC;IACtE,CAAC;IAEQ,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"drag-handle-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AAMrE,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIN,SAAI,GAAS,IAAI,CAAC;QAElB,wFAAwF;QAExF,iBAAY,GAA4C,EAAE,CAAC;IAY5D,CAAC;IAVA,0EAA0E;IAElE,EAAE,CAAC,GAAyC;QACnD,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,8BAA8B,CAAC,GAAG,CAAC,CAAC;IACtE,CAAC;IAEQ,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,8CAA8C,CAAC,CAAC;QACtE,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;;AAlBe,yBAAM,GAAG,oBAAoB,AAAvB,CAAwB;AAG9C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAO,IAAI,CAAC,EAAE,CAAC;gDACpD;AAIlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDACgC;AAR/C,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAoB9B"}
|
package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-handle-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"drag-handle-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAmEhC,CAAC"}
|
package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-handle-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"drag-handle-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEtC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAwF1B,CAAC"}
|
|
@@ -12,6 +12,7 @@ export const iconCellStyles = css `
|
|
|
12
12
|
--_content-color: var(--context-content-color, var(--semantics-content-color));
|
|
13
13
|
|
|
14
14
|
display: flex;
|
|
15
|
+
padding-block: var(--context-cell-padding-block, 0px);
|
|
15
16
|
width: var(--_size);
|
|
16
17
|
flex-direction: column;
|
|
17
18
|
align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"text-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBA2K1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmB7B,kBAAkB
|
|
1
|
+
{"version":3,"file":"text-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmB7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJrB,CAAC"}
|
|
@@ -3,21 +3,55 @@
|
|
|
3
3
|
*
|
|
4
4
|
* A cell component for displaying timeline track indicators in lists.
|
|
5
5
|
* Shows a vertical line with a dot indicating timeline position and state.
|
|
6
|
-
* The
|
|
7
|
-
* `--context-
|
|
8
|
-
* without gaps.
|
|
6
|
+
* The row's block padding belongs to the cell itself (via
|
|
7
|
+
* `--context-cell-padding-block`), so the line spans the cell's own box edge to
|
|
8
|
+
* edge and consecutive steps connect without gaps.
|
|
9
|
+
*
|
|
10
|
+
* Standaard is de cel een kaal spoor: een lijn met een stip per rij, voor een
|
|
11
|
+
* tijdlijn van gebeurtenissen. Met `variant="step"` wordt de stip groot genoeg
|
|
12
|
+
* voor een cijfer of icoon en heb je een stappenlijst onder elkaar, de verticale
|
|
13
|
+
* tegenhanger van `nldd-step-indicator`. De maat hoort bij de variant en niet bij
|
|
14
|
+
* de inhoud: elke stip in een lijst is even groot, anders verspringt het spoor.
|
|
9
15
|
*
|
|
10
16
|
* @element nldd-timeline-track-cell
|
|
11
|
-
* @attr {'past' | 'future' | 'none'}
|
|
12
|
-
* @attr {'
|
|
17
|
+
* @attr {'past' | 'current' | 'future' | 'none'} status - Status van deze stap (standaard 'past'); dezelfde waarden als `nldd-step-indicator-item`. `none` tekent alleen de lijn, zonder stip
|
|
18
|
+
* @attr {'dot' | 'step'} variant - Wat deze rij is: een `dot` (standaard) op een tijdlijn van gebeurtenissen, stip van 16px, of een `step` in een stappenlijst, stip van 24px waar een cijfer of icoon in past
|
|
19
|
+
* @attr {boolean} minor - Deze rij hoort onder de vorige: een kleinere stip in dezelfde baan, dus het spoor loopt recht door en er springt niets in. De stip blijft leeg (een cijfer of icoon past er niet in en zou de rij tot een eigen stap maken); de hiërarchie zet je verder met de rij zelf, bijvoorbeeld een `nldd-text-cell` in plaats van een `nldd-title-cell`
|
|
20
|
+
* @attr {'down' | 'up'} direction - Richting waarin de tijdlijn vooruit loopt: `down` (standaard) zet het verleden boven, `up` eronder. Alleen de huidige stap heeft een half spoor, dus alleen daar heeft dit effect
|
|
21
|
+
* @attr {'first' | 'between' | 'last'} position - Plek in de reeks (standaard 'between'): bepaalt of de lijn boven, onder of aan beide kanten van de stip doorloopt
|
|
22
|
+
* @attr {string} text - Cijfer of korte tekst in de stip
|
|
23
|
+
* @attr {string} icon - Icoonnaam in de stip; wint van `text`
|
|
24
|
+
*
|
|
25
|
+
* @slot - Eigen inhoud in de stip (alternatief voor `text` en `icon`)
|
|
13
26
|
*/
|
|
14
27
|
import { LitElement } from 'lit';
|
|
15
|
-
|
|
16
|
-
type
|
|
28
|
+
import '../../../content/icon/icon.js';
|
|
29
|
+
type Status = 'past' | 'current' | 'future' | 'none';
|
|
30
|
+
type Variant = 'dot' | 'step';
|
|
31
|
+
type Direction = 'down' | 'up';
|
|
32
|
+
type Position = 'first' | 'between' | 'last';
|
|
17
33
|
export declare class NLDDTimelineTrackCell extends LitElement {
|
|
18
34
|
static styles: import("lit").CSSResult;
|
|
19
|
-
|
|
20
|
-
|
|
35
|
+
status: Status;
|
|
36
|
+
variant: Variant;
|
|
37
|
+
/** A step below a main step. A meaning, not a measurement: the cell picks the
|
|
38
|
+
* size, so the scale can change later without every consumer following. Its
|
|
39
|
+
* dot stays empty -- text, icon and slotted content are ignored. */
|
|
40
|
+
minor: boolean;
|
|
41
|
+
/** Which way the timeline moves forward. The cell only knows its own step, so
|
|
42
|
+
* it cannot tell which neighbor came first: with `up` (newest at the top)
|
|
43
|
+
* the traveled half of the track is the one below the marker. Only the
|
|
44
|
+
* current step has a half-and-half track, so this is the only row where it
|
|
45
|
+
* changes anything. */
|
|
46
|
+
direction: Direction;
|
|
47
|
+
position: Position;
|
|
48
|
+
text: string;
|
|
49
|
+
icon: string;
|
|
50
|
+
/** Only a step marker has room to read a number in, and a minor row is smaller
|
|
51
|
+
* still -- besides, a number would claim it is a step of its own. */
|
|
52
|
+
get showsContent(): boolean;
|
|
53
|
+
private _warnedContent;
|
|
54
|
+
updated(): void;
|
|
21
55
|
render(): import("lit-html").TemplateResult;
|
|
22
56
|
}
|
|
23
57
|
declare global {
|
package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeline-track-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"timeline-track-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,KAAK,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAC9B,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAC/B,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,MAAM,EAAE,MAAM,CAAU;IAGxB,OAAO,EAAE,OAAO,CAAS;IAEzB;;yEAEqE;IAErE,KAAK,UAAS;IAEd;;;;4BAIwB;IAExB,SAAS,EAAE,SAAS,CAAU;IAG9B,QAAQ,EAAE,QAAQ,CAAa;IAG/B,IAAI,SAAM;IAGV,IAAI,SAAM;IAEV;0EACsE;IACtE,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,OAAO,CAAC,cAAc,CAAS;IAEtB,OAAO,IAAI,IAAI;IAYf,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}
|