@nldd/design-system 0.8.83 → 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 +3415 -476
- package/dist/components/actions/button/button.d.ts +4 -2
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +7 -2
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +1 -1
- package/dist/components/actions/icon-button/icon-button.js +1 -1
- 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 +2027 -941
- 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.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 +2 -0
- 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 +2 -0
- 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 +2 -0
- package/dist/components/content/icon/icon-registry.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/title/title.d.ts +4 -4
- package/dist/components/content/title/title.js +4 -4
- 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-C1Kikpol.js → icon-VTLbdcvZ.js} +4 -1
- package/dist/components/{icon-button-BYy6hnAY.js → icon-button-Sne5TwRG.js} +5 -5
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- 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 +13 -2
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +32 -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 +9 -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 +4 -0
- 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 +0 -1
- 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 +7 -3
- 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 +12 -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 +2 -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 +10 -3
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +18 -8
- 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 +3 -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 +0 -1
- 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 +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 +1 -0
- 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 +5 -0
- 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 +117 -25
- 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 +292 -67
- 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 +41 -3
- 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 +82 -16
- 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.js +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +8 -4
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
- 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.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +6 -4
- 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/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 +108 -7
- package/dist/nldd.min.js +851 -753
- package/dist/types/vue.d.ts +439 -291
- 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/package.json +14 -6
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* @element nldd-checkbox
|
|
5
5
|
* @attr {boolean} checked - Checked state
|
|
6
6
|
* @attr {boolean} disabled - Disabled state
|
|
7
|
+
* @attr {boolean} no-tab - Takes the control out of the tab order (tabindex="-1"), for a control owned by a roving container (a row of an nldd-list, where the arrow keys move between rows) that manages focus itself. Still mouse- and script-focusable.
|
|
7
8
|
* @attr {boolean} decorative - Renders the box without the input: no focus, no
|
|
8
9
|
* name/value, nothing announced. For a control that owns the state elsewhere,
|
|
9
10
|
* such as a list row that is itself the checkbox; putting a real input in
|
|
@@ -12,13 +13,15 @@
|
|
|
12
13
|
* @attr {string} value - Value for form submission
|
|
13
14
|
* @attr {string} name - Name for form submission
|
|
14
15
|
* @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
|
|
16
|
+
* @attr {boolean} required - Required state
|
|
17
|
+
* @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
|
|
15
18
|
* Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
|
|
16
19
|
*
|
|
17
20
|
* @fires change - Fired when the checkbox state changes; detail: { checked: boolean, value: string }
|
|
18
21
|
*/
|
|
19
22
|
import { LitElement } from 'lit';
|
|
20
23
|
import { type FormValue } from '../../../utilities/form-associated-mixin.js';
|
|
21
|
-
declare const NLDDCheckbox_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
24
|
+
declare const NLDDCheckbox_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement) & (abstract new (...args: any[]) => import("../../../utilities/described-by-mixin.js").DescribedElement);
|
|
22
25
|
export declare class NLDDCheckbox extends NLDDCheckbox_base {
|
|
23
26
|
static styles: import("lit").CSSResult;
|
|
24
27
|
/** Says this is the control an nldd-form-field is about, so the field can
|
|
@@ -28,10 +31,26 @@ export declare class NLDDCheckbox extends NLDDCheckbox_base {
|
|
|
28
31
|
checked: boolean;
|
|
29
32
|
decorative: boolean;
|
|
30
33
|
disabled: boolean;
|
|
34
|
+
/** Take the control out of the tab order (`tabindex="-1"`) — for a control
|
|
35
|
+
* owned by a roving container (an `nldd-list` sets it on the rows that are
|
|
36
|
+
* not the current one) that manages focus itself. Still mouse- and
|
|
37
|
+
* script-focusable. */
|
|
38
|
+
noTab: boolean;
|
|
31
39
|
indeterminate: boolean;
|
|
32
40
|
value: string;
|
|
33
41
|
name: string;
|
|
34
42
|
accessibleLabel: string;
|
|
43
|
+
required: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Marks the control as invalid.
|
|
46
|
+
*
|
|
47
|
+
* Announced and not drawn. What is wrong belongs in an
|
|
48
|
+
* nldd-validation-list, in words: a red ring around a single
|
|
49
|
+
* checkbox or radio would say the option is wrong, while it is the question
|
|
50
|
+
* that is unanswered. `aria-invalid` still goes on the control, because
|
|
51
|
+
* choosing not to show something is not a reason to keep quiet about it.
|
|
52
|
+
*/
|
|
53
|
+
invalid: boolean;
|
|
35
54
|
firstUpdated(): void;
|
|
36
55
|
formValue(): FormValue;
|
|
37
56
|
formResetCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAM7F,qBACa,YAAa,SAAQ,iBAAuC;IACxE,OAAgB,MAAM,0BAAkB;IAExC;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAE1B,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,UAAU,UAAS;IAGnB,QAAQ,UAAS;IACjB;;;4BAGwB;IAExB,KAAK,UAAS;IAId,aAAa,UAAS;IAGtB,KAAK,SAAQ;IAGb,IAAI,SAAM;IAGV,eAAe,SAAM;IAIrB,QAAQ,UAAS;IAGjB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,YAAY,IAAI,IAAI;IAIpB,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,MAAM,IAAI,IAAI;IAYd,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAYpC;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
|
|
@@ -10,6 +10,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
10
10
|
* @element nldd-checkbox
|
|
11
11
|
* @attr {boolean} checked - Checked state
|
|
12
12
|
* @attr {boolean} disabled - Disabled state
|
|
13
|
+
* @attr {boolean} no-tab - Takes the control out of the tab order (tabindex="-1"), for a control owned by a roving container (a row of an nldd-list, where the arrow keys move between rows) that manages focus itself. Still mouse- and script-focusable.
|
|
13
14
|
* @attr {boolean} decorative - Renders the box without the input: no focus, no
|
|
14
15
|
* name/value, nothing announced. For a control that owns the state elsewhere,
|
|
15
16
|
* such as a list row that is itself the checkbox; putting a real input in
|
|
@@ -18,6 +19,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
18
19
|
* @attr {string} value - Value for form submission
|
|
19
20
|
* @attr {string} name - Name for form submission
|
|
20
21
|
* @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
|
|
22
|
+
* @attr {boolean} required - Required state
|
|
23
|
+
* @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
|
|
21
24
|
* Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
|
|
22
25
|
*
|
|
23
26
|
* @fires change - Fired when the checkbox state changes; detail: { checked: boolean, value: string }
|
|
@@ -27,17 +30,35 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
27
30
|
import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
|
|
28
31
|
import { checkboxStyles } from './checkbox.styles.js';
|
|
29
32
|
import { checkboxTemplate } from './checkbox.template.js';
|
|
30
|
-
|
|
33
|
+
import { DescribedBy } from '../../../utilities/described-by-mixin.js';
|
|
34
|
+
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
35
|
+
let NLDDCheckbox = class NLDDCheckbox extends DescribedBy(FormAssociated(LitElement)) {
|
|
31
36
|
constructor() {
|
|
32
37
|
super(...arguments);
|
|
33
38
|
this._initialChecked = false;
|
|
34
39
|
this.checked = false;
|
|
35
40
|
this.decorative = false;
|
|
36
41
|
this.disabled = false;
|
|
42
|
+
/** Take the control out of the tab order (`tabindex="-1"`) — for a control
|
|
43
|
+
* owned by a roving container (an `nldd-list` sets it on the rows that are
|
|
44
|
+
* not the current one) that manages focus itself. Still mouse- and
|
|
45
|
+
* script-focusable. */
|
|
46
|
+
this.noTab = false;
|
|
37
47
|
this.indeterminate = false;
|
|
38
48
|
this.value = 'on';
|
|
39
49
|
this.name = '';
|
|
40
50
|
this.accessibleLabel = '';
|
|
51
|
+
this.required = false;
|
|
52
|
+
/**
|
|
53
|
+
* Marks the control as invalid.
|
|
54
|
+
*
|
|
55
|
+
* Announced and not drawn. What is wrong belongs in an
|
|
56
|
+
* nldd-validation-list, in words: a red ring around a single
|
|
57
|
+
* checkbox or radio would say the option is wrong, while it is the question
|
|
58
|
+
* that is unanswered. `aria-invalid` still goes on the control, because
|
|
59
|
+
* choosing not to show something is not a reason to keep quiet about it.
|
|
60
|
+
*/
|
|
61
|
+
this.invalid = false;
|
|
41
62
|
}
|
|
42
63
|
firstUpdated() {
|
|
43
64
|
this._initialChecked = this.checked;
|
|
@@ -99,6 +120,9 @@ __decorate([
|
|
|
99
120
|
__decorate([
|
|
100
121
|
property({ type: Boolean, reflect: true })
|
|
101
122
|
], NLDDCheckbox.prototype, "disabled", void 0);
|
|
123
|
+
__decorate([
|
|
124
|
+
property({ type: Boolean, reflect: true, attribute: 'no-tab' })
|
|
125
|
+
], NLDDCheckbox.prototype, "noTab", void 0);
|
|
102
126
|
__decorate([
|
|
103
127
|
property({ type: Boolean, reflect: true })
|
|
104
128
|
], NLDDCheckbox.prototype, "indeterminate", void 0);
|
|
@@ -106,11 +130,17 @@ __decorate([
|
|
|
106
130
|
property({ type: String })
|
|
107
131
|
], NLDDCheckbox.prototype, "value", void 0);
|
|
108
132
|
__decorate([
|
|
109
|
-
property({
|
|
133
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
110
134
|
], NLDDCheckbox.prototype, "name", void 0);
|
|
111
135
|
__decorate([
|
|
112
136
|
property({ type: String, attribute: 'accessible-label' })
|
|
113
137
|
], NLDDCheckbox.prototype, "accessibleLabel", void 0);
|
|
138
|
+
__decorate([
|
|
139
|
+
property({ type: Boolean, reflect: true })
|
|
140
|
+
], NLDDCheckbox.prototype, "required", void 0);
|
|
141
|
+
__decorate([
|
|
142
|
+
property({ type: Boolean, reflect: true })
|
|
143
|
+
], NLDDCheckbox.prototype, "invalid", void 0);
|
|
114
144
|
NLDDCheckbox = __decorate([
|
|
115
145
|
customElement('nldd-checkbox')
|
|
116
146
|
], NLDDCheckbox);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,8BAA8B,CAAC;AAEtC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"checkbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,8BAA8B,CAAC;AAEtC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CAoCxE"}
|
|
@@ -14,6 +14,7 @@ export function checkboxTemplate(component) {
|
|
|
14
14
|
}
|
|
15
15
|
return html `
|
|
16
16
|
<input class="checkbox__input"
|
|
17
|
+
?required=${component.required}
|
|
17
18
|
type="checkbox"
|
|
18
19
|
.checked=${component.checked}
|
|
19
20
|
.indeterminate=${component.indeterminate}
|
|
@@ -21,6 +22,7 @@ export function checkboxTemplate(component) {
|
|
|
21
22
|
name=${component.name || ''}
|
|
22
23
|
value=${component.value}
|
|
23
24
|
aria-label=${component.accessibleLabel || nothing}
|
|
25
|
+
tabindex=${component.noTab ? '-1' : nothing}
|
|
24
26
|
@change=${component._handleChange}
|
|
25
27
|
>
|
|
26
28
|
<div class="checkbox__box"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,wEAAwE;IACxE,0EAA0E;IAC1E,uCAAuC;IACvC,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;;;;;GAKV,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA
|
|
1
|
+
{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,wEAAwE;IACxE,0EAA0E;IAC1E,uCAAuC;IACvC,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;;;;;GAKV,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;;eAEG,SAAS,CAAC,QAAQ;;cAEnB,SAAS,CAAC,OAAO;oBACX,SAAS,CAAC,aAAa;eAC5B,SAAS,CAAC,QAAQ;UACvB,SAAS,CAAC,IAAI,IAAI,EAAE;WACnB,SAAS,CAAC,KAAK;gBACV,SAAS,CAAC,eAAe,IAAI,OAAO;cACtC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;aACjC,SAAS,CAAC,aAAa;;;;;;;;;;;;EAYlC,CAAC;AACH,CAAC"}
|
|
@@ -14,12 +14,14 @@
|
|
|
14
14
|
* @attr {string} value - Value for form submission
|
|
15
15
|
* @attr {string} name - Name for form submission
|
|
16
16
|
* @attr {string} label - Label text for the checkbox
|
|
17
|
+
* @attr {boolean} required - Required state
|
|
18
|
+
* @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
|
|
17
19
|
*
|
|
18
20
|
* @fires change - When checked state changes; detail: { checked: boolean, value: string }
|
|
19
21
|
*/
|
|
20
22
|
import { LitElement } from 'lit';
|
|
21
23
|
import { type FormValue } from '../../../utilities/form-associated-mixin.js';
|
|
22
|
-
declare const NLDDCheckboxField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
24
|
+
declare const NLDDCheckboxField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement) & (abstract new (...args: any[]) => import("../../../utilities/described-by-mixin.js").DescribedElement);
|
|
23
25
|
export declare class NLDDCheckboxField extends NLDDCheckboxField_base {
|
|
24
26
|
static styles: import("lit").CSSResult;
|
|
25
27
|
/** Says this is the control an nldd-form-field is about, so the field can
|
|
@@ -34,6 +36,17 @@ export declare class NLDDCheckboxField extends NLDDCheckboxField_base {
|
|
|
34
36
|
* the property alone must still register the field with the form. */
|
|
35
37
|
name: string;
|
|
36
38
|
label: string;
|
|
39
|
+
required: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Marks the control as invalid.
|
|
42
|
+
*
|
|
43
|
+
* Announced and not drawn. What is wrong belongs in an
|
|
44
|
+
* nldd-validation-list, in words: a red ring around a single
|
|
45
|
+
* checkbox or radio would say the option is wrong, while it is the question
|
|
46
|
+
* that is unanswered. `aria-invalid` still goes on the control, because
|
|
47
|
+
* choosing not to show something is not a reason to keep quiet about it.
|
|
48
|
+
*/
|
|
49
|
+
invalid: boolean;
|
|
37
50
|
firstUpdated(): void;
|
|
38
51
|
formValue(): FormValue;
|
|
39
52
|
formResetCallback(): void;
|
|
@@ -46,6 +59,8 @@ export declare class NLDDCheckboxField extends NLDDCheckboxField_base {
|
|
|
46
59
|
* reaching into shadow DOM.
|
|
47
60
|
*/
|
|
48
61
|
focus(options?: FocusOptions): void;
|
|
62
|
+
/** The checkbox it renders knows which element inside itself is the control. */
|
|
63
|
+
describedTarget(): Element | null;
|
|
49
64
|
render(): import("lit-html").TemplateResult;
|
|
50
65
|
}
|
|
51
66
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAO7F,qBACa,iBAAkB,SAAQ,sBAAuC;IAE7E,OAAgB,MAAM,0BAAuB;IAE7C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,KAAK,SAAQ;IAEb;0EACsE;IAEtE,IAAI,SAAM;IAGV,KAAK,SAAM;IAIX,QAAQ,UAAS;IAGjB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,YAAY,IAAI,IAAI;IAKpB,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAMzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAOjC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAYpC;;;;OAIG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,gFAAgF;IACvE,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
|
|
@@ -20,6 +20,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
20
20
|
* @attr {string} value - Value for form submission
|
|
21
21
|
* @attr {string} name - Name for form submission
|
|
22
22
|
* @attr {string} label - Label text for the checkbox
|
|
23
|
+
* @attr {boolean} required - Required state
|
|
24
|
+
* @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
|
|
23
25
|
*
|
|
24
26
|
* @fires change - When checked state changes; detail: { checked: boolean, value: string }
|
|
25
27
|
*/
|
|
@@ -28,7 +30,9 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
28
30
|
import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
|
|
29
31
|
import { checkboxFieldStyles } from './checkbox-field.styles.js';
|
|
30
32
|
import { checkboxFieldTemplate } from './checkbox-field.template.js';
|
|
31
|
-
|
|
33
|
+
import { DescribedBy } from '../../../utilities/described-by-mixin.js';
|
|
34
|
+
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
35
|
+
let NLDDCheckboxField = class NLDDCheckboxField extends DescribedBy(FormAssociated(LitElement)) {
|
|
32
36
|
constructor() {
|
|
33
37
|
super(...arguments);
|
|
34
38
|
this._initialChecked = false;
|
|
@@ -40,6 +44,17 @@ let NLDDCheckboxField = class NLDDCheckboxField extends FormAssociated(LitElemen
|
|
|
40
44
|
* the property alone must still register the field with the form. */
|
|
41
45
|
this.name = '';
|
|
42
46
|
this.label = '';
|
|
47
|
+
this.required = false;
|
|
48
|
+
/**
|
|
49
|
+
* Marks the control as invalid.
|
|
50
|
+
*
|
|
51
|
+
* Announced and not drawn. What is wrong belongs in an
|
|
52
|
+
* nldd-validation-list, in words: a red ring around a single
|
|
53
|
+
* checkbox or radio would say the option is wrong, while it is the question
|
|
54
|
+
* that is unanswered. `aria-invalid` still goes on the control, because
|
|
55
|
+
* choosing not to show something is not a reason to keep quiet about it.
|
|
56
|
+
*/
|
|
57
|
+
this.invalid = false;
|
|
43
58
|
}
|
|
44
59
|
firstUpdated() {
|
|
45
60
|
this._initialChecked = this.checked;
|
|
@@ -81,6 +96,10 @@ let NLDDCheckboxField = class NLDDCheckboxField extends FormAssociated(LitElemen
|
|
|
81
96
|
focus(options) {
|
|
82
97
|
this.shadowRoot?.querySelector('nldd-checkbox')?.focus(options);
|
|
83
98
|
}
|
|
99
|
+
/** The checkbox it renders knows which element inside itself is the control. */
|
|
100
|
+
describedTarget() {
|
|
101
|
+
return this.shadowRoot?.querySelector('nldd-checkbox') ?? null;
|
|
102
|
+
}
|
|
84
103
|
render() {
|
|
85
104
|
return checkboxFieldTemplate(this);
|
|
86
105
|
}
|
|
@@ -102,11 +121,17 @@ __decorate([
|
|
|
102
121
|
property({ type: String })
|
|
103
122
|
], NLDDCheckboxField.prototype, "value", void 0);
|
|
104
123
|
__decorate([
|
|
105
|
-
property({
|
|
124
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
106
125
|
], NLDDCheckboxField.prototype, "name", void 0);
|
|
107
126
|
__decorate([
|
|
108
127
|
property({ type: String })
|
|
109
128
|
], NLDDCheckboxField.prototype, "label", void 0);
|
|
129
|
+
__decorate([
|
|
130
|
+
property({ type: Boolean, reflect: true })
|
|
131
|
+
], NLDDCheckboxField.prototype, "required", void 0);
|
|
132
|
+
__decorate([
|
|
133
|
+
property({ type: Boolean, reflect: true })
|
|
134
|
+
], NLDDCheckboxField.prototype, "invalid", void 0);
|
|
110
135
|
NLDDCheckboxField = __decorate([
|
|
111
136
|
customElement('nldd-checkbox-field')
|
|
112
137
|
], NLDDCheckboxField);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"checkbox-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,yBAAyB,CAAC;AAGjC,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,iBAAiB,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"checkbox-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,yBAAyB,CAAC;AAGjC,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAqBlF"}
|
|
@@ -8,6 +8,8 @@ export function checkboxFieldTemplate(component) {
|
|
|
8
8
|
>
|
|
9
9
|
<div class="checkbox-field__control">
|
|
10
10
|
<nldd-checkbox
|
|
11
|
+
?invalid=${component.invalid}
|
|
12
|
+
?required=${component.required}
|
|
11
13
|
?checked=${component.checked}
|
|
12
14
|
?indeterminate=${component.indeterminate}
|
|
13
15
|
?disabled=${component.disabled}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,yBAAyB,CAAC;AAEjC,uGAAuG;AACvG,MAAM,UAAU,qBAAqB,CAAC,SAA4B;IACjE,OAAO,IAAI,CAAA;;YAEA,SAAS,CAAC,iBAAiB;;;;gBAIvB,SAAS,CAAC,OAAO;sBACX,SAAS,CAAC,aAAa;iBAC5B,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACxB,SAAS,CAAC,KAAK;wBACJ,SAAS,CAAC,KAAK,IAAI,OAAO;eACnC,SAAS,CAAC,aAAa;;;yCAGG,SAAS,CAAC,KAAK;;EAEtD,CAAC;AACH,CAAC"}
|
|
1
|
+
{"version":3,"file":"checkbox-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,yBAAyB,CAAC;AAEjC,uGAAuG;AACvG,MAAM,UAAU,qBAAqB,CAAC,SAA4B;IACjE,OAAO,IAAI,CAAA;;YAEA,SAAS,CAAC,iBAAiB;;;;gBAIvB,SAAS,CAAC,OAAO;iBAChB,SAAS,CAAC,QAAQ;gBACnB,SAAS,CAAC,OAAO;sBACX,SAAS,CAAC,aAAa;iBAC5B,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACxB,SAAS,CAAC,KAAK;wBACJ,SAAS,CAAC,KAAK,IAAI,OAAO;eACnC,SAAS,CAAC,aAAa;;;yCAGG,SAAS,CAAC,KAAK;;EAEtD,CAAC;AACH,CAAC"}
|
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
* @attr {string} language - Highlight grammar (yaml, json, javascript, typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql, python). Empty disables highlighting.
|
|
35
35
|
* @attr {boolean} line-numbers - Show a line-number gutter
|
|
36
36
|
* @attr {string} accessible-label - Accessible label forwarded to the editor. Set automatically by nldd-form-field.
|
|
37
|
+
* @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
|
|
37
38
|
*
|
|
38
39
|
* @fires input - When the content changes (detail: { value })
|
|
39
40
|
* @fires change - When the content is committed on blur (detail: { value })
|
|
@@ -44,7 +45,7 @@ import { type Extension } from '@codemirror/state';
|
|
|
44
45
|
import { NLDDCodeMirrorElement } from '../../../utilities/codemirror/codemirror-element.js';
|
|
45
46
|
export type ResizeMode = 'none' | 'vertical' | 'auto';
|
|
46
47
|
export type CodeEditorVariant = 'input-field' | 'simple';
|
|
47
|
-
declare const NLDDCodeEditor_base: typeof NLDDCodeMirrorElement & (abstract new (...args: any[]) => NLDDCodeMirrorElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
48
|
+
declare const NLDDCodeEditor_base: typeof NLDDCodeMirrorElement & (abstract new (...args: any[]) => NLDDCodeMirrorElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement) & (abstract new (...args: any[]) => import("../../../utilities/described-by-mixin.js").DescribedElement);
|
|
48
49
|
export declare class NLDDCodeEditor extends NLDDCodeEditor_base {
|
|
49
50
|
static shadowRootOptions: {
|
|
50
51
|
delegatesFocus: boolean;
|
|
@@ -82,6 +83,16 @@ export declare class NLDDCodeEditor extends NLDDCodeEditor_base {
|
|
|
82
83
|
private _placeholderCompartment;
|
|
83
84
|
private _attrsCompartment;
|
|
84
85
|
private _languageCompartment;
|
|
86
|
+
/**
|
|
87
|
+
* Marks the control as invalid.
|
|
88
|
+
*
|
|
89
|
+
* Announced and not drawn. What is wrong belongs in an
|
|
90
|
+
* nldd-validation-list, in words: a red ring around a single
|
|
91
|
+
* checkbox or radio would say the option is wrong, while it is the question
|
|
92
|
+
* that is unanswered. `aria-invalid` still goes on the control, because
|
|
93
|
+
* choosing not to show something is not a reason to keep quiet about it.
|
|
94
|
+
*/
|
|
95
|
+
invalid: boolean;
|
|
85
96
|
protected getEditorParent(): HTMLElement | null | undefined;
|
|
86
97
|
protected buildExtensions(): Extension[];
|
|
87
98
|
private _editableExtension;
|
|
@@ -99,6 +110,8 @@ export declare class NLDDCodeEditor extends NLDDCodeEditor_base {
|
|
|
99
110
|
formValue(): FormValue;
|
|
100
111
|
formResetCallback(): void;
|
|
101
112
|
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
113
|
+
/** CodeMirror builds the textbox; the host is only its container. */
|
|
114
|
+
describedTarget(): Element | null;
|
|
102
115
|
render(): import("lit-html").TemplateResult;
|
|
103
116
|
}
|
|
104
117
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAS7F,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAO5F,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,QAAQ,CAAC;;AAEzD,qBACa,cAAe,SAAQ,mBAAkD;IAErF,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAoB;IAE1C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAE1B,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,sBAAsB,CAAS;IAGvC,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,UAAS;IAGb,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAU;IAG5B,OAAO,EAAE,iBAAiB,CAAY;IAGtC,QAAQ,SAAM;IAGd,WAAW,UAAS;IAGpB,eAAe,SAAM;IAGrB,OAAO,CAAC,UAAU,CAAe;IAGjC,OAAO,CAAC,oBAAoB,CAAqB;IACjD,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,uBAAuB,CAAqB;IACpD,OAAO,CAAC,uBAAuB,CAAqB;IACpD,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,oBAAoB,CAAqB;IAGjD;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEhB,SAAS,CAAC,eAAe,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS;IAI3D,SAAS,CAAC,eAAe,IAAI,SAAS,EAAE;IA0BxC,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,eAAe;IAkBd,YAAY,IAAI,IAAI;cAUV,eAAe,IAAI,IAAI;IAWjC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;YA0CjC,cAAc;IAoB5B,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,sBAAsB,CAM5B;IAMF,OAAO,CAAC,qBAAqB;IAOpB,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAItE,qEAAqE;IAC5D,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -40,6 +40,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
40
40
|
* @attr {string} language - Highlight grammar (yaml, json, javascript, typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql, python). Empty disables highlighting.
|
|
41
41
|
* @attr {boolean} line-numbers - Show a line-number gutter
|
|
42
42
|
* @attr {string} accessible-label - Accessible label forwarded to the editor. Set automatically by nldd-form-field.
|
|
43
|
+
* @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
|
|
43
44
|
*
|
|
44
45
|
* @fires input - When the content changes (detail: { value })
|
|
45
46
|
* @fires change - When the content is committed on blur (detail: { value })
|
|
@@ -56,7 +57,8 @@ import { nlddCodeMirrorTheme } from '../../../utilities/codemirror/theme.js';
|
|
|
56
57
|
import { loadLanguage } from '../../../utilities/codemirror/languages.js';
|
|
57
58
|
import { codeEditorStyles } from './code-editor.styles.js';
|
|
58
59
|
import { codeEditorTemplate } from './code-editor.template.js';
|
|
59
|
-
|
|
60
|
+
import { DescribedBy } from '../../../utilities/described-by-mixin.js';
|
|
61
|
+
let NLDDCodeEditor = class NLDDCodeEditor extends DescribedBy(FormAssociated(NLDDCodeMirrorElement)) {
|
|
60
62
|
constructor() {
|
|
61
63
|
super(...arguments);
|
|
62
64
|
this._initialValue = '';
|
|
@@ -83,6 +85,16 @@ let NLDDCodeEditor = class NLDDCodeEditor extends FormAssociated(NLDDCodeMirrorE
|
|
|
83
85
|
this._placeholderCompartment = new Compartment();
|
|
84
86
|
this._attrsCompartment = new Compartment();
|
|
85
87
|
this._languageCompartment = new Compartment();
|
|
88
|
+
/**
|
|
89
|
+
* Marks the control as invalid.
|
|
90
|
+
*
|
|
91
|
+
* Announced and not drawn. What is wrong belongs in an
|
|
92
|
+
* nldd-validation-list, in words: a red ring around a single
|
|
93
|
+
* checkbox or radio would say the option is wrong, while it is the question
|
|
94
|
+
* that is unanswered. `aria-invalid` still goes on the control, because
|
|
95
|
+
* choosing not to show something is not a reason to keep quiet about it.
|
|
96
|
+
*/
|
|
97
|
+
this.invalid = false;
|
|
86
98
|
this._onScrollerPointerDown = (event) => {
|
|
87
99
|
// Only the scroller's own padding — not the content/gutter inside it.
|
|
88
100
|
// pointerdown covers mouse, touch and pen in one event.
|
|
@@ -291,6 +303,10 @@ let NLDDCodeEditor = class NLDDCodeEditor extends FormAssociated(NLDDCodeMirrorE
|
|
|
291
303
|
if (typeof state === 'string')
|
|
292
304
|
this.value = state;
|
|
293
305
|
}
|
|
306
|
+
/** CodeMirror builds the textbox; the host is only its container. */
|
|
307
|
+
describedTarget() {
|
|
308
|
+
return this.shadowRoot?.querySelector('.cm-content') ?? null;
|
|
309
|
+
}
|
|
294
310
|
render() {
|
|
295
311
|
return codeEditorTemplate(this);
|
|
296
312
|
}
|
|
@@ -316,7 +332,7 @@ __decorate([
|
|
|
316
332
|
property({ type: Boolean, reflect: true })
|
|
317
333
|
], NLDDCodeEditor.prototype, "disabled", void 0);
|
|
318
334
|
__decorate([
|
|
319
|
-
property({
|
|
335
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
320
336
|
], NLDDCodeEditor.prototype, "name", void 0);
|
|
321
337
|
__decorate([
|
|
322
338
|
property({ type: Boolean, reflect: true })
|
|
@@ -348,6 +364,9 @@ __decorate([
|
|
|
348
364
|
__decorate([
|
|
349
365
|
query('.code-editor')
|
|
350
366
|
], NLDDCodeEditor.prototype, "_container", void 0);
|
|
367
|
+
__decorate([
|
|
368
|
+
property({ type: Boolean, reflect: true })
|
|
369
|
+
], NLDDCodeEditor.prototype, "invalid", void 0);
|
|
351
370
|
NLDDCodeEditor = __decorate([
|
|
352
371
|
customElement('nldd-code-editor')
|
|
353
372
|
], NLDDCodeEditor);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,10 @@
|
|
|
28
28
|
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
29
29
|
* @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
|
|
30
30
|
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
31
|
+
* @attr {boolean} required - Required state
|
|
32
|
+
* @attr {string} pattern - Regular expression the value has to match, as the native `pattern`.
|
|
33
|
+
* @attr {number} minlength - Fewest characters the value may have.
|
|
34
|
+
* @attr {number} maxlength - Most characters the value may have.
|
|
31
35
|
*
|
|
32
36
|
* @note Free-text values: only when `allow-custom` is set. Then a typed value that
|
|
33
37
|
* matches no menu option is emitted as-is via the `change` event on Enter or blur
|
|
@@ -41,7 +45,7 @@
|
|
|
41
45
|
*
|
|
42
46
|
* @example
|
|
43
47
|
* ```html
|
|
44
|
-
* <nldd-combo-box placeholder="Zoek een land" name="
|
|
48
|
+
* <nldd-combo-box placeholder="Zoek een land" name="country">
|
|
45
49
|
* <nldd-menu>
|
|
46
50
|
* <nldd-menu-item text="Nederland" value="nl"></nldd-menu-item>
|
|
47
51
|
* <nldd-menu-item text="België" value="be"></nldd-menu-item>
|
|
@@ -56,7 +60,7 @@ import '../../actions/menu/menu.js';
|
|
|
56
60
|
import '../../actions/icon-button/icon-button.js';
|
|
57
61
|
import '../../content/icon/icon.js';
|
|
58
62
|
export type ComboBoxSize = 'sm' | 'md';
|
|
59
|
-
declare const NLDDComboBox_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
63
|
+
declare const NLDDComboBox_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement) & (abstract new (...args: any[]) => import("../../../utilities/described-by-mixin.js").DescribedElement);
|
|
60
64
|
export declare class NLDDComboBox extends NLDDComboBox_base {
|
|
61
65
|
static styles: import("lit").CSSResult;
|
|
62
66
|
/** Says this is the control an nldd-form-field is about, so the field can
|
|
@@ -107,6 +111,13 @@ export declare class NLDDComboBox extends NLDDComboBox_base {
|
|
|
107
111
|
private _menu;
|
|
108
112
|
private _resizeObserver;
|
|
109
113
|
_input: HTMLInputElement;
|
|
114
|
+
required: boolean;
|
|
115
|
+
/** Regular expression the value has to match, as the native `pattern`. */
|
|
116
|
+
pattern: string;
|
|
117
|
+
/** Fewest characters the value may have, as the native `minlength`. */
|
|
118
|
+
minlength?: number;
|
|
119
|
+
/** Most characters the value may have, as the native `maxlength`. */
|
|
120
|
+
maxlength?: number;
|
|
110
121
|
_t(key: keyof NLDDComboBoxTranslations): string;
|
|
111
122
|
firstUpdated(): void;
|
|
112
123
|
willUpdate(changedProperties: Map<string, unknown>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"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"}
|