@nldd/design-system 0.8.91 → 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 +39 -26
- package/custom-elements.json +1936 -1460
- package/dist/components/actions/button/button.d.ts +22 -5
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +48 -12
- 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.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +5 -4
- package/dist/components/actions/button/button.template.js.map +1 -1
- 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 +7 -6
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +7 -12
- 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 +9 -5
- 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 +5 -3
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +2060 -1065
- package/dist/components/content/avatar/avatar.d.ts +25 -10
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.js +25 -18
- 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 +7 -3
- package/dist/components/content/avatar/avatar.template.js.map +1 -1
- package/dist/components/content/avatar-group/avatar-group.d.ts +1 -1
- package/dist/components/content/avatar-group/avatar-group.js +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/code-viewer/code-viewer.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.js +12 -2
- package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +20 -8
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +32 -12
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/identity/identity.d.ts +1 -1
- package/dist/components/content/identity/identity.js +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/{dist-CENYEz7C.js → dist-B5ie2Bo9.js} +1 -1
- package/dist/components/{dist-D_ckX1sK.js → dist-BUu-NW5O.js} +1 -1
- package/dist/components/{dist-Y54Lma86.js → dist-CGOykrJw.js} +2 -2
- package/dist/components/{dist-CYLM5ciE.js → dist-CQzaKTa8.js} +1 -1
- package/dist/components/{dist-yyE8P2O6.js → dist-CSYXsT7W.js} +2 -2
- package/dist/components/{dist-BLaE_n_F.js → dist-CoUVHSu-.js} +1 -1
- package/dist/components/{dist-DHA-0RyT.js → dist-Dn3c5gfb.js} +7 -1
- package/dist/components/{dist-BeymuiGt.js → dist-Dxn9Up8K.js} +3 -3
- package/dist/components/{dist-Dh_b9r4M.js → dist-M6GKopqu.js} +1 -1
- package/dist/components/{dist-TCqV9dho.js → dist-OlffRM7-.js} +1 -1
- package/dist/components/{dist-DkZlotgT.js → dist-RPaf2J9c.js} +2 -2
- 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-CEz4MB9H.js → icon-button-hO6k8W63.js} +20 -20
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +1 -1
- 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.d.ts +1 -1
- package/dist/components/inputs/date-field/date-field.js +1 -1
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.template.js +5 -3
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.d.ts +1 -1
- package/dist/components/inputs/date-picker/date-picker.js +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.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +0 -10
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +6 -4
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +0 -10
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js +4 -3
- package/dist/components/inputs/radio-button-field/radio-button-field.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.d.ts +3 -0
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +6 -0
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +0 -10
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +5 -5
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- 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.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +78 -2
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.js +2 -2
- package/dist/components/inputs/time-field/time-field.d.ts +1 -1
- package/dist/components/inputs/time-field/time-field.js +1 -1
- package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
- package/dist/components/inputs/time-field/time-field.template.js +5 -3
- package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
- package/dist/components/inputs/time-picker/time-picker.d.ts +1 -1
- package/dist/components/inputs/time-picker/time-picker.js +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +0 -9
- package/dist/components/inputs/toggle-button/toggle-button.styles.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 +7 -6
- 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 +5 -8
- package/dist/components/layout/card/card.d.ts.map +1 -1
- package/dist/components/layout/card/card.js +8 -19
- 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 +6 -3
- 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 +13 -15
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +20 -21
- 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 +8 -4
- 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 +15 -2
- package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.js +15 -2
- 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 -38
- 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/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +36 -11
- 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 +46 -19
- 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 +13 -3
- 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.d.ts +1 -3
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.js +1 -11
- package/dist/components/navigation/link/link.js.map +1 -1
- package/dist/components/navigation/link/link.template.d.ts.map +1 -1
- package/dist/components/navigation/link/link.template.js +4 -3
- package/dist/components/navigation/link/link.template.js.map +1 -1
- 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/skip-link/skip-link.styles.d.ts.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +10 -4
- package/dist/components/navigation/skip-link/skip-link.styles.js.map +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.d.ts +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +1 -1
- 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.styles.js +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.d.ts +2 -4
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.js +2 -8
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js +3 -2
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +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/components/{with-translations-CqUV9S5g.js → with-translations-BAKFoEKy.js} +22 -1
- package/dist/css/form-section.css +4 -4
- package/dist/css/form.css +4 -0
- package/dist/css/fouc.css +1 -1
- package/dist/css/rich-text.css +26 -11
- package/dist/css/rijksoverheid-fonts.css +1 -1
- package/dist/css/variables.css +4 -15
- package/dist/favicon.svg +3 -8
- package/dist/nldd.min.js +1336 -898
- package/dist/touch-icon.png +0 -0
- package/dist/types/vue.d.ts +325 -278
- package/dist/utilities/form-associated-mixin.d.ts +2 -0
- package/dist/utilities/form-associated-mixin.d.ts.map +1 -1
- package/dist/utilities/form-associated-mixin.js +15 -1
- package/dist/utilities/form-associated-mixin.js.map +1 -1
- package/dist/utilities/link-rel.d.ts +13 -0
- package/dist/utilities/link-rel.d.ts.map +1 -0
- package/dist/utilities/link-rel.js +21 -0
- package/dist/utilities/link-rel.js.map +1 -0
- 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 +9 -7
- 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
|
@@ -1,11 +1,39 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
2
|
-
|
|
1
|
+
import { html, nothing } from 'lit';
|
|
2
|
+
import { html as staticHtml, unsafeStatic } from 'lit/static-html.js';
|
|
3
|
+
// SAFETY: the only tags unsafeStatic ever sees. A heading-level outside the map
|
|
4
|
+
// renders a <p>, so no tag name is derived from input.
|
|
5
|
+
const HEADING_TAGS = {
|
|
6
|
+
1: unsafeStatic('h1'),
|
|
7
|
+
2: unsafeStatic('h2'),
|
|
8
|
+
3: unsafeStatic('h3'),
|
|
9
|
+
4: unsafeStatic('h4'),
|
|
10
|
+
5: unsafeStatic('h5'),
|
|
11
|
+
6: unsafeStatic('h6'),
|
|
12
|
+
};
|
|
13
|
+
function renderText(component) {
|
|
14
|
+
if (!component.text || component._hasDefaultSlotted)
|
|
15
|
+
return nothing;
|
|
16
|
+
const tag = component.headingLevel ? HEADING_TAGS[component.headingLevel] : undefined;
|
|
17
|
+
return tag
|
|
18
|
+
? staticHtml `<${tag} class="title__text">${component.text}</${tag}>`
|
|
19
|
+
: html `<p class="title__text">${component.text}</p>`;
|
|
20
|
+
}
|
|
21
|
+
export function titleTemplate(component) {
|
|
3
22
|
return html `
|
|
4
23
|
<div class="title">
|
|
5
24
|
<div class="title__title-group">
|
|
6
|
-
|
|
7
|
-
<slot
|
|
8
|
-
|
|
25
|
+
${component.overline && !component._hasOverlineSlotted ? html `<p class="title__overline">${component.overline}</p>` : nothing}
|
|
26
|
+
<slot
|
|
27
|
+
name="overline"
|
|
28
|
+
@slotchange=${component._onSlotChange}
|
|
29
|
+
></slot>
|
|
30
|
+
${renderText(component)}
|
|
31
|
+
<slot @slotchange=${component._onSlotChange}></slot>
|
|
32
|
+
${component.supportingText && !component._hasSupportingTextSlotted ? html `<p class="title__supporting-text">${component.supportingText}</p>` : nothing}
|
|
33
|
+
<slot
|
|
34
|
+
name="supporting-text"
|
|
35
|
+
@slotchange=${component._onSlotChange}
|
|
36
|
+
></slot>
|
|
9
37
|
</div>
|
|
10
38
|
<div class="title__end">
|
|
11
39
|
<slot name="end"></slot>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title.template.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"title.template.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGtE,gFAAgF;AAChF,uDAAuD;AACvD,MAAM,YAAY,GAAoD;IACrE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,SAAS,UAAU,CAAC,SAAoB;IACvC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,kBAAkB;QAAE,OAAO,OAAO,CAAC;IACpE,MAAM,GAAG,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,OAAO,GAAG;QACT,CAAC,CAAC,UAAU,CAAA,IAAI,GAAG,wBAAwB,SAAS,CAAC,IAAI,KAAK,GAAG,GAAG;QACpE,CAAC,CAAC,IAAI,CAAA,0BAA0B,SAAS,CAAC,IAAI,MAAM,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B,SAAS,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,OAAO;;;mBAG9G,SAAS,CAAC,aAAa;;MAEpC,UAAU,CAAC,SAAS,CAAC;wBACH,SAAS,CAAC,aAAa;MACzC,SAAS,CAAC,cAAc,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,SAAS,CAAC,cAAc,MAAM,CAAC,CAAC,CAAC,OAAO;;;mBAGvI,SAAS,CAAC,aAAa;;;;;;;EAOxC,CAAC;AACH,CAAC"}
|
|
@@ -12,11 +12,12 @@
|
|
|
12
12
|
*
|
|
13
13
|
* @attr {string} text - Token text; falls back to the default slot when unset.
|
|
14
14
|
* @attr {'none' | 'dismiss' | 'menu'} control - Control type (default: 'none')
|
|
15
|
+
* @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.
|
|
16
|
+
* @attr {string} menu-text - Accessible label for the menu button. Unset, it is `Toon opties voor "{text}"`.
|
|
17
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
18
|
+
* @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.
|
|
15
19
|
* @attr {boolean} expanded - Reflects whether the token's menu is open (control="menu"); managed by the token.
|
|
16
20
|
* @attr {boolean} disabled - Disabled state
|
|
17
|
-
* @attr {string} dismiss-text - Accessible label for the dismiss button (default: 'Verwijder')
|
|
18
|
-
* @attr {string} menu-text - Accessible label for the menu button (default: 'Toon opties')
|
|
19
|
-
* @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.
|
|
20
21
|
*
|
|
21
22
|
* @slot - Token text
|
|
22
23
|
* @slot menu - An nldd-menu that the token opens from its menu button (control="menu").
|
|
@@ -24,6 +25,7 @@
|
|
|
24
25
|
* @fires dismiss - When the dismiss button is clicked
|
|
25
26
|
*/
|
|
26
27
|
import { LitElement } from 'lit';
|
|
28
|
+
import { type NLDDTokenTranslations } from './token.i18n.js';
|
|
27
29
|
import './../../actions/icon-button/icon-button.js';
|
|
28
30
|
export type TokenControl = 'none' | 'dismiss' | 'menu';
|
|
29
31
|
export declare class NLDDToken extends LitElement {
|
|
@@ -32,15 +34,23 @@ export declare class NLDDToken extends LitElement {
|
|
|
32
34
|
* content keeps working. */
|
|
33
35
|
text: string;
|
|
34
36
|
control: TokenControl;
|
|
35
|
-
expanded: boolean;
|
|
36
|
-
disabled: boolean;
|
|
37
37
|
dismissText: string;
|
|
38
38
|
menuText: string;
|
|
39
|
+
translations: Partial<NLDDTokenTranslations>;
|
|
39
40
|
/** Inside a roving-focus container (e.g. nldd-token-field): the host carries the
|
|
40
41
|
* single tab stop and manages focus itself, so the trailing control (dismiss or
|
|
41
42
|
* menu) is taken out of the tab order — it stays reachable by mouse and by the
|
|
42
43
|
* host's own key handlers. */
|
|
43
44
|
roving: boolean;
|
|
45
|
+
expanded: boolean;
|
|
46
|
+
disabled: boolean;
|
|
47
|
+
/** Text of the default slot, kept current for the control labels. */
|
|
48
|
+
private _slotText;
|
|
49
|
+
private _textObserver;
|
|
50
|
+
private _readSlotText;
|
|
51
|
+
_t(key: keyof NLDDTokenTranslations): string;
|
|
52
|
+
get _dismissLabel(): string;
|
|
53
|
+
get _menuLabel(): string;
|
|
44
54
|
_handleDismiss(e: Event): void;
|
|
45
55
|
private _menuButton?;
|
|
46
56
|
private _menu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,EAAyB,KAAK,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAEpF,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,qBACa,SAAU,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAe;IAErC;iCAC6B;IAE7B,IAAI,SAAM;IAGV,OAAO,EAAE,YAAY,CAAU;IAG/B,WAAW,SAAM;IAGjB,QAAQ,SAAM;IAGd,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAM;IAElD;;;mCAG+B;IAE/B,MAAM,UAAS;IAGf,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,qEAAqE;IAErE,OAAO,CAAC,SAAS,CAAM;IAEvB,OAAO,CAAC,aAAa,CAAoD;IAEzE,OAAO,CAAC,aAAa;IASd,EAAE,CAAC,GAAG,EAAE,MAAM,qBAAqB,GAAG,MAAM;IAInD,IAAI,aAAa,IAAI,MAAM,CAK1B;IAED,IAAI,UAAU,IAAI,MAAM,CAKvB;IAED,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU9B,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,qBAAqB,CAAS;IAEtC;wFACoF;IACpF,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAajC,OAAO,CAAC,iBAAiB,CAUvB;IAEF;oFACgF;IAChF,4BAA4B,IAAI,IAAI;IAIpC,gBAAgB,IAAI,IAAI;IAYf,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAMrC;;uFAEmF;IACnF,OAAO,CAAC,kBAAkB,CAOxB;IAEF;;;0FAGsF;IAC7E,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const nlddTokenTranslations: {
|
|
2
|
+
'components.token.dismiss-action': string;
|
|
3
|
+
'components.token.open-menu-action': string;
|
|
4
|
+
'components.token.open-token-menu-action': string;
|
|
5
|
+
};
|
|
6
|
+
export type NLDDTokenTranslations = typeof nlddTokenTranslations;
|
|
7
|
+
//# sourceMappingURL=token.i18n.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/content/token/token.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token.i18n.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACpC,iCAAiC,EAAE,WAAW;IAC9C,mCAAmC,EAAE,aAAa;IAClD,yCAAyC,EAAE,kBAAkB;CAC7D,CAAC"}
|
|
@@ -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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-
|
|
1
|
+
import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
2
2
|
//#region node_modules/@lezer/rust/dist/index.js
|
|
3
3
|
var closureParamDelim = 1;
|
|
4
4
|
var tpOpen = 2;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as syntaxTree, H as Decoration, K as ViewPlugin, Q as keymap, T as indentUnit, U as Direction, W as EditorView, Z as getTooltip, _t as
|
|
1
|
+
import { A as syntaxTree, H as Decoration, K as ViewPlugin, Q as keymap, St as combineConfig, T as indentUnit, Tt as fromCodePoint, U as Direction, W as EditorView, Z as getTooltip, _t as StateField, at as Annotation, bt as codePointAt, dt as Facet, ft as MapMode, gt as StateEffect, ht as RangeValue, lt as EditorSelection, pt as Prec, q as WidgetType, rt as showTooltip, tt as logException, vt as Text, xt as codePointSize, yt as Transaction } from "./dist-Dn3c5gfb.js";
|
|
2
2
|
//#region node_modules/@codemirror/autocomplete/dist/index.js
|
|
3
3
|
/**
|
|
4
4
|
An instance of this is passed to completion source functions.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
|
|
2
|
-
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, O as sublanguageProp, P as IterMode, R as NodeWeakMap, W as EditorView, _ as flatIndent,
|
|
3
|
-
import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-
|
|
2
|
+
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, O as sublanguageProp, P as IterMode, R as NodeWeakMap, W as EditorView, _ as flatIndent, g as delimitedIndent, h as defineLanguageFacet, i as LocalTokenGroup, lt as EditorSelection, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
3
|
+
import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-BUu-NW5O.js";
|
|
4
4
|
//#region node_modules/@lezer/javascript/dist/index.js
|
|
5
5
|
var noSemi = 316;
|
|
6
6
|
var noSemiType = 317;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
|
|
2
|
-
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags$1, P as IterMode, R as NodeWeakMap, i as LocalTokenGroup, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-
|
|
2
|
+
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags$1, P as IterMode, R as NodeWeakMap, i as LocalTokenGroup, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
3
3
|
//#region node_modules/@lezer/css/dist/index.js
|
|
4
4
|
var descendantOp = 148;
|
|
5
5
|
var Unit = 1;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, P as IterMode, R as NodeWeakMap, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-
|
|
2
|
-
import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-
|
|
1
|
+
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, P as IterMode, R as NodeWeakMap, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
2
|
+
import { a as ifNotIn, o as snippetCompletion, r as completeFromList } from "./dist-BUu-NW5O.js";
|
|
3
3
|
//#region node_modules/@lezer/python/dist/index.js
|
|
4
4
|
var printKeyword = 1;
|
|
5
5
|
var indent = 194;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-
|
|
1
|
+
import { C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, r as LRParser, s as LRLanguage, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
2
2
|
//#region node_modules/@lezer/json/dist/index.js
|
|
3
3
|
var jsonHighlighting = styleTags({
|
|
4
4
|
String: tags.string,
|
|
@@ -11869,6 +11869,12 @@ var TooltipViewManager = class {
|
|
|
11869
11869
|
return true;
|
|
11870
11870
|
}
|
|
11871
11871
|
};
|
|
11872
|
+
/**
|
|
11873
|
+
Creates an extension that configures tooltip behavior.
|
|
11874
|
+
*/
|
|
11875
|
+
function tooltips(config = {}) {
|
|
11876
|
+
return tooltipConfig.of(config);
|
|
11877
|
+
}
|
|
11872
11878
|
function windowSpace(view) {
|
|
11873
11879
|
let docElt = view.dom.ownerDocument.documentElement;
|
|
11874
11880
|
return {
|
|
@@ -18544,4 +18550,4 @@ function getSpecializer(spec) {
|
|
|
18544
18550
|
return spec.get;
|
|
18545
18551
|
}
|
|
18546
18552
|
//#endregion
|
|
18547
|
-
export { layer as $, syntaxTree as A, Tree as B, indentNodeProp as C,
|
|
18553
|
+
export { layer as $, syntaxTree as A, Tree as B, indentNodeProp as C, countColumn as Ct, matchBrackets as D, languageDataProp as E, NodeProp as F, RectangleMarker as G, Decoration as H, NodeSet as I, drawSelection as J, ViewPlugin as K, NodeType as L, styleTags as M, tags as N, sublanguageProp as O, IterMode as P, keymap as Q, NodeWeakMap as R, getIndentation as S, combineConfig as St, indentUnit as T, fromCodePoint as Tt, Direction as U, parseMixed as V, EditorView as W, getDrawSelectionConfig as X, dropCursor as Y, getTooltip as Z, flatIndent as _, StateField as _t, HighlightStyle as a, Annotation as at, foldService as b, codePointAt as bt, Language as c, Compartment as ct, ParseContext as d, Facet as dt, lineNumbers as et, StreamLanguage as f, MapMode as ft, delimitedIndent as g, StateEffect as gt, defineLanguageFacet as h, RangeValue as ht, LocalTokenGroup as i, tooltips as it, Tag as j, syntaxHighlighting as k, LanguageDescription as l, EditorSelection as lt, continuedIndent as m, RangeSetBuilder as mt, ExternalTokenizer as n, placeholder as nt, IndentContext as o, ChangeDesc as ot, bracketMatchingHandle as p, Prec as pt, WidgetType as q, LRParser as r, showTooltip as rt, LRLanguage as s, ChangeSet as st, ContextTracker as t, logException as tt, LanguageSupport as u, EditorState as ut, foldInside as v, Text as vt, indentString as w, findClusterBreak as wt, getIndentUnit as x, codePointSize as xt, foldNodeProp as y, Transaction as yt, Parser as z };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
|
|
2
|
-
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, V as parseMixed, W as EditorView,
|
|
3
|
-
import { n as cssLanguage, t as css } from "./dist-
|
|
4
|
-
import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-
|
|
2
|
+
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, V as parseMixed, W as EditorView, lt as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
3
|
+
import { n as cssLanguage, t as css } from "./dist-CQzaKTa8.js";
|
|
4
|
+
import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-CGOykrJw.js";
|
|
5
5
|
//#region node_modules/@lezer/html/dist/index.js
|
|
6
6
|
var scriptText = 55;
|
|
7
7
|
var StartCloseScriptTag = 1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, W as EditorView,
|
|
1
|
+
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, W as EditorView, lt as EditorSelection, n as ExternalTokenizer, p as bracketMatchingHandle, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
2
2
|
//#region node_modules/@lezer/xml/dist/index.js
|
|
3
3
|
var StartTag = 1;
|
|
4
4
|
var StartCloseTag = 2;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as indentNodeProp, M as styleTags, N as tags, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-
|
|
1
|
+
import { C as indentNodeProp, M as styleTags, N as tags, g as delimitedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, t as ContextTracker, u as LanguageSupport, v as foldInside, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
2
2
|
//#region node_modules/@lezer/yaml/dist/index.js
|
|
3
3
|
var blockEnd = 63;
|
|
4
4
|
var eof = 64;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, y as foldNodeProp } from "./dist-
|
|
2
|
-
import { a as ifNotIn, r as completeFromList } from "./dist-
|
|
1
|
+
import { A as syntaxTree, C as indentNodeProp, M as styleTags, N as tags, m as continuedIndent, n as ExternalTokenizer, r as LRParser, s as LRLanguage, u as LanguageSupport, y as foldNodeProp } from "./dist-Dn3c5gfb.js";
|
|
2
|
+
import { a as ifNotIn, r as completeFromList } from "./dist-BUu-NW5O.js";
|
|
3
3
|
//#region node_modules/@codemirror/lang-sql/dist/index.js
|
|
4
4
|
var whitespace = 36;
|
|
5
5
|
var LineComment = 1;
|
|
@@ -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>
|