@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"document-tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,oCAAoC,CAAC;AAE5C,MAAM,UAAU,sBAAsB,CAAC,SAA6B;IACnE,MAAM,WAAW,GAAG,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,SAAS,CAAC,eAAe,IAAI,WAAW,CAAC;IACvD,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC;IAE1C,sEAAsE;IACtE,wEAAwE;IACxE,uEAAuE;IACvE,sEAAsE;IACtE,mEAAmE;IACnE,kEAAkE;IAClE,0CAA0C;IAC1C,MAAM,KAAK,GAAG,IAAI,CAAA;;UAET,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBAC5B,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;;uBAEvB,SAAS,CAAC,aAAa;;eAE/B,QAAQ,CAAC,EAAE,4BAA4B,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;;WAE/E,SAAS,CAAC,EAAE,CAAC,6CAA6C,CAAC;;;;;gBAKtD,SAAS,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"document-tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
* @element nldd-link
|
|
20
20
|
* @attr {string} href - Link target
|
|
21
21
|
* @attr {string} target - Link target (e.g. '_blank'); adjusts rel automatically. With '_blank' the link adds a visually hidden "Opent in nieuw tabblad" announcement for screen readers (WCAG 2.1 SC 3.2.2).
|
|
22
|
-
* @attr {string} rel - Link rel attribute;
|
|
22
|
+
* @attr {string} rel - Link rel attribute; with target '_blank', 'noopener noreferrer' is added to whatever you set
|
|
23
23
|
* @attr {string} size - Text size: 'inherit' (the default) follows the surrounding text and lays the link out inline, so it wraps in running prose. 'xs' | 'sm' | 'md' | 'lg' pin a size and switch to inline-flex, which baseline-aligns a start or end icon with an explicit gap.
|
|
24
24
|
* @attr {string} text - Link text (alternative to the default slot)
|
|
25
25
|
* @attr {string} start-icon - Icon before the text
|
|
@@ -59,8 +59,6 @@ export declare class NLDDLink extends NLDDLink_base {
|
|
|
59
59
|
* script-focusable. */
|
|
60
60
|
noTab: boolean;
|
|
61
61
|
private _handleClick;
|
|
62
|
-
/** @internal */
|
|
63
|
-
_resolvedRel(): string;
|
|
64
62
|
render(): import("lit-html").TemplateResult<1>;
|
|
65
63
|
}
|
|
66
64
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;;;;;;;AAElD,qBACa,QAAS,SAAQ,aAAkD;IAC/E,OAAgB,MAAM,0BAAc;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,IAAI,CAAa;IAGvB,IAAI,SAAM;IAGV,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,eAAe,SAAM;IAGrB,QAAQ,UAAS;IACjB;;;4BAGwB;IAExB,KAAK,UAAS;IAGd,OAAO,CAAC,YAAY;
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;;;;;;;AAElD,qBACa,QAAS,SAAQ,aAAkD;IAC/E,OAAgB,MAAM,0BAAc;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,IAAI,CAAa;IAGvB,IAAI,SAAM;IAGV,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,eAAe,SAAM;IAGrB,QAAQ,UAAS;IACjB;;;4BAGwB;IAExB,KAAK,UAAS;IAGd,OAAO,CAAC,YAAY;IAOX,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
* @element nldd-link
|
|
20
20
|
* @attr {string} href - Link target
|
|
21
21
|
* @attr {string} target - Link target (e.g. '_blank'); adjusts rel automatically. With '_blank' the link adds a visually hidden "Opent in nieuw tabblad" announcement for screen readers (WCAG 2.1 SC 3.2.2).
|
|
22
|
-
* @attr {string} rel - Link rel attribute;
|
|
22
|
+
* @attr {string} rel - Link rel attribute; with target '_blank', 'noopener noreferrer' is added to whatever you set
|
|
23
23
|
* @attr {string} size - Text size: 'inherit' (the default) follows the surrounding text and lays the link out inline, so it wraps in running prose. 'xs' | 'sm' | 'md' | 'lg' pin a size and switch to inline-flex, which baseline-aligns a start or end icon with an explicit gap.
|
|
24
24
|
* @attr {string} text - Link text (alternative to the default slot)
|
|
25
25
|
* @attr {string} start-icon - Icon before the text
|
|
@@ -71,16 +71,6 @@ let NLDDLink = class NLDDLink extends withTranslations(LitElement, nlddLinkTrans
|
|
|
71
71
|
e.stopPropagation();
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
/** @internal */
|
|
75
|
-
_resolvedRel() {
|
|
76
|
-
const base = this.rel ?? '';
|
|
77
|
-
if (this.target !== '_blank')
|
|
78
|
-
return base;
|
|
79
|
-
const parts = new Set(base.split(/\s+/).filter(Boolean));
|
|
80
|
-
parts.add('noopener');
|
|
81
|
-
parts.add('noreferrer');
|
|
82
|
-
return [...parts].join(' ');
|
|
83
|
-
}
|
|
84
74
|
render() {
|
|
85
75
|
return template.call(this, {
|
|
86
76
|
handleClick: this._handleClick.bind(this),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,8BAA8B,CAAC;AAK/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,CAAC;IAAzE;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,WAAM,GAAuB,SAAS,CAAC;QAGvC,QAAG,GAAuB,SAAS,CAAC;QAGpC,SAAI,GAAS,SAAS,CAAC;QAGvB,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAAG,EAAE,CAAC;QAGf,YAAO,GAAG,EAAE,CAAC;QAGb,oBAAe,GAAG,EAAE,CAAC;QAGrB,aAAQ,GAAG,KAAK,CAAC;QACjB;;;gCAGwB;QAExB,UAAK,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,8BAA8B,CAAC;AAK/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,CAAC;IAAzE;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,WAAM,GAAuB,SAAS,CAAC;QAGvC,QAAG,GAAuB,SAAS,CAAC;QAGpC,SAAI,GAAS,SAAS,CAAC;QAGvB,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAAG,EAAE,CAAC;QAGf,YAAO,GAAG,EAAE,CAAC;QAGb,oBAAe,GAAG,EAAE,CAAC;QAGrB,aAAQ,GAAG,KAAK,CAAC;QACjB;;;gCAGwB;QAExB,UAAK,GAAG,KAAK,CAAC;IAef,CAAC;IAZQ,YAAY,CAAC,CAAa;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACrB,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE;YAC1B,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC,CAAC;IACJ,CAAC;;AA/Ce,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACL;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACY;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACS;AAGpC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAO,SAAS,CAAC,EAAE,CAAC;sCACpD;AAGvB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;sCAC5D;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2CACrC;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;yCACrC;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACrC;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC1B;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;uCAClD;AAlCF,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAiDpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"link.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG1C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,wCAuChE"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
|
+
import { linkRel } from '../../../utilities/link-rel.js';
|
|
2
3
|
export function template(helpers) {
|
|
3
|
-
const resolvedRel = this.
|
|
4
|
+
const resolvedRel = linkRel(this.rel, this.target);
|
|
4
5
|
// A new-tab link is a change of context, so announce it (WCAG 2.1 SC 3.2.2).
|
|
5
6
|
// Suppressed when disabled (the <a> carries no href, so it doesn't navigate).
|
|
6
7
|
const opensInNewTabHint = !this.disabled && this.href && this.target === '_blank'
|
|
@@ -29,11 +30,11 @@ export function template(helpers) {
|
|
|
29
30
|
@click=${helpers.handleClick}
|
|
30
31
|
>
|
|
31
32
|
${this.startIcon ? html `
|
|
32
|
-
<span class="link__start-icon"><nldd-icon
|
|
33
|
+
<span class="link__start-icon"><nldd-icon icon=${this.startIcon}></nldd-icon></span>
|
|
33
34
|
` : html `<slot name="start-icon"></slot>`}
|
|
34
35
|
<span class="link__label">${this.text ? this.text : html `<slot></slot>`}</span>
|
|
35
36
|
${this.endIcon ? html `
|
|
36
|
-
<span class="link__end-icon"><nldd-icon
|
|
37
|
+
<span class="link__end-icon"><nldd-icon icon=${this.endIcon}></nldd-icon></span>
|
|
37
38
|
` : html `<slot name="end-icon"></slot>`}
|
|
38
39
|
${renderOpensInNewTabHint ? html `<span class="link__opens-in-new-tab-hint">${opensInNewTabHint}</span>` : nothing}
|
|
39
40
|
</a>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"link.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAMzD,MAAM,UAAU,QAAQ,CAAiB,OAAwB;IAChE,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACnD,6EAA6E;IAC7E,8EAA8E;IAC9E,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;QAChF,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,wCAAwC,CAAC;QACnD,CAAC,CAAC,EAAE,CAAC;IACN,2EAA2E;IAC3E,4EAA4E;IAC5E,6DAA6D;IAC7D,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe;QACrC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QACtE,CAAC,CAAC,OAAO,CAAC;IACX,MAAM,uBAAuB,GAAG,CAAC,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;IAC7E,8BAA8B;IAC9B,6DAA6D;IAC7D,qEAAqE;IACrE,uEAAuE;IACvE,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;UAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;cAC5B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;YACrD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;SACrD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC;mBACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,SAAS;YACb,OAAO,CAAC,WAAW;;KAE1B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;qDAC2B,IAAI,CAAC,SAAS;IAC/D,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;+BACb,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;KACrE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;mDAC2B,IAAI,CAAC,OAAO;IAC3D,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;KACrC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAA,6CAA6C,iBAAiB,SAAS,CAAC,CAAC,CAAC,OAAO;;EAElH,CAAC;AACH,CAAC"}
|
|
@@ -21,7 +21,7 @@ export function template(component) {
|
|
|
21
21
|
>
|
|
22
22
|
${component.icon ? html `
|
|
23
23
|
<span class="menu-bar-item__icon">
|
|
24
|
-
<nldd-icon
|
|
24
|
+
<nldd-icon icon=${component.icon}></nldd-icon>
|
|
25
25
|
</span>
|
|
26
26
|
` : nothing}
|
|
27
27
|
<span class="menu-bar-item__text">
|
|
@@ -29,7 +29,7 @@ export function template(component) {
|
|
|
29
29
|
</span>
|
|
30
30
|
${component.expandable ? html `
|
|
31
31
|
<span class="menu-bar-item__disclosure-icon">
|
|
32
|
-
<nldd-icon
|
|
32
|
+
<nldd-icon icon="chevron-down-small"></nldd-icon>
|
|
33
33
|
</span>
|
|
34
34
|
` : nothing}
|
|
35
35
|
</a>
|
|
@@ -49,7 +49,7 @@ export function template(component) {
|
|
|
49
49
|
>
|
|
50
50
|
${component.icon ? html `
|
|
51
51
|
<span class="menu-bar-item__icon">
|
|
52
|
-
<nldd-icon
|
|
52
|
+
<nldd-icon icon=${component.icon}></nldd-icon>
|
|
53
53
|
</span>
|
|
54
54
|
` : nothing}
|
|
55
55
|
<span class="menu-bar-item__text">
|
|
@@ -57,7 +57,7 @@ export function template(component) {
|
|
|
57
57
|
</span>
|
|
58
58
|
${component.expandable ? html `
|
|
59
59
|
<span class="menu-bar-item__disclosure-icon">
|
|
60
|
-
<nldd-icon
|
|
60
|
+
<nldd-icon icon="chevron-down-small"></nldd-icon>
|
|
61
61
|
</span>
|
|
62
62
|
` : nothing}
|
|
63
63
|
</button>
|
|
@@ -21,15 +21,15 @@ export const paginationStyles = css `
|
|
|
21
21
|
-webkit-tap-highlight-color: transparent;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
:host([hidden]) {
|
|
25
|
-
display: none;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
24
|
:host([centered]) {
|
|
29
25
|
display: flex;
|
|
30
26
|
justify-content: center;
|
|
31
27
|
}
|
|
32
28
|
|
|
29
|
+
:host([hidden]) {
|
|
30
|
+
display: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
33
|
:host([disabled]) {
|
|
34
34
|
opacity: var(--primitives-opacity-disabled);
|
|
35
35
|
pointer-events: none;
|
|
@@ -81,7 +81,7 @@ export function paginationTemplate(component) {
|
|
|
81
81
|
`)}
|
|
82
82
|
</select>
|
|
83
83
|
<div class="pagination__select-picker-icon">
|
|
84
|
-
<nldd-icon
|
|
84
|
+
<nldd-icon icon="chevron-up-chevron-down"></nldd-icon>
|
|
85
85
|
</div>
|
|
86
86
|
</div>
|
|
87
87
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,yBA2E1B,CAAC"}
|
|
@@ -31,17 +31,24 @@ export const skipLinkStyles = css `
|
|
|
31
31
|
position: absolute;
|
|
32
32
|
top: 0;
|
|
33
33
|
left: 0;
|
|
34
|
-
|
|
34
|
+
clip-path: inset(50%);
|
|
35
35
|
z-index: var(--_z-index);
|
|
36
36
|
border-radius: var(--semantics-controls-md-corner-radius);
|
|
37
37
|
box-shadow: var(--_box-shadow);
|
|
38
38
|
background-color: var(--semantics-surfaces-base-background-color);
|
|
39
|
+
width: 1px;
|
|
40
|
+
height: 1px;
|
|
41
|
+
overflow: hidden;
|
|
39
42
|
pointer-events: none;
|
|
40
43
|
justify-content: center;
|
|
41
44
|
}
|
|
42
45
|
|
|
43
46
|
.skip-link:has(:focus-visible) {
|
|
44
|
-
|
|
47
|
+
clip-path: none;
|
|
48
|
+
width: auto;
|
|
49
|
+
max-width: 100%;
|
|
50
|
+
height: auto;
|
|
51
|
+
overflow: visible;
|
|
45
52
|
pointer-events: auto;
|
|
46
53
|
}
|
|
47
54
|
|
|
@@ -57,9 +64,8 @@ export const skipLinkStyles = css `
|
|
|
57
64
|
padding: var(--primitives-space-4) var(--primitives-space-16);
|
|
58
65
|
align-items: center;
|
|
59
66
|
color: var(--semantics-links-color);
|
|
60
|
-
font: var(--primitives-font-body-md-medium-
|
|
67
|
+
font: var(--primitives-font-body-md-medium-tight);
|
|
61
68
|
text-decoration: underline;
|
|
62
|
-
white-space: nowrap;
|
|
63
69
|
appearance: none;
|
|
64
70
|
}
|
|
65
71
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAG7E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAc7B,kBAAkB
|
|
1
|
+
{"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAG7E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAc7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DrB,CAAC"}
|
|
@@ -48,8 +48,8 @@ export function tabBarItemTemplate(component) {
|
|
|
48
48
|
aria-hidden="true"
|
|
49
49
|
>
|
|
50
50
|
${component.icon
|
|
51
|
-
? html `<nldd-icon
|
|
52
|
-
: html `<slot name="icon" @slotchange=${component._onIconSlotChange}>${showPlaceholder ? html `<nldd-icon
|
|
51
|
+
? html `<nldd-icon icon=${component.icon}></nldd-icon>`
|
|
52
|
+
: html `<slot name="icon" @slotchange=${component._onIconSlotChange}>${showPlaceholder ? html `<nldd-icon icon="icon-placeholder"></nldd-icon>` : nothing}</slot>`}
|
|
53
53
|
</span>
|
|
54
54
|
<span class="tab-bar__item-text">
|
|
55
55
|
${component.text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-navigation-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkCpE,wBAAgB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"top-navigation-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkCpE,wBAAgB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,wCA2FvD"}
|
|
@@ -102,14 +102,16 @@ export function template(component) {
|
|
|
102
102
|
></nldd-menu-bar-item>
|
|
103
103
|
</div>
|
|
104
104
|
<div class="top-navigation-bar__global-menu-bar">
|
|
105
|
-
<slot
|
|
105
|
+
<slot
|
|
106
|
+
name="global"
|
|
106
107
|
@slotchange=${component._onGlobalSlotChange}
|
|
107
108
|
></slot>
|
|
108
109
|
</div>
|
|
109
110
|
</div>
|
|
110
111
|
<div class="top-navigation-bar__menu-bar-end">
|
|
111
112
|
<div class="top-navigation-bar__utility-menu-bar">
|
|
112
|
-
<slot
|
|
113
|
+
<slot
|
|
114
|
+
name="utility"
|
|
113
115
|
@slotchange=${component._onUtilitySlotChange}
|
|
114
116
|
></slot>
|
|
115
117
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-navigation-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,gCAAgC;AAEhC,SAAS,eAAe,CAAC,SAA+B;IACvD,OAAO,IAAI,CAAA;;;;;OAKL,SAAS,CAAC,SAAS;;MAEpB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,SAAS,CAAC,YAAY;;KAEzB,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAA+B;IACvD,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO,IAAI,CAAA;;KAEP,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;MACvB,SAAS,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAElC,YAAY;;;;;SAKjB,UAAU,CAAC,OAAO,CAAC;;QAEpB,eAAe,CAAC,SAAS,CAAC;;KAE7B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEb,YAAY;oBACN,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;iCAE3C,UAAU,CAAC,OAAO,CAAC;;KAE/C,CAAC,CAAC,CAAC,IAAI,CAAA;;;oBAGQ,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;QAEpE,UAAU,CAAC,OAAO,CAAC;;OAEpB,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO;KAC5D;UACK,CAAC,CAAC,CAAC,OAAO;;MAEd,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;gBAEd,eAAe;;UAErB,SAAS,CAAC,YAAY;;OAEzB,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEJ,SAAS,CAAC,YAAY;;OAEzB;;KAEF,CAAC,CAAC,CAAC,OAAO;;;QAGP,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;;;iBAItB,SAAS,CAAC,SAAS;gBACpB,SAAS,CAAC,QAAQ,IAAI,OAAO;6BAChB,SAAS,CAAC,SAAS;kBAC9B,SAAS,CAAC,gBAAgB;;;OAGrC,CAAC,CAAC,CAAC,OAAO;;;;gBAID,SAAS,CAAC,SAAS;;iBAElB,SAAS,CAAC,kBAAkB
|
|
1
|
+
{"version":3,"file":"top-navigation-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,gCAAgC;AAEhC,SAAS,eAAe,CAAC,SAA+B;IACvD,OAAO,IAAI,CAAA;;;;;OAKL,SAAS,CAAC,SAAS;;MAEpB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,SAAS,CAAC,YAAY;;KAEzB,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAA+B;IACvD,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO,IAAI,CAAA;;KAEP,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;MACvB,SAAS,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAElC,YAAY;;;;;SAKjB,UAAU,CAAC,OAAO,CAAC;;QAEpB,eAAe,CAAC,SAAS,CAAC;;KAE7B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEb,YAAY;oBACN,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;iCAE3C,UAAU,CAAC,OAAO,CAAC;;KAE/C,CAAC,CAAC,CAAC,IAAI,CAAA;;;oBAGQ,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;QAEpE,UAAU,CAAC,OAAO,CAAC;;OAEpB,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO;KAC5D;UACK,CAAC,CAAC,CAAC,OAAO;;MAEd,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;gBAEd,eAAe;;UAErB,SAAS,CAAC,YAAY;;OAEzB,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEJ,SAAS,CAAC,YAAY;;OAEzB;;KAEF,CAAC,CAAC,CAAC,OAAO;;;QAGP,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;;;iBAItB,SAAS,CAAC,SAAS;gBACpB,SAAS,CAAC,QAAQ,IAAI,OAAO;6BAChB,SAAS,CAAC,SAAS;kBAC9B,SAAS,CAAC,gBAAgB;;;OAGrC,CAAC,CAAC,CAAC,OAAO;;;;gBAID,SAAS,CAAC,SAAS;;iBAElB,SAAS,CAAC,kBAAkB;;;;;;sBAMvB,SAAS,CAAC,mBAAmB;;;;;;;;sBAQ7B,SAAS,CAAC,oBAAoB;;;;;;;EAOlD,CAAC;AACH,CAAC"}
|
|
@@ -27,8 +27,9 @@
|
|
|
27
27
|
*
|
|
28
28
|
* @element nldd-top-title-bar
|
|
29
29
|
*
|
|
30
|
-
* @attr {string} text - Title of the bar, rendered as the
|
|
31
|
-
* @attr {string} supporting-text -
|
|
30
|
+
* @attr {string} text - Title of the bar, rendered as the heading in the title group.
|
|
31
|
+
* @attr {string} supporting-text - Text under the title.
|
|
32
|
+
* @attr {1|2|3|4|5|6} heading-level - Heading level of the title: 1–6 (default: 1). Lower it where the bar is not the top of the page, such as a pane beside content that already has its h1.
|
|
32
33
|
* @attr {string} collapse-anchor - Id of the element whose top edge triggers the compact state on scroll. Without it the state is static (see above).
|
|
33
34
|
* @attr {string} back-text - Text of the back button and its accessible name. Empty hides the back button (and the divider).
|
|
34
35
|
* @attr {string} back-href - URL for the back button; renders a link and suppresses the `back` event.
|
|
@@ -40,10 +41,12 @@
|
|
|
40
41
|
* @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed, with the same caveat as `back`.
|
|
41
42
|
*/
|
|
42
43
|
import { LitElement } from 'lit';
|
|
44
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
43
45
|
export declare class NLDDTopTitleBar extends LitElement {
|
|
44
46
|
static styles: import("lit").CSSResult;
|
|
45
47
|
text: string;
|
|
46
48
|
supportingText: string;
|
|
49
|
+
headingLevel: HeadingLevel;
|
|
47
50
|
collapseAnchor: string;
|
|
48
51
|
backText: string;
|
|
49
52
|
backHref: string;
|
|
@@ -83,4 +86,5 @@ declare global {
|
|
|
83
86
|
'nldd-top-title-bar': NLDDTopTitleBar;
|
|
84
87
|
}
|
|
85
88
|
}
|
|
89
|
+
export {};
|
|
86
90
|
//# sourceMappingURL=top-title-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,YAAY,EAAE,YAAY,CAAK;IAG/B,cAAc,SAAM;IAGpB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,gBAAgB,UAAS;IAEzB,OAAO,CAAC,YAAY,CAAwB;IAE5C;;;wBAGoB;IAEpB,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,0BAA0B,CAAiC;IACnE,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,qBAAqB,CAA+B;IAC5D,OAAO,CAAC,qBAAqB,CAAiC;IAC9D,OAAO,CAAC,cAAc,CAA6B;IAE1C,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAgBpB,gBAAgB;IAChB,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,OAAO,CAAC,cAAc;IA+CtB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,iBAAiB;IA6BzB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,SAAS;IAmBjB,oBAAoB,GAAI,GAAG,KAAK,UAG9B;IAEF,WAAW,IAAI,IAAI;IAKnB,cAAc,IAAI,IAAI;IAIb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}
|
|
@@ -27,8 +27,9 @@
|
|
|
27
27
|
*
|
|
28
28
|
* @element nldd-top-title-bar
|
|
29
29
|
*
|
|
30
|
-
* @attr {string} text - Title of the bar, rendered as the
|
|
31
|
-
* @attr {string} supporting-text -
|
|
30
|
+
* @attr {string} text - Title of the bar, rendered as the heading in the title group.
|
|
31
|
+
* @attr {string} supporting-text - Text under the title.
|
|
32
|
+
* @attr {1|2|3|4|5|6} heading-level - Heading level of the title: 1–6 (default: 1). Lower it where the bar is not the top of the page, such as a pane beside content that already has its h1.
|
|
32
33
|
* @attr {string} collapse-anchor - Id of the element whose top edge triggers the compact state on scroll. Without it the state is static (see above).
|
|
33
34
|
* @attr {string} back-text - Text of the back button and its accessible name. Empty hides the back button (and the divider).
|
|
34
35
|
* @attr {string} back-href - URL for the back button; renders a link and suppresses the `back` event.
|
|
@@ -55,6 +56,7 @@ let NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
|
|
|
55
56
|
super(...arguments);
|
|
56
57
|
this.text = '';
|
|
57
58
|
this.supportingText = '';
|
|
59
|
+
this.headingLevel = 1;
|
|
58
60
|
this.collapseAnchor = '';
|
|
59
61
|
this.backText = '';
|
|
60
62
|
this.backHref = '';
|
|
@@ -257,6 +259,9 @@ __decorate([
|
|
|
257
259
|
__decorate([
|
|
258
260
|
property({ reflect: true, attribute: 'supporting-text', converter: reflectNonDefault('') })
|
|
259
261
|
], NLDDTopTitleBar.prototype, "supportingText", void 0);
|
|
262
|
+
__decorate([
|
|
263
|
+
property({ reflect: true, attribute: 'heading-level', converter: reflectNonDefault(1) })
|
|
264
|
+
], NLDDTopTitleBar.prototype, "headingLevel", void 0);
|
|
260
265
|
__decorate([
|
|
261
266
|
property({ type: String, attribute: 'collapse-anchor' })
|
|
262
267
|
], NLDDTopTitleBar.prototype, "collapseAnchor", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"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"}
|
|
@@ -119,7 +119,7 @@ export const topTitleBarStyles = css `
|
|
|
119
119
|
white-space: nowrap;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.top-title-bar__title:has(+ .top-title-
|
|
122
|
+
.top-title-bar__title:has(+ .top-title-bar__supporting-text) {
|
|
123
123
|
font: var(--primitives-font-body-md-semi-bold-flat);
|
|
124
124
|
}
|
|
125
125
|
|
|
@@ -129,7 +129,7 @@ export const topTitleBarStyles = css `
|
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.top-title-
|
|
132
|
+
.top-title-bar__supporting-text {
|
|
133
133
|
margin: 0;
|
|
134
134
|
overflow: hidden;
|
|
135
135
|
color: var(--semantics-content-secondary-color);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"top-title-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAalD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCA4D7D"}
|
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
|
+
import { html as staticHtml, unsafeStatic } from 'lit/static-html.js';
|
|
2
3
|
import '../../actions/button/button.js';
|
|
3
4
|
import '../../actions/icon-button/icon-button.js';
|
|
5
|
+
// SAFETY: the only tags unsafeStatic ever sees. A heading-level outside the map
|
|
6
|
+
// falls back to h1, so no tag name is derived from input.
|
|
7
|
+
const HEADING_TAGS = {
|
|
8
|
+
1: unsafeStatic('h1'),
|
|
9
|
+
2: unsafeStatic('h2'),
|
|
10
|
+
3: unsafeStatic('h3'),
|
|
11
|
+
4: unsafeStatic('h4'),
|
|
12
|
+
5: unsafeStatic('h5'),
|
|
13
|
+
6: unsafeStatic('h6'),
|
|
14
|
+
};
|
|
4
15
|
export function topTitleBarTemplate(component) {
|
|
5
16
|
const showBack = !!component.backText;
|
|
17
|
+
const headingTag = HEADING_TAGS[component.headingLevel] ?? HEADING_TAGS[1];
|
|
6
18
|
return html `
|
|
7
19
|
<div class="top-title-bar">
|
|
8
20
|
<div class="top-title-bar__start">
|
|
@@ -34,16 +46,19 @@ export function topTitleBarTemplate(component) {
|
|
|
34
46
|
<div class="top-title-bar__title-group"
|
|
35
47
|
aria-hidden=${component._hasAnchor ? 'true' : nothing}
|
|
36
48
|
>
|
|
37
|
-
|
|
49
|
+
${staticHtml `<${headingTag} class="top-title-bar__title">${component.text}</${headingTag}>`}
|
|
38
50
|
${component.supportingText ? html `
|
|
39
|
-
<p class="top-title-
|
|
51
|
+
<p class="top-title-bar__supporting-text">${component.supportingText}</p>
|
|
40
52
|
` : nothing}
|
|
41
53
|
</div>
|
|
42
54
|
</div>
|
|
43
55
|
<div class="top-title-bar__end"
|
|
44
56
|
?hidden=${!component.dismissText && !component._hasToolbarItems}
|
|
45
57
|
>
|
|
46
|
-
<slot
|
|
58
|
+
<slot
|
|
59
|
+
name="toolbar"
|
|
60
|
+
@slotchange=${component._onToolbarSlotChange}
|
|
61
|
+
></slot>
|
|
47
62
|
${component.dismissText ? html `
|
|
48
63
|
<div class="top-title-bar__dismiss-button">
|
|
49
64
|
<nldd-button
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,gFAAgF;AAChF,0DAA0D;AAC1D,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,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;IACtC,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IAE3E,OAAO,IAAI,CAAA;;;MAGN,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;eAMN,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ,IAAI,OAAO;;iBAE3B,SAAS,CAAC,WAAW;;;;;;;eAOvB,SAAS,CAAC,QAAQ;2BACN,SAAS,CAAC,QAAQ,IAAI,OAAO;eACzC,SAAS,CAAC,QAAQ,IAAI,OAAO;iBAC3B,SAAS,CAAC,WAAW;;;;;KAKjC,CAAC,CAAC,CAAC,OAAO;;mBAEI,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;OAEnD,UAAU,CAAA,IAAI,UAAU,iCAAiC,SAAS,CAAC,IAAI,KAAK,UAAU,GAAG;OACzF,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;kDACY,SAAS,CAAC,cAAc;MACpE,CAAC,CAAC,CAAC,OAAO;;;;cAIF,CAAC,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,gBAAgB;;;;mBAIhD,SAAS,CAAC,oBAAoB;;MAE3C,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIpB,SAAS,CAAC,WAAW;gBACnB,SAAS,CAAC,cAAc;;;KAGnC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}
|
|
@@ -37,10 +37,6 @@ export const activityIndicatorStyles = css `
|
|
|
37
37
|
justify-content: center;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
:host([hidden]) {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
40
|
/* Overlay mode (content in the default slot): the host wraps the content and
|
|
45
41
|
is the containing block for the absolutely-positioned indicator + backdrop,
|
|
46
42
|
so it sizes to the content instead of filling its parent. */
|
|
@@ -50,6 +46,10 @@ export const activityIndicatorStyles = css `
|
|
|
50
46
|
height: auto;
|
|
51
47
|
}
|
|
52
48
|
|
|
49
|
+
:host([hidden]) {
|
|
50
|
+
display: none;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
53
|
|
|
54
54
|
/* ## Sizes (icon scale) */
|
|
55
55
|
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* @element nldd-badge
|
|
17
17
|
* @attr {string} size - Size: 'sm' | 'md' (default: 'md')
|
|
18
18
|
* @attr {string} color - Semantic ('critical' | 'accent' | 'neutral' | 'warning' | 'success'), a Rijkshuisstijl color ('lintblauw' | 'hemelblauw' | 'oranje' | …), or 'inherit' to fill in the content color around it: the `--context-content-color` channel a list item, table row or menu sets, falling back to `currentColor`. Default: 'critical'
|
|
19
|
-
* @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the
|
|
19
|
+
* @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the system cannot know: the jacket of a cable, a color someone picked. It wins over `color`. Whatever it paints, the text and icon on top become white or black, whichever contrasts. The text on it is black or white, picked on the relative luminance of the fill, so it clears 4.5:1 whatever color you hand it.
|
|
20
20
|
* @attr {boolean} pulse - Grows a ring out of the badge and fades it, for something happening right now (a live connection, an outage). Respects `prefers-reduced-motion`.
|
|
21
21
|
* @attr {string} text - Text (takes precedence over number)
|
|
22
22
|
* @attr {number} number - Numeric value. Shortened when it is over max
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* @element nldd-badge
|
|
17
17
|
* @attr {string} size - Size: 'sm' | 'md' (default: 'md')
|
|
18
18
|
* @attr {string} color - Semantic ('critical' | 'accent' | 'neutral' | 'warning' | 'success'), a Rijkshuisstijl color ('lintblauw' | 'hemelblauw' | 'oranje' | …), or 'inherit' to fill in the content color around it: the `--context-content-color` channel a list item, table row or menu sets, falling back to `currentColor`. Default: 'critical'
|
|
19
|
-
* @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the
|
|
19
|
+
* @attr {string} custom-color - A color of its own, as any CSS color value ('#a90061', 'oklch(0.6 0.2 20)', 'var(--brand-cable-blue)'). For a color the system cannot know: the jacket of a cable, a color someone picked. It wins over `color`. Whatever it paints, the text and icon on top become white or black, whichever contrasts. The text on it is black or white, picked on the relative luminance of the fill, so it clears 4.5:1 whatever color you hand it.
|
|
20
20
|
* @attr {boolean} pulse - Grows a ring out of the badge and fades it, for something happening right now (a live connection, an outage). Respects `prefers-reduced-motion`.
|
|
21
21
|
* @attr {string} text - Text (takes precedence over number)
|
|
22
22
|
* @attr {number} number - Numeric value. Shortened when it is over max
|
|
@@ -19,7 +19,7 @@ export function template(component) {
|
|
|
19
19
|
${component.pulse ? html `<span class="badge__pulse"></span>` : ''}
|
|
20
20
|
${component.icon ? html `
|
|
21
21
|
<span class="badge__icon">
|
|
22
|
-
<nldd-icon
|
|
22
|
+
<nldd-icon icon=${component.icon}></nldd-icon>
|
|
23
23
|
</span>
|
|
24
24
|
` : ''}
|
|
25
25
|
${component._hasText ? html `<span class="badge__text">${component._displayValue}</span>` : ''}
|
|
@@ -16,7 +16,7 @@ export function bannerTemplate(component) {
|
|
|
16
16
|
<div class="banner__icon"
|
|
17
17
|
aria-hidden="true"
|
|
18
18
|
>
|
|
19
|
-
<nldd-icon
|
|
19
|
+
<nldd-icon icon=${component._resolvedIcon}></nldd-icon>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="banner__main">
|
|
22
22
|
${component.text || component.supportingText ? html `
|
|
@@ -16,7 +16,7 @@ export function inlineDialogTemplate(component) {
|
|
|
16
16
|
</div>
|
|
17
17
|
` : component._resolvedIconName ? html `
|
|
18
18
|
<div class="inline-dialog__icon">
|
|
19
|
-
<nldd-icon
|
|
19
|
+
<nldd-icon icon=${component._resolvedIconName}></nldd-icon>
|
|
20
20
|
</div>
|
|
21
21
|
` : nothing}
|
|
22
22
|
${component.text ? html `
|
|
@@ -4,20 +4,27 @@
|
|
|
4
4
|
* A modal window with overlay backdrop, based on the native <dialog> element.
|
|
5
5
|
* Internally renders an <nldd-inline-dialog> for the visual structure.
|
|
6
6
|
*
|
|
7
|
+
* Open and close it with `open`, bound to your state together with the close
|
|
8
|
+
* event: the dialog clears `open` itself when the user closes it. show() and
|
|
9
|
+
* hide() do the same for code without a binding. Keep the dialog in the DOM
|
|
10
|
+
* rather than mounting it when it opens, or the animations are skipped.
|
|
11
|
+
*
|
|
7
12
|
* @element nldd-modal-dialog
|
|
8
13
|
*
|
|
9
14
|
* @attr {'alert'} variant - Forwarded to nldd-inline-dialog; 'alert' forces icon and color
|
|
10
|
-
* @attr {
|
|
15
|
+
* @attr {'left'|'center'} horizontal-alignment - Forwarded to nldd-inline-dialog. Unset derives it there: slotted content aligns left, a bare message stays centered.
|
|
11
16
|
* @attr {string} text - Forwarded to nldd-inline-dialog; main text
|
|
12
17
|
* @attr {string} supporting-text - Forwarded to nldd-inline-dialog; supporting text
|
|
13
|
-
* @attr {
|
|
18
|
+
* @attr {string} icon - Forwarded to nldd-inline-dialog; absent when not set
|
|
14
19
|
* @attr {string} accessible-label - Accessible name for the dialog (aria-label); falls back to text
|
|
20
|
+
* @attr {boolean} open - Whether the dialog is open. Set it to open or close the dialog, as an alternative to show() and hide(). The dialog clears it itself when it closes another way (Escape, the backdrop), so bind it together with the close event.
|
|
15
21
|
*
|
|
16
22
|
* @slot - Optional custom content, forwarded to nldd-inline-dialog
|
|
17
23
|
* @slot actions - nldd-button elements, forwarded to nldd-inline-dialog
|
|
24
|
+
* @slot notifications - Where the notifications area lands while this overlay is open, so a notification is not left inert behind it. Filled by the package; leave it alone.
|
|
18
25
|
*
|
|
19
26
|
* @fires open - When the dialog is opened
|
|
20
|
-
* @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened.
|
|
27
|
+
* @fires close - When the dialog is fully closed. Does not bubble: overlays nest, and a listener on one dialog asking about that dialog should not also hear the form it opened. The dismiss button of an nldd-top-title-bar inside it fires `dismiss`, which bubbles; this component catches that itself, closes and fires `close`. Listen to `close` alone, or one click runs your handler twice.
|
|
21
28
|
*
|
|
22
29
|
* @method show() - Opens the modal dialog
|
|
23
30
|
* @method hide() - Closes the modal dialog with a closing animation
|
|
@@ -28,12 +35,14 @@ import '../inline-dialog/inline-dialog.js';
|
|
|
28
35
|
export declare class NLDDModalDialog extends LitElement {
|
|
29
36
|
static styles: import("lit").CSSResult;
|
|
30
37
|
variant: InlineDialogVariant | '';
|
|
31
|
-
|
|
38
|
+
horizontalAlignment: InlineDialogHorizontalAlignment | '';
|
|
32
39
|
text: string;
|
|
33
40
|
supportingText: string;
|
|
34
|
-
|
|
41
|
+
icon: string;
|
|
35
42
|
/** Accessible name for the dialog — forwarded as aria-label. Falls back to text. */
|
|
36
43
|
accessibleLabel: string;
|
|
44
|
+
open: boolean;
|
|
45
|
+
updated(changed: Map<string, unknown>): void;
|
|
37
46
|
private _closing;
|
|
38
47
|
private get _dialog();
|
|
39
48
|
/** Cancels a `show()` that is waiting for the first render; null when none is. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAC9G,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,mBAAmB,EAAE,+BAA+B,GAAG,EAAE,CAAM;IAG/D,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,IAAI,SAAM;IAEV,oFAAoF;IAEpF,eAAe,SAAM;IAGrB,IAAI,UAAS;IAEJ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQrD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IA6BZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAoCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;mEAG+D;IAC/D,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,oBAAoB,GAAI,GAAG,UAAU,KAAG,IAAI,CAO3C;IAED,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|