@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
|
@@ -6,6 +6,11 @@
|
|
|
6
6
|
* axis (inline/block), or per individual side. Specificity: per side >
|
|
7
7
|
* per axis > all sides.
|
|
8
8
|
*
|
|
9
|
+
* The container owns the space around and between its children; use
|
|
10
|
+
* `nldd-spacer` only for a one-off gap between two different things. A block
|
|
11
|
+
* that is placed in more than one context gets no padding of its own: whoever
|
|
12
|
+
* places it wraps it in a container, so the inset is not counted twice.
|
|
13
|
+
*
|
|
9
14
|
* Responsive padding and gap have sm/md/lg variants. Each variant emits both
|
|
10
15
|
* an @media (viewport) and @container (layout-container) query. When inside a
|
|
11
16
|
* layout-container the @container query wins; otherwise the @media query
|
|
@@ -60,15 +65,13 @@
|
|
|
60
65
|
* @attr {number} sm-column-count - Column count when this container is sm-wide
|
|
61
66
|
* @attr {number} md-column-count - Column count when this container is md-wide
|
|
62
67
|
* @attr {number} lg-column-count - Column count when this container is lg-wide
|
|
63
|
-
* @attr {string} gap - Gap between children
|
|
64
|
-
* @attr {string} sm-gap - Gap at sm breakpoint
|
|
65
|
-
* @attr {string} md-gap - Gap at md breakpoint
|
|
66
|
-
* @attr {string} lg-gap - Gap at lg breakpoint
|
|
67
68
|
* @attr {string} width - 'full' (default, fills the parent) | 'fit-content' | a CSS length (e.g. '480px'). A container narrower than its parent stays where its parent puts it; use the parent's horizontal-alignment to move it.
|
|
68
69
|
* @attr {string} min-width - Minimum width as a CSS length (e.g. '280px')
|
|
69
70
|
* @attr {string} max-width - Maximum width as a CSS length (e.g. '480px')
|
|
70
|
-
* @attr {string}
|
|
71
|
-
* @attr {string}
|
|
71
|
+
* @attr {string} gap - Gap between children. One distance for all of them, so it fits children of one kind; for a stack of different kinds, space each seam with nldd-spacer instead.
|
|
72
|
+
* @attr {string} sm-gap - Gap at sm breakpoint
|
|
73
|
+
* @attr {string} md-gap - Gap at md breakpoint
|
|
74
|
+
* @attr {string} lg-gap - Gap at lg breakpoint
|
|
72
75
|
* @attr {string} padding - Padding for all sides
|
|
73
76
|
* @attr {string} padding-inline - Padding for left and right
|
|
74
77
|
* @attr {string} padding-block - Padding for top and bottom
|
|
@@ -103,6 +106,8 @@
|
|
|
103
106
|
* @attr {string} lg-padding-right - Padding right at lg
|
|
104
107
|
* @attr {string} lg-padding-bottom - Padding bottom at lg
|
|
105
108
|
* @attr {string} lg-padding-left - Padding left at lg
|
|
109
|
+
* @attr {string} horizontal-alignment - 'left' | 'center' | 'right'
|
|
110
|
+
* @attr {string} vertical-alignment - 'top' | 'center' | 'bottom'
|
|
106
111
|
*
|
|
107
112
|
* @slot - Container content
|
|
108
113
|
*/
|
|
@@ -124,8 +129,6 @@ export declare class NLDDContainer extends LitElement {
|
|
|
124
129
|
width: string;
|
|
125
130
|
minWidth: string;
|
|
126
131
|
maxWidth: string;
|
|
127
|
-
horizontalAlignment: HorizontalAlignment | undefined;
|
|
128
|
-
verticalAlignment: VerticalAlignment | undefined;
|
|
129
132
|
gap: PaddingSize | undefined;
|
|
130
133
|
smGap: PaddingSize | undefined;
|
|
131
134
|
mdGap: PaddingSize | undefined;
|
|
@@ -158,6 +161,8 @@ export declare class NLDDContainer extends LitElement {
|
|
|
158
161
|
lgPaddingRight: PaddingSize | undefined;
|
|
159
162
|
lgPaddingBottom: PaddingSize | undefined;
|
|
160
163
|
lgPaddingLeft: PaddingSize | undefined;
|
|
164
|
+
horizontalAlignment: HorizontalAlignment | undefined;
|
|
165
|
+
verticalAlignment: VerticalAlignment | undefined;
|
|
161
166
|
updated(_changed: PropertyValues): void;
|
|
162
167
|
/** A length goes into a custom property; the keywords are selectors in the
|
|
163
168
|
* stylesheet. An unusable length is cleared, so the host falls back to the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgHG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEvF,gFAAgF;AAChF,KAAK,WAAW,GAAG,WAAW,CAAC;AAE/B,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACtE,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACjD,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAwBrD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAQzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAQhB,WAAW,CAAC,EAAE,WAAW,CAAC;IAG1B,aAAa,CAAC,EAAE,WAAW,CAAC;IAG5B,aAAa,CAAC,EAAE,WAAW,CAAC;IAG5B,aAAa,CAAC,EAAE,WAAW,CAAC;IAG5B,KAAK,SAAM;IAGX,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAGd,GAAG,EAAE,WAAW,GAAG,SAAS,CAAa;IAGzC,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,OAAO,EAAE,WAAW,GAAG,SAAS,CAAa;IAG7C,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,UAAU,EAAE,WAAW,GAAG,SAAS,CAAa;IAGhD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,WAAW,EAAE,WAAW,GAAG,SAAS,CAAa;IAGjD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,mBAAmB,EAAE,mBAAmB,GAAG,SAAS,CAAa;IAGjE,iBAAiB,EAAE,iBAAiB,GAAG,SAAS,CAAa;IAEpD,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAKhD;;oFAEgF;IAChF,OAAO,CAAC,wBAAwB;IAehC,OAAO,CAAC,qBAAqB;IAyD7B;;+DAE2D;IAC3D,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,cAAc,CAAC,CAAmB;IAEjC,oBAAoB,IAAI,IAAI;IAMrC,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAa9B;IAEF,OAAO,CAAC,gBAAgB;IASf,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}
|
|
@@ -12,6 +12,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
12
12
|
* axis (inline/block), or per individual side. Specificity: per side >
|
|
13
13
|
* per axis > all sides.
|
|
14
14
|
*
|
|
15
|
+
* The container owns the space around and between its children; use
|
|
16
|
+
* `nldd-spacer` only for a one-off gap between two different things. A block
|
|
17
|
+
* that is placed in more than one context gets no padding of its own: whoever
|
|
18
|
+
* places it wraps it in a container, so the inset is not counted twice.
|
|
19
|
+
*
|
|
15
20
|
* Responsive padding and gap have sm/md/lg variants. Each variant emits both
|
|
16
21
|
* an @media (viewport) and @container (layout-container) query. When inside a
|
|
17
22
|
* layout-container the @container query wins; otherwise the @media query
|
|
@@ -66,15 +71,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
66
71
|
* @attr {number} sm-column-count - Column count when this container is sm-wide
|
|
67
72
|
* @attr {number} md-column-count - Column count when this container is md-wide
|
|
68
73
|
* @attr {number} lg-column-count - Column count when this container is lg-wide
|
|
69
|
-
* @attr {string} gap - Gap between children
|
|
70
|
-
* @attr {string} sm-gap - Gap at sm breakpoint
|
|
71
|
-
* @attr {string} md-gap - Gap at md breakpoint
|
|
72
|
-
* @attr {string} lg-gap - Gap at lg breakpoint
|
|
73
74
|
* @attr {string} width - 'full' (default, fills the parent) | 'fit-content' | a CSS length (e.g. '480px'). A container narrower than its parent stays where its parent puts it; use the parent's horizontal-alignment to move it.
|
|
74
75
|
* @attr {string} min-width - Minimum width as a CSS length (e.g. '280px')
|
|
75
76
|
* @attr {string} max-width - Maximum width as a CSS length (e.g. '480px')
|
|
76
|
-
* @attr {string}
|
|
77
|
-
* @attr {string}
|
|
77
|
+
* @attr {string} gap - Gap between children. One distance for all of them, so it fits children of one kind; for a stack of different kinds, space each seam with nldd-spacer instead.
|
|
78
|
+
* @attr {string} sm-gap - Gap at sm breakpoint
|
|
79
|
+
* @attr {string} md-gap - Gap at md breakpoint
|
|
80
|
+
* @attr {string} lg-gap - Gap at lg breakpoint
|
|
78
81
|
* @attr {string} padding - Padding for all sides
|
|
79
82
|
* @attr {string} padding-inline - Padding for left and right
|
|
80
83
|
* @attr {string} padding-block - Padding for top and bottom
|
|
@@ -109,6 +112,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
109
112
|
* @attr {string} lg-padding-right - Padding right at lg
|
|
110
113
|
* @attr {string} lg-padding-bottom - Padding bottom at lg
|
|
111
114
|
* @attr {string} lg-padding-left - Padding left at lg
|
|
115
|
+
* @attr {string} horizontal-alignment - 'left' | 'center' | 'right'
|
|
116
|
+
* @attr {string} vertical-alignment - 'top' | 'center' | 'bottom'
|
|
112
117
|
*
|
|
113
118
|
* @slot - Container content
|
|
114
119
|
*/
|
|
@@ -140,8 +145,6 @@ let NLDDContainer = class NLDDContainer extends LitElement {
|
|
|
140
145
|
this.width = '';
|
|
141
146
|
this.minWidth = '';
|
|
142
147
|
this.maxWidth = '';
|
|
143
|
-
this.horizontalAlignment = undefined;
|
|
144
|
-
this.verticalAlignment = undefined;
|
|
145
148
|
this.gap = undefined;
|
|
146
149
|
this.smGap = undefined;
|
|
147
150
|
this.mdGap = undefined;
|
|
@@ -174,6 +177,8 @@ let NLDDContainer = class NLDDContainer extends LitElement {
|
|
|
174
177
|
this.lgPaddingRight = undefined;
|
|
175
178
|
this.lgPaddingBottom = undefined;
|
|
176
179
|
this.lgPaddingLeft = undefined;
|
|
180
|
+
this.horizontalAlignment = undefined;
|
|
181
|
+
this.verticalAlignment = undefined;
|
|
177
182
|
this._onSlotChange = (e) => {
|
|
178
183
|
const slot = e.target;
|
|
179
184
|
this._childObserver?.disconnect();
|
|
@@ -340,12 +345,6 @@ __decorate([
|
|
|
340
345
|
__decorate([
|
|
341
346
|
property({ type: String, reflect: true, attribute: 'max-width' })
|
|
342
347
|
], NLDDContainer.prototype, "maxWidth", void 0);
|
|
343
|
-
__decorate([
|
|
344
|
-
property({ type: String, reflect: true, attribute: 'horizontal-alignment' })
|
|
345
|
-
], NLDDContainer.prototype, "horizontalAlignment", void 0);
|
|
346
|
-
__decorate([
|
|
347
|
-
property({ type: String, reflect: true, attribute: 'vertical-alignment' })
|
|
348
|
-
], NLDDContainer.prototype, "verticalAlignment", void 0);
|
|
349
348
|
__decorate([
|
|
350
349
|
property({ type: String, reflect: true })
|
|
351
350
|
], NLDDContainer.prototype, "gap", void 0);
|
|
@@ -442,6 +441,12 @@ __decorate([
|
|
|
442
441
|
__decorate([
|
|
443
442
|
property({ type: String, reflect: true, attribute: 'lg-padding-left' })
|
|
444
443
|
], NLDDContainer.prototype, "lgPaddingLeft", void 0);
|
|
444
|
+
__decorate([
|
|
445
|
+
property({ type: String, reflect: true, attribute: 'horizontal-alignment' })
|
|
446
|
+
], NLDDContainer.prototype, "horizontalAlignment", void 0);
|
|
447
|
+
__decorate([
|
|
448
|
+
property({ type: String, reflect: true, attribute: 'vertical-alignment' })
|
|
449
|
+
], NLDDContainer.prototype, "verticalAlignment", void 0);
|
|
445
450
|
NLDDContainer = __decorate([
|
|
446
451
|
customElement('nldd-container')
|
|
447
452
|
], NLDDContainer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,11 +22,38 @@
|
|
|
22
22
|
* the page owns the scroller, only its own bars count: the chrome above the page
|
|
23
23
|
* sits outside that scroller and does not push sticky content down.
|
|
24
24
|
*
|
|
25
|
+
* ## Landmarks
|
|
26
|
+
* A page carries the landmarks of a document: its header is the banner, its
|
|
27
|
+
* content the main landmark, its footer the contentinfo. A document has one of
|
|
28
|
+
* each, so a page that sits beside another one cannot have them. Such a page
|
|
29
|
+
* renders a section and a plain div instead, which drops all three at once: a
|
|
30
|
+
* header inside sectioning content is no longer a banner. With
|
|
31
|
+
* `accessible-label` that section is a named region, so there is still one
|
|
32
|
+
* landmark to jump to; without a name it is no landmark at all, which beats an
|
|
33
|
+
* unnamed one.
|
|
34
|
+
*
|
|
35
|
+
* `landmarks` says which of the two a page is, and `auto` (the default) reads
|
|
36
|
+
* it off where the page sits:
|
|
37
|
+
* - in an overlay (nldd-sheet, nldd-modal-dialog, nldd-window, nldd-popover) a
|
|
38
|
+
* region, because the overlay is not the document;
|
|
39
|
+
* - in a pane of nldd-navigation-split-view, nldd-side-by-side-split-view or
|
|
40
|
+
* nldd-stacked-split-view a region, because those place pages beside each
|
|
41
|
+
* other;
|
|
42
|
+
* - anywhere else the page, including the `main` slot of an
|
|
43
|
+
* nldd-bar-split-view, which stacks bars around a single content area.
|
|
44
|
+
*
|
|
45
|
+
* So an app shell has no main until you say which pane holds the primary
|
|
46
|
+
* content, with `landmarks="page"` on that one page. Only the application
|
|
47
|
+
* knows which pane that is. Two pages that both render a main is invalid HTML,
|
|
48
|
+
* and the page says so in development.
|
|
49
|
+
*
|
|
25
50
|
* @element nldd-page
|
|
26
51
|
*
|
|
52
|
+
* @attr {'inherit'|'base'|'tinted'} background - Use a gray background instead of white
|
|
53
|
+
* @attr {string} accessible-label - Name of the landmark this page is: the region it becomes beside another page, or its main landmark
|
|
27
54
|
* @attr {boolean} sticky-header - Sticky header
|
|
28
55
|
* @attr {boolean} sticky-footer - Sticky footer
|
|
29
|
-
* @attr {'
|
|
56
|
+
* @attr {'auto'|'page'|'region'} landmarks - Whether this page carries the document's landmarks: 'auto' (default) derives it from where the page sits, 'page' keeps banner, main and contentinfo, 'region' drops all three
|
|
30
57
|
*
|
|
31
58
|
* @slot header - Header content
|
|
32
59
|
* @slot - Main content (scrollable)
|
|
@@ -34,12 +61,34 @@
|
|
|
34
61
|
*/
|
|
35
62
|
import { LitElement, PropertyValues } from 'lit';
|
|
36
63
|
import type { ScrollMode, ScrollModeConsumer } from '../../../utilities/scroll-mode-controller.js';
|
|
64
|
+
type Landmarks = 'auto' | 'page' | 'region';
|
|
37
65
|
export declare class NLDDPage extends LitElement implements ScrollModeConsumer {
|
|
38
66
|
static styles: import("lit").CSSResult;
|
|
67
|
+
background: 'inherit' | 'base' | 'tinted';
|
|
68
|
+
accessibleLabel: string;
|
|
39
69
|
stickyHeader: boolean;
|
|
40
70
|
stickyFooter: boolean;
|
|
41
|
-
|
|
71
|
+
landmarks: Landmarks;
|
|
42
72
|
_scrolled: boolean;
|
|
73
|
+
/** What `landmarks="auto"` reads off the page's surroundings. */
|
|
74
|
+
private _derived;
|
|
75
|
+
private _warnedDuplicateMain;
|
|
76
|
+
/** True when this page renders a section instead of the document landmarks. @internal */
|
|
77
|
+
get _isRegion(): boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Reads whether this page sits somewhere that already has a page: inside an
|
|
80
|
+
* overlay, or in a pane beside other panes. The first of those an ancestor
|
|
81
|
+
* matches decides, so a page in a sheet inside a pane is a region for the
|
|
82
|
+
* sheet's sake.
|
|
83
|
+
*/
|
|
84
|
+
private _deriveLandmarks;
|
|
85
|
+
/**
|
|
86
|
+
* A document has one main, and two pages claiming it is invalid HTML that
|
|
87
|
+
* nothing on screen gives away. Hidden pages count: a pane that is collapsed
|
|
88
|
+
* at this window width is the same markup at another. Only the page that
|
|
89
|
+
* arrived later says it, so one mistake is one message.
|
|
90
|
+
*/
|
|
91
|
+
private _warnOnSecondMain;
|
|
43
92
|
private _scrollMode;
|
|
44
93
|
private _scrollTarget;
|
|
45
94
|
private _scrollProvider;
|
|
@@ -118,4 +167,5 @@ declare global {
|
|
|
118
167
|
'nldd-page': NLDDPage;
|
|
119
168
|
}
|
|
120
169
|
}
|
|
170
|
+
export {};
|
|
121
171
|
//# sourceMappingURL=page.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAsB,MAAM,8CAA8C,CAAC;AAIvH,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAe5C,qBACa,QAAS,SAAQ,UAAW,YAAW,kBAAkB;IACrE,OAAgB,MAAM,0BAAc;IAGpC,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,eAAe,SAAM;IAGrB,YAAY,UAAS;IAGrB,YAAY,UAAS;IAGrB,SAAS,EAAE,SAAS,CAAU;IAG9B,SAAS,UAAS;IAElB,iEAAiE;IAEjE,OAAO,CAAC,QAAQ,CAA6B;IAE7C,OAAO,CAAC,oBAAoB,CAAS;IAErC,yFAAyF;IACzF,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,KAAK,OAAO,GAElB;IAED,IAAI,YAAY,IAAI,WAAW,CAG9B;IAED;;;;;;;;;OASG;IACH,IAAI,iBAAiB,IAAI,WAAW,CAGnC;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB;IA+BjB,oBAAoB;IAYpB,YAAY;IAQZ,OAAO,CAAC,OAAO,EAAE,cAAc;IAKxC;;;OAGG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQvC,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,SAAS,CAMf;IAGF,OAAO,CAAC,gBAAgB;IAQxB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,sBAAsB;IAO9B;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAKhB;;;;;OAKG;IACH,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,SAAS,CAIf;IAOF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,gBAAgB,CAOtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
|
|
@@ -28,11 +28,38 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
28
28
|
* the page owns the scroller, only its own bars count: the chrome above the page
|
|
29
29
|
* sits outside that scroller and does not push sticky content down.
|
|
30
30
|
*
|
|
31
|
+
* ## Landmarks
|
|
32
|
+
* A page carries the landmarks of a document: its header is the banner, its
|
|
33
|
+
* content the main landmark, its footer the contentinfo. A document has one of
|
|
34
|
+
* each, so a page that sits beside another one cannot have them. Such a page
|
|
35
|
+
* renders a section and a plain div instead, which drops all three at once: a
|
|
36
|
+
* header inside sectioning content is no longer a banner. With
|
|
37
|
+
* `accessible-label` that section is a named region, so there is still one
|
|
38
|
+
* landmark to jump to; without a name it is no landmark at all, which beats an
|
|
39
|
+
* unnamed one.
|
|
40
|
+
*
|
|
41
|
+
* `landmarks` says which of the two a page is, and `auto` (the default) reads
|
|
42
|
+
* it off where the page sits:
|
|
43
|
+
* - in an overlay (nldd-sheet, nldd-modal-dialog, nldd-window, nldd-popover) a
|
|
44
|
+
* region, because the overlay is not the document;
|
|
45
|
+
* - in a pane of nldd-navigation-split-view, nldd-side-by-side-split-view or
|
|
46
|
+
* nldd-stacked-split-view a region, because those place pages beside each
|
|
47
|
+
* other;
|
|
48
|
+
* - anywhere else the page, including the `main` slot of an
|
|
49
|
+
* nldd-bar-split-view, which stacks bars around a single content area.
|
|
50
|
+
*
|
|
51
|
+
* So an app shell has no main until you say which pane holds the primary
|
|
52
|
+
* content, with `landmarks="page"` on that one page. Only the application
|
|
53
|
+
* knows which pane that is. Two pages that both render a main is invalid HTML,
|
|
54
|
+
* and the page says so in development.
|
|
55
|
+
*
|
|
31
56
|
* @element nldd-page
|
|
32
57
|
*
|
|
58
|
+
* @attr {'inherit'|'base'|'tinted'} background - Use a gray background instead of white
|
|
59
|
+
* @attr {string} accessible-label - Name of the landmark this page is: the region it becomes beside another page, or its main landmark
|
|
33
60
|
* @attr {boolean} sticky-header - Sticky header
|
|
34
61
|
* @attr {boolean} sticky-footer - Sticky footer
|
|
35
|
-
* @attr {'
|
|
62
|
+
* @attr {'auto'|'page'|'region'} landmarks - Whether this page carries the document's landmarks: 'auto' (default) derives it from where the page sits, 'page' keeps banner, main and contentinfo, 'region' drops all three
|
|
36
63
|
*
|
|
37
64
|
* @slot header - Header content
|
|
38
65
|
* @slot - Main content (scrollable)
|
|
@@ -43,13 +70,28 @@ import { customElement, property, state } from 'lit/decorators.js';
|
|
|
43
70
|
import { findScrollModeProvider } from '../../../utilities/scroll-mode-controller.js';
|
|
44
71
|
import { pageStyles } from './page.styles.js';
|
|
45
72
|
import { pageTemplate } from './page.template.js';
|
|
73
|
+
/** An overlay is a document of its own, so the page inside it is not the page. */
|
|
74
|
+
const OVERLAYS = ['nldd-sheet', 'nldd-modal-dialog', 'nldd-window', 'nldd-popover'];
|
|
75
|
+
/** Split views that place pages beside each other; a bar split view does not. */
|
|
76
|
+
const PANED_SPLIT_VIEWS = [
|
|
77
|
+
'nldd-navigation-split-view',
|
|
78
|
+
'nldd-side-by-side-split-view',
|
|
79
|
+
'nldd-stacked-split-view',
|
|
80
|
+
];
|
|
81
|
+
/** Every connected page, so one can see whether another already holds the main. */
|
|
82
|
+
const _connectedPages = new Set();
|
|
46
83
|
let NLDDPage = class NLDDPage extends LitElement {
|
|
47
84
|
constructor() {
|
|
48
85
|
super(...arguments);
|
|
86
|
+
this.background = 'inherit';
|
|
87
|
+
this.accessibleLabel = '';
|
|
49
88
|
this.stickyHeader = false;
|
|
50
89
|
this.stickyFooter = false;
|
|
51
|
-
this.
|
|
90
|
+
this.landmarks = 'auto';
|
|
52
91
|
this._scrolled = false;
|
|
92
|
+
/** What `landmarks="auto"` reads off the page's surroundings. */
|
|
93
|
+
this._derived = 'page';
|
|
94
|
+
this._warnedDuplicateMain = false;
|
|
53
95
|
this._scrollMode = 'nested';
|
|
54
96
|
this._scrollTarget = null;
|
|
55
97
|
this._scrollProvider = null;
|
|
@@ -81,6 +123,42 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
81
123
|
items.forEach(el => el.classList.toggle('is-last', el === last));
|
|
82
124
|
};
|
|
83
125
|
}
|
|
126
|
+
/** True when this page renders a section instead of the document landmarks. @internal */
|
|
127
|
+
get _isRegion() {
|
|
128
|
+
return this.landmarks === 'auto' ? this._derived === 'region' : this.landmarks === 'region';
|
|
129
|
+
}
|
|
130
|
+
/**
|
|
131
|
+
* Reads whether this page sits somewhere that already has a page: inside an
|
|
132
|
+
* overlay, or in a pane beside other panes. The first of those an ancestor
|
|
133
|
+
* matches decides, so a page in a sheet inside a pane is a region for the
|
|
134
|
+
* sheet's sake.
|
|
135
|
+
*/
|
|
136
|
+
_deriveLandmarks() {
|
|
137
|
+
for (let el = this.parentElement; el; el = el.parentElement) {
|
|
138
|
+
const tag = el.localName;
|
|
139
|
+
if (OVERLAYS.includes(tag) || PANED_SPLIT_VIEWS.includes(tag)) {
|
|
140
|
+
this._derived = 'region';
|
|
141
|
+
return;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
this._derived = 'page';
|
|
145
|
+
}
|
|
146
|
+
/**
|
|
147
|
+
* A document has one main, and two pages claiming it is invalid HTML that
|
|
148
|
+
* nothing on screen gives away. Hidden pages count: a pane that is collapsed
|
|
149
|
+
* at this window width is the same markup at another. Only the page that
|
|
150
|
+
* arrived later says it, so one mistake is one message.
|
|
151
|
+
*/
|
|
152
|
+
_warnOnSecondMain() {
|
|
153
|
+
if (!import.meta.env?.DEV || this._warnedDuplicateMain || this._isRegion)
|
|
154
|
+
return;
|
|
155
|
+
const [first, ...rest] = [..._connectedPages].filter((page) => !page._isRegion);
|
|
156
|
+
const other = first === this ? undefined : first;
|
|
157
|
+
if (!other || !rest.includes(this))
|
|
158
|
+
return;
|
|
159
|
+
this._warnedDuplicateMain = true;
|
|
160
|
+
console.warn('nldd-page: a second page renders a main landmark, which a document may have only one of. Leave `landmarks` at "auto" on pages in a pane or an overlay, or set landmarks="region" on the ones that are not the document\'s page.', this, other);
|
|
161
|
+
}
|
|
84
162
|
get _isRoot() {
|
|
85
163
|
return this._scrollMode === 'root';
|
|
86
164
|
}
|
|
@@ -115,6 +193,8 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
115
193
|
}
|
|
116
194
|
connectedCallback() {
|
|
117
195
|
super.connectedCallback();
|
|
196
|
+
this._deriveLandmarks();
|
|
197
|
+
_connectedPages.add(this);
|
|
118
198
|
// Set container-type/name as inline style on the host element. Doing
|
|
119
199
|
// this from a `:host` rule inside the shadow DOM works in Chromium
|
|
120
200
|
// but Safari does not always recognize the host as a container for
|
|
@@ -145,6 +225,7 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
145
225
|
}
|
|
146
226
|
disconnectedCallback() {
|
|
147
227
|
super.disconnectedCallback();
|
|
228
|
+
_connectedPages.delete(this);
|
|
148
229
|
window.removeEventListener('resize', this._onResize);
|
|
149
230
|
this._scrollProvider?.unregisterScrollConsumer(this);
|
|
150
231
|
this._scrollProvider = null;
|
|
@@ -165,6 +246,7 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
165
246
|
updated(changed) {
|
|
166
247
|
if (changed.has('stickyHeader'))
|
|
167
248
|
this._configureScroll();
|
|
249
|
+
this._warnOnSecondMain();
|
|
168
250
|
}
|
|
169
251
|
/**
|
|
170
252
|
* ScrollModeConsumer — nldd-app-view pushes the derived mode here; called with
|
|
@@ -303,6 +385,12 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
303
385
|
}
|
|
304
386
|
};
|
|
305
387
|
NLDDPage.styles = pageStyles;
|
|
388
|
+
__decorate([
|
|
389
|
+
property({ type: String, reflect: true })
|
|
390
|
+
], NLDDPage.prototype, "background", void 0);
|
|
391
|
+
__decorate([
|
|
392
|
+
property({ type: String, attribute: 'accessible-label' })
|
|
393
|
+
], NLDDPage.prototype, "accessibleLabel", void 0);
|
|
306
394
|
__decorate([
|
|
307
395
|
property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
|
|
308
396
|
], NLDDPage.prototype, "stickyHeader", void 0);
|
|
@@ -311,10 +399,13 @@ __decorate([
|
|
|
311
399
|
], NLDDPage.prototype, "stickyFooter", void 0);
|
|
312
400
|
__decorate([
|
|
313
401
|
property({ type: String, reflect: true })
|
|
314
|
-
], NLDDPage.prototype, "
|
|
402
|
+
], NLDDPage.prototype, "landmarks", void 0);
|
|
315
403
|
__decorate([
|
|
316
404
|
state()
|
|
317
405
|
], NLDDPage.prototype, "_scrolled", void 0);
|
|
406
|
+
__decorate([
|
|
407
|
+
state()
|
|
408
|
+
], NLDDPage.prototype, "_derived", void 0);
|
|
318
409
|
NLDDPage = __decorate([
|
|
319
410
|
customElement('nldd-page')
|
|
320
411
|
], NLDDPage);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { TemplateResult } from 'lit';
|
|
2
2
|
import type { NLDDPage } from './page.js';
|
|
3
|
+
/**
|
|
4
|
+
* The page's own chrome carries the document landmarks: header is the banner,
|
|
5
|
+
* main the main landmark, footer the contentinfo. A page that is not the
|
|
6
|
+
* document's page swaps those for a section and a div, which drops all three at
|
|
7
|
+
* once: a header inside sectioning content is no longer a banner.
|
|
8
|
+
*/
|
|
3
9
|
export declare function pageTemplate(component: NLDDPage): TemplateResult;
|
|
4
10
|
//# sourceMappingURL=page.template.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.template.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"page.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,cAAc,CAyBhE"}
|
|
@@ -1,19 +1,34 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { nothing } from 'lit';
|
|
2
|
+
import { html as staticHtml, literal } from 'lit/static-html.js';
|
|
3
|
+
/**
|
|
4
|
+
* The page's own chrome carries the document landmarks: header is the banner,
|
|
5
|
+
* main the main landmark, footer the contentinfo. A page that is not the
|
|
6
|
+
* document's page swaps those for a section and a div, which drops all three at
|
|
7
|
+
* once: a header inside sectioning content is no longer a banner.
|
|
8
|
+
*/
|
|
2
9
|
export function pageTemplate(component) {
|
|
3
|
-
|
|
4
|
-
|
|
10
|
+
const region = component._isRegion;
|
|
11
|
+
const outer = region ? literal `section` : literal `div`;
|
|
12
|
+
const body = region ? literal `div` : literal `main`;
|
|
13
|
+
const label = component.accessibleLabel.trim() || nothing;
|
|
14
|
+
return staticHtml `
|
|
15
|
+
<${outer} class="page"
|
|
16
|
+
aria-label=${region ? label : nothing}
|
|
17
|
+
>
|
|
5
18
|
<header class="page__header ${component._scrolled ? 'is-scrolled' : ''}">
|
|
6
19
|
<slot name="header"></slot>
|
|
7
20
|
</header>
|
|
8
21
|
<div class="page__scroll">
|
|
9
|
-
|
|
22
|
+
<${body} class="page__main"
|
|
23
|
+
aria-label=${region ? nothing : label}
|
|
24
|
+
>
|
|
10
25
|
<slot></slot>
|
|
11
|
-
|
|
26
|
+
</${body}>
|
|
12
27
|
<footer class="page__footer">
|
|
13
28
|
<slot name="footer"></slot>
|
|
14
29
|
</footer>
|
|
15
30
|
</div>
|
|
16
|
-
|
|
31
|
+
</${outer}>
|
|
17
32
|
`;
|
|
18
33
|
}
|
|
19
34
|
//# sourceMappingURL=page.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.template.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"page.template.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGjE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC;IACnC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA,SAAS,CAAC,CAAC,CAAC,OAAO,CAAA,KAAK,CAAC;IACvD,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA,KAAK,CAAC,CAAC,CAAC,OAAO,CAAA,MAAM,CAAC;IACnD,MAAM,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,OAAO,CAAC;IAE1D,OAAO,UAAU,CAAA;KACb,KAAK;gBACM,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;;iCAEP,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;;;;OAIlE,IAAI;kBACO,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;;;QAGlC,IAAI;;;;;MAKN,KAAK;EACT,CAAC;AACH,CAAC"}
|
|
@@ -30,15 +30,15 @@ import { type NLDDPageFooterTranslations } from './page-footer.i18n.js';
|
|
|
30
30
|
*
|
|
31
31
|
* @element nldd-page-footer-legal-bar-item
|
|
32
32
|
*
|
|
33
|
-
* @attr {string} href - Link target. When omitted, the item renders as plain text.
|
|
34
33
|
* @attr {string} text - Item label. Falls back to the default slot.
|
|
34
|
+
* @attr {string} href - Link target. When omitted, the item renders as plain text.
|
|
35
35
|
*
|
|
36
36
|
* @slot - Item label (alternative to `text`).
|
|
37
37
|
*/
|
|
38
38
|
export declare class NLDDPageFooterLegalBarItem extends LitElement {
|
|
39
39
|
static styles: import("lit").CSSResult;
|
|
40
|
-
href?: string;
|
|
41
40
|
text: string;
|
|
41
|
+
href?: string;
|
|
42
42
|
render(): import("lit-html").TemplateResult;
|
|
43
43
|
}
|
|
44
44
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAatD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAKpG;;;;;;;;;;;GAWG;AACH,qBAAa,0BAA2B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAgC;IAGtD,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"page-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAatD,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAKpG;;;;;;;;;;;GAWG;AACH,qBAAa,0BAA2B,SAAQ,UAAU;IACzD,OAAgB,MAAM,0BAAgC;IAGtD,IAAI,SAAM;IAGV,IAAI,CAAC,EAAE,MAAM,CAAC;IAEL,MAAM;CAGf;AAcD;;;;;;;;;;;;;GAaG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACrD,OAAgB,MAAM,0BAA4B;IAGlD,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,SAAS,UAAS;IAGlB,OAAO,UAAS;IAEhB,OAAO,CAAC,mBAAmB,CAAiE;IAEnF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAWjD,aAAa,GAAI,GAAG,KAAK,UAMvB;IAEO,MAAM;CAGf;AAWD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAE1C;0CACsC;IAEtC,KAAK,SAAM;IAGX,eAAe,UAAS;IAGxB,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAEZ,iBAAiB,IAAI,IAAI;IA6BlC,qBAAqB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,OAAO;IAQ5D,aAAa,GAAI,GAAG,KAAK,UAOvB;IAKO,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAsBtC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;QACnC,4BAA4B,EAAE,sBAAsB,CAAC;QACrD,iCAAiC,EAAE,0BAA0B,CAAC;KAC9D;CACD"}
|
|
@@ -41,8 +41,8 @@ import { nlddPageFooterTranslations } from './page-footer.i18n.js';
|
|
|
41
41
|
*
|
|
42
42
|
* @element nldd-page-footer-legal-bar-item
|
|
43
43
|
*
|
|
44
|
-
* @attr {string} href - Link target. When omitted, the item renders as plain text.
|
|
45
44
|
* @attr {string} text - Item label. Falls back to the default slot.
|
|
45
|
+
* @attr {string} href - Link target. When omitted, the item renders as plain text.
|
|
46
46
|
*
|
|
47
47
|
* @slot - Item label (alternative to `text`).
|
|
48
48
|
*/
|
|
@@ -56,12 +56,12 @@ export class NLDDPageFooterLegalBarItem extends LitElement {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
NLDDPageFooterLegalBarItem.styles = pageFooterLegalBarItemStyles;
|
|
59
|
-
__decorate([
|
|
60
|
-
property({ type: String, reflect: true })
|
|
61
|
-
], NLDDPageFooterLegalBarItem.prototype, "href", void 0);
|
|
62
59
|
__decorate([
|
|
63
60
|
property({ reflect: true, converter: reflectNonDefault('') })
|
|
64
61
|
], NLDDPageFooterLegalBarItem.prototype, "text", void 0);
|
|
62
|
+
__decorate([
|
|
63
|
+
property({ type: String, reflect: true })
|
|
64
|
+
], NLDDPageFooterLegalBarItem.prototype, "href", void 0);
|
|
65
65
|
// Sub-component of nldd-page-footer-legal-bar. Exported as a public class
|
|
66
66
|
// for type imports and slot-content composition. The guard registration
|
|
67
67
|
// (matches nldd-menu's nldd-menu-item) is for de-dupe safety: @customElement
|