@nldd/design-system 0.8.70 → 0.8.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -5
- package/custom-elements.json +2990 -577
- package/dist/assets/styles/style-resets.d.ts +1 -1
- package/dist/assets/styles/style-resets.js +1 -1
- package/dist/components/actions/button/button.d.ts +10 -5
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.i18n.d.ts +1 -1
- package/dist/components/actions/button/button.i18n.js +1 -1
- package/dist/components/actions/button/button.i18n.js.map +1 -1
- package/dist/components/actions/button/button.js +19 -4
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +13 -3
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.js +1 -1
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.js +6 -0
- package/dist/components/actions/button-bar/button-bar.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +26 -39
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.d.ts +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.js +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +25 -38
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +47 -52
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +55 -54
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.styles.js +7 -1
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.js +1 -1
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +10 -4
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +30 -11
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +3 -3
- package/dist/components/components.js +65 -62
- package/dist/components/content/avatar/avatar.d.ts +44 -12
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.i18n.d.ts +5 -0
- package/dist/components/content/avatar/avatar.i18n.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.i18n.js +4 -0
- package/dist/components/content/avatar/avatar.i18n.js.map +1 -0
- package/dist/components/content/avatar/avatar.js +87 -13
- package/dist/components/content/avatar/avatar.js.map +1 -1
- package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.styles.js +44 -9
- package/dist/components/content/avatar/avatar.styles.js.map +1 -1
- package/dist/components/content/avatar/avatar.template.d.ts +2 -1
- package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.template.js +53 -23
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/byline/byline.d.ts +6 -6
- package/dist/components/content/byline/byline.js +6 -6
- package/dist/components/content/code-viewer/code-viewer.js +2 -2
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +5 -4
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +19 -5
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +9 -2
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +14 -16
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +13 -15
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +7 -4
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/image/image.d.ts +9 -9
- package/dist/components/content/image/image.js +9 -9
- package/dist/components/content/image/image.styles.js +2 -2
- package/dist/components/content/image/image.template.js +2 -2
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/image/lqip-encoder.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -2
- package/dist/components/content/rich-text/rich-text.d.ts +4 -4
- package/dist/components/content/rich-text/rich-text.js +4 -4
- package/dist/components/content/token/token.d.ts +7 -7
- package/dist/components/content/token/token.js +7 -7
- package/dist/components/content/tooltip/tooltip.d.ts +4 -14
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +4 -14
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/forms/form/form.d.ts +10 -19
- package/dist/components/forms/form/form.d.ts.map +1 -1
- package/dist/components/forms/form/form.js +10 -19
- package/dist/components/forms/form/form.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.d.ts +2 -6
- package/dist/components/forms/form-actions/form-actions.d.ts.map +1 -1
- package/dist/components/forms/form-actions/form-actions.js +2 -6
- package/dist/components/forms/form-actions/form-actions.js.map +1 -1
- package/dist/components/forms/form-field/form-field.d.ts +7 -14
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.js +7 -14
- package/dist/components/forms/form-field/form-field.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +15 -2
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/forms/form-section/form-section.d.ts +2 -3
- package/dist/components/forms/form-section/form-section.d.ts.map +1 -1
- package/dist/components/forms/form-section/form-section.js +2 -3
- package/dist/components/forms/form-section/form-section.js.map +1 -1
- package/dist/components/{index-Dgxr-sEe.js → index-CDK46KLh.js} +1 -1
- package/dist/components/{index-Bh_hMHn8.js → index-CbaaFM8N.js} +1 -1
- package/dist/components/{index-DS-RnHMu.js → index-DRtuMofR.js} +1 -1
- package/dist/components/{index-BP0XMTYa.js → index-DuvuHfMi.js} +1 -1
- package/dist/components/{index-CTUlN5qN.js → index-DzJola_U.js} +1 -1
- package/dist/components/{index-sa60dMt-.js → index-n8evy8Za.js} +1 -1
- package/dist/components/{index-BuLJAwiB.js → index-t08wCuGl.js} +4213 -2494
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts +11 -11
- package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.js +11 -15
- package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +20 -6
- package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.js +29 -7
- package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts +19 -18
- package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.js +23 -23
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
- package/dist/components/inputs/combo-box/combo-box.d.ts +26 -29
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +74 -39
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +7 -7
- package/dist/components/inputs/date-field/date-field.d.ts +25 -24
- package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.js +26 -29
- package/dist/components/inputs/date-field/date-field.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.styles.js +5 -5
- package/dist/components/inputs/date-picker/date-picker.d.ts +16 -13
- package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.js +35 -15
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.styles.js +21 -29
- package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts +4 -4
- package/dist/components/inputs/dropdown/dropdown.js +4 -4
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +21 -21
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +23 -26
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +5 -5
- package/dist/components/inputs/number-field/number-field.d.ts +17 -20
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +20 -23
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +4 -4
- package/dist/components/inputs/password-field/password-field.d.ts +25 -24
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +27 -29
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +7 -7
- package/dist/components/inputs/radio-button/radio-button.d.ts +10 -10
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +9 -14
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +2 -2
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +24 -6
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.js +32 -7
- package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +3 -3
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +17 -10
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +15 -17
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +19 -22
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +5 -5
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +27 -29
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +47 -57
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +4 -4
- package/dist/components/inputs/stepper/stepper.d.ts +14 -14
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +13 -18
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +12 -13
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +13 -18
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +6 -6
- package/dist/components/inputs/switch-field/switch-field.d.ts +4 -4
- package/dist/components/inputs/switch-field/switch-field.js +4 -4
- package/dist/components/inputs/text-editor/text-editor.caret.d.ts +1 -1
- package/dist/components/inputs/text-editor/text-editor.caret.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.commands.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.d.ts +21 -21
- package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.js +27 -27
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +4 -4
- package/dist/components/inputs/text-editor/text-editor.markdown.js +7 -7
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +14 -14
- package/dist/components/inputs/text-field/text-field.d.ts +20 -19
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +22 -24
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +3 -3
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +14 -13
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +18 -18
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +7 -7
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js +25 -17
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.d.ts +24 -29
- package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.d.ts +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
- package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.js +35 -39
- package/dist/components/inputs/token-field/token-field.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.styles.js +4 -4
- package/dist/components/inputs/token-field/token-field.template.js +1 -1
- package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +16 -4
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +18 -13
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/box/box.d.ts +1 -1
- package/dist/components/layout/box/box.js +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.js +8 -18
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/card/card.d.ts +26 -9
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.i18n.d.ts +1 -1
- package/dist/components/layout/card/card.i18n.js +1 -1
- package/dist/components/layout/card/card.i18n.js.map +1 -1
- package/dist/components/layout/card/card.js +51 -14
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +41 -4
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/card/card.template.d.ts.map +1 -1
- package/dist/components/layout/card/card.template.js +14 -6
- package/dist/components/layout/card/card.template.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +3 -10
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +3 -10
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +21 -3
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +41 -41
- package/dist/components/layout/container/container.js +41 -41
- package/dist/components/layout/page/page.d.ts +1 -1
- package/dist/components/layout/page/page.js +2 -2
- package/dist/components/layout/page-footer/page-footer.d.ts +10 -12
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +11 -13
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +8 -1
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.template.js +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -3
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +1 -3
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -3
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +1 -3
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -3
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +1 -3
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +20 -18
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +26 -20
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +20 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -3
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.js +1 -3
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -3
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +1 -3
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/popover/popover.d.ts +18 -47
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +18 -47
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +9 -17
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +39 -27
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -4
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -4
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +17 -17
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -17
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +2 -2
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +2 -2
- package/dist/components/layout/window/window.d.ts +26 -20
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +58 -30
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +1 -0
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +2 -2
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +43 -9
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +69 -9
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +96 -43
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +19 -7
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +77 -31
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.d.ts +4 -4
- package/dist/components/lists-and-tables/list/list.i18n.js +4 -4
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +202 -70
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.js +29 -22
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +4 -3
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +189 -18
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +467 -45
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.js +133 -101
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +51 -24
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts +108 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js +228 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts +2 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js +145 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts +3 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js +35 -0
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +4 -2
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +5 -7
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +5 -7
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +15 -16
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.d.ts +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.i18n.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +14 -15
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +2 -2
- package/dist/components/navigation/link/link.i18n.d.ts +1 -1
- package/dist/components/navigation/link/link.i18n.js +1 -1
- package/dist/components/navigation/link/link.i18n.js.map +1 -1
- package/dist/components/navigation/link/link.template.js +1 -1
- package/dist/components/navigation/link/link.template.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.d.ts +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.js +1 -1
- package/dist/components/navigation/pagination/pagination.i18n.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +5 -5
- package/dist/components/navigation/pagination/pagination.template.js +1 -1
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -11
- package/dist/components/navigation/tab-bar/tab-bar.js +11 -11
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +7 -7
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +11 -11
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +11 -12
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +9 -4
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -5
- package/dist/components/navigation/top-title-bar/top-title-bar.js +6 -6
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +3 -3
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +6 -6
- package/dist/components/status-and-feedback/badge/badge.d.ts +2 -2
- package/dist/components/status-and-feedback/badge/badge.i18n.d.ts +1 -1
- package/dist/components/status-and-feedback/badge/badge.i18n.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts +9 -9
- package/dist/components/status-and-feedback/banner/banner.js +9 -9
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +6 -6
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +6 -6
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +7 -7
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +8 -8
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +22 -8
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +63 -27
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +1 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +13 -13
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts +2 -2
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js +2 -2
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +14 -14
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +15 -15
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts +2 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js +2 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +20 -20
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +3 -3
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +4 -4
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +4 -4
- package/dist/components/status-and-feedback/status-bar/status-bar.js +4 -4
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +124 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +9 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +8 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js +210 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +3 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +294 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +5 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +69 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +1 -0
- package/dist/css/form.css +16 -7
- package/dist/css/settings.css +68 -73
- package/dist/types/vue.d.ts +186 -42
- package/dist/utilities/autofocus.d.ts +19 -0
- package/dist/utilities/autofocus.d.ts.map +1 -0
- package/dist/utilities/autofocus.js +35 -0
- package/dist/utilities/autofocus.js.map +1 -0
- package/dist/utilities/codemirror/theme.js +2 -2
- package/dist/utilities/codemirror/theme.js.map +1 -1
- package/dist/utilities/color-scheme-repaint.d.ts +2 -2
- package/dist/utilities/color-scheme-repaint.js +2 -2
- package/dist/utilities/form-associated-mixin.d.ts +33 -0
- package/dist/utilities/form-associated-mixin.d.ts.map +1 -0
- package/dist/utilities/form-associated-mixin.js +52 -0
- package/dist/utilities/form-associated-mixin.js.map +1 -0
- package/dist/utilities/input-modality.d.ts +3 -1
- package/dist/utilities/input-modality.d.ts.map +1 -1
- package/dist/utilities/input-modality.js +12 -1
- package/dist/utilities/input-modality.js.map +1 -1
- package/dist/utilities/page-section-mixin.d.ts +1 -1
- package/dist/utilities/page-section-mixin.js +2 -2
- package/dist/utilities/popup-anchor-controller.d.ts +2 -2
- package/package.json +9 -1
|
@@ -5,32 +5,33 @@
|
|
|
5
5
|
*
|
|
6
6
|
* @element nldd-password-field
|
|
7
7
|
*
|
|
8
|
-
* @attr {string} value
|
|
9
|
-
* @attr {string} placeholder
|
|
10
|
-
* @attr {string} input-id
|
|
11
|
-
* @attr {string} size
|
|
12
|
-
* @attr {boolean} valid
|
|
13
|
-
* @attr {boolean} invalid
|
|
14
|
-
* @attr {boolean} disabled
|
|
15
|
-
* @attr {boolean} masked
|
|
16
|
-
* @attr {string} show-button-text
|
|
17
|
-
* @attr {string} hide-button-text
|
|
18
|
-
* @attr {string} show-button-accessible-label
|
|
19
|
-
* @attr {string} hide-button-accessible-label
|
|
20
|
-
* @attr {boolean} readonly
|
|
21
|
-
* @attr {boolean} required
|
|
22
|
-
* @attr {string} name
|
|
23
|
-
* @attr {string} autocomplete
|
|
24
|
-
* @attr {string} accessible-label
|
|
25
|
-
* @attr {string} error-message-ids
|
|
26
|
-
* @attr {string} width
|
|
8
|
+
* @attr {string} value - The input value
|
|
9
|
+
* @attr {string} placeholder - Placeholder text
|
|
10
|
+
* @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
|
|
11
|
+
* @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
|
|
12
|
+
* @attr {boolean} valid - Marks the field as valid
|
|
13
|
+
* @attr {boolean} invalid - Marks the field as invalid
|
|
14
|
+
* @attr {boolean} disabled - Disabled state
|
|
15
|
+
* @attr {boolean} masked - Whether the password is masked (default: true)
|
|
16
|
+
* @attr {string} show-button-text - Visible toggle button text when masked (default: 'Toon')
|
|
17
|
+
* @attr {string} hide-button-text - Visible toggle button text when unmasked (default: 'Verberg')
|
|
18
|
+
* @attr {string} show-button-accessible-label - aria-label for toggle when masked (default: 'Toon wachtwoord')
|
|
19
|
+
* @attr {string} hide-button-accessible-label - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
|
|
20
|
+
* @attr {boolean} readonly - Readonly state
|
|
21
|
+
* @attr {boolean} required - Required state
|
|
22
|
+
* @attr {string} name - Input name for form submission
|
|
23
|
+
* @attr {string} autocomplete - Autocomplete hint
|
|
24
|
+
* @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
|
|
25
|
+
* @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
|
|
26
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
27
27
|
*
|
|
28
|
-
* @fires input
|
|
28
|
+
* @fires input - When the input value changes ({ detail: { value } })
|
|
29
29
|
* @fires change - When the input value is committed ({ detail: { value } })
|
|
30
30
|
*/
|
|
31
31
|
import { LitElement, type PropertyValues } from 'lit';
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
import { type FormValue } from '../../../utilities/form-associated-mixin.js';
|
|
33
|
+
declare const NLDDPasswordField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
34
|
+
export declare class NLDDPasswordField extends NLDDPasswordField_base {
|
|
34
35
|
static shadowRootOptions: {
|
|
35
36
|
delegatesFocus: boolean;
|
|
36
37
|
clonable?: boolean;
|
|
@@ -40,7 +41,6 @@ export declare class NLDDPasswordField extends LitElement {
|
|
|
40
41
|
slotAssignment?: SlotAssignmentMode;
|
|
41
42
|
};
|
|
42
43
|
static styles: import("lit").CSSResult;
|
|
43
|
-
private _internals;
|
|
44
44
|
private _initialValue;
|
|
45
45
|
size: 'md' | 'sm';
|
|
46
46
|
value: string;
|
|
@@ -70,8 +70,8 @@ export declare class NLDDPasswordField extends LitElement {
|
|
|
70
70
|
private _input;
|
|
71
71
|
firstUpdated(): void;
|
|
72
72
|
updated(changed: PropertyValues): void;
|
|
73
|
+
formValue(): FormValue;
|
|
73
74
|
formResetCallback(): void;
|
|
74
|
-
formDisabledCallback(disabled: boolean): void;
|
|
75
75
|
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
76
76
|
_handleInput(e: Event): void;
|
|
77
77
|
_handleChange(e: Event): void;
|
|
@@ -85,4 +85,5 @@ declare global {
|
|
|
85
85
|
'nldd-password-field': NLDDPasswordField;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
+
export {};
|
|
88
89
|
//# sourceMappingURL=password-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAK7F,qBACa,iBAAkB,SAAQ,sBAA0B;IAEhE,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAuB;IAG7C,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,MAAM,UAAQ;IAEd,gFAAgF;IAEhF,cAAc,SAAU;IAExB,kFAAkF;IAElF,cAAc,SAAa;IAE3B,uGAAuG;IAEvG,yBAAyB,SAAqB;IAE9C,yGAAyG;IAEzG,yBAAyB,SAAwB;IAGjD,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,YAAY,SAAM;IAElB,6FAA6F;IAE7F,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,CAAC,MAAM,CAAoB;IAEzB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAWtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY7B,aAAa,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
|
|
@@ -11,38 +11,38 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
11
11
|
*
|
|
12
12
|
* @element nldd-password-field
|
|
13
13
|
*
|
|
14
|
-
* @attr {string} value
|
|
15
|
-
* @attr {string} placeholder
|
|
16
|
-
* @attr {string} input-id
|
|
17
|
-
* @attr {string} size
|
|
18
|
-
* @attr {boolean} valid
|
|
19
|
-
* @attr {boolean} invalid
|
|
20
|
-
* @attr {boolean} disabled
|
|
21
|
-
* @attr {boolean} masked
|
|
22
|
-
* @attr {string} show-button-text
|
|
23
|
-
* @attr {string} hide-button-text
|
|
24
|
-
* @attr {string} show-button-accessible-label
|
|
25
|
-
* @attr {string} hide-button-accessible-label
|
|
26
|
-
* @attr {boolean} readonly
|
|
27
|
-
* @attr {boolean} required
|
|
28
|
-
* @attr {string} name
|
|
29
|
-
* @attr {string} autocomplete
|
|
30
|
-
* @attr {string} accessible-label
|
|
31
|
-
* @attr {string} error-message-ids
|
|
32
|
-
* @attr {string} width
|
|
14
|
+
* @attr {string} value - The input value
|
|
15
|
+
* @attr {string} placeholder - Placeholder text
|
|
16
|
+
* @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
|
|
17
|
+
* @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
|
|
18
|
+
* @attr {boolean} valid - Marks the field as valid
|
|
19
|
+
* @attr {boolean} invalid - Marks the field as invalid
|
|
20
|
+
* @attr {boolean} disabled - Disabled state
|
|
21
|
+
* @attr {boolean} masked - Whether the password is masked (default: true)
|
|
22
|
+
* @attr {string} show-button-text - Visible toggle button text when masked (default: 'Toon')
|
|
23
|
+
* @attr {string} hide-button-text - Visible toggle button text when unmasked (default: 'Verberg')
|
|
24
|
+
* @attr {string} show-button-accessible-label - aria-label for toggle when masked (default: 'Toon wachtwoord')
|
|
25
|
+
* @attr {string} hide-button-accessible-label - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
|
|
26
|
+
* @attr {boolean} readonly - Readonly state
|
|
27
|
+
* @attr {boolean} required - Required state
|
|
28
|
+
* @attr {string} name - Input name for form submission
|
|
29
|
+
* @attr {string} autocomplete - Autocomplete hint
|
|
30
|
+
* @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
|
|
31
|
+
* @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
|
|
32
|
+
* @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
|
|
33
33
|
*
|
|
34
|
-
* @fires input
|
|
34
|
+
* @fires input - When the input value changes ({ detail: { value } })
|
|
35
35
|
* @fires change - When the input value is committed ({ detail: { value } })
|
|
36
36
|
*/
|
|
37
37
|
import { LitElement } from 'lit';
|
|
38
38
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
39
|
+
import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
|
|
39
40
|
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
40
41
|
import { passwordFieldStyles } from './password-field.styles.js';
|
|
41
42
|
import { passwordFieldTemplate } from './password-field.template.js';
|
|
42
|
-
let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
43
|
+
let NLDDPasswordField = class NLDDPasswordField extends FormAssociated(LitElement) {
|
|
43
44
|
constructor() {
|
|
44
45
|
super(...arguments);
|
|
45
|
-
this._internals = this.attachInternals();
|
|
46
46
|
this._initialValue = '';
|
|
47
47
|
this.size = 'md';
|
|
48
48
|
this.value = '';
|
|
@@ -83,16 +83,13 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
|
83
83
|
this.style.removeProperty('--_width');
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
}
|
|
87
|
+
formValue() {
|
|
88
|
+
return this.value;
|
|
89
89
|
}
|
|
90
90
|
formResetCallback() {
|
|
91
91
|
this.value = this._initialValue;
|
|
92
92
|
}
|
|
93
|
-
formDisabledCallback(disabled) {
|
|
94
|
-
this.disabled = disabled;
|
|
95
|
-
}
|
|
96
93
|
formStateRestoreCallback(state) {
|
|
97
94
|
if (typeof state === 'string')
|
|
98
95
|
this.value = state;
|
|
@@ -101,6 +98,7 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
|
101
98
|
e.stopPropagation();
|
|
102
99
|
const input = e.target;
|
|
103
100
|
this.value = input.value;
|
|
101
|
+
this.commitFormValue();
|
|
104
102
|
this.dispatchEvent(new CustomEvent('input', {
|
|
105
103
|
detail: { value: this.value },
|
|
106
104
|
bubbles: true,
|
|
@@ -111,6 +109,7 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
|
111
109
|
e.stopPropagation();
|
|
112
110
|
const input = e.target;
|
|
113
111
|
this.value = input.value;
|
|
112
|
+
this.commitFormValue();
|
|
114
113
|
this.dispatchEvent(new CustomEvent('change', {
|
|
115
114
|
detail: { value: this.value },
|
|
116
115
|
bubbles: true,
|
|
@@ -130,7 +129,6 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
|
130
129
|
return passwordFieldTemplate(this);
|
|
131
130
|
}
|
|
132
131
|
};
|
|
133
|
-
NLDDPasswordField.formAssociated = true;
|
|
134
132
|
NLDDPasswordField.shadowRootOptions = {
|
|
135
133
|
...LitElement.shadowRootOptions,
|
|
136
134
|
delegatesFocus: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,
|
|
1
|
+
{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -17,8 +17,8 @@ export const passwordFieldStyles = css `
|
|
|
17
17
|
--_text-font: var(--semantics-input-fields-md-text-font);
|
|
18
18
|
--_mask-font: var(--semantics-input-fields-md-mask-font);
|
|
19
19
|
--_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
|
|
20
|
-
--_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-
|
|
21
|
-
--
|
|
20
|
+
--_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-width) * 2 - var(--semantics-controls-sm-min-size)) / 2);
|
|
21
|
+
--_button-focus-z-index: 1;
|
|
22
22
|
|
|
23
23
|
${inheritedTextReset}
|
|
24
24
|
display: block;
|
|
@@ -38,7 +38,7 @@ export const passwordFieldStyles = css `
|
|
|
38
38
|
--_text-font: var(--semantics-input-fields-sm-text-font);
|
|
39
39
|
--_mask-font: var(--semantics-input-fields-sm-mask-font);
|
|
40
40
|
--_validation-icon-size: var(--semantics-input-fields-sm-validation-icon-size);
|
|
41
|
-
--_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-
|
|
41
|
+
--_visibility-toggle-padding: calc((var(--_min-size) - var(--semantics-input-fields-border-width) * 2 - var(--semantics-controls-xs-min-size)) / 2);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
|
|
@@ -52,7 +52,7 @@ export const passwordFieldStyles = css `
|
|
|
52
52
|
background-color: var(--_background-color);
|
|
53
53
|
min-height: var(--_min-size);
|
|
54
54
|
overflow: hidden;
|
|
55
|
-
padding-left: calc(var(--_inline-padding) - var(--semantics-input-fields-border-
|
|
55
|
+
padding-left: calc(var(--_inline-padding) - var(--semantics-input-fields-border-width));
|
|
56
56
|
flex-direction: row;
|
|
57
57
|
align-items: center;
|
|
58
58
|
}
|
|
@@ -99,7 +99,7 @@ export const passwordFieldStyles = css `
|
|
|
99
99
|
border: none;
|
|
100
100
|
background: transparent;
|
|
101
101
|
min-width: 0;
|
|
102
|
-
min-height: calc(var(--_min-size) - var(--semantics-input-fields-border-
|
|
102
|
+
min-height: calc(var(--_min-size) - var(--semantics-input-fields-border-width) * 2);
|
|
103
103
|
overflow: hidden;
|
|
104
104
|
padding: 0;
|
|
105
105
|
flex-grow: 1;
|
|
@@ -150,7 +150,7 @@ export const passwordFieldStyles = css `
|
|
|
150
150
|
|
|
151
151
|
.password-field__validation-icon-area {
|
|
152
152
|
display: flex;
|
|
153
|
-
width: calc(var(--_min-size) - var(--semantics-input-fields-border-
|
|
153
|
+
width: calc(var(--_min-size) - var(--semantics-input-fields-border-width) * 2);
|
|
154
154
|
height: 100%;
|
|
155
155
|
flex-shrink: 0;
|
|
156
156
|
align-items: center;
|
|
@@ -182,7 +182,7 @@ export const passwordFieldStyles = css `
|
|
|
182
182
|
|
|
183
183
|
.password-field__visibility-toggle-button:focus-within {
|
|
184
184
|
position: relative;
|
|
185
|
-
z-index: var(--
|
|
185
|
+
z-index: var(--_button-focus-z-index);
|
|
186
186
|
}
|
|
187
187
|
`;
|
|
188
188
|
//# sourceMappingURL=password-field.styles.js.map
|
|
@@ -12,21 +12,21 @@
|
|
|
12
12
|
* </fieldset>
|
|
13
13
|
*
|
|
14
14
|
* @element nldd-radio-button
|
|
15
|
-
* @attr {boolean} checked
|
|
15
|
+
* @attr {boolean} checked - Checked state
|
|
16
16
|
* @attr {boolean} disabled - Disabled state
|
|
17
17
|
* @attr {boolean} required - Required state
|
|
18
|
-
* @attr {string}
|
|
19
|
-
* @attr {string}
|
|
20
|
-
* @attr {string}
|
|
18
|
+
* @attr {string} name - Radio group name for form submission; ties the buttons of one group together
|
|
19
|
+
* @attr {string} value - Value submitted with the form when this radio button is checked
|
|
20
|
+
* @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
|
|
21
21
|
* Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
|
|
22
22
|
*
|
|
23
23
|
* @fires change - When checked state changes; detail: { checked: boolean, value: string, name: string }
|
|
24
24
|
*/
|
|
25
|
-
import { LitElement
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
import { LitElement } from 'lit';
|
|
26
|
+
import { type FormValue } from '../../../utilities/form-associated-mixin.js';
|
|
27
|
+
declare const NLDDRadioButton_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
28
|
+
export declare class NLDDRadioButton extends NLDDRadioButton_base {
|
|
28
29
|
static styles: import("lit").CSSResult;
|
|
29
|
-
private _internals;
|
|
30
30
|
private _initialChecked;
|
|
31
31
|
checked: boolean;
|
|
32
32
|
disabled: boolean;
|
|
@@ -35,9 +35,8 @@ export declare class NLDDRadioButton extends LitElement {
|
|
|
35
35
|
value: string;
|
|
36
36
|
accessibleLabel: string;
|
|
37
37
|
firstUpdated(): void;
|
|
38
|
-
|
|
38
|
+
formValue(): FormValue;
|
|
39
39
|
formResetCallback(): void;
|
|
40
|
-
formDisabledCallback(disabled: boolean): void;
|
|
41
40
|
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
42
41
|
select(): void;
|
|
43
42
|
_handleChange(e: Event): void;
|
|
@@ -48,4 +47,5 @@ declare global {
|
|
|
48
47
|
'nldd-radio-button': NLDDRadioButton;
|
|
49
48
|
}
|
|
50
49
|
}
|
|
50
|
+
export {};
|
|
51
51
|
//# sourceMappingURL=radio-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAI7F,qBACa,eAAgB,SAAQ,oBAA0B;IAE9D,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,eAAe,SAAM;IAEZ,YAAY,IAAI,IAAI;IAKpB,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;IAQd,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|
|
@@ -18,24 +18,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
18
18
|
* </fieldset>
|
|
19
19
|
*
|
|
20
20
|
* @element nldd-radio-button
|
|
21
|
-
* @attr {boolean} checked
|
|
21
|
+
* @attr {boolean} checked - Checked state
|
|
22
22
|
* @attr {boolean} disabled - Disabled state
|
|
23
23
|
* @attr {boolean} required - Required state
|
|
24
|
-
* @attr {string}
|
|
25
|
-
* @attr {string}
|
|
26
|
-
* @attr {string}
|
|
24
|
+
* @attr {string} name - Radio group name for form submission; ties the buttons of one group together
|
|
25
|
+
* @attr {string} value - Value submitted with the form when this radio button is checked
|
|
26
|
+
* @attr {string} accessible-label - Accessible label forwarded as aria-label to the native input.
|
|
27
27
|
* Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
|
|
28
28
|
*
|
|
29
29
|
* @fires change - When checked state changes; detail: { checked: boolean, value: string, name: string }
|
|
30
30
|
*/
|
|
31
31
|
import { LitElement } from 'lit';
|
|
32
32
|
import { customElement, property } from 'lit/decorators.js';
|
|
33
|
+
import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
|
|
33
34
|
import { radioButtonStyles } from './radio-button.styles.js';
|
|
34
35
|
import { radioButtonTemplate } from './radio-button.template.js';
|
|
35
|
-
let NLDDRadioButton = class NLDDRadioButton extends LitElement {
|
|
36
|
+
let NLDDRadioButton = class NLDDRadioButton extends FormAssociated(LitElement) {
|
|
36
37
|
constructor() {
|
|
37
38
|
super(...arguments);
|
|
38
|
-
this._internals = this.attachInternals();
|
|
39
39
|
this._initialChecked = false;
|
|
40
40
|
this.checked = false;
|
|
41
41
|
this.disabled = false;
|
|
@@ -47,17 +47,12 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
|
|
|
47
47
|
firstUpdated() {
|
|
48
48
|
this._initialChecked = this.checked;
|
|
49
49
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
this._internals.setFormValue(this.checked ? this.value : null);
|
|
53
|
-
}
|
|
50
|
+
formValue() {
|
|
51
|
+
return this.checked ? this.value : null;
|
|
54
52
|
}
|
|
55
53
|
formResetCallback() {
|
|
56
54
|
this.checked = this._initialChecked;
|
|
57
55
|
}
|
|
58
|
-
formDisabledCallback(disabled) {
|
|
59
|
-
this.disabled = disabled;
|
|
60
|
-
}
|
|
61
56
|
formStateRestoreCallback(state) {
|
|
62
57
|
this.checked = state !== null;
|
|
63
58
|
}
|
|
@@ -73,6 +68,7 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
|
|
|
73
68
|
_handleChange(e) {
|
|
74
69
|
const input = e.target;
|
|
75
70
|
this.checked = input.checked;
|
|
71
|
+
this.commitFormValue();
|
|
76
72
|
this.dispatchEvent(new CustomEvent('change', {
|
|
77
73
|
detail: { checked: this.checked, value: this.value, name: this.name },
|
|
78
74
|
bubbles: true,
|
|
@@ -83,7 +79,6 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
|
|
|
83
79
|
return radioButtonTemplate(this);
|
|
84
80
|
}
|
|
85
81
|
};
|
|
86
|
-
NLDDRadioButton.formAssociated = true;
|
|
87
82
|
NLDDRadioButton.styles = radioButtonStyles;
|
|
88
83
|
__decorate([
|
|
89
84
|
property({ type: Boolean, reflect: true })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -39,7 +39,7 @@ export const radioButtonStyles = css `
|
|
|
39
39
|
.radio-button__outer-shape {
|
|
40
40
|
box-sizing: border-box;
|
|
41
41
|
position: relative;
|
|
42
|
-
border: var(--components-radio-button-border-
|
|
42
|
+
border: var(--components-radio-button-border-width) solid var(--components-radio-button-border-color);
|
|
43
43
|
border-radius: 50%;
|
|
44
44
|
background-color: var(--components-radio-button-background-color);
|
|
45
45
|
width: var(--semantics-controls-xs-min-size);
|
|
@@ -51,7 +51,7 @@ export const radioButtonStyles = css `
|
|
|
51
51
|
position: absolute;
|
|
52
52
|
top: 50%;
|
|
53
53
|
left: 50%;
|
|
54
|
-
border: var(--components-radio-button-is-selected-inner-shape-border-
|
|
54
|
+
border: var(--components-radio-button-is-selected-inner-shape-border-width) solid var(--components-radio-button-is-selected-inner-shape-border-color);
|
|
55
55
|
border-radius: 50%;
|
|
56
56
|
width: var(--primitives-space-20);
|
|
57
57
|
height: var(--primitives-space-20);
|
|
@@ -4,26 +4,43 @@
|
|
|
4
4
|
* A radio button with an inline label. Use inside nldd-radio-button-group
|
|
5
5
|
* for keyboard navigation and group semantics. The group sets the name.
|
|
6
6
|
*
|
|
7
|
+
* Form-associated: the checked field submits its `value` under `name` (the
|
|
8
|
+
* inner nldd-radio-button sits in the shadow root and never joins the
|
|
9
|
+
* consumer's form; the field submits on its behalf). Unchecking siblings is
|
|
10
|
+
* the group's job, so exactly one value per group reaches the form.
|
|
11
|
+
*
|
|
7
12
|
* @element nldd-radio-button-field
|
|
8
|
-
* @attr {boolean} checked
|
|
13
|
+
* @attr {boolean} checked - Checked state
|
|
9
14
|
* @attr {boolean} disabled - Disabled state
|
|
10
|
-
* @attr {string}
|
|
11
|
-
* @attr {string}
|
|
15
|
+
* @attr {string} value - Value for form submission
|
|
16
|
+
* @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
|
|
12
17
|
* @attr {boolean} required - Required state, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
|
|
13
|
-
* @attr {string}
|
|
18
|
+
* @attr {string} label - Label text for the radio button
|
|
14
19
|
*
|
|
15
20
|
* @fires change - When checked state changes; detail: { checked: boolean, value: string }
|
|
16
21
|
*/
|
|
17
22
|
import { LitElement } from 'lit';
|
|
18
|
-
|
|
23
|
+
import { type FormValue } from '../../../utilities/form-associated-mixin.js';
|
|
24
|
+
declare const NLDDRadioButtonField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
|
|
25
|
+
export declare class NLDDRadioButtonField extends NLDDRadioButtonField_base {
|
|
19
26
|
static styles: import("lit").CSSResult;
|
|
27
|
+
private _initialChecked;
|
|
20
28
|
checked: boolean;
|
|
21
29
|
disabled: boolean;
|
|
22
30
|
value: string;
|
|
23
|
-
/** Set by nldd-radio-button-group. Not part of the public API.
|
|
31
|
+
/** Set by nldd-radio-button-group. Not part of the public API.
|
|
32
|
+
* Reflected: form association reads the host's name attribute, and the
|
|
33
|
+
* group assigns the property. */
|
|
24
34
|
name: string;
|
|
25
35
|
required: boolean;
|
|
26
36
|
label: string;
|
|
37
|
+
firstUpdated(): void;
|
|
38
|
+
/** An unchecked radio contributes nothing to the form. The group calls
|
|
39
|
+
* `commitFormValue()` on the siblings it unchecks, so a listener that reads
|
|
40
|
+
* the form while `change` is still propagating never sees two values. */
|
|
41
|
+
formValue(): FormValue;
|
|
42
|
+
formResetCallback(): void;
|
|
43
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
27
44
|
_handleLabelClick(e: Event): void;
|
|
28
45
|
_handleChange(e: Event): void;
|
|
29
46
|
render(): import("lit-html").TemplateResult;
|
|
@@ -33,4 +50,5 @@ declare global {
|
|
|
33
50
|
'nldd-radio-button-field': NLDDRadioButtonField;
|
|
34
51
|
}
|
|
35
52
|
}
|
|
53
|
+
export {};
|
|
36
54
|
//# sourceMappingURL=radio-button-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"radio-button-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAK7F,qBACa,oBAAqB,SAAQ,yBAA0B;IAEnE,OAAgB,MAAM,0BAA0B;IAGhD,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEX;;sCAEkC;IAElC,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEF,YAAY,IAAI,IAAI;IAI7B;;8EAE0E;IACjE,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,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;IAU3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
|
|
@@ -10,31 +10,55 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
10
10
|
* A radio button with an inline label. Use inside nldd-radio-button-group
|
|
11
11
|
* for keyboard navigation and group semantics. The group sets the name.
|
|
12
12
|
*
|
|
13
|
+
* Form-associated: the checked field submits its `value` under `name` (the
|
|
14
|
+
* inner nldd-radio-button sits in the shadow root and never joins the
|
|
15
|
+
* consumer's form; the field submits on its behalf). Unchecking siblings is
|
|
16
|
+
* the group's job, so exactly one value per group reaches the form.
|
|
17
|
+
*
|
|
13
18
|
* @element nldd-radio-button-field
|
|
14
|
-
* @attr {boolean} checked
|
|
19
|
+
* @attr {boolean} checked - Checked state
|
|
15
20
|
* @attr {boolean} disabled - Disabled state
|
|
16
|
-
* @attr {string}
|
|
17
|
-
* @attr {string}
|
|
21
|
+
* @attr {string} value - Value for form submission
|
|
22
|
+
* @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
|
|
18
23
|
* @attr {boolean} required - Required state, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
|
|
19
|
-
* @attr {string}
|
|
24
|
+
* @attr {string} label - Label text for the radio button
|
|
20
25
|
*
|
|
21
26
|
* @fires change - When checked state changes; detail: { checked: boolean, value: string }
|
|
22
27
|
*/
|
|
23
28
|
import { LitElement } from 'lit';
|
|
24
29
|
import { customElement, property } from 'lit/decorators.js';
|
|
30
|
+
import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
|
|
25
31
|
import { radioButtonFieldStyles } from './radio-button-field.styles.js';
|
|
26
32
|
import { radioButtonFieldTemplate } from './radio-button-field.template.js';
|
|
27
|
-
let NLDDRadioButtonField = class NLDDRadioButtonField extends LitElement {
|
|
33
|
+
let NLDDRadioButtonField = class NLDDRadioButtonField extends FormAssociated(LitElement) {
|
|
28
34
|
constructor() {
|
|
29
35
|
super(...arguments);
|
|
36
|
+
this._initialChecked = false;
|
|
30
37
|
this.checked = false;
|
|
31
38
|
this.disabled = false;
|
|
32
39
|
this.value = '';
|
|
33
|
-
/** Set by nldd-radio-button-group. Not part of the public API.
|
|
40
|
+
/** Set by nldd-radio-button-group. Not part of the public API.
|
|
41
|
+
* Reflected: form association reads the host's name attribute, and the
|
|
42
|
+
* group assigns the property. */
|
|
34
43
|
this.name = '';
|
|
35
44
|
this.required = false;
|
|
36
45
|
this.label = '';
|
|
37
46
|
}
|
|
47
|
+
firstUpdated() {
|
|
48
|
+
this._initialChecked = this.checked;
|
|
49
|
+
}
|
|
50
|
+
/** An unchecked radio contributes nothing to the form. The group calls
|
|
51
|
+
* `commitFormValue()` on the siblings it unchecks, so a listener that reads
|
|
52
|
+
* the form while `change` is still propagating never sees two values. */
|
|
53
|
+
formValue() {
|
|
54
|
+
return this.checked ? this.value : null;
|
|
55
|
+
}
|
|
56
|
+
formResetCallback() {
|
|
57
|
+
this.checked = this._initialChecked;
|
|
58
|
+
}
|
|
59
|
+
formStateRestoreCallback(state) {
|
|
60
|
+
this.checked = state !== null;
|
|
61
|
+
}
|
|
38
62
|
_handleLabelClick(e) {
|
|
39
63
|
if (this.disabled)
|
|
40
64
|
return;
|
|
@@ -45,6 +69,7 @@ let NLDDRadioButtonField = class NLDDRadioButtonField extends LitElement {
|
|
|
45
69
|
}
|
|
46
70
|
_handleChange(e) {
|
|
47
71
|
this.checked = e.detail.checked;
|
|
72
|
+
this.commitFormValue();
|
|
48
73
|
this.dispatchEvent(new CustomEvent('change', {
|
|
49
74
|
detail: { checked: this.checked, value: this.value },
|
|
50
75
|
bubbles: true,
|
|
@@ -66,7 +91,7 @@ __decorate([
|
|
|
66
91
|
property({ type: String })
|
|
67
92
|
], NLDDRadioButtonField.prototype, "value", void 0);
|
|
68
93
|
__decorate([
|
|
69
|
-
property({ type: String })
|
|
94
|
+
property({ type: String, reflect: true })
|
|
70
95
|
], NLDDRadioButtonField.prototype, "name", void 0);
|
|
71
96
|
__decorate([
|
|
72
97
|
property({ type: Boolean, reflect: true })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"radio-button-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAkB,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAIrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,cAAc,CAAC,UAAU,CAAC;IAA7D;;QAKE,oBAAe,GAAG,KAAK,CAAC;QAGhC,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;QAEX;;0CAEkC;QAElC,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;IA0CZ,CAAC;IAxCS,YAAY;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;IAED;;8EAE0E;IACjE,SAAS;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACzC,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACrC,CAAC;IAGD,wBAAwB,CAAC,KAAsC;QAC9D,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC/B,CAAC;IAEM,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,EAAE,CAAC,mBAAmB,CAAC;YAAE,OAAO;QACrE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAA2B,CAAC;QAClG,WAAW,EAAE,MAAM,EAAE,CAAC;IACvB,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,IAAI,CAAC,OAAO,GAAI,CAAuC,CAAC,MAAM,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAjEe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAMhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AA1BC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAoEhC"}
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
* Use inside nldd-form-field which provides the group label.
|
|
7
7
|
*
|
|
8
8
|
* @element nldd-radio-button-group
|
|
9
|
-
* @attr {string}
|
|
9
|
+
* @attr {string} name - Forwarded to all slotted nldd-radio-button-field elements
|
|
10
10
|
* @attr {boolean} disabled - Disables all slotted fields
|
|
11
11
|
* @attr {boolean} required - Marks the group as required
|
|
12
|
-
* @attr {string}
|
|
12
|
+
* @attr {string} accessible-labeled-by - Id of an external label element, set as aria-labelledby on the group
|
|
13
13
|
*
|
|
14
14
|
* @slot - Slot for nldd-radio-button-field elements
|
|
15
15
|
*
|
|
@@ -21,7 +21,7 @@ export declare class NLDDRadioButtonGroup extends LitElement {
|
|
|
21
21
|
name: string;
|
|
22
22
|
disabled: boolean;
|
|
23
23
|
required: boolean;
|
|
24
|
-
|
|
24
|
+
accessibleLabeledBy: string;
|
|
25
25
|
connectedCallback(): void;
|
|
26
26
|
disconnectedCallback(): void;
|
|
27
27
|
updated(changed: Map<PropertyKey, unknown>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAGhD,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,
|
|
1
|
+
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAGhD,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,mBAAmB,SAAM;IAEhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAoB1D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,cAAc,CAkCpB;IAEF,aAAa,QAAO,IAAI,CAEtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
|