@nldd/design-system 0.8.69 → 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 +31949 -0
- 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 +12 -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 +21 -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 +14 -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 -37
- 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 -36
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +2 -1
- package/dist/components/actions/icon-button/icon-button.styles.js.map +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 +8 -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 +14 -4
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +34 -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 +88 -82
- 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 +46 -10
- 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.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.js +4 -2
- package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
- 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 +36 -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 +42 -6
- 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 +11 -9
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +11 -9
- package/dist/components/content/image/image.js.map +1 -1
- 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-element.d.ts.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +1 -0
- package/dist/components/content/image/lqip-encoder-element.js.map +1 -1
- package/dist/components/content/image/lqip-encoder.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +4 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +4 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/components/content/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/token/token.styles.d.ts.map +1 -1
- package/dist/components/content/token/token.styles.js +1 -0
- package/dist/components/content/token/token.styles.js.map +1 -1
- 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-Bf4pa5Bp.js → index-CDK46KLh.js} +1 -1
- package/dist/components/{index-CXC-Objp.js → index-CbaaFM8N.js} +1 -1
- package/dist/components/{index-DZo3DrGQ.js → index-DRtuMofR.js} +1 -1
- package/dist/components/{index-BfOpap4b.js → index-DuvuHfMi.js} +1 -1
- package/dist/components/{index-CfvgUB5p.js → index-DzJola_U.js} +1 -1
- package/dist/components/{index-DB-i084x.js → index-n8evy8Za.js} +1 -1
- package/dist/components/{index-VwuVCCal.js → index-t08wCuGl.js} +11121 -7148
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -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.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +2 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +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 +227 -0
- package/dist/components/inputs/date-field/date-field.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.i18n.d.ts +11 -0
- package/dist/components/inputs/date-field/date-field.i18n.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.i18n.js +17 -0
- package/dist/components/inputs/date-field/date-field.i18n.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.js +586 -0
- package/dist/components/inputs/date-field/date-field.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.styles.d.ts +2 -0
- package/dist/components/inputs/date-field/date-field.styles.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.styles.js +246 -0
- package/dist/components/inputs/date-field/date-field.styles.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.template.d.ts +17 -0
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.template.js +141 -0
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.d.ts +271 -0
- package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.d.ts +64 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.js +81 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.js +768 -0
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts +2 -0
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.styles.js +345 -0
- package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.template.d.ts +8 -0
- package/dist/components/inputs/date-picker/date-picker.template.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.template.js +223 -0
- package/dist/components/inputs/date-picker/date-picker.template.js.map +1 -0
- package/dist/components/inputs/dropdown/dropdown.d.ts +4 -4
- package/dist/components/inputs/dropdown/dropdown.js +4 -4
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +1 -0
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +22 -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 +24 -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 -23
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +27 -28
- 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 +11 -8
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +10 -12
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +3 -2
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +25 -5
- 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 +33 -6
- 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 -2
- 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 -9
- 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 +31 -24
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +52 -53
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +5 -4
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.d.ts +14 -13
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +13 -17
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +1 -0
- package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +12 -11
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +13 -16
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +7 -6
- package/dist/components/inputs/switch/switch.styles.js.map +1 -1
- 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 -18
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +22 -23
- 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/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +1 -0
- package/dist/components/inputs/toggle-button/toggle-button.styles.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 +47 -24
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +47 -24
- package/dist/components/layout/container/container.js.map +1 -1
- 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 +34 -46
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +99 -51
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +20 -16
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +62 -27
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +6 -1
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +1 -0
- package/dist/components/layout/sheet/sheet.template.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/side-by-side-split-view/side-by-side-split-view.d.ts +1 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +5 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +27 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/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/split-views/stacked-split-view/stacked-split-view.d.ts +2 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +3 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +24 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +34 -19
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +76 -29
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +5 -1
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +2 -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 +2 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.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 +3 -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 +89 -29
- 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 +214 -68
- 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 +198 -17
- 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 +476 -44
- 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/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +1 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.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/menu-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +1 -0
- package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +2 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +2 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +1 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +1 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.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.js +1 -0
- package/dist/components/navigation/pagination/pagination.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +6 -5
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- 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 -9
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +11 -9
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +8 -7
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +22 -0
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +22 -1
- 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 +11 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +29 -4
- 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.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +10 -8
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +17 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js.map +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 +3421 -0
- 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/dist/utilities/resolve-date-bound.d.ts +21 -0
- package/dist/utilities/resolve-date-bound.d.ts.map +1 -0
- package/dist/utilities/resolve-date-bound.js +75 -0
- package/dist/utilities/resolve-date-bound.js.map +1 -0
- package/package.json +39 -7
|
@@ -19,9 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
19
19
|
*
|
|
20
20
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
21
21
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
22
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
23
|
-
* section spans the full available width. Any CSS
|
|
24
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
22
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
25
23
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
26
24
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
27
25
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"full-bleed-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"full-bleed-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/full-bleed-section/full-bleed-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA/D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAvBe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAIhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC/B;AALC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAyBhC"}
|
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
*
|
|
16
16
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
17
17
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
18
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
19
|
-
* section spans the full available width. Any CSS
|
|
20
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
18
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
21
19
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
22
20
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
23
21
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-half-one-half-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"one-half-one-half-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAMjC,qBACa,yBAA0B,SAAQ,8BAA4B;IAC1E,OAAgB,MAAM,0BAA+B;IAErD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gCAAgC,EAAE,yBAAyB,CAAC;KAC5D;CACD"}
|
package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js
CHANGED
|
@@ -21,9 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
21
21
|
*
|
|
22
22
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
23
23
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
24
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
25
|
-
* section spans the full available width. Any CSS
|
|
26
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
24
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
27
25
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
28
26
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
29
27
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-half-one-half-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"one-half-one-half-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AAGjF,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAApE;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,6BAA6B,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;;AAvBe,gCAAM,GAAG,2BAA2B,AAA9B,CAA+B;AAIrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDAC/B;AALC,yBAAyB;IADrC,aAAa,CAAC,gCAAgC,CAAC;GACnC,yBAAyB,CAyBrC"}
|
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
*
|
|
16
16
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
17
17
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
18
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
19
|
-
* section spans the full available width. Any CSS
|
|
20
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
18
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
21
19
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
22
20
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
23
21
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAMjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}
|
|
@@ -21,9 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
21
21
|
*
|
|
22
22
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
23
23
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
24
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
25
|
-
* section spans the full available width. Any CSS
|
|
26
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
24
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
27
25
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
28
26
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
29
27
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAGvF,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAAvE;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;;AAvBe,mCAAM,GAAG,8BAA8B,AAAjC,CAAkC;AAIxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAC/B;AALC,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CAyBxC"}
|
|
@@ -31,31 +31,30 @@
|
|
|
31
31
|
*
|
|
32
32
|
* @element nldd-sidebar-section
|
|
33
33
|
*
|
|
34
|
-
* @slot
|
|
35
|
-
* @slot sidebar
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
* @slot
|
|
39
|
-
* `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
|
|
40
|
-
* @slot header - Content above the columns
|
|
41
|
-
* @slot footer - Content below the columns
|
|
34
|
+
* @slot - Main content
|
|
35
|
+
* @slot sidebar - Sidebar content (sticky box when expanded, a left/bottom sheet when collapsed). The box and the sheet add no padding of their own — wrap the content in a padded container (e.g. nldd-container) for inset spacing.
|
|
36
|
+
* @slot sheet-top-title-bar - Replaces the sheet's default title bar (when collapsed). Empty falls back to an `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
|
|
37
|
+
* @slot header - Content above the columns
|
|
38
|
+
* @slot footer - Content below the columns
|
|
42
39
|
*
|
|
43
|
-
* @attr {boolean} [collapsed]
|
|
44
|
-
* @attr {boolean} [no-collapse]
|
|
45
|
-
* @attr {string}
|
|
46
|
-
* @attr {string}
|
|
47
|
-
* @attr {string}
|
|
48
|
-
* @attr {string}
|
|
40
|
+
* @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
|
|
41
|
+
* @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
|
|
42
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
|
|
43
|
+
* @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
|
|
44
|
+
* @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
|
|
45
|
+
* @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
46
|
+
* @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
|
|
49
47
|
*
|
|
50
|
-
* @fires open
|
|
51
|
-
* @fires close
|
|
48
|
+
* @fires open - The sidebar sheet opened.
|
|
49
|
+
* @fires close - The sidebar sheet closed.
|
|
52
50
|
* @fires collapse-change - The collapsed state flipped because the section's width crossed the lg breakpoint; `{ collapsed }`.
|
|
53
51
|
*
|
|
54
|
-
* @method show()
|
|
55
|
-
* @method hide()
|
|
52
|
+
* @method show() - Opens the sidebar sheet (collapsed only; no-op on lg).
|
|
53
|
+
* @method hide() - Closes the sidebar sheet.
|
|
56
54
|
* @method toggle() - Opens or closes the sidebar sheet (collapsed only).
|
|
57
55
|
*/
|
|
58
56
|
import { LitElement, type PropertyValues } from 'lit';
|
|
57
|
+
import { nlddSidebarSectionTranslations } from './sidebar-section.i18n.js';
|
|
59
58
|
import '../../sheet/sheet.js';
|
|
60
59
|
import '../../page/page.js';
|
|
61
60
|
import '../../../navigation/top-title-bar/top-title-bar.js';
|
|
@@ -84,6 +83,8 @@ export declare class NLDDSidebarSection extends NLDDSidebarSection_base {
|
|
|
84
83
|
stickyBottom: string;
|
|
85
84
|
sidebarLabel: string;
|
|
86
85
|
noCollapse: boolean;
|
|
86
|
+
/** Override translation keys (sheet title fallback and dismiss label); unset keys fall back to Dutch. */
|
|
87
|
+
translations: Partial<typeof nlddSidebarSectionTranslations>;
|
|
87
88
|
collapsed: boolean;
|
|
88
89
|
private _sheet?;
|
|
89
90
|
private _ro?;
|
|
@@ -93,6 +94,7 @@ export declare class NLDDSidebarSection extends NLDDSidebarSection_base {
|
|
|
93
94
|
get _resolvedSidebarLabel(): string;
|
|
94
95
|
/** Dismiss-button label for the sheet's default title bar (i18n). */
|
|
95
96
|
get _sheetDismissText(): string;
|
|
97
|
+
private _t;
|
|
96
98
|
connectedCallback(): void;
|
|
97
99
|
disconnectedCallback(): void;
|
|
98
100
|
firstUpdated(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oDAAoD,CAAC;;;;;;;;;;;;;;;;;;;AAG5D,qBACa,kBAAmB,SAAQ,uBAA4B;IACnE,OAAgB,MAAM,0BAAwB;IAG9C,KAAK,SAAM;IAGX,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,YAAY,SAAM;IAGlB,UAAU,UAAS;IAEnB,yGAAyG;IAEzG,YAAY,EAAE,OAAO,CAAC,OAAO,8BAA8B,CAAC,CAAM;IAGlE,SAAS,UAAS;IAGlB,OAAO,CAAC,MAAM,CAAC,CAAY;IAE3B,OAAO,CAAC,GAAG,CAAC,CAAiB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,qEAAqE;IACrE,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,EAAE;IAID,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAM7B,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,eAAe;IAcd,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,OAAO,CAAC,WAAW;IAQnB,iFAAiF;IACjF,IAAI,IAAI,IAAI;IAKZ,gCAAgC;IAChC,IAAI,IAAI,IAAI;IAIZ,sDAAsD;IACtD,MAAM,IAAI,IAAI;IAQd,YAAY,QAAO,IAAI,CAAgC;IACvD,aAAa,QAAO,IAAI,CAAiC;IAEhD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
|
|
@@ -37,28 +37,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
37
37
|
*
|
|
38
38
|
* @element nldd-sidebar-section
|
|
39
39
|
*
|
|
40
|
-
* @slot
|
|
41
|
-
* @slot sidebar
|
|
42
|
-
*
|
|
43
|
-
*
|
|
44
|
-
* @slot
|
|
45
|
-
* `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
|
|
46
|
-
* @slot header - Content above the columns
|
|
47
|
-
* @slot footer - Content below the columns
|
|
40
|
+
* @slot - Main content
|
|
41
|
+
* @slot sidebar - Sidebar content (sticky box when expanded, a left/bottom sheet when collapsed). The box and the sheet add no padding of their own — wrap the content in a padded container (e.g. nldd-container) for inset spacing.
|
|
42
|
+
* @slot sheet-top-title-bar - Replaces the sheet's default title bar (when collapsed). Empty falls back to an `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
|
|
43
|
+
* @slot header - Content above the columns
|
|
44
|
+
* @slot footer - Content below the columns
|
|
48
45
|
*
|
|
49
|
-
* @attr {boolean} [collapsed]
|
|
50
|
-
* @attr {boolean} [no-collapse]
|
|
51
|
-
* @attr {string}
|
|
52
|
-
* @attr {string}
|
|
53
|
-
* @attr {string}
|
|
54
|
-
* @attr {string}
|
|
46
|
+
* @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
|
|
47
|
+
* @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
|
|
48
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
|
|
49
|
+
* @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
|
|
50
|
+
* @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
|
|
51
|
+
* @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
52
|
+
* @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
|
|
55
53
|
*
|
|
56
|
-
* @fires open
|
|
57
|
-
* @fires close
|
|
54
|
+
* @fires open - The sidebar sheet opened.
|
|
55
|
+
* @fires close - The sidebar sheet closed.
|
|
58
56
|
* @fires collapse-change - The collapsed state flipped because the section's width crossed the lg breakpoint; `{ collapsed }`.
|
|
59
57
|
*
|
|
60
|
-
* @method show()
|
|
61
|
-
* @method hide()
|
|
58
|
+
* @method show() - Opens the sidebar sheet (collapsed only; no-op on lg).
|
|
59
|
+
* @method hide() - Closes the sidebar sheet.
|
|
62
60
|
* @method toggle() - Opens or closes the sidebar sheet (collapsed only).
|
|
63
61
|
*/
|
|
64
62
|
import { LitElement } from 'lit';
|
|
@@ -79,6 +77,8 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
|
|
|
79
77
|
this.stickyBottom = '';
|
|
80
78
|
this.sidebarLabel = '';
|
|
81
79
|
this.noCollapse = false;
|
|
80
|
+
/** Override translation keys (sheet title fallback and dismiss label); unset keys fall back to Dutch. */
|
|
81
|
+
this.translations = {};
|
|
82
82
|
this.collapsed = false;
|
|
83
83
|
this._lgMin = parseInt(breakpoints.lgMin, 10);
|
|
84
84
|
this._hasMeasured = false;
|
|
@@ -97,11 +97,14 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
|
|
|
97
97
|
this._onSheetClose = () => { this._sheetOpen = false; };
|
|
98
98
|
}
|
|
99
99
|
get _resolvedSidebarLabel() {
|
|
100
|
-
return this.sidebarLabel ||
|
|
100
|
+
return this.sidebarLabel || this._t('components.sidebar-section.sidebar-label');
|
|
101
101
|
}
|
|
102
102
|
/** Dismiss-button label for the sheet's default title bar (i18n). */
|
|
103
103
|
get _sheetDismissText() {
|
|
104
|
-
return
|
|
104
|
+
return this._t('components.sidebar-section.sheet-dismiss-action');
|
|
105
|
+
}
|
|
106
|
+
_t(key) {
|
|
107
|
+
return this.translations[key] ?? nlddSidebarSectionTranslations[key];
|
|
105
108
|
}
|
|
106
109
|
connectedCallback() {
|
|
107
110
|
super.connectedCallback();
|
|
@@ -206,6 +209,9 @@ __decorate([
|
|
|
206
209
|
__decorate([
|
|
207
210
|
property({ type: Boolean, reflect: true, attribute: 'no-collapse' })
|
|
208
211
|
], NLDDSidebarSection.prototype, "noCollapse", void 0);
|
|
212
|
+
__decorate([
|
|
213
|
+
property({ type: Object })
|
|
214
|
+
], NLDDSidebarSection.prototype, "translations", void 0);
|
|
209
215
|
__decorate([
|
|
210
216
|
property({ type: Boolean, reflect: true })
|
|
211
217
|
], NLDDSidebarSection.prototype, "collapsed", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"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"}
|
package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"sidebar-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,yBAuKhC,CAAC"}
|
|
@@ -51,6 +51,17 @@ export const sidebarSectionStyles = css `
|
|
|
51
51
|
--_max-width: none;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
+
/* # Growth — mirrors simple-section. The host only grows as the last
|
|
55
|
+
(visible) section in an nldd-page; the chain below (block -> body ->
|
|
56
|
+
columns -> main) is unconditional, so whatever height the host gets
|
|
57
|
+
always reaches the main column. An nldd-inline-dialog there (itself
|
|
58
|
+
flex-grow: 1) then fills and centers in the leftover space. */
|
|
59
|
+
|
|
60
|
+
:host(:last-child),
|
|
61
|
+
:host(.is-last) {
|
|
62
|
+
flex-grow: 1;
|
|
63
|
+
}
|
|
64
|
+
|
|
54
65
|
|
|
55
66
|
/* # Block */
|
|
56
67
|
|
|
@@ -59,6 +70,7 @@ export const sidebarSectionStyles = css `
|
|
|
59
70
|
display: flex;
|
|
60
71
|
width: 100%;
|
|
61
72
|
flex-direction: column;
|
|
73
|
+
flex-grow: 1;
|
|
62
74
|
align-items: center;
|
|
63
75
|
|
|
64
76
|
@container (max-width: ${smMax}) {
|
|
@@ -88,6 +100,7 @@ export const sidebarSectionStyles = css `
|
|
|
88
100
|
width: 100%;
|
|
89
101
|
max-width: var(--_max-width);
|
|
90
102
|
flex-direction: column;
|
|
103
|
+
flex-grow: 1;
|
|
91
104
|
|
|
92
105
|
@container (max-width: ${smMax}) { gap: var(--semantics-page-sections-sm-gap); }
|
|
93
106
|
@container (min-width: ${mdMin}) and (max-width: ${mdMax}) { gap: var(--semantics-page-sections-md-gap); }
|
|
@@ -108,6 +121,7 @@ export const sidebarSectionStyles = css `
|
|
|
108
121
|
.sidebar-section__columns {
|
|
109
122
|
display: flex;
|
|
110
123
|
flex-direction: column;
|
|
124
|
+
flex-grow: 1;
|
|
111
125
|
|
|
112
126
|
@container (max-width: ${smMax}) { gap: var(--semantics-page-sections-sm-gap); }
|
|
113
127
|
@container (min-width: ${mdMin}) and (max-width: ${mdMax}) { gap: var(--semantics-page-sections-md-gap); }
|
|
@@ -117,8 +131,12 @@ export const sidebarSectionStyles = css `
|
|
|
117
131
|
}
|
|
118
132
|
}
|
|
119
133
|
|
|
134
|
+
/* Flex column so a growing child (the inline-dialog of an empty state) can
|
|
135
|
+
take the leftover height; flex-grow doubles as the row-mode width fill. */
|
|
120
136
|
.sidebar-section__main {
|
|
137
|
+
display: flex;
|
|
121
138
|
min-width: 0;
|
|
139
|
+
flex-direction: column;
|
|
122
140
|
flex-grow: 1;
|
|
123
141
|
}
|
|
124
142
|
|
|
@@ -141,9 +159,9 @@ export const sidebarSectionStyles = css `
|
|
|
141
159
|
|
|
142
160
|
.sidebar-section__sidebar-box {
|
|
143
161
|
box-sizing: border-box;
|
|
144
|
-
border-radius: var(--
|
|
162
|
+
border-radius: var(--semantics-surfaces-corner-radius);
|
|
145
163
|
background-color: var(--components-sidebar-section-sidebar-box-background-color);
|
|
146
|
-
box-shadow: inset 0 0 0
|
|
164
|
+
box-shadow: inset 0 0 0 var(--semantics-surfaces-border-width) var(--components-sidebar-section-sidebar-box-highlight-border-color);
|
|
147
165
|
|
|
148
166
|
@container (min-width: ${lgMin}) {
|
|
149
167
|
position: sticky;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;+CAYQ,KAAK
|
|
1
|
+
{"version":3,"file":"sidebar-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;+CAYQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyDzB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;2BAmBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;;;;;CAQ/B,CAAC"}
|
|
@@ -13,9 +13,7 @@
|
|
|
13
13
|
*
|
|
14
14
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
15
15
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
16
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
17
|
-
* section spans the full available width. Any CSS
|
|
18
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
16
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
19
17
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
20
18
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
21
19
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAMjC,qBACa,iBAAkB,SAAQ,sBAA4B;IAClE,OAAgB,MAAM,0BAAuB;IAE7C,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
|
|
@@ -19,9 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
19
19
|
*
|
|
20
20
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
21
21
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
22
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
23
|
-
* section spans the full available width. Any CSS
|
|
24
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
22
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
25
23
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
26
24
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
27
25
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA5D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AAvBe,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAI7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC/B;AALC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAyB7B"}
|
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
*
|
|
16
16
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
17
17
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
18
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
19
|
-
* section spans the full available width. Any CSS
|
|
20
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
18
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
21
19
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
22
20
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
23
21
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"two-thirds-one-third-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"two-thirds-one-third-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAMjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}
|
|
@@ -21,9 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
21
21
|
*
|
|
22
22
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
23
23
|
* @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
|
|
24
|
-
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the
|
|
25
|
-
* section spans the full available width. Any CSS
|
|
26
|
-
* length (e.g. '480px') overrides the default max-width.
|
|
24
|
+
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
27
25
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
28
26
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
29
27
|
* @attr {string} [padding-top] - Top padding override.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"two-thirds-one-third-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"two-thirds-one-third-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAGvF,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAAvE;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;;AAvBe,mCAAM,GAAG,8BAA8B,AAAjC,CAAkC;AAIxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAC/B;AALC,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CAyBxC"}
|
|
@@ -20,59 +20,30 @@
|
|
|
20
20
|
*
|
|
21
21
|
* @element nldd-popover
|
|
22
22
|
*
|
|
23
|
-
* @attr {string}
|
|
24
|
-
* @attr {string}
|
|
25
|
-
* @attr {string}
|
|
26
|
-
* @attr {string}
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
* @attr {string}
|
|
34
|
-
* @attr {
|
|
35
|
-
* @attr {string} bottom - CSS bottom-positie. Zie `top` voor semantiek.
|
|
36
|
-
* @attr {boolean} centered - Centreert beide assen op de viewport. Per
|
|
37
|
-
* as overrideable: `centered top="0"` =
|
|
38
|
-
* horizontaal gecentreerd, top-aligned.
|
|
39
|
-
* Mirrort CSS `place-items: center` met
|
|
40
|
-
* `align-items`/`justify-items` overrides.
|
|
41
|
-
* @attr {boolean} sm-full-height - Op sm-viewport (waar de popover als
|
|
42
|
-
* bottom-sheet rendert) de volledige
|
|
43
|
-
* beschikbare hoogte vullen i.p.v. te
|
|
44
|
-
* krimpen naar content. Geen effect op
|
|
45
|
-
* md+ (anchored modus). Opt-in voor
|
|
46
|
-
* content-heavy use cases zoals zoek-
|
|
47
|
-
* resultaten of lange detail-views; volgt
|
|
48
|
-
* Apple/Material conventie van content-
|
|
49
|
-
* sized als default.
|
|
50
|
-
* @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label).
|
|
51
|
-
* Valt terug op de i18n default ('Popover')
|
|
52
|
-
* als niet gezet — geef altijd een unieke,
|
|
53
|
-
* beschrijvende naam.
|
|
54
|
-
* @attr {string} role - ARIA role (default: 'dialog'). Voor
|
|
55
|
-
* informationele content (tooltip-callout,
|
|
56
|
-
* rich-text help-panel) zonder dialog-
|
|
57
|
-
* interactie-pattern: zet `role="region"`.
|
|
58
|
-
* Voor menu-style triggers: `role="menu"` +
|
|
59
|
-
* `aria-haspopup="menu"` op de anchor.
|
|
60
|
-
* De popover overschrijft een expliciet
|
|
61
|
-
* gezette role nooit.
|
|
62
|
-
* @attr {object} translations - Override translation keys; unset keys
|
|
63
|
-
* vallen terug op de Nederlandse default.
|
|
23
|
+
* @attr {string} anchor - ID van het trigger-element voor positionering
|
|
24
|
+
* @attr {string} placement - Floating UI placement (default: 'bottom-start')
|
|
25
|
+
* @attr {string} width - Expliciete width (default: 320px via --components-popover-default-width)
|
|
26
|
+
* @attr {string} top - CSS top-positie. Wanneer gezet (alleen of samen met andere edge-attrs of `centered`) wordt Floating UI's anchor-positionering overgeslagen — de popover staat dan vrij op het scherm. De `anchor` blijft wel nodig voor ARIA-koppeling op de trigger. Geen effect op sm (bottom-sheet wint).
|
|
27
|
+
* @attr {string} left - CSS left-positie. Zie `top` voor semantiek.
|
|
28
|
+
* @attr {string} right - CSS right-positie. Zie `top` voor semantiek.
|
|
29
|
+
* @attr {string} bottom - CSS bottom-positie. Zie `top` voor semantiek.
|
|
30
|
+
* @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.
|
|
31
|
+
* @attr {boolean} sm-full-height - Op sm-viewport (waar de popover als bottom-sheet rendert) de volledige beschikbare hoogte vullen i.p.v. te krimpen naar content. Geen effect op md+ (anchored modus). Opt-in voor content-heavy use cases zoals zoekresultaten of lange detail-views; volgt Apple/Material conventie van content-sized als default.
|
|
32
|
+
* @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label). Valt terug op de i18n default ('Popover') als niet gezet — geef altijd een unieke, beschrijvende naam.
|
|
33
|
+
* @attr {string} role - ARIA role (default: 'dialog'). Voor informationele content (tooltip-callout, rich-text help-panel) zonder dialog-interactiepatroon: zet `role="region"`. Voor menu-style triggers: `role="menu"` + `aria-haspopup="menu"` op de anchor. De popover overschrijft een expliciet gezette role nooit.
|
|
34
|
+
* @attr {object} translations - Override translation keys; unset keys vallen terug op de Nederlandse default.
|
|
64
35
|
*
|
|
65
36
|
* @prop {Element|null} anchorElement - Programmatische anchor (heeft voorrang op anchor attribuut)
|
|
66
|
-
* @prop {boolean} open
|
|
37
|
+
* @prop {boolean} open - (read-only) Of de popover momenteel open is
|
|
67
38
|
*
|
|
68
39
|
* @slot - Vrije content (bijv. nldd-container met form/info)
|
|
69
40
|
*
|
|
70
|
-
* @fires open
|
|
41
|
+
* @fires open - Wanneer de popover wordt geopend
|
|
71
42
|
* @fires close - Wanneer de popover wordt gesloten
|
|
72
43
|
*
|
|
73
|
-
* @method show()
|
|
74
|
-
* @method hide()
|
|
75
|
-
* @method toggle()
|
|
44
|
+
* @method show() - Opent de popover
|
|
45
|
+
* @method hide() - Sluit de popover
|
|
46
|
+
* @method toggle() - Toggelt de popover
|
|
76
47
|
* @method reposition() - Herberekent de positie t.o.v. anchor
|
|
77
48
|
*/
|
|
78
49
|
import { LitElement, PropertyValues } from 'lit';
|
|
@@ -128,7 +99,24 @@ export declare class NLDDPopover extends LitElement {
|
|
|
128
99
|
private _getAnchorEl;
|
|
129
100
|
private _updateAnchorAria;
|
|
130
101
|
private _handleViewportChange;
|
|
102
|
+
/**
|
|
103
|
+
* On a small screen this popover is a bottom sheet with a dimmed backdrop, and
|
|
104
|
+
* a backdrop that lets the tap through is a promise it does not keep: the page
|
|
105
|
+
* underneath is not inert, so one tap both dismissed the sheet and activated
|
|
106
|
+
* whatever sat under the dimming. Every native bottom sheet absorbs that tap.
|
|
107
|
+
*
|
|
108
|
+
* The anchor is left alone. Tapping the control that opened the sheet should
|
|
109
|
+
* keep closing it, which is what the handler below already arranges.
|
|
110
|
+
*/
|
|
111
|
+
private _swallowNextClick;
|
|
112
|
+
private _shouldAbsorbTap;
|
|
131
113
|
private _handleDocumentPointerdown;
|
|
114
|
+
/** A gesture the browser canceled (a tap that became a scroll or drag) never
|
|
115
|
+
* produces the click that would spend the flag, so clear it here too. */
|
|
116
|
+
private _handlePointerCancel;
|
|
117
|
+
/** Swallows the click that follows an absorbed tap, so it cannot activate
|
|
118
|
+
* what sat under the backdrop. */
|
|
119
|
+
private _handleDocumentClickCapture;
|
|
132
120
|
private _handleDocumentClick;
|
|
133
121
|
private _handleBeforeToggle;
|
|
134
122
|
private _handleToggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAI1F,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,MAAM,SAAM;IAGZ,aAAa,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGrC,SAAS,EAAE,SAAS,CAAkB;IAGtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAO1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAGtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAEpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,gFAAgF;IAChF,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IA8BzB,oBAAoB,IAAI,IAAI;IAkC5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoC/C,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAID,IAAI,IAAI,IAAI;IAUZ,OAAO,CAAC,mBAAmB;IAQ3B,IAAI,IAAI,IAAI;IAKZ,MAAM,IAAI,IAAI;IAKd;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAK1B,mFAAmF;IAC7E,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA+FjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,qBAAqB,CAa3B;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,0BAA0B,CAiBhC;IAEF;8EAC0E;IAC1E,OAAO,CAAC,oBAAoB,CAE1B;IAEF;uCACmC;IACnC,OAAO,CAAC,2BAA2B,CAKjC;IAEF,OAAO,CAAC,oBAAoB,CA+B1B;IAOF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEF,OAAO,CAAC,cAAc,CA6BpB;IAIF,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IA0Db,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}
|