@nldd/design-system 0.8.95 → 0.8.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -19
- package/custom-elements.json +781 -379
- package/dist/assets/styles/shadow-resets.d.ts +1 -1
- package/dist/assets/styles/shadow-resets.js +1 -1
- package/dist/components/actions/button/button.js +3 -3
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.js +273 -273
- package/dist/components/actions/button-bar/button-bar.styles.js +34 -34
- package/dist/components/actions/button-group/button-group.styles.js +11 -11
- package/dist/components/actions/icon-button/icon-button.js +3 -3
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +203 -203
- package/dist/components/actions/menu/menu.d.ts +3 -3
- package/dist/components/actions/menu/menu.js +15 -15
- 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 +46 -41
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.js +3 -3
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +30 -30
- package/dist/components/actions/toolbar/toolbar.d.ts +5 -0
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +28 -18
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +55 -55
- package/dist/components/components.js +4682 -4158
- package/dist/components/content/avatar/avatar.d.ts +1 -1
- package/dist/components/content/avatar/avatar.js +3 -3
- package/dist/components/content/avatar/avatar.js.map +1 -1
- package/dist/components/content/avatar/avatar.styles.js +39 -39
- package/dist/components/content/avatar-group/avatar-group.styles.js +36 -36
- package/dist/components/content/blockquote/blockquote.styles.js +14 -14
- package/dist/components/content/code-viewer/code-viewer.js +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +36 -36
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +17 -1
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.js +25 -42
- package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +24 -12
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.js +2 -2
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.js +48 -48
- package/dist/components/content/identity/identity.styles.js +17 -17
- package/dist/components/content/image/image.d.ts +19 -3
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +28 -7
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +189 -153
- package/dist/components/content/image/image.styles.js.map +1 -1
- package/dist/components/content/image/image.template.d.ts.map +1 -1
- package/dist/components/content/image/image.template.js +13 -1
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +42 -40
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +25 -12
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +25 -12
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.styles.js +95 -95
- package/dist/components/content/text/text.styles.js +23 -23
- package/dist/components/content/title/title.styles.js +38 -38
- package/dist/components/content/token/token.styles.js +4 -4
- package/dist/components/content/tooltip/tooltip.js +5 -5
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.js +21 -18
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +5 -5
- package/dist/components/forms/validation-list/validation-list.styles.js +7 -7
- package/dist/components/{icon-Typdp4av.js → icon-D_ZGezHx.js} +83 -63
- package/dist/components/{icon-button-9mo3oIyL.js → icon-button-NN0SrgS3.js} +278 -275
- package/dist/components/index.d.ts +3 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -3
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +31 -16
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.js +2 -2
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +30 -30
- package/dist/components/inputs/combo-box/combo-box.js +2 -2
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +30 -30
- package/dist/components/inputs/date-field/date-field.js +4 -4
- package/dist/components/inputs/date-field/date-field.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.styles.js +46 -46
- package/dist/components/inputs/date-picker/date-picker.js +3 -3
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
- package/dist/components/inputs/date-picker/date-picker.styles.js +65 -65
- package/dist/components/inputs/dropdown/dropdown.js +2 -2
- package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +66 -66
- package/dist/components/inputs/file-field/file-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/file-field/file-field.styles.js +33 -30
- package/dist/components/inputs/file-field/file-field.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +3 -3
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +30 -30
- package/dist/components/inputs/number-field/number-field.js +3 -3
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +18 -18
- package/dist/components/inputs/password-field/password-field.js +2 -2
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +37 -37
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +29 -13
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +2 -2
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +30 -30
- package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +108 -108
- package/dist/components/inputs/stepper/stepper.styles.js +10 -10
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +39 -31
- package/dist/components/inputs/switch/switch.styles.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.js +2 -2
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.js +2 -2
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +7 -7
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +138 -138
- package/dist/components/inputs/text-field/text-field.js +2 -2
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +27 -27
- package/dist/components/inputs/time-field/time-field.js +4 -4
- package/dist/components/inputs/time-field/time-field.js.map +1 -1
- package/dist/components/inputs/time-field/time-field.styles.js +40 -40
- package/dist/components/inputs/time-picker/time-picker.js +4 -4
- package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
- package/dist/components/inputs/time-picker/time-picker.styles.js +30 -30
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +145 -145
- package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js +7 -3
- package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.styles.js +28 -28
- package/dist/components/layout/box/box.d.ts +1 -1
- package/dist/components/layout/box/box.js +1 -1
- package/dist/components/layout/box/box.styles.js +13 -13
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +24 -21
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.js +6 -6
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +19 -19
- package/dist/components/layout/container/container.d.ts +2 -2
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +32 -31
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/container/container.styles.js +125 -125
- package/dist/components/layout/page/page.d.ts +9 -3
- package/dist/components/layout/page/page.d.ts.map +1 -1
- package/dist/components/layout/page/page.js +41 -18
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page/page.styles.js +21 -21
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +26 -26
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +2 -0
- 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 +6 -4
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +22 -17
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.d.ts +57 -11
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +164 -21
- package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.js +159 -105
- package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +4 -0
- 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 +11 -4
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +30 -17
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +4 -0
- 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 +11 -4
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +34 -17
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts +11 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.js +11 -2
- 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 +5 -1
- 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 +11 -7
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +37 -34
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +2 -0
- 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 +6 -5
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +19 -19
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +4 -0
- 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 +11 -4
- 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.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +34 -17
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
- package/dist/components/layout/popover/popover.d.ts +1 -1
- package/dist/components/layout/popover/popover.js +5 -5
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.styles.js +4 -3
- package/dist/components/layout/popover/popover.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.js +5 -5
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +8 -8
- package/dist/components/layout/{app-view/app-view.d.ts → shell/shell.d.ts} +11 -11
- package/dist/components/layout/shell/shell.d.ts.map +1 -0
- package/dist/components/layout/{app-view/app-view.js → shell/shell.js} +24 -24
- package/dist/components/layout/shell/shell.js.map +1 -0
- package/dist/components/layout/shell/shell.styles.d.ts +2 -0
- package/dist/components/layout/shell/shell.styles.d.ts.map +1 -0
- package/dist/components/layout/{app-view/app-view.styles.js → shell/shell.styles.js} +8 -8
- package/dist/components/layout/shell/shell.styles.js.map +1 -0
- package/dist/components/layout/shell/shell.template.d.ts +4 -0
- package/dist/components/layout/shell/shell.template.d.ts.map +1 -0
- package/dist/components/layout/shell/shell.template.js +9 -0
- package/dist/components/layout/shell/shell.template.js.map +1 -0
- package/dist/components/layout/spacer/spacer.styles.js +76 -76
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +5 -5
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +5 -5
- 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.js +12 -12
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +2 -2
- 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/side-by-side-split-view/side-by-side-split-view.styles.js +6 -6
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +4 -4
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +4 -4
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +6 -6
- package/dist/components/layout/window/window.d.ts +1 -1
- package/dist/components/layout/window/window.js +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +3 -1
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.js +8 -8
- package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js +9 -9
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.js +8 -8
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +10 -10
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +9 -9
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +14 -14
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js +20 -20
- package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.d.ts → step-cell/step-cell.d.ts} +18 -17
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.js → step-cell/step-cell.js} +33 -32
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts +2 -0
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js +184 -0
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts +4 -0
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.template.js → step-cell/step-cell.template.js} +10 -10
- package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +9 -9
- 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.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +39 -37
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +8 -8
- 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.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +39 -37
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +7 -7
- 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 +49 -48
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +16 -6
- 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 +29 -16
- 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 +69 -67
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +4 -1
- 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 +8 -2
- 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.js +30 -30
- 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 +1 -1
- 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.js +2 -2
- package/dist/components/lists-and-tables/table/table.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +21 -21
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -3
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +12 -12
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +51 -49
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +5 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +13 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +35 -19
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +11 -10
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +29 -29
- package/dist/components/navigation/skip-link/skip-link.styles.js +8 -8
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +53 -53
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +35 -32
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +1 -1
- 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.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +3 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
- package/dist/components/{shadow-resets-aG-rgyNQ.js → shadow-resets-CPa58rmc.js} +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +46 -46
- package/dist/components/status-and-feedback/badge/badge.js +2 -2
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +120 -119
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.js +49 -49
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +19 -19
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +12 -12
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +58 -58
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +6 -6
- package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.styles.js +45 -39
- package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notifications-area.js +2 -2
- package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -1
- 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 +121 -119
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +58 -58
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +1 -1
- 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 +10 -0
- 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 +21 -0
- 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 +36 -36
- package/dist/components/status-and-feedback/{step-indicator/step-indicator.d.ts → step-bar/step-bar.d.ts} +32 -32
- package/dist/components/status-and-feedback/step-bar/step-bar.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts +9 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js +8 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/{step-indicator/step-indicator.js → step-bar/step-bar.js} +46 -46
- package/dist/components/status-and-feedback/step-bar/step-bar.js.map +1 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts +3 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.styles.js +294 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.styles.js.map +1 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts +5 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.template.js +69 -0
- package/dist/components/status-and-feedback/step-bar/step-bar.template.js.map +1 -0
- package/dist/css/document-reset.css +3 -3
- package/dist/css/rich-text.css +71 -122
- package/dist/css/variables.css +54 -410
- package/dist/nldd.min.js +4607 -4331
- package/dist/translations/en-US.js +5 -5
- package/dist/translations/en-US.js.map +1 -1
- package/dist/translations/fy.js +5 -5
- package/dist/translations/fy.js.map +1 -1
- package/dist/translations/nl.generated.d.ts +5 -5
- package/dist/translations/nl.generated.js +2 -2
- package/dist/translations/nl.generated.js.map +1 -1
- package/dist/translations/pap-AW.js +5 -5
- package/dist/translations/pap-AW.js.map +1 -1
- package/dist/translations/pap-CW.js +5 -5
- package/dist/translations/pap-CW.js.map +1 -1
- package/dist/types/vue.d.ts +125 -82
- package/dist/utilities/codemirror/theme.js +17 -17
- package/dist/utilities/codemirror/theme.js.map +1 -1
- package/dist/utilities/page-section-mixin.d.ts +5 -0
- package/dist/utilities/page-section-mixin.d.ts.map +1 -1
- package/dist/utilities/page-section-mixin.js +13 -4
- package/dist/utilities/page-section-mixin.js.map +1 -1
- package/dist/utilities/scroll-mode-controller.d.ts +29 -13
- package/dist/utilities/scroll-mode-controller.d.ts.map +1 -1
- package/dist/utilities/scroll-mode-controller.js +48 -13
- package/dist/utilities/scroll-mode-controller.js.map +1 -1
- package/dist/utilities/spacing-scale.d.ts +1 -1
- package/dist/utilities/spacing-scale.js +1 -1
- package/package.json +13 -11
- package/dist/components/layout/app-view/app-view.d.ts.map +0 -1
- package/dist/components/layout/app-view/app-view.js.map +0 -1
- package/dist/components/layout/app-view/app-view.styles.d.ts +0 -2
- package/dist/components/layout/app-view/app-view.styles.d.ts.map +0 -1
- package/dist/components/layout/app-view/app-view.styles.js.map +0 -1
- package/dist/components/layout/app-view/app-view.template.d.ts +0 -4
- package/dist/components/layout/app-view/app-view.template.d.ts.map +0 -1
- package/dist/components/layout/app-view/app-view.template.js +0 -9
- package/dist/components/layout/app-view/app-view.template.js.map +0 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -2
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -184
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -4
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
- package/dist/components/palettes.html +0 -245
- package/dist/components/sample-images/butterfly-1200.jpg +0 -0
- package/dist/components/sample-images/butterfly-1600.jpg +0 -0
- package/dist/components/sample-images/butterfly-480.jpg +0 -0
- package/dist/components/sample-images/butterfly-960.jpg +0 -0
- package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +0 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +0 -9
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +0 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +0 -8
- package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +0 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +0 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +0 -3
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +0 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +0 -294
- package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +0 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +0 -5
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +0 -1
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +0 -69
- package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +0 -1
- package/dist/palettes.html +0 -245
- package/dist/sample-images/butterfly-1200.jpg +0 -0
- package/dist/sample-images/butterfly-1600.jpg +0 -0
- package/dist/sample-images/butterfly-480.jpg +0 -0
- package/dist/sample-images/butterfly-960.jpg +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-half-one-half-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"one-half-one-half-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoDnB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;2BAcL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B/B,CAAC"}
|
|
@@ -10,10 +10,12 @@
|
|
|
10
10
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
11
11
|
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
12
12
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
13
|
+
* @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
|
|
13
14
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
14
15
|
* @attr {string} [padding-top] - Top padding override.
|
|
15
16
|
* @attr {string} [padding-bottom] - Bottom padding override.
|
|
16
17
|
* @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
|
|
18
|
+
* @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the shorter column sits next to the longer one ('top' default). Only where the columns stand side by side; stacked, they follow each other.
|
|
17
19
|
*
|
|
18
20
|
* @slot header - Content above the columns
|
|
19
21
|
* @slot left - Left column (1/3)
|
|
@@ -37,12 +39,14 @@ declare const NLDDOneThirdTwoThirdsSection_base: typeof LitElement & (new (...ar
|
|
|
37
39
|
lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
38
40
|
lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
39
41
|
height?: string;
|
|
42
|
+
grow: boolean;
|
|
40
43
|
_onSlotChange(e: Event): void;
|
|
41
44
|
});
|
|
42
45
|
export declare class NLDDOneThirdTwoThirdsSection extends NLDDOneThirdTwoThirdsSection_base {
|
|
43
46
|
static styles: import("lit").CSSResult;
|
|
44
47
|
/** Width mode: 'full' (removes body max-width) or any CSS length. */
|
|
45
48
|
width: string;
|
|
49
|
+
verticalAlignment: 'top' | 'center' | 'bottom';
|
|
46
50
|
updated(changedProperties: Map<string, unknown>): void;
|
|
47
51
|
render(): import("lit-html").TemplateResult;
|
|
48
52
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAOjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,qEAAqE;IAErE,KAAK,SAAM;IAGX,iBAAiB,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAS;IAE9C,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}
|
|
@@ -16,10 +16,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
16
16
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
17
17
|
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
18
18
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
19
|
+
* @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
|
|
19
20
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
20
21
|
* @attr {string} [padding-top] - Top padding override.
|
|
21
22
|
* @attr {string} [padding-bottom] - Bottom padding override.
|
|
22
23
|
* @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
|
|
24
|
+
* @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the shorter column sits next to the longer one ('top' default). Only where the columns stand side by side; stacked, they follow each other.
|
|
23
25
|
*
|
|
24
26
|
* @slot header - Content above the columns
|
|
25
27
|
* @slot left - Left column (1/3)
|
|
@@ -29,6 +31,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
29
31
|
*/
|
|
30
32
|
import { LitElement } from 'lit';
|
|
31
33
|
import { customElement, property } from 'lit/decorators.js';
|
|
34
|
+
import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
|
|
32
35
|
import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
|
|
33
36
|
import { oneThirdTwoThirdsSectionStyles } from './one-third-two-thirds-section.styles.js';
|
|
34
37
|
import { oneThirdTwoThirdsSectionTemplate } from './one-third-two-thirds-section.template.js';
|
|
@@ -37,6 +40,7 @@ let NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends Pa
|
|
|
37
40
|
super(...arguments);
|
|
38
41
|
/** Width mode: 'full' (removes body max-width) or any CSS length. */
|
|
39
42
|
this.width = '';
|
|
43
|
+
this.verticalAlignment = 'top';
|
|
40
44
|
}
|
|
41
45
|
updated(changedProperties) {
|
|
42
46
|
super.updated(changedProperties);
|
|
@@ -44,12 +48,12 @@ let NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends Pa
|
|
|
44
48
|
const w = this.width;
|
|
45
49
|
// Sections constrain the body's max-width rather than the host's
|
|
46
50
|
// outer width. The keyword 'full' is handled by CSS (sets
|
|
47
|
-
// --
|
|
51
|
+
// --_one-third-two-thirds-section-max-width: none); CSS lengths feed --_one-third-two-thirds-section-max-width here.
|
|
48
52
|
if (w && w !== 'full' && CSS.supports('max-width', w)) {
|
|
49
|
-
this.style.setProperty('--
|
|
53
|
+
this.style.setProperty('--_one-third-two-thirds-section-max-width', w);
|
|
50
54
|
}
|
|
51
55
|
else {
|
|
52
|
-
this.style.removeProperty('--
|
|
56
|
+
this.style.removeProperty('--_one-third-two-thirds-section-max-width');
|
|
53
57
|
}
|
|
54
58
|
}
|
|
55
59
|
}
|
|
@@ -59,8 +63,11 @@ let NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends Pa
|
|
|
59
63
|
};
|
|
60
64
|
NLDDOneThirdTwoThirdsSection.styles = oneThirdTwoThirdsSectionStyles;
|
|
61
65
|
__decorate([
|
|
62
|
-
property({
|
|
66
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
63
67
|
], NLDDOneThirdTwoThirdsSection.prototype, "width", void 0);
|
|
68
|
+
__decorate([
|
|
69
|
+
property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('top') })
|
|
70
|
+
], NLDDOneThirdTwoThirdsSection.prototype, "verticalAlignment", void 0);
|
|
64
71
|
NLDDOneThirdTwoThirdsSection = __decorate([
|
|
65
72
|
customElement('nldd-one-third-two-thirds-section')
|
|
66
73
|
], NLDDOneThirdTwoThirdsSection);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAGvF,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAAvE;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;QAGX,sBAAiB,GAAgC,KAAK,CAAC;IAoBxD,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,qHAAqH;YACrH,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,2CAA2C,EAAE,CAAC,CAAC,CAAC;YACxE,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,2CAA2C,CAAC,CAAC;YACxE,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;;AA1Be,mCAAM,GAAG,8BAA8B,AAAjC,CAAkC;AAIxD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;2DAC3D;AAGX;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE,iBAAiB,CAA8B,KAAK,CAAC,EAAE,CAAC;uEACxE;AAR3C,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CA4BxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,8BAA8B,
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,8BAA8B,yBAqJ1C,CAAC"}
|
|
@@ -16,15 +16,15 @@ export const oneThirdTwoThirdsSectionStyles = css `
|
|
|
16
16
|
container-type: inline-size;
|
|
17
17
|
/* Block-padding overrides from PageSectionMixin; 'initial' lets the
|
|
18
18
|
block fall back to the responsive default until the mixin sets one. */
|
|
19
|
-
--
|
|
20
|
-
--
|
|
21
|
-
--
|
|
22
|
-
--
|
|
23
|
-
--
|
|
24
|
-
--
|
|
25
|
-
--
|
|
26
|
-
--
|
|
27
|
-
--
|
|
19
|
+
--_one-third-two-thirds-section-padding-top: initial;
|
|
20
|
+
--_one-third-two-thirds-section-padding-bottom: initial;
|
|
21
|
+
--_one-third-two-thirds-section-sm-padding-top: initial;
|
|
22
|
+
--_one-third-two-thirds-section-sm-padding-bottom: initial;
|
|
23
|
+
--_one-third-two-thirds-section-md-padding-top: initial;
|
|
24
|
+
--_one-third-two-thirds-section-md-padding-bottom: initial;
|
|
25
|
+
--_one-third-two-thirds-section-lg-padding-top: initial;
|
|
26
|
+
--_one-third-two-thirds-section-lg-padding-bottom: initial;
|
|
27
|
+
--_one-third-two-thirds-section-max-width: var(--semantics-page-sections-body-max-width);
|
|
28
28
|
|
|
29
29
|
display: flex;
|
|
30
30
|
width: 100%;
|
|
@@ -36,8 +36,13 @@ export const oneThirdTwoThirdsSectionStyles = css `
|
|
|
36
36
|
display: none;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
:host([data-growing]),
|
|
40
|
+
:host([grow]) {
|
|
41
|
+
flex-grow: 1;
|
|
42
|
+
}
|
|
43
|
+
|
|
39
44
|
:host([width="full"]) {
|
|
40
|
-
--
|
|
45
|
+
--_one-third-two-thirds-section-max-width: none;
|
|
41
46
|
}
|
|
42
47
|
|
|
43
48
|
|
|
@@ -53,20 +58,20 @@ export const oneThirdTwoThirdsSectionStyles = css `
|
|
|
53
58
|
|
|
54
59
|
@container (max-width: ${smMax}) {
|
|
55
60
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
56
|
-
padding-top: var(--
|
|
57
|
-
padding-bottom: var(--
|
|
61
|
+
padding-top: var(--_one-third-two-thirds-section-sm-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
62
|
+
padding-bottom: var(--_one-third-two-thirds-section-sm-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
58
63
|
}
|
|
59
64
|
|
|
60
65
|
@container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
61
66
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
62
|
-
padding-top: var(--
|
|
63
|
-
padding-bottom: var(--
|
|
67
|
+
padding-top: var(--_one-third-two-thirds-section-md-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
68
|
+
padding-bottom: var(--_one-third-two-thirds-section-md-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
64
69
|
}
|
|
65
70
|
|
|
66
71
|
@container (min-width: ${lgMin}) {
|
|
67
72
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
68
|
-
padding-top: var(--
|
|
69
|
-
padding-bottom: var(--
|
|
73
|
+
padding-top: var(--_one-third-two-thirds-section-lg-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
74
|
+
padding-bottom: var(--_one-third-two-thirds-section-lg-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
70
75
|
}
|
|
71
76
|
}
|
|
72
77
|
|
|
@@ -76,7 +81,7 @@ export const oneThirdTwoThirdsSectionStyles = css `
|
|
|
76
81
|
.one-third-two-thirds-section__body {
|
|
77
82
|
display: flex;
|
|
78
83
|
width: 100%;
|
|
79
|
-
max-width: var(--
|
|
84
|
+
max-width: var(--_one-third-two-thirds-section-max-width);
|
|
80
85
|
flex-direction: column;
|
|
81
86
|
|
|
82
87
|
@container (max-width: ${smMax}) {
|
|
@@ -123,6 +128,18 @@ export const oneThirdTwoThirdsSectionStyles = css `
|
|
|
123
128
|
}
|
|
124
129
|
}
|
|
125
130
|
|
|
131
|
+
:host([vertical-alignment="center"]) .one-third-two-thirds-section__columns {
|
|
132
|
+
@container (min-width: 769px) {
|
|
133
|
+
align-items: center;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
:host([vertical-alignment="bottom"]) .one-third-two-thirds-section__columns {
|
|
138
|
+
@container (min-width: 769px) {
|
|
139
|
+
align-items: flex-end;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
|
|
126
143
|
.one-third-two-thirds-section__left-column {
|
|
127
144
|
min-width: var(--primitives-area-280);
|
|
128
145
|
flex-grow: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-third-two-thirds-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"one-third-two-thirds-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoDtB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;2BAuBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B/B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Directive, type ElementPart, type PartInfo } from 'lit/directive.js';
|
|
2
2
|
/**
|
|
3
3
|
* Shared Storybook controls for the PageSectionMixin surface API
|
|
4
|
-
* (background, width, height and the 12 block-padding overrides).
|
|
4
|
+
* (background, width, height, grow and the 12 block-padding overrides).
|
|
5
5
|
* Spread into a section story's `args` / `argTypes`, and bind onto the host
|
|
6
6
|
* element in `render` with the `pageSectionAttrs` directive.
|
|
7
7
|
*/
|
|
@@ -9,6 +9,7 @@ export declare const pageSectionArgs: {
|
|
|
9
9
|
background: string;
|
|
10
10
|
width: string;
|
|
11
11
|
height: string;
|
|
12
|
+
grow: boolean;
|
|
12
13
|
paddingBlock: string;
|
|
13
14
|
paddingTop: string;
|
|
14
15
|
paddingBottom: string;
|
|
@@ -43,6 +44,15 @@ export declare const pageSectionArgTypes: {
|
|
|
43
44
|
control: string;
|
|
44
45
|
description: string;
|
|
45
46
|
};
|
|
47
|
+
grow: {
|
|
48
|
+
control: string;
|
|
49
|
+
description: string;
|
|
50
|
+
table: {
|
|
51
|
+
defaultValue: {
|
|
52
|
+
summary: boolean;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
};
|
|
46
56
|
paddingBlock: {
|
|
47
57
|
name: string;
|
|
48
58
|
control: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;AAgB1B;;;;;GAKG;AACH,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;AAgB1B;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC/B,CAAC;AAMF,cAAM,yBAA0B,SAAQ,SAAS;gBACpC,QAAQ,EAAE,QAAQ;IAO9B,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI5B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAcpE;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,uHAAuC,CAAC"}
|
|
@@ -14,7 +14,7 @@ const paddingControl = (name, description) => ({
|
|
|
14
14
|
});
|
|
15
15
|
/**
|
|
16
16
|
* Shared Storybook controls for the PageSectionMixin surface API
|
|
17
|
-
* (background, width, height and the 12 block-padding overrides).
|
|
17
|
+
* (background, width, height, grow and the 12 block-padding overrides).
|
|
18
18
|
* Spread into a section story's `args` / `argTypes`, and bind onto the host
|
|
19
19
|
* element in `render` with the `pageSectionAttrs` directive.
|
|
20
20
|
*/
|
|
@@ -22,6 +22,7 @@ export const pageSectionArgs = {
|
|
|
22
22
|
background: 'inherit',
|
|
23
23
|
width: '',
|
|
24
24
|
height: '',
|
|
25
|
+
grow: false,
|
|
25
26
|
paddingBlock: '',
|
|
26
27
|
paddingTop: '',
|
|
27
28
|
paddingBottom: '',
|
|
@@ -50,6 +51,11 @@ export const pageSectionArgTypes = {
|
|
|
50
51
|
control: 'text',
|
|
51
52
|
description: 'Minimale hoogte van de sectie, als CSS-lengte (bv. "400px" of "100dvh")',
|
|
52
53
|
},
|
|
54
|
+
grow: {
|
|
55
|
+
control: 'boolean',
|
|
56
|
+
description: 'Neemt de hoogte die de pagina over heeft, zodat de footer onderaan staat. Zonder `grow` groeit de laatste sectie van een `nldd-page`.',
|
|
57
|
+
table: { defaultValue: { summary: false } },
|
|
58
|
+
},
|
|
53
59
|
paddingBlock: paddingControl('padding-block', 'Padding boven en onder (token 0 tot 96, "0" haalt hem weg)'),
|
|
54
60
|
paddingTop: paddingControl('padding-top', 'Alleen de padding boven'),
|
|
55
61
|
paddingBottom: paddingControl('padding-bottom', 'Alleen de padding onder'),
|
|
@@ -79,7 +85,10 @@ class PageSectionAttrsDirective extends Directive {
|
|
|
79
85
|
const el = part.element;
|
|
80
86
|
for (const [key, attribute] of PAGE_SECTION_ATTRS) {
|
|
81
87
|
const value = args[key];
|
|
82
|
-
if (typeof value === '
|
|
88
|
+
if (typeof value === 'boolean') {
|
|
89
|
+
el.toggleAttribute(attribute, value);
|
|
90
|
+
}
|
|
91
|
+
else if (typeof value === 'string' && value !== '') {
|
|
83
92
|
el.setAttribute(attribute, value);
|
|
84
93
|
}
|
|
85
94
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,9 @@
|
|
|
4
4
|
* A page section with a left sidebar alongside the main content.
|
|
5
5
|
*
|
|
6
6
|
* - **Wide (section >= 1008px):** two columns. The sidebar is a sticky, scrollable
|
|
7
|
-
*
|
|
7
|
+
* box (max-width 320px) beside the main content. It takes the surface of the
|
|
8
|
+
* section around it and is edged by a divider line, so it reads as a block
|
|
9
|
+
* without drawing the eye away from the main. Its sticky top/bottom insets
|
|
8
10
|
* default to 16px; override with `sticky-top` / `sticky-bottom` so it clears
|
|
9
11
|
* other sticky page elements (e.g. a sticky header).
|
|
10
12
|
* - **Narrow (section < 1008px):** the sidebar collapses behind a sheet (a left panel on
|
|
@@ -32,6 +34,7 @@
|
|
|
32
34
|
* @element nldd-sidebar-section
|
|
33
35
|
*
|
|
34
36
|
* @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
|
|
37
|
+
* @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
|
|
35
38
|
* @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
36
39
|
* @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
|
|
37
40
|
* @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
|
|
@@ -73,6 +76,7 @@ declare const NLDDSidebarSection_base: typeof LitElement & (new (...args: any[])
|
|
|
73
76
|
lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
74
77
|
lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
75
78
|
height?: string;
|
|
79
|
+
grow: boolean;
|
|
76
80
|
_onSlotChange(e: Event): void;
|
|
77
81
|
});
|
|
78
82
|
export declare class NLDDSidebarSection extends NLDDSidebarSection_base {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oDAAoD,CAAC;;;;;;;;;;;;;;;;;;;AAI5D,qBACa,kBAAmB,SAAQ,uBAA4B;IACnE,OAAgB,MAAM,0BAAwB;IAG9C,KAAK,SAAM;IAGX,YAAY,SAAM;IAElB,yGAAyG;IAEzG,YAAY,EAAE,OAAO,CAAC,OAAO,8BAA8B,CAAC,CAAM;IAGlE,UAAU,UAAS;IAGnB,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,SAAS,UAAS;IAGlB,OAAO,CAAC,MAAM,CAAC,CAAY;IAE3B,OAAO,CAAC,GAAG,CAAC,CAAiB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,qEAAqE;IACrE,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,EAAE;IAID,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAM7B,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,eAAe;IAcd,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,OAAO,CAAC,WAAW;IAQnB,iFAAiF;IACjF,IAAI,IAAI,IAAI;IAKZ,gCAAgC;IAChC,IAAI,IAAI,IAAI;IAIZ,sDAAsD;IACtD,MAAM,IAAI,IAAI;IAQd,YAAY,QAAO,IAAI,CAAgC;IACvD,aAAa,QAAO,IAAI,CAAiC;IAEhD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
|
|
@@ -10,7 +10,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
10
10
|
* A page section with a left sidebar alongside the main content.
|
|
11
11
|
*
|
|
12
12
|
* - **Wide (section >= 1008px):** two columns. The sidebar is a sticky, scrollable
|
|
13
|
-
*
|
|
13
|
+
* box (max-width 320px) beside the main content. It takes the surface of the
|
|
14
|
+
* section around it and is edged by a divider line, so it reads as a block
|
|
15
|
+
* without drawing the eye away from the main. Its sticky top/bottom insets
|
|
14
16
|
* default to 16px; override with `sticky-top` / `sticky-bottom` so it clears
|
|
15
17
|
* other sticky page elements (e.g. a sticky header).
|
|
16
18
|
* - **Narrow (section < 1008px):** the sidebar collapses behind a sheet (a left panel on
|
|
@@ -38,6 +40,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
38
40
|
* @element nldd-sidebar-section
|
|
39
41
|
*
|
|
40
42
|
* @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
|
|
43
|
+
* @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
|
|
41
44
|
* @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
|
|
42
45
|
* @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
|
|
43
46
|
* @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
|
|
@@ -61,6 +64,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
61
64
|
*/
|
|
62
65
|
import { LitElement } from 'lit';
|
|
63
66
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
67
|
+
import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
|
|
64
68
|
import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
|
|
65
69
|
import { breakpoints } from '../../../../assets/styles/breakpoints.js';
|
|
66
70
|
import { sidebarSectionStyles } from './sidebar-section.styles.js';
|
|
@@ -143,18 +147,18 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
|
|
|
143
147
|
super.updated(changed);
|
|
144
148
|
if (changed.has('width')) {
|
|
145
149
|
const w = this.width;
|
|
146
|
-
// 'full' is handled by CSS (--
|
|
150
|
+
// 'full' is handled by CSS (--_sidebar-section-max-width: none); CSS lengths feed the var.
|
|
147
151
|
if (w && w !== 'full' && CSS.supports('max-width', w)) {
|
|
148
|
-
this.style.setProperty('--
|
|
152
|
+
this.style.setProperty('--_sidebar-section-max-width', w);
|
|
149
153
|
}
|
|
150
154
|
else {
|
|
151
|
-
this.style.removeProperty('--
|
|
155
|
+
this.style.removeProperty('--_sidebar-section-max-width');
|
|
152
156
|
}
|
|
153
157
|
}
|
|
154
158
|
if (changed.has('stickyTop'))
|
|
155
|
-
this._applyInset('--
|
|
159
|
+
this._applyInset('--_sidebar-section-sticky-top', this.stickyTop);
|
|
156
160
|
if (changed.has('stickyBottom'))
|
|
157
|
-
this._applyInset('--
|
|
161
|
+
this._applyInset('--_sidebar-section-sticky-bottom', this.stickyBottom);
|
|
158
162
|
// Toggling no-collapse flips whether a narrow section collapses — re-evaluate.
|
|
159
163
|
if (changed.has('noCollapse'))
|
|
160
164
|
this._applyCollapsed(this.clientWidth, false);
|
|
@@ -196,7 +200,7 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
|
|
|
196
200
|
};
|
|
197
201
|
NLDDSidebarSection.styles = sidebarSectionStyles;
|
|
198
202
|
__decorate([
|
|
199
|
-
property({
|
|
203
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
200
204
|
], NLDDSidebarSection.prototype, "width", void 0);
|
|
201
205
|
__decorate([
|
|
202
206
|
property({ type: String, attribute: 'sidebar-label' })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"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"}
|
package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"sidebar-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,yBA4KhC,CAAC"}
|
|
@@ -22,20 +22,22 @@ export const sidebarSectionStyles = css `
|
|
|
22
22
|
container-type: inline-size;
|
|
23
23
|
/* Block-padding overrides from PageSectionMixin; resolved per breakpoint
|
|
24
24
|
below (scope override -> base override -> responsive default). */
|
|
25
|
-
--
|
|
26
|
-
--
|
|
27
|
-
--
|
|
28
|
-
--
|
|
29
|
-
--
|
|
30
|
-
--
|
|
31
|
-
--
|
|
32
|
-
--
|
|
33
|
-
--
|
|
25
|
+
--_sidebar-section-padding-top: initial;
|
|
26
|
+
--_sidebar-section-padding-bottom: initial;
|
|
27
|
+
--_sidebar-section-sm-padding-top: initial;
|
|
28
|
+
--_sidebar-section-sm-padding-bottom: initial;
|
|
29
|
+
--_sidebar-section-md-padding-top: initial;
|
|
30
|
+
--_sidebar-section-md-padding-bottom: initial;
|
|
31
|
+
--_sidebar-section-lg-padding-top: initial;
|
|
32
|
+
--_sidebar-section-lg-padding-bottom: initial;
|
|
33
|
+
--_sidebar-section-max-width: var(--semantics-page-sections-body-max-width);
|
|
34
34
|
/* 24px clear of the insets nldd-page publishes. 24 is the depth of a
|
|
35
35
|
sticky header's fade, so the box starts where the fade ends. */
|
|
36
|
-
--
|
|
37
|
-
--
|
|
38
|
-
--_sidebar-width: var(--primitives-area-320);
|
|
36
|
+
--_sidebar-section-sticky-top: calc(var(--context-inset-top, 0px) + var(--primitives-space-24));
|
|
37
|
+
--_sidebar-section-sticky-bottom: calc(var(--context-inset-bottom, 0px) + var(--primitives-space-24));
|
|
38
|
+
--_sidebar-section-width: var(--primitives-area-320);
|
|
39
|
+
--_sidebar-section-sidebar-box-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
|
|
40
|
+
--_sidebar-section-sidebar-box-border-color: var(--semantics-dividers-color);
|
|
39
41
|
|
|
40
42
|
display: flex;
|
|
41
43
|
width: 100%;
|
|
@@ -48,17 +50,17 @@ export const sidebarSectionStyles = css `
|
|
|
48
50
|
}
|
|
49
51
|
|
|
50
52
|
:host([width="full"]) {
|
|
51
|
-
--
|
|
53
|
+
--_sidebar-section-max-width: none;
|
|
52
54
|
}
|
|
53
55
|
|
|
54
|
-
/* # Growth — mirrors simple-section. The host only grows
|
|
55
|
-
|
|
56
|
+
/* # Growth — mirrors simple-section. The host only grows when it is the
|
|
57
|
+
growing section of an nldd-page, or has grow itself; the chain below (block -> body ->
|
|
56
58
|
columns -> main) is unconditional, so whatever height the host gets
|
|
57
59
|
always reaches the main column. An nldd-inline-dialog there (itself
|
|
58
60
|
flex-grow: 1) then fills and centers in the leftover space. */
|
|
59
61
|
|
|
60
|
-
:host(
|
|
61
|
-
:host(
|
|
62
|
+
:host([data-growing]),
|
|
63
|
+
:host([grow]) {
|
|
62
64
|
flex-grow: 1;
|
|
63
65
|
}
|
|
64
66
|
|
|
@@ -75,20 +77,20 @@ export const sidebarSectionStyles = css `
|
|
|
75
77
|
|
|
76
78
|
@container (max-width: ${smMax}) {
|
|
77
79
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
78
|
-
padding-top: var(--
|
|
79
|
-
padding-bottom: var(--
|
|
80
|
+
padding-top: var(--_sidebar-section-sm-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
81
|
+
padding-bottom: var(--_sidebar-section-sm-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
80
82
|
}
|
|
81
83
|
|
|
82
84
|
@container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
83
85
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
84
|
-
padding-top: var(--
|
|
85
|
-
padding-bottom: var(--
|
|
86
|
+
padding-top: var(--_sidebar-section-md-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
87
|
+
padding-bottom: var(--_sidebar-section-md-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
86
88
|
}
|
|
87
89
|
|
|
88
90
|
@container (min-width: ${lgMin}) {
|
|
89
91
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
90
|
-
padding-top: var(--
|
|
91
|
-
padding-bottom: var(--
|
|
92
|
+
padding-top: var(--_sidebar-section-lg-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
93
|
+
padding-bottom: var(--_sidebar-section-lg-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
92
94
|
}
|
|
93
95
|
}
|
|
94
96
|
|
|
@@ -98,7 +100,7 @@ export const sidebarSectionStyles = css `
|
|
|
98
100
|
.sidebar-section__body {
|
|
99
101
|
display: flex;
|
|
100
102
|
width: 100%;
|
|
101
|
-
max-width: var(--
|
|
103
|
+
max-width: var(--_sidebar-section-max-width);
|
|
102
104
|
flex-direction: column;
|
|
103
105
|
flex-grow: 1;
|
|
104
106
|
|
|
@@ -148,28 +150,29 @@ export const sidebarSectionStyles = css `
|
|
|
148
150
|
flex-shrink: 0;
|
|
149
151
|
|
|
150
152
|
@container (min-width: ${lgMin}) {
|
|
151
|
-
width: var(--_sidebar-width);
|
|
152
|
-
max-width: var(--_sidebar-width);
|
|
153
|
+
width: var(--_sidebar-section-width);
|
|
154
|
+
max-width: var(--_sidebar-section-width);
|
|
153
155
|
}
|
|
154
156
|
}
|
|
155
157
|
|
|
156
|
-
/* # Box —
|
|
157
|
-
stacked it's a plain full-width
|
|
158
|
-
would scroll over the main) and no viewport
|
|
158
|
+
/* # Box — the surface around it, edged by a divider. Sticky + scrollable only
|
|
159
|
+
beside the main (wide); when stacked it's a plain full-width box above the
|
|
160
|
+
main, so no sticky (which would scroll over the main) and no viewport
|
|
161
|
+
height cap. */
|
|
159
162
|
|
|
160
163
|
.sidebar-section__sidebar-box {
|
|
161
164
|
box-sizing: border-box;
|
|
162
165
|
border-radius: var(--semantics-surfaces-corner-radius);
|
|
163
|
-
background-color: var(--
|
|
164
|
-
box-shadow: inset 0 0 0 var(--semantics-surfaces-border-width) var(--
|
|
166
|
+
background-color: var(--_sidebar-section-sidebar-box-background-color);
|
|
167
|
+
box-shadow: inset 0 0 0 var(--semantics-surfaces-border-width) var(--_sidebar-section-sidebar-box-border-color);
|
|
165
168
|
|
|
166
169
|
@container (min-width: ${lgMin}) {
|
|
167
170
|
position: sticky;
|
|
168
|
-
top: var(--
|
|
169
|
-
bottom: var(--
|
|
171
|
+
top: var(--_sidebar-section-sticky-top);
|
|
172
|
+
bottom: var(--_sidebar-section-sticky-bottom);
|
|
170
173
|
/* What the scroller shows, not what the window is: a viewport-tall cap
|
|
171
174
|
hangs out the bottom by the height of the chrome around the page. */
|
|
172
|
-
max-height: calc(var(--context-scroller-height, 100dvh) - var(--
|
|
175
|
+
max-height: calc(var(--context-scroller-height, 100dvh) - var(--_sidebar-section-sticky-top) - var(--_sidebar-section-sticky-bottom));
|
|
173
176
|
overflow-y: auto;
|
|
174
177
|
}
|
|
175
178
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;+CAYQ,KAAK
|
|
1
|
+
{"version":3,"file":"sidebar-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;+CAYQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA2DzB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;2BAmBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;;;;;;;CAU/B,CAAC"}
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
* @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
|
|
19
19
|
* @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
|
|
20
20
|
* @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
|
|
21
|
+
* @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
|
|
21
22
|
* @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
|
|
22
23
|
* @attr {string} [padding-top] - Top padding override.
|
|
23
24
|
* @attr {string} [padding-bottom] - Bottom padding override.
|
|
@@ -47,6 +48,7 @@ declare const NLDDSimpleSection_base: typeof LitElement & (new (...args: any[])
|
|
|
47
48
|
lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
48
49
|
lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
|
|
49
50
|
height?: string;
|
|
51
|
+
grow: boolean;
|
|
50
52
|
_onSlotChange(e: Event): void;
|
|
51
53
|
});
|
|
52
54
|
export declare class NLDDSimpleSection extends NLDDSimpleSection_base {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;AAErD,qBACa,iBAAkB,SAAQ,sBAA4B;IAClE,OAAgB,MAAM,0BAAuB;IAE7C,qEAAqE;IAErE,KAAK,SAAM;IAEX,8EAA8E;IAE9E,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAS;IAEpC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
|