@nldd/design-system 0.8.92 → 0.8.93
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/NOTICES.md +9 -27
- package/README.md +37 -24
- package/custom-elements.json +1640 -1494
- package/dist/components/actions/button/button.d.ts +20 -1
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +47 -3
- 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 +3 -1
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.js +3 -3
- package/dist/components/actions/button-group/button-group.d.ts +48 -3
- package/dist/components/actions/button-group/button-group.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.js +104 -11
- package/dist/components/actions/button-group/button-group.js.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.js +64 -4
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +5 -2
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +5 -2
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +7 -4
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +29 -29
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +53 -53
- 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 +4 -0
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.template.js +8 -2
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +24 -10
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +57 -26
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +7 -7
- package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.js +3 -2
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +1909 -928
- package/dist/components/content/avatar/avatar.d.ts +23 -5
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.js +23 -5
- 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 +5 -2
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.template.js +6 -2
- package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +18 -6
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +30 -10
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/identity/identity.template.d.ts.map +1 -1
- package/dist/components/content/identity/identity.template.js +4 -1
- package/dist/components/content/identity/identity.template.js.map +1 -1
- package/dist/components/content/image/image.template.d.ts.map +1 -1
- package/dist/components/content/image/image.template.js +7 -2
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +18 -9
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +24 -15
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts +2 -2
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +5 -5
- package/dist/components/content/tag/tag.js.map +1 -1
- package/dist/components/content/tag/tag.template.js +2 -2
- package/dist/components/content/title/title.d.ts +30 -6
- package/dist/components/content/title/title.d.ts.map +1 -1
- package/dist/components/content/title/title.js +72 -8
- package/dist/components/content/title/title.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +41 -4
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/title/title.template.d.ts +2 -1
- package/dist/components/content/title/title.template.d.ts.map +1 -1
- package/dist/components/content/title/title.template.js +33 -5
- package/dist/components/content/title/title.template.js.map +1 -1
- package/dist/components/content/token/token.d.ts +15 -5
- package/dist/components/content/token/token.d.ts.map +1 -1
- package/dist/components/content/token/token.i18n.d.ts +7 -0
- package/dist/components/content/token/token.i18n.d.ts.map +1 -0
- package/dist/components/content/token/token.i18n.js +6 -0
- package/dist/components/content/token/token.i18n.js.map +1 -0
- package/dist/components/content/token/token.js +55 -14
- package/dist/components/content/token/token.js.map +1 -1
- package/dist/components/content/token/token.template.js +4 -4
- package/dist/components/content/token/token.template.js.map +1 -1
- package/dist/components/forms/form/form.d.ts +18 -7
- package/dist/components/forms/form/form.d.ts.map +1 -1
- package/dist/components/forms/form/form.js +18 -7
- package/dist/components/forms/form/form.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.d.ts +1 -1
- package/dist/components/forms/form-actions/form-actions.js +1 -1
- package/dist/components/forms/form-field/form-field.d.ts +12 -1
- package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.js +12 -1
- package/dist/components/forms/form-field/form-field.js.map +1 -1
- package/dist/components/forms/form-section/form-section.d.ts +3 -3
- package/dist/components/forms/form-section/form-section.js +8 -8
- package/dist/components/forms/form-section/form-section.js.map +1 -1
- package/dist/components/forms/validation-list/validation-list.d.ts +7 -4
- package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -1
- package/dist/components/forms/validation-list/validation-list.js +7 -4
- package/dist/components/forms/validation-list/validation-list.js.map +1 -1
- package/dist/components/{icon-C_zwJZ_g.js → icon-DWNVcttg.js} +4 -4
- package/dist/components/{icon-button-oua8pmMC.js → icon-button-hO6k8W63.js} +17 -11
- package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.js +11 -5
- package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +4 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +4 -1
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +2 -2
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.template.js +5 -3
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.template.js +1 -1
- package/dist/components/inputs/dropdown/dropdown.template.js +3 -3
- package/dist/components/inputs/file-field/file-field.template.js +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -2
- package/dist/components/inputs/number-field/number-field.styles.js +4 -4
- package/dist/components/inputs/password-field/password-field.template.js +2 -2
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +24 -24
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +40 -40
- 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 -2
- package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +2 -2
- package/dist/components/inputs/switch/switch.template.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.js +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +1 -1
- package/dist/components/inputs/text-field/text-field.template.js +2 -2
- package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
- package/dist/components/inputs/time-field/time-field.template.js +5 -3
- package/dist/components/inputs/time-field/time-field.template.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 +4 -3
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +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.styles.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.styles.js +2 -1
- package/dist/components/inputs/token-field/token-field.styles.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.template.d.ts.map +1 -1
- package/dist/components/inputs/token-field/token-field.template.js +6 -4
- package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +8 -0
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +8 -0
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/card/card.d.ts +4 -4
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.js +7 -7
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/card/card.template.d.ts.map +1 -1
- package/dist/components/layout/card/card.template.js +4 -2
- package/dist/components/layout/card/card.template.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +11 -6
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +19 -14
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +4 -1
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +13 -8
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +19 -14
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/page/page.d.ts +52 -2
- package/dist/components/layout/page/page.d.ts.map +1 -1
- package/dist/components/layout/page/page.js +94 -3
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page/page.template.d.ts +6 -0
- package/dist/components/layout/page/page.template.d.ts.map +1 -1
- package/dist/components/layout/page/page.template.js +21 -6
- package/dist/components/layout/page/page.template.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.d.ts +2 -2
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +4 -4
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.template.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.template.js +16 -4
- package/dist/components/layout/page-footer/page-footer.template.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +4 -6
- 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 +4 -5
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +8 -2
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.d.ts +12 -14
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +19 -20
- package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.template.js +6 -2
- package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -8
- 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 +6 -7
- 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-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +8 -2
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -8
- 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 +6 -7
- 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/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +8 -2
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts +139 -44
- package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.js +44 -47
- package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +11 -12
- 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 +19 -19
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js +8 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +14 -8
- 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 +14 -7
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js +8 -2
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -8
- 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 +6 -7
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +8 -2
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
- package/dist/components/layout/popover/popover.d.ts +12 -8
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +38 -18
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +26 -11
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +59 -20
- 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 +4 -0
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +1 -1
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/layout/spacer/spacer.d.ts +13 -0
- package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.js +13 -0
- package/dist/components/layout/spacer/spacer.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +11 -6
- 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 +17 -12
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -0
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +3 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +3 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +4 -4
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +8 -8
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +30 -18
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +66 -31
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.d.ts +4 -2
- package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.js +7 -5
- package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js +88 -16
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +4 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +7 -5
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.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 +23 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js +11 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +5 -5
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js +8 -2
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +5 -5
- 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 +8 -8
- 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.template.js +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +3 -3
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +6 -6
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js +8 -2
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +3 -3
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +6 -6
- 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 +4 -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.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +25 -8
- 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 +61 -39
- 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 +106 -37
- 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 +4 -14
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +35 -10
- 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 +45 -18
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +4 -14
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +11 -2
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.d.ts +2 -2
- package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.js +5 -5
- package/dist/components/lists-and-tables/table/table.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +6 -6
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/link/link.template.js +2 -2
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +4 -4
- package/dist/components/navigation/pagination/pagination.styles.js +4 -4
- package/dist/components/navigation/pagination/pagination.template.js +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js +2 -2
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +4 -2
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +6 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +7 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js +18 -3
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +4 -4
- package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.js +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +14 -5
- 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 +43 -13
- 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 +4 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.d.ts +8 -8
- package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.js +13 -13
- package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.template.js +5 -2
- package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -1
- package/dist/components/status-and-feedback/notification/{notification-region.d.ts → notifications-area.d.ts} +3 -3
- package/dist/components/status-and-feedback/notification/notifications-area.d.ts.map +1 -0
- package/dist/components/status-and-feedback/notification/{notification-region.js → notifications-area.js} +137 -140
- package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +4 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +2 -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.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +106 -18
- 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.template.js +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +4 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js +4 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +2 -2
- package/dist/css/form-section.css +4 -4
- package/dist/css/form.css +4 -0
- package/dist/css/rich-text.css +26 -11
- package/dist/css/variables.css +3 -14
- package/dist/nldd.min.js +1316 -841
- package/dist/types/vue.d.ts +313 -266
- package/dist/utilities/page-section-mixin.d.ts +3 -8
- package/dist/utilities/page-section-mixin.d.ts.map +1 -1
- package/dist/utilities/page-section-mixin.js +4 -84
- package/dist/utilities/page-section-mixin.js.map +1 -1
- package/dist/utilities/title-bar-label-controller.d.ts +25 -0
- package/dist/utilities/title-bar-label-controller.d.ts.map +1 -0
- package/dist/utilities/title-bar-label-controller.js +52 -0
- package/dist/utilities/title-bar-label-controller.js.map +1 -0
- package/package.json +4 -2
- package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +0 -1
- package/dist/components/status-and-feedback/notification/notification-region.js.map +0 -1
|
@@ -18,11 +18,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
18
18
|
*
|
|
19
19
|
* @attr {string} text - Token text; falls back to the default slot when unset.
|
|
20
20
|
* @attr {'none' | 'dismiss' | 'menu'} control - Control type (default: 'none')
|
|
21
|
+
* @attr {string} dismiss-text - Accessible label for the dismiss button. Unset, it names the token: `Verwijder "{text}"`, so a row of tokens does not read as a row of identical buttons.
|
|
22
|
+
* @attr {string} menu-text - Accessible label for the menu button. Unset, it is `Toon opties voor "{text}"`.
|
|
23
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
24
|
+
* @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
|
|
21
25
|
* @attr {boolean} expanded - Reflects whether the token's menu is open (control="menu"); managed by the token.
|
|
22
26
|
* @attr {boolean} disabled - Disabled state
|
|
23
|
-
* @attr {string} dismiss-text - Accessible label for the dismiss button (default: 'Verwijder')
|
|
24
|
-
* @attr {string} menu-text - Accessible label for the menu button (default: 'Toon opties')
|
|
25
|
-
* @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
|
|
26
27
|
*
|
|
27
28
|
* @slot - Token text
|
|
28
29
|
* @slot menu - An nldd-menu that the token opens from its menu button (control="menu").
|
|
@@ -30,10 +31,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
30
31
|
* @fires dismiss - When the dismiss button is clicked
|
|
31
32
|
*/
|
|
32
33
|
import { LitElement } from 'lit';
|
|
33
|
-
import { customElement, property, query } from 'lit/decorators.js';
|
|
34
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
34
35
|
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
35
36
|
import { tokenStyles } from './token.styles.js';
|
|
36
37
|
import { tokenTemplate } from './token.template.js';
|
|
38
|
+
import { nlddTokenTranslations } from './token.i18n.js';
|
|
37
39
|
import './../../actions/icon-button/icon-button.js';
|
|
38
40
|
let NLDDToken = class NLDDToken extends LitElement {
|
|
39
41
|
constructor() {
|
|
@@ -42,15 +44,19 @@ let NLDDToken = class NLDDToken extends LitElement {
|
|
|
42
44
|
* content keeps working. */
|
|
43
45
|
this.text = '';
|
|
44
46
|
this.control = 'none';
|
|
45
|
-
this.
|
|
46
|
-
this.
|
|
47
|
-
this.
|
|
48
|
-
this.menuText = 'Toon opties';
|
|
47
|
+
this.dismissText = '';
|
|
48
|
+
this.menuText = '';
|
|
49
|
+
this.translations = {};
|
|
49
50
|
/** Inside a roving-focus container (e.g. nldd-token-field): the host carries the
|
|
50
51
|
* single tab stop and manages focus itself, so the trailing control (dismiss or
|
|
51
52
|
* menu) is taken out of the tab order — it stays reachable by mouse and by the
|
|
52
53
|
* host's own key handlers. */
|
|
53
54
|
this.roving = false;
|
|
55
|
+
this.expanded = false;
|
|
56
|
+
this.disabled = false;
|
|
57
|
+
/** Text of the default slot, kept current for the control labels. */
|
|
58
|
+
this._slotText = '';
|
|
59
|
+
this._textObserver = new MutationObserver(() => this._readSlotText());
|
|
54
60
|
this._menu = null;
|
|
55
61
|
this._pointerdownWhileOpen = false;
|
|
56
62
|
this._handleMenuToggle = (e) => {
|
|
@@ -79,6 +85,32 @@ let NLDDToken = class NLDDToken extends LitElement {
|
|
|
79
85
|
}
|
|
80
86
|
};
|
|
81
87
|
}
|
|
88
|
+
_readSlotText() {
|
|
89
|
+
this._slotText = [...this.childNodes]
|
|
90
|
+
.filter((node) => !(node instanceof Element && node.hasAttribute('slot')))
|
|
91
|
+
.map((node) => node.textContent)
|
|
92
|
+
.join('')
|
|
93
|
+
.replace(/\s+/g, ' ')
|
|
94
|
+
.trim();
|
|
95
|
+
}
|
|
96
|
+
_t(key) {
|
|
97
|
+
return this.translations[key] ?? nlddTokenTranslations[key];
|
|
98
|
+
}
|
|
99
|
+
get _dismissLabel() {
|
|
100
|
+
const label = this.text || this._slotText;
|
|
101
|
+
if (this.dismissText)
|
|
102
|
+
return this.dismissText;
|
|
103
|
+
const action = this._t('components.token.dismiss-action');
|
|
104
|
+
return label ? `${action} "${label}"` : action;
|
|
105
|
+
}
|
|
106
|
+
get _menuLabel() {
|
|
107
|
+
const label = this.text || this._slotText;
|
|
108
|
+
if (this.menuText)
|
|
109
|
+
return this.menuText;
|
|
110
|
+
if (!label)
|
|
111
|
+
return this._t('components.token.open-menu-action');
|
|
112
|
+
return `${this._t('components.token.open-token-menu-action')} "${label}"`;
|
|
113
|
+
}
|
|
82
114
|
_handleDismiss(e) {
|
|
83
115
|
e.stopPropagation();
|
|
84
116
|
if (this.disabled)
|
|
@@ -125,9 +157,12 @@ let NLDDToken = class NLDDToken extends LitElement {
|
|
|
125
157
|
connectedCallback() {
|
|
126
158
|
super.connectedCallback();
|
|
127
159
|
this.addEventListener('keydown', this._handleHostKeydown);
|
|
160
|
+
this._readSlotText();
|
|
161
|
+
this._textObserver.observe(this, { childList: true, characterData: true, subtree: true });
|
|
128
162
|
}
|
|
129
163
|
disconnectedCallback() {
|
|
130
164
|
this.removeEventListener('keydown', this._handleHostKeydown);
|
|
165
|
+
this._textObserver.disconnect();
|
|
131
166
|
super.disconnectedCallback();
|
|
132
167
|
}
|
|
133
168
|
/** Force the focus ring so the whole token reads as focused when it is focused
|
|
@@ -149,21 +184,27 @@ __decorate([
|
|
|
149
184
|
__decorate([
|
|
150
185
|
property({ reflect: true, converter: reflectNonDefault('none') })
|
|
151
186
|
], NLDDToken.prototype, "control", void 0);
|
|
152
|
-
__decorate([
|
|
153
|
-
property({ type: Boolean, reflect: true })
|
|
154
|
-
], NLDDToken.prototype, "expanded", void 0);
|
|
155
|
-
__decorate([
|
|
156
|
-
property({ type: Boolean, reflect: true })
|
|
157
|
-
], NLDDToken.prototype, "disabled", void 0);
|
|
158
187
|
__decorate([
|
|
159
188
|
property({ type: String, attribute: 'dismiss-text' })
|
|
160
189
|
], NLDDToken.prototype, "dismissText", void 0);
|
|
161
190
|
__decorate([
|
|
162
191
|
property({ type: String, attribute: 'menu-text' })
|
|
163
192
|
], NLDDToken.prototype, "menuText", void 0);
|
|
193
|
+
__decorate([
|
|
194
|
+
property({ type: Object })
|
|
195
|
+
], NLDDToken.prototype, "translations", void 0);
|
|
164
196
|
__decorate([
|
|
165
197
|
property({ type: Boolean, reflect: true })
|
|
166
198
|
], NLDDToken.prototype, "roving", void 0);
|
|
199
|
+
__decorate([
|
|
200
|
+
property({ type: Boolean, reflect: true })
|
|
201
|
+
], NLDDToken.prototype, "expanded", void 0);
|
|
202
|
+
__decorate([
|
|
203
|
+
property({ type: Boolean, reflect: true })
|
|
204
|
+
], NLDDToken.prototype, "disabled", void 0);
|
|
205
|
+
__decorate([
|
|
206
|
+
state()
|
|
207
|
+
], NLDDToken.prototype, "_slotText", void 0);
|
|
167
208
|
__decorate([
|
|
168
209
|
query('.token__menu-action nldd-icon-button')
|
|
169
210
|
], NLDDToken.prototype, "_menuButton", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,8 +11,8 @@ export function tokenTemplate(component) {
|
|
|
11
11
|
size="sm"
|
|
12
12
|
variant="neutral-tinted"
|
|
13
13
|
icon="dismiss-small"
|
|
14
|
-
text=${component.
|
|
15
|
-
accessible-label=${component.
|
|
14
|
+
text=${component._dismissLabel}
|
|
15
|
+
accessible-label=${component._dismissLabel}
|
|
16
16
|
tooltip-timing="never"
|
|
17
17
|
?no-tab=${component.roving}
|
|
18
18
|
?disabled=${component.disabled}
|
|
@@ -26,8 +26,8 @@ export function tokenTemplate(component) {
|
|
|
26
26
|
size="sm"
|
|
27
27
|
variant="neutral-tinted"
|
|
28
28
|
icon="chevron-down-small"
|
|
29
|
-
text=${component.
|
|
30
|
-
accessible-label=${component.
|
|
29
|
+
text=${component._menuLabel}
|
|
30
|
+
accessible-label=${component._menuLabel}
|
|
31
31
|
tooltip-timing="never"
|
|
32
32
|
popup-type="menu"
|
|
33
33
|
?no-tab=${component.roving}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD;2DAC2D;AAC3D,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;+BAEmB,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe;KAC/D,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD;2DAC2D;AAC3D,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;+BAEmB,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe;KAC/D,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,aAAa;yBACX,SAAS,CAAC,aAAa;;gBAEhC,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;KACT,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM3B,SAAS,CAAC,UAAU;yBACR,SAAS,CAAC,UAAU;;;gBAG7B,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;kBAClB,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,4BAA4B;eAC5C,SAAS,CAAC,gBAAgB;;;IAGrC,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,OAAO,KAAK,MAAM;QAC7B,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB,UAAU;QAC5E,CAAC,CAAC,OAAO;EACV,CAAC;AACH,CAAC"}
|
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
* `dist/css/form.css` (or `global.css`), not in a component-specific shadow
|
|
15
15
|
* stylesheet. Import it as part of your app's global CSS bundle.
|
|
16
16
|
*
|
|
17
|
+
* **When a field turns red:** on submit the form marks every control the
|
|
18
|
+
* browser rejects with `invalid`, and clears it again once the value passes.
|
|
19
|
+
* Setting `invalid` yourself is fine, but do it on submit, not while someone is
|
|
20
|
+
* still typing, or a field turns red over a value that is not finished yet.
|
|
21
|
+
*
|
|
17
22
|
* **Two usage modes:**
|
|
18
23
|
*
|
|
19
24
|
* 1. **Auto-wrap** (default): write children directly. Component creates a
|
|
@@ -44,14 +49,14 @@
|
|
|
44
49
|
*
|
|
45
50
|
* @element nldd-form
|
|
46
51
|
*
|
|
52
|
+
* @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
|
|
47
53
|
* @attr {string} name - Form name
|
|
48
|
-
* @attr {string}
|
|
54
|
+
* @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
|
|
55
|
+
* @attr {string} target - Submit target ('_self' | '_blank' | ...)
|
|
49
56
|
* @attr {string} method - HTTP method ('get' | 'post' | 'dialog')
|
|
50
|
-
* @attr {
|
|
57
|
+
* @attr {string} action - URL endpoint for submission
|
|
51
58
|
* @attr {string} enctype - Encoding type for submission
|
|
52
|
-
* @attr {
|
|
53
|
-
* @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
|
|
54
|
-
* @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
|
|
59
|
+
* @attr {boolean} novalidate - Skip native browser validation
|
|
55
60
|
*
|
|
56
61
|
* @prop {HTMLFormElement | null} form - The inner <form> element (read-only). Use it for `form.checkValidity()`, direct DOM manipulation, or as the target for framework-managed children.
|
|
57
62
|
*
|
|
@@ -67,7 +72,10 @@
|
|
|
67
72
|
*
|
|
68
73
|
* Auto-wrap mode:
|
|
69
74
|
* ```html
|
|
70
|
-
* <nldd-form
|
|
75
|
+
* <nldd-form
|
|
76
|
+
* name="profile"
|
|
77
|
+
* novalidate
|
|
78
|
+
* >
|
|
71
79
|
* <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
|
|
72
80
|
* <nldd-button type="submit" text="Verstuur"></nldd-button>
|
|
73
81
|
* </nldd-form>
|
|
@@ -75,7 +83,10 @@
|
|
|
75
83
|
*
|
|
76
84
|
* User-provided form mode (React/Vue/Angular):
|
|
77
85
|
* ```html
|
|
78
|
-
* <nldd-form
|
|
86
|
+
* <nldd-form
|
|
87
|
+
* name="profile"
|
|
88
|
+
* novalidate
|
|
89
|
+
* >
|
|
79
90
|
* <form>
|
|
80
91
|
* <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
|
|
81
92
|
* <nldd-button type="submit" text="Verstuur"></nldd-button>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AAcH,qBAAa,QAAS,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAElD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,cAAc,CA6BpB;IAEF,4EAA4E;IAC5E,OAAO,CAAC,YAAY,CAA4B;IAEhD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,YAAY,CAQlB;IAEF;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,YAAY,CAKlB;IAEF,sDAAsD;IACtD,OAAO,CAAC,OAAO,CAA0B;IACzC,wEAAwE;IACxE,OAAO,CAAC,iBAAiB,CAAS;IAElC,iBAAiB,IAAI,IAAI;IAwEzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU3F;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,iBAAiB;IAQzB,uEAAuE;IACvE,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;CACD;AAMD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
|
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
* `dist/css/form.css` (or `global.css`), not in a component-specific shadow
|
|
15
15
|
* stylesheet. Import it as part of your app's global CSS bundle.
|
|
16
16
|
*
|
|
17
|
+
* **When a field turns red:** on submit the form marks every control the
|
|
18
|
+
* browser rejects with `invalid`, and clears it again once the value passes.
|
|
19
|
+
* Setting `invalid` yourself is fine, but do it on submit, not while someone is
|
|
20
|
+
* still typing, or a field turns red over a value that is not finished yet.
|
|
21
|
+
*
|
|
17
22
|
* **Two usage modes:**
|
|
18
23
|
*
|
|
19
24
|
* 1. **Auto-wrap** (default): write children directly. Component creates a
|
|
@@ -44,14 +49,14 @@
|
|
|
44
49
|
*
|
|
45
50
|
* @element nldd-form
|
|
46
51
|
*
|
|
52
|
+
* @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
|
|
47
53
|
* @attr {string} name - Form name
|
|
48
|
-
* @attr {string}
|
|
54
|
+
* @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
|
|
55
|
+
* @attr {string} target - Submit target ('_self' | '_blank' | ...)
|
|
49
56
|
* @attr {string} method - HTTP method ('get' | 'post' | 'dialog')
|
|
50
|
-
* @attr {
|
|
57
|
+
* @attr {string} action - URL endpoint for submission
|
|
51
58
|
* @attr {string} enctype - Encoding type for submission
|
|
52
|
-
* @attr {
|
|
53
|
-
* @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
|
|
54
|
-
* @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
|
|
59
|
+
* @attr {boolean} novalidate - Skip native browser validation
|
|
55
60
|
*
|
|
56
61
|
* @prop {HTMLFormElement | null} form - The inner <form> element (read-only). Use it for `form.checkValidity()`, direct DOM manipulation, or as the target for framework-managed children.
|
|
57
62
|
*
|
|
@@ -67,7 +72,10 @@
|
|
|
67
72
|
*
|
|
68
73
|
* Auto-wrap mode:
|
|
69
74
|
* ```html
|
|
70
|
-
* <nldd-form
|
|
75
|
+
* <nldd-form
|
|
76
|
+
* name="profile"
|
|
77
|
+
* novalidate
|
|
78
|
+
* >
|
|
71
79
|
* <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
|
|
72
80
|
* <nldd-button type="submit" text="Verstuur"></nldd-button>
|
|
73
81
|
* </nldd-form>
|
|
@@ -75,7 +83,10 @@
|
|
|
75
83
|
*
|
|
76
84
|
* User-provided form mode (React/Vue/Angular):
|
|
77
85
|
* ```html
|
|
78
|
-
* <nldd-form
|
|
86
|
+
* <nldd-form
|
|
87
|
+
* name="profile"
|
|
88
|
+
* novalidate
|
|
89
|
+
* >
|
|
79
90
|
* <form>
|
|
80
91
|
* <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
|
|
81
92
|
* <nldd-button type="submit" text="Verstuur"></nldd-button>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* <nldd-form-field>...</nldd-form-field>
|
|
19
19
|
* <nldd-form-actions>
|
|
20
20
|
* <nldd-button-group>
|
|
21
|
-
* <nldd-button variant="primary" type="submit" text="
|
|
21
|
+
* <nldd-button variant="primary" type="submit" text="Bewaar"></nldd-button>
|
|
22
22
|
* </nldd-button-group>
|
|
23
23
|
* </nldd-form-actions>
|
|
24
24
|
* </nldd-form>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* <nldd-form-field>...</nldd-form-field>
|
|
19
19
|
* <nldd-form-actions>
|
|
20
20
|
* <nldd-button-group>
|
|
21
|
-
* <nldd-button variant="primary" type="submit" text="
|
|
21
|
+
* <nldd-button variant="primary" type="submit" text="Bewaar"></nldd-button>
|
|
22
22
|
* </nldd-button-group>
|
|
23
23
|
* </nldd-form-actions>
|
|
24
24
|
* </nldd-form>
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Nederlandse Digitale Dienst Form Field Components (Lit + TypeScript)
|
|
3
3
|
*
|
|
4
|
+
* A field around one input: its label, supporting label, optional badge,
|
|
5
|
+
* validation and help text. It finds the input among its children, hands it
|
|
6
|
+
* the label as its accessible name and gives it an id, so you write no `for`
|
|
7
|
+
* or `id` yourself.
|
|
8
|
+
*
|
|
9
|
+
* Mark the optional fields with `optional`, not the required ones; the design
|
|
10
|
+
* guidelines say why. Put the requirements on a value in an
|
|
11
|
+
* nldd-validation-list inside the same field. What only your server knows,
|
|
12
|
+
* such as a password found in a breach, the app names in `unmet` on the input
|
|
13
|
+
* itself: see nldd-validation-list.
|
|
14
|
+
*
|
|
4
15
|
* @element nldd-form-field
|
|
5
16
|
*
|
|
6
17
|
* @attr {string} label-alignment - 'top' (default) | 'right' | 'left'. A value of its own always wins over the inherited form-label-alignment.
|
|
7
|
-
* @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
|
|
8
18
|
* @attr {string} label - Field label text. Omit for no-label layout.
|
|
9
19
|
* @attr {string} supporting-label - Short supporting text below the label. Same typography as optional badge.
|
|
10
20
|
* @attr {boolean} optional - Shows an optional badge next to the label.
|
|
11
21
|
* @attr {string} optional-label - Text for the optional badge. Defaults to 'Optioneel'.
|
|
22
|
+
* @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
|
|
12
23
|
*
|
|
13
24
|
* @slot - The slotted input (e.g. nldd-text-field), its nldd-validation-list and its nldd-form-field-help-text.
|
|
14
25
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAqCtD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAEzC;;;;;;;;;;;;;;OAcG;IAEH,cAAc,EAAE,cAAc,GAAG,SAAS,CAAa;IAEvD,0FAA0F;IAE1F,KAAK,SAAM;IAEX;;;OAGG;IAEH,eAAe,SAAM;IAErB;;;;;;;OAOG;IAEH,QAAQ,UAAS;IAEjB,6FAA6F;IAE7F,aAAa,SAAe;IAE5B,OAAO,CAAC,cAAc,CAAiC;IAEvD,uFAAuF;IACvF,OAAO,CAAC,aAAa,CAAuB;IAE5C,wFAAwF;IACxF,OAAO,CAAC,cAAc,CAAS;IAEtB,MAAM;IAIN,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM1C,iBAAiB;IAMjB,YAAY;IAIZ,oBAAoB;IAK7B;;;;;;;;;;;;;;OAcG;IACI,WAAW,CAAC,CAAC,EAAE,KAAK;IAQ3B,OAAO,CAAC,aAAa;IAmCrB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,qBAAqB;IA0B7B;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,UAAU;IAWlB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,gBAAgB;CAiBxB;AAOD,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAExC,iBAAiB;IAOjB,MAAM;CAGf;AAGD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,2BAA2B,EAAE,qBAAqB,CAAC;KACnD;CACD"}
|
|
@@ -7,14 +7,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
/**
|
|
8
8
|
* Nederlandse Digitale Dienst Form Field Components (Lit + TypeScript)
|
|
9
9
|
*
|
|
10
|
+
* A field around one input: its label, supporting label, optional badge,
|
|
11
|
+
* validation and help text. It finds the input among its children, hands it
|
|
12
|
+
* the label as its accessible name and gives it an id, so you write no `for`
|
|
13
|
+
* or `id` yourself.
|
|
14
|
+
*
|
|
15
|
+
* Mark the optional fields with `optional`, not the required ones; the design
|
|
16
|
+
* guidelines say why. Put the requirements on a value in an
|
|
17
|
+
* nldd-validation-list inside the same field. What only your server knows,
|
|
18
|
+
* such as a password found in a breach, the app names in `unmet` on the input
|
|
19
|
+
* itself: see nldd-validation-list.
|
|
20
|
+
*
|
|
10
21
|
* @element nldd-form-field
|
|
11
22
|
*
|
|
12
23
|
* @attr {string} label-alignment - 'top' (default) | 'right' | 'left'. A value of its own always wins over the inherited form-label-alignment.
|
|
13
|
-
* @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
|
|
14
24
|
* @attr {string} label - Field label text. Omit for no-label layout.
|
|
15
25
|
* @attr {string} supporting-label - Short supporting text below the label. Same typography as optional badge.
|
|
16
26
|
* @attr {boolean} optional - Shows an optional badge next to the label.
|
|
17
27
|
* @attr {string} optional-label - Text for the optional badge. Defaults to 'Optioneel'.
|
|
28
|
+
* @attr {string} form-label-alignment - Set by a wrapping nldd-form as a fallback. Do not set it yourself in consumer code.
|
|
18
29
|
*
|
|
19
30
|
* @slot - The slotted input (e.g. nldd-text-field), its nldd-validation-list and its nldd-form-field-help-text.
|
|
20
31
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
* <fieldset class="form-section">
|
|
21
21
|
* <legend class="form-section__header">
|
|
22
22
|
* <span class="form-section__title">Title</span>
|
|
23
|
-
* <span class="form-
|
|
23
|
+
* <span class="form-section__supporting-text">Supporting text</span>
|
|
24
24
|
* </legend>
|
|
25
25
|
* <div class="form-section__main">
|
|
26
26
|
* [user's children]
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
* grouping*, not as page structure. For real page headings, use a separate
|
|
36
36
|
* heading element above the form.
|
|
37
37
|
*
|
|
38
|
-
* **Supporting-text length**: the
|
|
38
|
+
* **Supporting-text length**: the supporting text sits as a `<span>` inside the
|
|
39
39
|
* `<legend>` so a screen reader reads it along as the group label. Side effect:
|
|
40
|
-
* on every field entry within the section, the whole legend (title +
|
|
40
|
+
* on every field entry within the section, the whole legend (title + supporting text)
|
|
41
41
|
* is spoken again. Keep `supporting-text` short (roughly 80 characters or less)
|
|
42
42
|
* and use it to introduce the group ("Vul je adresgegevens in"), not for
|
|
43
43
|
* detailed instructions. For a longer explanation on one specific field, use
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
* <fieldset class="form-section">
|
|
21
21
|
* <legend class="form-section__header">
|
|
22
22
|
* <span class="form-section__title">Title</span>
|
|
23
|
-
* <span class="form-
|
|
23
|
+
* <span class="form-section__supporting-text">Supporting text</span>
|
|
24
24
|
* </legend>
|
|
25
25
|
* <div class="form-section__main">
|
|
26
26
|
* [user's children]
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
* grouping*, not as page structure. For real page headings, use a separate
|
|
36
36
|
* heading element above the form.
|
|
37
37
|
*
|
|
38
|
-
* **Supporting-text length**: the
|
|
38
|
+
* **Supporting-text length**: the supporting text sits as a `<span>` inside the
|
|
39
39
|
* `<legend>` so a screen reader reads it along as the group label. Side effect:
|
|
40
|
-
* on every field entry within the section, the whole legend (title +
|
|
40
|
+
* on every field entry within the section, the whole legend (title + supporting text)
|
|
41
41
|
* is spoken again. Keep `supporting-text` short (roughly 80 characters or less)
|
|
42
42
|
* and use it to introduce the group ("Vul je adresgegevens in"), not for
|
|
43
43
|
* detailed instructions. For a longer explanation on one specific field, use
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
const FIELDSET_CLASS = 'form-section';
|
|
67
67
|
const HEADER_CLASS = 'form-section__header';
|
|
68
68
|
const TITLE_CLASS = 'form-section__title';
|
|
69
|
-
const
|
|
69
|
+
const SUPPORTING_TEXT_CLASS = 'form-section__supporting-text';
|
|
70
70
|
const MAIN_CLASS = 'form-section__main';
|
|
71
71
|
export class NLDDFormSection extends HTMLElement {
|
|
72
72
|
constructor() {
|
|
@@ -184,10 +184,10 @@ export class NLDDFormSection extends HTMLElement {
|
|
|
184
184
|
legend.appendChild(titleSpan);
|
|
185
185
|
}
|
|
186
186
|
if (supportingText) {
|
|
187
|
-
const
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
legend.appendChild(
|
|
187
|
+
const supportingTextSpan = document.createElement('span');
|
|
188
|
+
supportingTextSpan.className = SUPPORTING_TEXT_CLASS;
|
|
189
|
+
supportingTextSpan.textContent = supportingText;
|
|
190
|
+
legend.appendChild(supportingTextSpan);
|
|
191
191
|
}
|
|
192
192
|
// Hide the legend completely (including its space) when empty, so
|
|
193
193
|
// .form-section__main becomes :first-child and its margin-top collapses
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-section.js","sourceRoot":"","sources":["../../../../src/components/forms/form-section/form-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AAEH,MAAM,cAAc,GAAG,cAAc,CAAC;AACtC,MAAM,YAAY,GAAG,sBAAsB,CAAC;AAC5C,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,MAAM,
|
|
1
|
+
{"version":3,"file":"form-section.js","sourceRoot":"","sources":["../../../../src/components/forms/form-section/form-section.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,6 +30,13 @@
|
|
|
30
30
|
*
|
|
31
31
|
* @element nldd-validation-item
|
|
32
32
|
*
|
|
33
|
+
* One requirement of a value, with the rule that checks it. Give every item an
|
|
34
|
+
* id that names its field as well as its rule: an id has to be unique in the
|
|
35
|
+
* whole document, and `length` is the first thing three fields in one form will
|
|
36
|
+
* all reach for. Write the text as the requirement ("Minimaal 8 tekens"), not as
|
|
37
|
+
* the command ("Gebruik minimaal 8 tekens"): before a verdict it stands there as
|
|
38
|
+
* what the field wants, after one as what the value does not meet.
|
|
39
|
+
*
|
|
33
40
|
* @attr {string} match - Regular expression the value has to contain. Not anchored, unlike the native `pattern`: `[A-Z]` means "has a capital in it".
|
|
34
41
|
* @attr {number} minlength - Fewest characters the value may have.
|
|
35
42
|
* @attr {number} maxlength - Most characters the value may have.
|
|
@@ -42,10 +49,6 @@
|
|
|
42
49
|
*
|
|
43
50
|
* ─────────────────────────────────────────────────────────────────────────
|
|
44
51
|
*
|
|
45
|
-
* Give every item an id that names its field as well as its rule. An id has to
|
|
46
|
-
* be unique in the whole document, and `length` is the first thing three fields
|
|
47
|
-
* in one form will all reach for.
|
|
48
|
-
*
|
|
49
52
|
* @example
|
|
50
53
|
* <nldd-form-field label="Wachtwoord">
|
|
51
54
|
* <nldd-password-field name="password" invalid unmet="password-breach"></nldd-password-field>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validation-list.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/validation-list/validation-list.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"validation-list.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/validation-list/validation-list.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiBtD,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAwB;IAE9C,0EAA0E;IAE1E,KAAK,SAAM;IAGX,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2EAA2E;IAE3E,QAAQ,UAAS;IAGjB,IAAI,UAAS;IAGb,KAAK,UAAS;IAGd,OAAO,UAAS;IAEhB,wEAAwE;IACxE,IAAI,OAAO,IAAI,OAAO,CAKrB;IAED;;;;;;;;;OASG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAS1B,iBAAiB;IAKjB,MAAM;CAGf;AAOD,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAwB;IAE9C,0EAA0E;IAE1E,GAAG,SAAM;IAGT,IAAI,UAAS;IAEb;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IAEH,OAAO,UAAS;IAEhB;;;;;;OAMG;IAEH,OAAO,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE/B,oEAAoE;IAEpE,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,QAAQ,CAA0B;IAEjC,iBAAiB;IAKjB,oBAAoB;IAK7B;;;;;;;;OAQG;IACM,UAAU,CAAC,OAAO,EAAE,cAAc;IAKlC,OAAO;IAIhB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAIZ,MAAM;IAIf,OAAO,KAAK,MAAM,GAGjB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ;IAsBhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IAMrB;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;IAuCjB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,eAAe;CAKvB;AAGD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
|
|
@@ -36,6 +36,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
36
36
|
*
|
|
37
37
|
* @element nldd-validation-item
|
|
38
38
|
*
|
|
39
|
+
* One requirement of a value, with the rule that checks it. Give every item an
|
|
40
|
+
* id that names its field as well as its rule: an id has to be unique in the
|
|
41
|
+
* whole document, and `length` is the first thing three fields in one form will
|
|
42
|
+
* all reach for. Write the text as the requirement ("Minimaal 8 tekens"), not as
|
|
43
|
+
* the command ("Gebruik minimaal 8 tekens"): before a verdict it stands there as
|
|
44
|
+
* what the field wants, after one as what the value does not meet.
|
|
45
|
+
*
|
|
39
46
|
* @attr {string} match - Regular expression the value has to contain. Not anchored, unlike the native `pattern`: `[A-Z]` means "has a capital in it".
|
|
40
47
|
* @attr {number} minlength - Fewest characters the value may have.
|
|
41
48
|
* @attr {number} maxlength - Most characters the value may have.
|
|
@@ -48,10 +55,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
48
55
|
*
|
|
49
56
|
* ─────────────────────────────────────────────────────────────────────────
|
|
50
57
|
*
|
|
51
|
-
* Give every item an id that names its field as well as its rule. An id has to
|
|
52
|
-
* be unique in the whole document, and `length` is the first thing three fields
|
|
53
|
-
* in one form will all reach for.
|
|
54
|
-
*
|
|
55
58
|
* @example
|
|
56
59
|
* <nldd-form-field label="Wachtwoord">
|
|
57
60
|
* <nldd-password-field name="password" invalid unmet="password-breach"></nldd-password-field>
|