@nldd/design-system 0.8.82 → 0.8.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +3849 -542
- package/dist/components/actions/button/button.d.ts +9 -2
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +15 -2
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +2 -0
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +2 -2
- package/dist/components/actions/icon-button/icon-button.js +2 -2
- package/dist/components/actions/menu/menu.d.ts +3 -1
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +22 -11
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +2 -2
- package/dist/components/components.js +2911 -1157
- package/dist/components/content/avatar/avatar.d.ts +6 -0
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.js +9 -0
- 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 +5 -1
- package/dist/components/content/avatar/avatar.styles.js.map +1 -1
- package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.template.js +2 -0
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.styles.d.ts.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.styles.js +6 -16
- package/dist/components/content/avatar-group/avatar-group.styles.js.map +1 -1
- package/dist/components/content/blockquote/blockquote.d.ts +3 -4
- package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.js +3 -4
- package/dist/components/content/blockquote/blockquote.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +80 -6
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.js +57 -94
- package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +36 -4
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +8 -2
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +17 -2
- 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 +8 -0
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/image/image.d.ts +1 -1
- package/dist/components/content/image/image.js +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +11 -0
- package/dist/components/content/image/image.styles.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +30 -30
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +30 -30
- package/dist/components/content/rich-text/rich-text.d.ts +20 -20
- package/dist/components/content/rich-text/rich-text.js +20 -20
- package/dist/components/content/text/text.d.ts +50 -0
- package/dist/components/content/text/text.d.ts.map +1 -0
- package/dist/components/content/text/text.js +81 -0
- package/dist/components/content/text/text.js.map +1 -0
- package/dist/components/content/text/text.styles.d.ts +2 -0
- package/dist/components/content/text/text.styles.d.ts.map +1 -0
- package/dist/components/content/text/text.styles.js +116 -0
- package/dist/components/content/text/text.styles.js.map +1 -0
- package/dist/components/content/text/text.template.d.ts +3 -0
- package/dist/components/content/text/text.template.d.ts.map +1 -0
- package/dist/components/content/text/text.template.js +7 -0
- package/dist/components/content/text/text.template.js.map +1 -0
- package/dist/components/content/title/title.d.ts +4 -4
- package/dist/components/content/title/title.js +4 -4
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +9 -13
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.d.ts +1 -1
- package/dist/components/content/tooltip/tooltip.js +1 -1
- package/dist/components/{decorate-BKn10QQi.js → decorate-lwt_OrAG.js} +1 -1
- package/dist/components/{dist-TpIL8G4G.js → dist-762GHPyH.js} +3 -3
- package/dist/components/{dist-OBifyiJS.js → dist-BB7TxeMK.js} +2 -2
- package/dist/components/{dist-CJR_Rwhh.js → dist-BJI4-6iQ.js} +1 -1
- package/dist/components/{dist-C400RcFU.js → dist-B_3OW7pC.js} +1 -1
- package/dist/components/{dist-afrAoubg.js → dist-C09E9-dJ.js} +34 -34
- package/dist/components/{dist-Ccw7ZfsU.js → dist-C6gnorjP.js} +4 -3
- package/dist/components/{dist-bO14jlsr.js → dist-CRsR6ckU.js} +1 -1
- package/dist/components/{dist-C0PiB1dr.js → dist-CjaG8dOI.js} +2 -2
- package/dist/components/{dist-CCg5Mso_.js → dist-DZoFKUO-.js} +1 -1
- package/dist/components/{dist-Bq4xc7Bm.js → dist-DaavuU6W.js} +14 -3
- package/dist/components/{dist-BYVOPNHp.js → dist-la_b3ZSq.js} +1 -1
- package/dist/components/forms/form/form.d.ts +76 -22
- package/dist/components/forms/form/form.d.ts.map +1 -1
- package/dist/components/forms/form/form.js +127 -22
- package/dist/components/forms/form/form.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.d.ts +14 -15
- package/dist/components/forms/form-actions/form-actions.d.ts.map +1 -1
- package/dist/components/forms/form-actions/form-actions.js +14 -15
- package/dist/components/forms/form-actions/form-actions.js.map +1 -1
- package/dist/components/forms/form-field/form-field.d.ts +42 -39
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.js +79 -111
- package/dist/components/forms/form-field/form-field.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts +0 -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 +7 -73
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.template.d.ts +0 -2
- package/dist/components/forms/form-field/form-field.template.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.template.js +0 -15
- package/dist/components/forms/form-field/form-field.template.js.map +1 -1
- package/dist/components/forms/form-section/form-section.d.ts +26 -28
- package/dist/components/forms/form-section/form-section.d.ts.map +1 -1
- package/dist/components/forms/form-section/form-section.js +27 -29
- package/dist/components/forms/form-section/form-section.js.map +1 -1
- package/dist/components/forms/validation-list/validation-list.d.ts +193 -0
- package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -0
- package/dist/components/forms/validation-list/validation-list.js +358 -0
- package/dist/components/forms/validation-list/validation-list.js.map +1 -0
- package/dist/components/forms/validation-list/validation-list.styles.d.ts +3 -0
- package/dist/components/forms/validation-list/validation-list.styles.d.ts.map +1 -0
- package/dist/components/forms/validation-list/validation-list.styles.js +58 -0
- package/dist/components/forms/validation-list/validation-list.styles.js.map +1 -0
- package/dist/components/forms/validation-list/validation-list.template.d.ts +5 -0
- package/dist/components/forms/validation-list/validation-list.template.d.ts.map +1 -0
- package/dist/components/forms/validation-list/validation-list.template.js +16 -0
- package/dist/components/forms/validation-list/validation-list.template.js.map +1 -0
- package/dist/components/{icon-CIpJq_cf.js → icon-VTLbdcvZ.js} +104 -11
- package/dist/components/{icon-button-BAkUJTn6.js → icon-button-Sne5TwRG.js} +6 -6
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts +20 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.js +32 -2
- package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.js +2 -0
- package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +16 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.js +27 -2
- package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.template.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.template.js +2 -0
- package/dist/components/inputs/checkbox-field/checkbox-field.template.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts +14 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.js +21 -2
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +15 -2
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +54 -5
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +14 -0
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +27 -20
- package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.d.ts +29 -31
- package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.js +40 -37
- package/dist/components/inputs/date-field/date-field.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.styles.js +11 -0
- package/dist/components/inputs/date-field/date-field.styles.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.template.js +7 -2
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.d.ts +34 -21
- package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.js +42 -22
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts +23 -2
- package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.js +36 -3
- package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
- package/dist/components/inputs/file-field/file-field.d.ts +4 -3
- package/dist/components/inputs/file-field/file-field.d.ts.map +1 -1
- package/dist/components/inputs/file-field/file-field.js +8 -7
- package/dist/components/inputs/file-field/file-field.js.map +1 -1
- package/dist/components/inputs/file-field/file-field.template.d.ts.map +1 -1
- package/dist/components/inputs/file-field/file-field.template.js +0 -1
- package/dist/components/inputs/file-field/file-field.template.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +15 -4
- 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 +20 -8
- 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.template.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +4 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.d.ts +12 -1
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +18 -3
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +8 -16
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts +10 -3
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +18 -8
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.template.js +3 -1
- package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts +18 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +27 -2
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +1 -0
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +14 -1
- 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 +22 -2
- package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js +1 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +11 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +21 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +23 -1
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +37 -3
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.template.js +4 -0
- package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +28 -0
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +52 -2
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -0
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.d.ts +14 -1
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +21 -2
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +20 -1
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +31 -2
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch/switch.template.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.template.js +2 -0
- package/dist/components/inputs/switch/switch.template.js.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.d.ts +18 -1
- package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.js +25 -1
- package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.template.d.ts.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.template.js +2 -0
- package/dist/components/inputs/switch-field/switch-field.template.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.d.ts +14 -1
- package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.js +21 -2
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +31 -3
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +65 -7
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.js +5 -1
- package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
- package/dist/components/inputs/time-field/time-field.d.ts +33 -35
- package/dist/components/inputs/time-field/time-field.d.ts.map +1 -1
- package/dist/components/inputs/time-field/time-field.js +43 -40
- package/dist/components/inputs/time-field/time-field.js.map +1 -1
- package/dist/components/inputs/time-field/time-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/time-field/time-field.styles.js +12 -0
- package/dist/components/inputs/time-field/time-field.styles.js.map +1 -1
- package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
- package/dist/components/inputs/time-field/time-field.template.js +7 -2
- package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
- package/dist/components/inputs/time-picker/time-picker.d.ts +34 -19
- package/dist/components/inputs/time-picker/time-picker.d.ts.map +1 -1
- package/dist/components/inputs/time-picker/time-picker.js +42 -22
- package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +22 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +35 -2
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +3 -0
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +27 -0
- 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 +46 -0
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.d.ts +7 -1
- package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.js +14 -1
- package/dist/components/inputs/token-field/token-field.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +12 -0
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/box/box.d.ts +4 -4
- package/dist/components/layout/box/box.d.ts.map +1 -1
- package/dist/components/layout/box/box.js +4 -4
- package/dist/components/layout/box/box.js.map +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.js +4 -6
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/card/card.d.ts +18 -19
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.js +18 -19
- 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 +1 -0
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +6 -2
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/divider/divider.d.ts +1 -1
- package/dist/components/layout/divider/divider.js +1 -1
- package/dist/components/layout/popover/popover.d.ts +1 -1
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +15 -2
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +1 -1
- package/dist/components/layout/sheet/sheet.js +2 -2
- 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 +15 -3
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +8 -0
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +29 -11
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +20 -21
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +21 -22
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +41 -12
- 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 +47 -17
- 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 +42 -13
- 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 +12 -4
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +168 -61
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.d.ts +0 -1
- package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.js +0 -1
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +361 -122
- 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 +5 -0
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts +1 -3
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +2 -7
- 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 +134 -23
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +354 -61
- 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 +116 -34
- 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 +5 -2
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +116 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -0
- package/dist/components/lists-and-tables/{list-item-action/list-item-action.js → list-item-segment/list-item-segment.js} +85 -56
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts +2 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +179 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +3 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/{list-item-action/list-item-action.template.js → list-item-segment/list-item-segment.template.js} +5 -4
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.d.ts +12 -9
- package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.i18n.d.ts +0 -1
- package/dist/components/lists-and-tables/table/table.i18n.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.i18n.js +0 -1
- package/dist/components/lists-and-tables/table/table.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.js +26 -16
- package/dist/components/lists-and-tables/table/table.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +5 -0
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.template.d.ts +1 -1
- package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.template.js +5 -9
- package/dist/components/lists-and-tables/table/table.template.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +30 -24
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.js +33 -24
- package/dist/components/navigation/link/link.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.d.ts +7 -7
- package/dist/components/navigation/menu-bar/menu-bar.js +7 -7
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +23 -23
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +23 -23
- package/dist/components/navigation/pagination/pagination.d.ts +4 -4
- package/dist/components/navigation/pagination/pagination.js +4 -4
- package/dist/components/navigation/skip-link/skip-link.d.ts +7 -7
- package/dist/components/navigation/skip-link/skip-link.js +7 -7
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +5 -3
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +18 -13
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +8 -8
- package/dist/components/navigation/tab-bar/tab-bar.template.js +5 -5
- package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +15 -15
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +15 -15
- 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 +14 -2
- 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 +2 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.js +2 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
- package/dist/components/status-and-feedback/badge/badge.d.ts +8 -2
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +17 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +41 -10
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.template.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.js +2 -2
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +37 -36
- 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 +37 -36
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +2 -2
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +7 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification-region.js +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +29 -28
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.js +29 -28
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +1 -1
- package/dist/components/{visibility-mixin-GxbwkBb1.js → visibility-mixin-vbfhyo7f.js} +1 -1
- package/dist/components/{with-translations-DzAdFTK8.js → with-translations-CqUV9S5g.js} +1 -1
- package/dist/css/form-section.css +28 -46
- package/dist/css/form.css +7 -13
- package/dist/css/rich-text.css +5 -5
- package/dist/css/variables.css +133 -8
- package/dist/nldd.min.js +1382 -875
- package/dist/types/vue.d.ts +530 -336
- package/dist/utilities/codemirror/codemirror-element.d.ts.map +1 -1
- package/dist/utilities/codemirror/codemirror-element.js +5 -0
- package/dist/utilities/codemirror/codemirror-element.js.map +1 -1
- package/dist/utilities/described-by-mixin.d.ts +49 -0
- package/dist/utilities/described-by-mixin.d.ts.map +1 -0
- package/dist/utilities/described-by-mixin.js +109 -0
- package/dist/utilities/described-by-mixin.js.map +1 -0
- package/dist/utilities/form-associated-mixin.d.ts +5 -0
- package/dist/utilities/form-associated-mixin.d.ts.map +1 -1
- package/dist/utilities/form-associated-mixin.js +69 -0
- package/dist/utilities/form-associated-mixin.js.map +1 -1
- package/dist/utilities/scroll-mode-controller.d.ts +9 -1
- package/dist/utilities/scroll-mode-controller.d.ts.map +1 -1
- package/dist/utilities/scroll-mode-controller.js +10 -2
- package/dist/utilities/scroll-mode-controller.js.map +1 -1
- package/package.json +21 -9
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts +0 -108
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts +0 -2
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js +0 -145
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts +0 -3
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codemirror-element.d.ts","sourceRoot":"","sources":["../../../src/utilities/codemirror/codemirror-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAElF;;;;;;;;;GASG;AACH,8BAAsB,qBAAsB,SAAQ,UAAU;IAC7D,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE5B,wFAAwF;IACxF,OAAO,CAAC,WAAW,CAAS;IAE5B,+EAA+E;IAC/E,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,yDAAyD;IACzD,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS;IAEpE,0DAA0D;IAC1D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,SAAS,EAAE;IAEjD,2DAA2D;IAC3D,SAAS,KAAK,GAAG,IAAI,MAAM,CAE1B;IAED,SAAS,CAAC,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"codemirror-element.d.ts","sourceRoot":"","sources":["../../../src/utilities/codemirror/codemirror-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAElF;;;;;;;;;GASG;AACH,8BAAsB,qBAAsB,SAAQ,UAAU;IAC7D,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE5B,wFAAwF;IACxF,OAAO,CAAC,WAAW,CAAS;IAE5B,+EAA+E;IAC/E,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,yDAAyD;IACzD,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS;IAEpE,0DAA0D;IAC1D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,SAAS,EAAE;IAEjD,2DAA2D;IAC3D,SAAS,KAAK,GAAG,IAAI,MAAM,CAE1B;IAED,SAAS,CAAC,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAmB/C;;;;;;OAMG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,aAAa,IAAI,MAAM;IAIjC,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,wEAAwE;IACxE,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAMpC,0EAA0E;IAC1E,SAAS,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAI3E;;;;;OAKG;IACM,KAAK,IAAI,IAAI;IAItB;;;;;;OAMG;IACH,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAajC,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;CAOrC"}
|
|
@@ -33,6 +33,11 @@ export class NLDDCodeMirrorElement extends LitElement {
|
|
|
33
33
|
root: this.shadowRoot ?? undefined,
|
|
34
34
|
});
|
|
35
35
|
this._hasMounted = true;
|
|
36
|
+
// CodeMirror builds its DOM after the render that made room for it, so
|
|
37
|
+
// anything that points at .cm-content ran too early. Ask for one more
|
|
38
|
+
// update now that it is there, or the description and aria-invalid land
|
|
39
|
+
// nowhere and stay there.
|
|
40
|
+
this.requestUpdate();
|
|
36
41
|
}
|
|
37
42
|
/**
|
|
38
43
|
* Per-mount setup hook, called right after the view is created — on the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codemirror-element.js","sourceRoot":"","sources":["../../../src/utilities/codemirror/codemirror-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAoC,MAAM,mBAAmB,CAAC;AAElF;;;;;;;;;GASG;AACH,MAAM,OAAgB,qBAAsB,SAAQ,UAAU;IAA9D;;QAGC,wFAAwF;QAChF,gBAAW,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"codemirror-element.js","sourceRoot":"","sources":["../../../src/utilities/codemirror/codemirror-element.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
type Constructor<T = Record<string, unknown>> = abstract new (...args: any[]) => T;
|
|
3
|
+
/** An element that accepts references to the elements describing it. */
|
|
4
|
+
export interface DescribedElement {
|
|
5
|
+
describedByElements: readonly Element[];
|
|
6
|
+
/** The element the description belongs to. Override where it differs. */
|
|
7
|
+
describedTarget(): Element | null;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Points an element at the elements that describe it.
|
|
11
|
+
*
|
|
12
|
+
* Element references and not ids, because an id only resolves inside the tree
|
|
13
|
+
* of the element that carries it. An `aria-describedby="err"` on an input in a
|
|
14
|
+
* shadow root cannot find an error text in the light DOM: the attribute is
|
|
15
|
+
* written, the id is right, and the description comes out empty.
|
|
16
|
+
* `ariaDescribedByElements` takes the elements themselves and crosses the
|
|
17
|
+
* boundary.
|
|
18
|
+
*/
|
|
19
|
+
export declare function applyDescribedBy(target: Element | null | undefined, elements: readonly Element[]): void;
|
|
20
|
+
/**
|
|
21
|
+
* Announces that a control is invalid, on the element assistive software meets.
|
|
22
|
+
*
|
|
23
|
+
* Nothing is drawn for it, and that is a decision rather than an omission: what
|
|
24
|
+
* is wrong belongs in an nldd-validation-list, in words. A red ring
|
|
25
|
+
* around a single checkbox would say the option is wrong, while it is the
|
|
26
|
+
* question that is unanswered. Choosing not to show it is no reason to keep
|
|
27
|
+
* quiet about it, so `aria-invalid` goes on regardless.
|
|
28
|
+
*
|
|
29
|
+
* A component that wraps another one hands the state on, the same way it hands
|
|
30
|
+
* on the description.
|
|
31
|
+
*/
|
|
32
|
+
export declare function applyInvalid(target: Element | null | undefined, invalid: boolean): void;
|
|
33
|
+
/**
|
|
34
|
+
* Lets nldd-form-field hand a control the help and error texts that describe
|
|
35
|
+
* it, wherever that control renders them.
|
|
36
|
+
*
|
|
37
|
+
* The component answers where, because only it knows: a text field describes
|
|
38
|
+
* its inner input, a radio group describes itself because it carries the role,
|
|
39
|
+
* and an editor describes the contenteditable it builds. Override
|
|
40
|
+
* `describedTarget()` when the default of "the first native control in my
|
|
41
|
+
* shadow root" is not it.
|
|
42
|
+
*
|
|
43
|
+
* A controller, not an `updated()` override: a component that defines its own
|
|
44
|
+
* `updated()` would have to remember to call super, and forgetting that fails
|
|
45
|
+
* silently in exactly the way this mixin exists to prevent.
|
|
46
|
+
*/
|
|
47
|
+
export declare function DescribedBy<T extends Constructor<LitElement>>(Base: T): T & Constructor<DescribedElement>;
|
|
48
|
+
export {};
|
|
49
|
+
//# sourceMappingURL=described-by-mixin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"described-by-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/described-by-mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA2B,MAAM,KAAK,CAAC;AAI1D,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEnF,wEAAwE;AACxE,MAAM,WAAW,gBAAgB;IAChC,mBAAmB,EAAE,SAAS,OAAO,EAAE,CAAC;IACxC,yEAAyE;IACzE,eAAe,IAAI,OAAO,GAAG,IAAI,CAAC;CAClC;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAavG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAQvF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC5D,IAAI,EAAE,CAAC,GACL,CAAC,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAsCnC"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { property } from 'lit/decorators.js';
|
|
8
|
+
/**
|
|
9
|
+
* Points an element at the elements that describe it.
|
|
10
|
+
*
|
|
11
|
+
* Element references and not ids, because an id only resolves inside the tree
|
|
12
|
+
* of the element that carries it. An `aria-describedby="err"` on an input in a
|
|
13
|
+
* shadow root cannot find an error text in the light DOM: the attribute is
|
|
14
|
+
* written, the id is right, and the description comes out empty.
|
|
15
|
+
* `ariaDescribedByElements` takes the elements themselves and crosses the
|
|
16
|
+
* boundary.
|
|
17
|
+
*/
|
|
18
|
+
export function applyDescribedBy(target, elements) {
|
|
19
|
+
if (!target)
|
|
20
|
+
return;
|
|
21
|
+
// A component that wraps another one hands the question on rather than
|
|
22
|
+
// answering it. nldd-checkbox-field renders an nldd-checkbox, and only that
|
|
23
|
+
// one knows which element inside itself is the control.
|
|
24
|
+
if ('describedByElements' in target) {
|
|
25
|
+
target.describedByElements = [...elements];
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
const el = target;
|
|
29
|
+
el.ariaDescribedByElements = elements.length ? [...elements] : null;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Announces that a control is invalid, on the element assistive software meets.
|
|
33
|
+
*
|
|
34
|
+
* Nothing is drawn for it, and that is a decision rather than an omission: what
|
|
35
|
+
* is wrong belongs in an nldd-validation-list, in words. A red ring
|
|
36
|
+
* around a single checkbox would say the option is wrong, while it is the
|
|
37
|
+
* question that is unanswered. Choosing not to show it is no reason to keep
|
|
38
|
+
* quiet about it, so `aria-invalid` goes on regardless.
|
|
39
|
+
*
|
|
40
|
+
* A component that wraps another one hands the state on, the same way it hands
|
|
41
|
+
* on the description.
|
|
42
|
+
*/
|
|
43
|
+
export function applyInvalid(target, invalid) {
|
|
44
|
+
if (!target)
|
|
45
|
+
return;
|
|
46
|
+
if ('invalid' in target) {
|
|
47
|
+
target.invalid = invalid;
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
if (invalid)
|
|
51
|
+
target.setAttribute('aria-invalid', 'true');
|
|
52
|
+
else
|
|
53
|
+
target.removeAttribute('aria-invalid');
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Lets nldd-form-field hand a control the help and error texts that describe
|
|
57
|
+
* it, wherever that control renders them.
|
|
58
|
+
*
|
|
59
|
+
* The component answers where, because only it knows: a text field describes
|
|
60
|
+
* its inner input, a radio group describes itself because it carries the role,
|
|
61
|
+
* and an editor describes the contenteditable it builds. Override
|
|
62
|
+
* `describedTarget()` when the default of "the first native control in my
|
|
63
|
+
* shadow root" is not it.
|
|
64
|
+
*
|
|
65
|
+
* A controller, not an `updated()` override: a component that defines its own
|
|
66
|
+
* `updated()` would have to remember to call super, and forgetting that fails
|
|
67
|
+
* silently in exactly the way this mixin exists to prevent.
|
|
68
|
+
*/
|
|
69
|
+
export function DescribedBy(Base) {
|
|
70
|
+
class DescribedByMixin extends Base {
|
|
71
|
+
constructor(...args) {
|
|
72
|
+
super(...args);
|
|
73
|
+
/** Set by nldd-form-field. A consumer never writes this. */
|
|
74
|
+
this.describedByElements = [];
|
|
75
|
+
const apply = {
|
|
76
|
+
hostUpdated: () => {
|
|
77
|
+
const target = this.describedTarget();
|
|
78
|
+
applyDescribedBy(target, this.describedByElements);
|
|
79
|
+
// Optional: nldd-button carries this mixin for its description and
|
|
80
|
+
// has no validity of its own.
|
|
81
|
+
const invalid = this.invalid;
|
|
82
|
+
if (invalid !== undefined)
|
|
83
|
+
applyInvalid(target, invalid);
|
|
84
|
+
},
|
|
85
|
+
};
|
|
86
|
+
this.addController(apply);
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* The element the description belongs to. Override where it differs.
|
|
90
|
+
*
|
|
91
|
+
* Public rather than protected because TypeScript refuses to emit a
|
|
92
|
+
* declaration for an anonymous class with protected members, and a mixin
|
|
93
|
+
* returns exactly that. Same reason `formValue()` is public in
|
|
94
|
+
* FormAssociated.
|
|
95
|
+
*/
|
|
96
|
+
describedTarget() {
|
|
97
|
+
return this.shadowRoot?.querySelector('input, textarea, select') ?? null;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
__decorate([
|
|
101
|
+
property({ attribute: false })
|
|
102
|
+
], DescribedByMixin.prototype, "describedByElements", void 0);
|
|
103
|
+
// Annotated rather than inferred: an inferred mixin return type writes the
|
|
104
|
+
// whole anonymous class into the .d.ts, privates of the base included, and
|
|
105
|
+
// TypeScript refuses to emit that (TS4094). Nesting two mixins makes it
|
|
106
|
+
// certain.
|
|
107
|
+
return DescribedByMixin;
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=described-by-mixin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"described-by-mixin.js","sourceRoot":"","sources":["../../src/utilities/described-by-mixin.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAc7C;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAkC,EAAE,QAA4B;IAChG,IAAI,CAAC,MAAM;QAAE,OAAO;IAEpB,uEAAuE;IACvE,4EAA4E;IAC5E,wDAAwD;IACxD,IAAI,qBAAqB,IAAI,MAAM,EAAE,CAAC;QACpC,MAAsC,CAAC,mBAAmB,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;QAC5E,OAAO;IACR,CAAC;IAED,MAAM,EAAE,GAAG,MAA0E,CAAC;IACtF,EAAE,CAAC,uBAAuB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACrE,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,YAAY,CAAC,MAAkC,EAAE,OAAgB;IAChF,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,IAAI,SAAS,IAAI,MAAM,EAAE,CAAC;QACxB,MAAyC,CAAC,OAAO,GAAG,OAAO,CAAC;QAC7D,OAAO;IACR,CAAC;IACD,IAAI,OAAO;QAAE,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;QACpD,MAAM,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;AAC7C,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAC1B,IAAO;IAEP,MAAe,gBAAiB,SAAQ,IAAI;QAK3C,YAAY,GAAG,IAAW;YACzB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YALhB,4DAA4D;YAE5D,wBAAmB,GAAuB,EAAE,CAAC;YAI5C,MAAM,KAAK,GAAuB;gBACjC,WAAW,EAAE,GAAG,EAAE;oBACjB,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;oBACtC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;oBACnD,mEAAmE;oBACnE,8BAA8B;oBAC9B,MAAM,OAAO,GAAI,IAA8B,CAAC,OAAO,CAAC;oBACxD,IAAI,OAAO,KAAK,SAAS;wBAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBAC1D,CAAC;aACD,CAAC;YACF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QAED;;;;;;;WAOG;QACH,eAAe;YACd,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,yBAAyB,CAAC,IAAI,IAAI,CAAC;QAC1E,CAAC;KACD;IA5BA;QADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;iEACc;IA6B9C,2EAA2E;IAC3E,2EAA2E;IAC3E,wEAAwE;IACxE,WAAW;IACX,OAAO,gBAAgE,CAAC;AACzE,CAAC"}
|
|
@@ -9,6 +9,11 @@ export interface FormAssociatedElement {
|
|
|
9
9
|
/** Extra state for bfcache and state restore, when the value alone is not enough. */
|
|
10
10
|
formState(): FormValue | undefined;
|
|
11
11
|
commitFormValue(): void;
|
|
12
|
+
/** The native control whose constraints the host reports as its own. */
|
|
13
|
+
validationTarget(): HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null;
|
|
14
|
+
/** A reason of your own, on top of the native ones. Empty clears it. */
|
|
15
|
+
setCustomValidity(message: string): void;
|
|
16
|
+
commitValidity(): void;
|
|
12
17
|
}
|
|
13
18
|
/**
|
|
14
19
|
* Turns a Lit element into a form-associated custom element: it submits under
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/form-associated-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/form-associated-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAW1D,qDAAqD;AACrD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC;AAIxD,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEnF,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IACrC,+EAA+E;IAC/E,SAAS,IAAI,SAAS,CAAC;IACvB,qFAAqF;IACrF,SAAS,IAAI,SAAS,GAAG,SAAS,CAAC;IACnC,eAAe,IAAI,IAAI,CAAC;IACxB,wEAAwE;IACxE,gBAAgB,IAAI,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,IAAI,CAAC;IACtF,wEAAwE;IACxE,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,cAAc,IAAI,IAAI,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,GAwG/B,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CACjG"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The flags a native control can raise, in the order the platform lists them.
|
|
3
|
+
* `valid` is not one of them: it is the answer, not a reason.
|
|
4
|
+
*/
|
|
5
|
+
const VALIDITY_FLAGS = [
|
|
6
|
+
'badInput', 'customError', 'patternMismatch', 'rangeOverflow', 'rangeUnderflow',
|
|
7
|
+
'stepMismatch', 'tooLong', 'tooShort', 'typeMismatch', 'valueMissing',
|
|
8
|
+
];
|
|
1
9
|
/**
|
|
2
10
|
* Turns a Lit element into a form-associated custom element: it submits under
|
|
3
11
|
* `name`, follows a disabled fieldset, and can be read back with `FormData`.
|
|
@@ -21,6 +29,7 @@ export function FormAssociated(Base) {
|
|
|
21
29
|
constructor(...args) {
|
|
22
30
|
super(...args);
|
|
23
31
|
this.internals = this.attachInternals();
|
|
32
|
+
this._customValidity = '';
|
|
24
33
|
// A controller, not an updated() override: a component that defines
|
|
25
34
|
// its own updated() would have to remember to call super.
|
|
26
35
|
const commit = { hostUpdated: () => this.commitFormValue() };
|
|
@@ -39,6 +48,66 @@ export function FormAssociated(Base) {
|
|
|
39
48
|
/** Commit the value now, from the handler that changed it. */
|
|
40
49
|
commitFormValue() {
|
|
41
50
|
this.internals.setFormValue(this.formValue(), this.formState());
|
|
51
|
+
this.commitValidity();
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* The native control this host speaks for.
|
|
55
|
+
*
|
|
56
|
+
* The constraint attributes are handed to a control inside the shadow
|
|
57
|
+
* root, and that control is not a member of the form around the host: the
|
|
58
|
+
* form sees the host, the host sees the control, and without something
|
|
59
|
+
* joining them a `required` field submits empty. Override when the control
|
|
60
|
+
* is not the first one in the shadow root, or return null for a component
|
|
61
|
+
* that has no native control to speak for.
|
|
62
|
+
*/
|
|
63
|
+
validationTarget() {
|
|
64
|
+
return this.shadowRoot?.querySelector('input, textarea, select') ?? null;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* A reason the host is invalid that no attribute can express: a server that
|
|
68
|
+
* refused the value, or an nldd-validation-list whose rule it fails. Kept
|
|
69
|
+
* beside the native flags rather than replacing them, because
|
|
70
|
+
* `setValidity` writes the whole set at once and the two arrive from
|
|
71
|
+
* different places at different times.
|
|
72
|
+
*/
|
|
73
|
+
setCustomValidity(message) {
|
|
74
|
+
this._customValidity = message;
|
|
75
|
+
this.commitValidity();
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* Hands the control's verdict to the form, as the host's own.
|
|
79
|
+
*
|
|
80
|
+
* Called on every render and from `commitFormValue`, so it follows the
|
|
81
|
+
* value for the same reason and with the same timing.
|
|
82
|
+
*/
|
|
83
|
+
commitValidity() {
|
|
84
|
+
const target = this.validationTarget();
|
|
85
|
+
const custom = this._customValidity;
|
|
86
|
+
if (!target && !custom) {
|
|
87
|
+
this.internals.setValidity({});
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
const flags = {};
|
|
91
|
+
let message = '';
|
|
92
|
+
if (target && !target.validity.valid) {
|
|
93
|
+
for (const sleutel of VALIDITY_FLAGS) {
|
|
94
|
+
if (target.validity[sleutel])
|
|
95
|
+
flags[sleutel] = true;
|
|
96
|
+
}
|
|
97
|
+
message = target.validationMessage;
|
|
98
|
+
}
|
|
99
|
+
if (custom) {
|
|
100
|
+
flags.customError = true;
|
|
101
|
+
// The custom reason first: it is the one this system wrote, and the
|
|
102
|
+
// native message is the browser's own wording for the same field.
|
|
103
|
+
message = custom;
|
|
104
|
+
}
|
|
105
|
+
const anchor = (target ?? this);
|
|
106
|
+
if (Object.keys(flags).length === 0) {
|
|
107
|
+
this.internals.setValidity({});
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
this.internals.setValidity(flags, message, anchor);
|
|
42
111
|
}
|
|
43
112
|
formDisabledCallback(disabled) {
|
|
44
113
|
// Every form-associated component declares its own `disabled` property
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-associated-mixin.js","sourceRoot":"","sources":["../../src/utilities/form-associated-mixin.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-associated-mixin.js","sourceRoot":"","sources":["../../src/utilities/form-associated-mixin.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,15 @@ export interface ScrollModeProvider {
|
|
|
23
23
|
}
|
|
24
24
|
/** Nearest ancestor app-view (light-DOM `closest`; slotted layers stay in the
|
|
25
25
|
* consumer's light tree so this reaches across the slot boundaries), or null
|
|
26
|
-
* when a layer is used stand-alone (e.g. a bare page in the docs).
|
|
26
|
+
* when a layer is used stand-alone (e.g. a bare page in the docs).
|
|
27
|
+
*
|
|
28
|
+
* An overlay ends the search: a sheet or a modal dialog is its own scroll
|
|
29
|
+
* container and its own top edge, so a page inside one owns its scroller
|
|
30
|
+
* whatever the app around it does. Without this the app-view would push its
|
|
31
|
+
* root mode straight through the overlay and the page's sticky header would
|
|
32
|
+
* stick against the document, over the content of the overlay. The overlays
|
|
33
|
+
* reset --context-scroll-mode as well, which is what the stand-alone read
|
|
34
|
+
* below then finds. */
|
|
27
35
|
export declare function findScrollModeProvider(host: Element): ScrollModeProvider | null;
|
|
28
36
|
/**
|
|
29
37
|
* Reads the inherited `--context-scroll-mode` and reflects it to the host's
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-mode-controller.d.ts","sourceRoot":"","sources":["../../src/utilities/scroll-mode-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C;;iDAEiD;AACjD,eAAO,MAAM,0BAA0B,8BAA8B,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACxC,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,qEAAqE;AACrE,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CACxC;AAED,qFAAqF;AACrF,MAAM,WAAW,kBAAkB;IAClC,sBAAsB,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC3D,wBAAwB,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAC;CAC7D;AAED
|
|
1
|
+
{"version":3,"file":"scroll-mode-controller.d.ts","sourceRoot":"","sources":["../../src/utilities/scroll-mode-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C;;iDAEiD;AACjD,eAAO,MAAM,0BAA0B,8BAA8B,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACxC,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,qEAAqE;AACrE,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CACxC;AAED,qFAAqF;AACrF,MAAM,WAAW,kBAAkB;IAClC,sBAAsB,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC3D,wBAAwB,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;wBAUwB;AACxB,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,OAAO,GAAG,kBAAkB,GAAG,IAAI,CAG/E;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,oBAAqB,YAAW,kBAAkB,EAAE,kBAAkB;IAClF,IAAI,EAAE,UAAU,CAAY;IAE5B,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,SAAS,CAAC,CAA6B;IAC/C,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,SAAS,CAAmC;gBAExC,IAAI,EAAE,sBAAsB,GAAG,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI;IAM7F,aAAa,IAAI,IAAI;IAkBrB,gBAAgB,IAAI,IAAI;IAUxB;;;;;;;OAOG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQvC,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS,CAMf;IAEF,gFAAgF;IAChF,IAAI,IAAI,IAAI;CAGZ"}
|
|
@@ -4,9 +4,17 @@
|
|
|
4
4
|
export const SINGLE_COLUMN_CHANGE_EVENT = 'nldd-single-column-change';
|
|
5
5
|
/** Nearest ancestor app-view (light-DOM `closest`; slotted layers stay in the
|
|
6
6
|
* consumer's light tree so this reaches across the slot boundaries), or null
|
|
7
|
-
* when a layer is used stand-alone (e.g. a bare page in the docs).
|
|
7
|
+
* when a layer is used stand-alone (e.g. a bare page in the docs).
|
|
8
|
+
*
|
|
9
|
+
* An overlay ends the search: a sheet or a modal dialog is its own scroll
|
|
10
|
+
* container and its own top edge, so a page inside one owns its scroller
|
|
11
|
+
* whatever the app around it does. Without this the app-view would push its
|
|
12
|
+
* root mode straight through the overlay and the page's sticky header would
|
|
13
|
+
* stick against the document, over the content of the overlay. The overlays
|
|
14
|
+
* reset --context-scroll-mode as well, which is what the stand-alone read
|
|
15
|
+
* below then finds. */
|
|
8
16
|
export function findScrollModeProvider(host) {
|
|
9
|
-
const el = host.closest?.('nldd-app-view');
|
|
17
|
+
const el = host.closest?.('nldd-app-view, nldd-sheet, nldd-modal-dialog');
|
|
10
18
|
return el && 'registerScrollConsumer' in el ? el : null;
|
|
11
19
|
}
|
|
12
20
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-mode-controller.js","sourceRoot":"","sources":["../../src/utilities/scroll-mode-controller.ts"],"names":[],"mappings":"AAIA;;iDAEiD;AACjD,MAAM,CAAC,MAAM,0BAA0B,GAAG,2BAA2B,CAAC;AAsBtE
|
|
1
|
+
{"version":3,"file":"scroll-mode-controller.js","sourceRoot":"","sources":["../../src/utilities/scroll-mode-controller.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nldd/design-system",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.84",
|
|
4
4
|
"description": "Design System voor Nederlandse Digitale Dienst",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/components/components.js",
|
|
@@ -78,6 +78,10 @@
|
|
|
78
78
|
"types": "./dist/components/content/tag/tag.d.ts",
|
|
79
79
|
"default": "./dist/components/content/tag/tag.js"
|
|
80
80
|
},
|
|
81
|
+
"./text": {
|
|
82
|
+
"types": "./dist/components/content/text/text.d.ts",
|
|
83
|
+
"default": "./dist/components/content/text/text.js"
|
|
84
|
+
},
|
|
81
85
|
"./title": {
|
|
82
86
|
"types": "./dist/components/content/title/title.d.ts",
|
|
83
87
|
"default": "./dist/components/content/title/title.js"
|
|
@@ -102,6 +106,10 @@
|
|
|
102
106
|
"types": "./dist/components/forms/form-field/form-field.d.ts",
|
|
103
107
|
"default": "./dist/components/forms/form-field/form-field.js"
|
|
104
108
|
},
|
|
109
|
+
"./validation-list": {
|
|
110
|
+
"types": "./dist/components/forms/validation-list/validation-list.d.ts",
|
|
111
|
+
"default": "./dist/components/forms/validation-list/validation-list.js"
|
|
112
|
+
},
|
|
105
113
|
"./form-section": {
|
|
106
114
|
"types": "./dist/components/forms/form-section/form-section.d.ts",
|
|
107
115
|
"default": "./dist/components/forms/form-section/form-section.js"
|
|
@@ -318,9 +326,9 @@
|
|
|
318
326
|
"types": "./dist/components/lists-and-tables/list-item/list-item.d.ts",
|
|
319
327
|
"default": "./dist/components/lists-and-tables/list-item/list-item.js"
|
|
320
328
|
},
|
|
321
|
-
"./list-item-
|
|
322
|
-
"types": "./dist/components/lists-and-tables/list-item-
|
|
323
|
-
"default": "./dist/components/lists-and-tables/list-item-
|
|
329
|
+
"./list-item-segment": {
|
|
330
|
+
"types": "./dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts",
|
|
331
|
+
"default": "./dist/components/lists-and-tables/list-item-segment/list-item-segment.js"
|
|
324
332
|
},
|
|
325
333
|
"./table": {
|
|
326
334
|
"types": "./dist/components/lists-and-tables/table/table.d.ts",
|
|
@@ -527,9 +535,10 @@
|
|
|
527
535
|
"@storybook/addon-themes": "^10.5.7",
|
|
528
536
|
"@storybook/addon-vitest": "^10.5.7",
|
|
529
537
|
"@storybook/web-components-vite": "^10.5.7",
|
|
530
|
-
"@vitest/browser-playwright": "4.1.
|
|
531
|
-
"@vitest/coverage-v8": "4.1.
|
|
538
|
+
"@vitest/browser-playwright": "4.1.11",
|
|
539
|
+
"@vitest/coverage-v8": "4.1.11",
|
|
532
540
|
"conventional-changelog": "^8.1.0",
|
|
541
|
+
"conventional-changelog-conventionalcommits": "10.2.1",
|
|
533
542
|
"eslint": "^10.8.0",
|
|
534
543
|
"eslint-plugin-lit-a11y": "^5.1.1",
|
|
535
544
|
"eslint-plugin-storybook": "^10.5.7",
|
|
@@ -539,8 +548,8 @@
|
|
|
539
548
|
"storybook": "^10.5.7",
|
|
540
549
|
"typescript": "^5.3.0",
|
|
541
550
|
"typescript-eslint": "^8.58.0",
|
|
542
|
-
"vite": "8.2.
|
|
543
|
-
"vitest": "4.1.
|
|
551
|
+
"vite": "8.2.2",
|
|
552
|
+
"vitest": "4.1.11",
|
|
544
553
|
"vue": "^3.5.40",
|
|
545
554
|
"vue-tsc": "^3.3.7"
|
|
546
555
|
},
|
|
@@ -575,5 +584,8 @@
|
|
|
575
584
|
"@lezer/highlight": "^1.2.3",
|
|
576
585
|
"lit": "^3.3.1"
|
|
577
586
|
},
|
|
578
|
-
"customElements": "custom-elements.json"
|
|
587
|
+
"customElements": "custom-elements.json",
|
|
588
|
+
"overrides": {
|
|
589
|
+
"conventional-changelog-conventionalcommits": "10.2.1"
|
|
590
|
+
}
|
|
579
591
|
}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import { type ListItemActionControl } from './list-item-action.template.js';
|
|
3
|
-
export type ListItemActionWidth = 'fit-content' | 'full';
|
|
4
|
-
/**
|
|
5
|
-
* A segmented action inside an `nldd-list-item`: it groups a run of cells
|
|
6
|
-
* and makes just that run clickable. Use it when a row needs more than one
|
|
7
|
-
* action — a tree row whose chevron expands while the label toggles a checkbox,
|
|
8
|
-
* or a row that navigates with a separate button beside it.
|
|
9
|
-
*
|
|
10
|
-
* Put it in the row where its cells would go: the item has one flat slot, and a
|
|
11
|
-
* segmented action takes the place of the cells it covers. Where the divider
|
|
12
|
-
* starts or stops is marked on the cells themselves (`divider-start` /
|
|
13
|
-
* `divider-end`), not by the slot an action sits in.
|
|
14
|
-
*
|
|
15
|
-
* A row is EITHER row-level interactive (`href` / `button` / `checkbox` on the
|
|
16
|
-
* `nldd-list-item`) OR segmented (one or more of these). Both at once nests
|
|
17
|
-
* a control inside a control, which is invalid HTML; the item DEV-warns.
|
|
18
|
-
*
|
|
19
|
-
* Unlike the row-wide action this does not bleed outward: a segmented action sits
|
|
20
|
-
* between siblings, so an outward inset would overlap them. It owns its inline
|
|
21
|
-
* padding and never drops below the row's control size, so an icon-only one still
|
|
22
|
-
* meets the WCAG 2.5.8 target size — do not add spacer cells inside it for room
|
|
23
|
-
* or hit area, that doubles the space.
|
|
24
|
-
*
|
|
25
|
-
* In a `type="listbox"` list the segmented action renders as a plain container (no
|
|
26
|
-
* control, not focusable) and DEV-warns: an `option` may not contain
|
|
27
|
-
* interactive descendants. The cells render unchanged, so nothing shifts.
|
|
28
|
-
*
|
|
29
|
-
* @element nldd-list-item-action
|
|
30
|
-
*
|
|
31
|
-
* @attr {boolean} button - Renders the segmented action as a `<button>`; ignored when `href` is set
|
|
32
|
-
* @attr {string} href - Renders the segmented action as an `<a>` with this URL; wins over `button` and `checkbox`
|
|
33
|
-
* @attr {string} target - Link target forwarded to the `<a>`; only applies with `href`
|
|
34
|
-
* @attr {string} rel - Link rel forwarded to the `<a>`; only applies with `href`
|
|
35
|
-
* @attr {boolean} checkbox - Makes the segmented action a `role="checkbox"` control; ignored when `href` is set
|
|
36
|
-
* @attr {boolean} checked - Checked state of a `checkbox` action; it toggles on activation
|
|
37
|
-
* @attr {boolean} expanded - Disclosure state, reflected as `aria-expanded` on the control. Set it on the segmented action that opens something (e.g. a tree row's chevron). Leave it off entirely when the segmented action discloses nothing — an absent attribute emits no aria-expanded.
|
|
38
|
-
* @attr {boolean} disclosure - Marks the segmented action as the row's disclosure control: `aria-expanded` comes from the parent item's `expanded`, so the state lives in one place. A slotted `nldd-icon-cell` rotates a quarter turn while the row is open
|
|
39
|
-
* @attr {boolean} current - Marks the segmented action as the current page (`aria-current="page"`)
|
|
40
|
-
* @attr {boolean} disabled - Disabled state; only applies to button and checkbox segmented actions
|
|
41
|
-
* @attr {'fit-content'|'full'} width - `full` lets the segmented action grow to fill the row (default: 'fit-content')
|
|
42
|
-
* @attr {string} accessible-label - Accessible name for the control. Set it when the segmented action holds only an icon, or when the cell text does not describe the action.
|
|
43
|
-
*
|
|
44
|
-
* @slot - The cells that belong to this action
|
|
45
|
-
*
|
|
46
|
-
* @fires change - On a `checkbox` action after it toggles; detail: { checked: boolean }
|
|
47
|
-
*/
|
|
48
|
-
export declare class NLDDListItemAction extends LitElement {
|
|
49
|
-
static styles: import("lit").CSSResult[];
|
|
50
|
-
button: boolean;
|
|
51
|
-
href?: string;
|
|
52
|
-
target?: string;
|
|
53
|
-
rel?: string;
|
|
54
|
-
checkbox: boolean;
|
|
55
|
-
checked: boolean;
|
|
56
|
-
/** Undefined (attribute absent) means "discloses nothing" — no aria-expanded is emitted. */
|
|
57
|
-
expanded?: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Marks this action as the row's disclosure control: it takes `aria-expanded`
|
|
60
|
-
* from the parent item's `expanded` instead of its own. Use it on a tree row's
|
|
61
|
-
* chevron, so the open/closed state is written once — on the row, where it also
|
|
62
|
-
* drives the children group — rather than kept in step in two places.
|
|
63
|
-
*
|
|
64
|
-
* A slotted `nldd-icon-cell` turns a quarter with that state, so a chevron
|
|
65
|
-
* points down while the row is open without any consumer CSS.
|
|
66
|
-
*/
|
|
67
|
-
disclosure: boolean;
|
|
68
|
-
current: boolean;
|
|
69
|
-
disabled: boolean;
|
|
70
|
-
width: ListItemActionWidth;
|
|
71
|
-
accessibleLabel: string;
|
|
72
|
-
/** Set by the parent nldd-list-item, mirroring its list's type. */
|
|
73
|
-
_parentType: string;
|
|
74
|
-
/** Set by the parent row when the list runs roving-tabindex navigation:
|
|
75
|
-
* true makes this action a tab stop within the current row, false keeps it
|
|
76
|
-
* out of the tab order. Undefined leaves the native control alone. */
|
|
77
|
-
_tabbable?: boolean;
|
|
78
|
-
/** Set by the parent nldd-list-item on a `disclosure` action: the row's own
|
|
79
|
-
* expanded state, which this action announces. */
|
|
80
|
-
_rowExpanded?: boolean;
|
|
81
|
-
private _control?;
|
|
82
|
-
connectedCallback(): void;
|
|
83
|
-
disconnectedCallback(): void;
|
|
84
|
-
firstUpdated(): void;
|
|
85
|
-
/** Called by the parent nldd-list-item so a runtime type switch tracks. */
|
|
86
|
-
_applyParentType(type: string): void;
|
|
87
|
-
/** Whether the consumer asked for an interactive action at all. */
|
|
88
|
-
private get _wantsControl();
|
|
89
|
-
get _controlType(): ListItemActionControl;
|
|
90
|
-
private _handleClick;
|
|
91
|
-
private _handleFocusIn;
|
|
92
|
-
private _handleFocusOut;
|
|
93
|
-
private _onPointerDown;
|
|
94
|
-
private _clearPressed;
|
|
95
|
-
/** Delegates focus to the inner control so consumers needn't reach into shadow DOM. */
|
|
96
|
-
focus(options?: FocusOptions): void;
|
|
97
|
-
/** The open state has to reach the styles, and it lives in a property (the
|
|
98
|
-
* row's, for a disclosure action) that CSS cannot see. A host class is the
|
|
99
|
-
* hook — the same mechanism nldd-list already uses for .is-boxed / .is-first. */
|
|
100
|
-
updated(): void;
|
|
101
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
102
|
-
}
|
|
103
|
-
declare global {
|
|
104
|
-
interface HTMLElementTagNameMap {
|
|
105
|
-
'nldd-list-item-action': NLDDListItemAction;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
//# sourceMappingURL=list-item-action.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-item-action.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,EAAY,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGtF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,4BAA0B;IAGhD,MAAM,UAAS;IAGf,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,4FAA4F;IAE5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IAEH,UAAU,UAAS;IAGnB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,KAAK,EAAE,mBAAmB,CAAiB;IAG3C,eAAe,SAAM;IAErB,mEAAmE;IAEnE,WAAW,SAAU;IAErB;;2EAEuE;IAEvE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;uDACmD;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,OAAO,CAAC,QAAQ,CAAC,CAAc;IAEtB,iBAAiB;IAUjB,oBAAoB;IAUpB,YAAY;IAKrB,2EAA2E;IAC3E,gBAAgB,CAAC,IAAI,EAAE,MAAM;IAO7B,mEAAmE;IACnE,OAAO,KAAK,aAAa,GAExB;IAED,IAAI,YAAY,IAAI,qBAAqB,CAKxC;IAED,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,uFAAuF;IAC9E,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C;;sFAEkF;IACzE,OAAO;IAKP,MAAM;CAiBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,uBAAuB,EAAE,kBAAkB,CAAC;KAC5C;CACD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-item-action.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-item-action.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA8IhC,CAAC"}
|